@okta/odyssey-react-mui 1.41.1 → 1.43.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 (354) hide show
  1. package/dist/cjs/DataTable/DataTable.cjs +67 -42
  2. package/dist/cjs/DataTable/DataTable.cjs.map +1 -1
  3. package/dist/cjs/Drawer.cjs +16 -14
  4. package/dist/cjs/Drawer.cjs.map +1 -1
  5. package/dist/cjs/PasswordField.cjs +1 -1
  6. package/dist/cjs/PasswordField.cjs.map +1 -1
  7. package/dist/cjs/Select.cjs +35 -44
  8. package/dist/cjs/Select.cjs.map +1 -1
  9. package/dist/cjs/Status.cjs +2 -0
  10. package/dist/cjs/Status.cjs.map +1 -1
  11. package/dist/cjs/Typography.cjs +32 -8
  12. package/dist/cjs/Typography.cjs.map +1 -1
  13. package/dist/cjs/createContrastColors.cjs +6 -2
  14. package/dist/cjs/createContrastColors.cjs.map +1 -1
  15. package/dist/cjs/getLogicalBoundaries.cjs +33 -0
  16. package/dist/cjs/getLogicalBoundaries.cjs.map +1 -0
  17. package/dist/cjs/labs/DataFilters.cjs +1 -0
  18. package/dist/cjs/labs/DataFilters.cjs.map +1 -1
  19. package/dist/cjs/labs/DataView/BulkActionsMenu.cjs.map +1 -1
  20. package/dist/cjs/labs/DataView/CardLayoutContent.cjs.map +1 -1
  21. package/dist/cjs/labs/DataView/DataView.cjs +10 -1
  22. package/dist/cjs/labs/DataView/DataView.cjs.map +1 -1
  23. package/dist/cjs/labs/DataView/RowActions.cjs +3 -4
  24. package/dist/cjs/labs/DataView/RowActions.cjs.map +1 -1
  25. package/dist/cjs/labs/DataView/TableLayoutContent.cjs +2 -4
  26. package/dist/cjs/labs/DataView/TableLayoutContent.cjs.map +1 -1
  27. package/dist/cjs/labs/DataView/useFilterConversion.cjs.map +1 -1
  28. package/dist/cjs/labs/OdysseyPickers/ComposablePicker.cjs.map +1 -1
  29. package/dist/cjs/labs/OdysseyPickers/Picker.cjs +17 -11
  30. package/dist/cjs/labs/OdysseyPickers/Picker.cjs.map +1 -1
  31. package/dist/cjs/labs/OdysseyPickers/PickerWithOptionAdornment.cjs +2 -1
  32. package/dist/cjs/labs/OdysseyPickers/PickerWithOptionAdornment.cjs.map +1 -1
  33. package/dist/cjs/labs/OdysseyPickers/SearchDropdown.cjs +2 -3
  34. package/dist/cjs/labs/OdysseyPickers/SearchDropdown.cjs.map +1 -1
  35. package/dist/cjs/labs/PageTemplate/PageTemplate.cjs +15 -4
  36. package/dist/cjs/labs/PageTemplate/PageTemplate.cjs.map +1 -1
  37. package/dist/cjs/properties/ts/odyssey-react-mui.cjs +0 -1
  38. package/dist/cjs/properties/ts/odyssey-react-mui.cjs.map +1 -1
  39. package/dist/cjs/properties/ts/odyssey-react-mui_cs.cjs +0 -1
  40. package/dist/cjs/properties/ts/odyssey-react-mui_cs.cjs.map +1 -1
  41. package/dist/cjs/properties/ts/odyssey-react-mui_da.cjs +0 -1
  42. package/dist/cjs/properties/ts/odyssey-react-mui_da.cjs.map +1 -1
  43. package/dist/cjs/properties/ts/odyssey-react-mui_de.cjs +0 -1
  44. package/dist/cjs/properties/ts/odyssey-react-mui_de.cjs.map +1 -1
  45. package/dist/cjs/properties/ts/odyssey-react-mui_el.cjs +0 -1
  46. package/dist/cjs/properties/ts/odyssey-react-mui_el.cjs.map +1 -1
  47. package/dist/cjs/properties/ts/odyssey-react-mui_es.cjs +0 -1
  48. package/dist/cjs/properties/ts/odyssey-react-mui_es.cjs.map +1 -1
  49. package/dist/cjs/properties/ts/odyssey-react-mui_eu.cjs +136 -0
  50. package/dist/cjs/properties/ts/odyssey-react-mui_eu.cjs.map +1 -0
  51. package/dist/cjs/properties/ts/odyssey-react-mui_fi.cjs +0 -1
  52. package/dist/cjs/properties/ts/odyssey-react-mui_fi.cjs.map +1 -1
  53. package/dist/cjs/properties/ts/odyssey-react-mui_fr.cjs +0 -1
  54. package/dist/cjs/properties/ts/odyssey-react-mui_fr.cjs.map +1 -1
  55. package/dist/cjs/properties/ts/odyssey-react-mui_ht.cjs +0 -1
  56. package/dist/cjs/properties/ts/odyssey-react-mui_ht.cjs.map +1 -1
  57. package/dist/cjs/properties/ts/odyssey-react-mui_hu.cjs +0 -1
  58. package/dist/cjs/properties/ts/odyssey-react-mui_hu.cjs.map +1 -1
  59. package/dist/cjs/properties/ts/odyssey-react-mui_id.cjs +0 -1
  60. package/dist/cjs/properties/ts/odyssey-react-mui_id.cjs.map +1 -1
  61. package/dist/cjs/properties/ts/odyssey-react-mui_it.cjs +0 -1
  62. package/dist/cjs/properties/ts/odyssey-react-mui_it.cjs.map +1 -1
  63. package/dist/cjs/properties/ts/odyssey-react-mui_ja.cjs +0 -1
  64. package/dist/cjs/properties/ts/odyssey-react-mui_ja.cjs.map +1 -1
  65. package/dist/cjs/properties/ts/odyssey-react-mui_ko.cjs +0 -1
  66. package/dist/cjs/properties/ts/odyssey-react-mui_ko.cjs.map +1 -1
  67. package/dist/cjs/properties/ts/odyssey-react-mui_ms.cjs +0 -1
  68. package/dist/cjs/properties/ts/odyssey-react-mui_ms.cjs.map +1 -1
  69. package/dist/cjs/properties/ts/odyssey-react-mui_nb.cjs +0 -1
  70. package/dist/cjs/properties/ts/odyssey-react-mui_nb.cjs.map +1 -1
  71. package/dist/cjs/properties/ts/odyssey-react-mui_nl_NL.cjs +0 -1
  72. package/dist/cjs/properties/ts/odyssey-react-mui_nl_NL.cjs.map +1 -1
  73. package/dist/cjs/properties/ts/odyssey-react-mui_ok_PL.cjs +4 -2
  74. package/dist/cjs/properties/ts/odyssey-react-mui_ok_PL.cjs.map +1 -1
  75. package/dist/cjs/properties/ts/odyssey-react-mui_ok_SK.cjs +129 -126
  76. package/dist/cjs/properties/ts/odyssey-react-mui_ok_SK.cjs.map +1 -1
  77. package/dist/cjs/properties/ts/odyssey-react-mui_pl.cjs +0 -1
  78. package/dist/cjs/properties/ts/odyssey-react-mui_pl.cjs.map +1 -1
  79. package/dist/cjs/properties/ts/odyssey-react-mui_pt_BR.cjs +0 -1
  80. package/dist/cjs/properties/ts/odyssey-react-mui_pt_BR.cjs.map +1 -1
  81. package/dist/cjs/properties/ts/odyssey-react-mui_ro.cjs +0 -1
  82. package/dist/cjs/properties/ts/odyssey-react-mui_ro.cjs.map +1 -1
  83. package/dist/cjs/properties/ts/odyssey-react-mui_ru.cjs +0 -1
  84. package/dist/cjs/properties/ts/odyssey-react-mui_ru.cjs.map +1 -1
  85. package/dist/cjs/properties/ts/odyssey-react-mui_sv.cjs +0 -1
  86. package/dist/cjs/properties/ts/odyssey-react-mui_sv.cjs.map +1 -1
  87. package/dist/cjs/properties/ts/odyssey-react-mui_th.cjs +0 -1
  88. package/dist/cjs/properties/ts/odyssey-react-mui_th.cjs.map +1 -1
  89. package/dist/cjs/properties/ts/odyssey-react-mui_tr.cjs +0 -1
  90. package/dist/cjs/properties/ts/odyssey-react-mui_tr.cjs.map +1 -1
  91. package/dist/cjs/properties/ts/odyssey-react-mui_uk.cjs +0 -1
  92. package/dist/cjs/properties/ts/odyssey-react-mui_uk.cjs.map +1 -1
  93. package/dist/cjs/properties/ts/odyssey-react-mui_vi.cjs +0 -1
  94. package/dist/cjs/properties/ts/odyssey-react-mui_vi.cjs.map +1 -1
  95. package/dist/cjs/properties/ts/odyssey-react-mui_zh_CN.cjs +0 -1
  96. package/dist/cjs/properties/ts/odyssey-react-mui_zh_CN.cjs.map +1 -1
  97. package/dist/cjs/properties/ts/odyssey-react-mui_zh_TW.cjs +0 -1
  98. package/dist/cjs/properties/ts/odyssey-react-mui_zh_TW.cjs.map +1 -1
  99. package/dist/cjs/theme/components.cjs +7 -1
  100. package/dist/cjs/theme/components.cjs.map +1 -1
  101. package/dist/cjs/ui-shell/NarrowUiShellContent.cjs +0 -1
  102. package/dist/cjs/ui-shell/NarrowUiShellContent.cjs.map +1 -1
  103. package/dist/cjs/ui-shell/SideNav/SideNav.cjs +24 -18
  104. package/dist/cjs/ui-shell/SideNav/SideNav.cjs.map +1 -1
  105. package/dist/cjs/ui-shell/SideNav/SideNavItemLinkContent.cjs +4 -3
  106. package/dist/cjs/ui-shell/SideNav/SideNavItemLinkContent.cjs.map +1 -1
  107. package/dist/cjs/ui-shell/UiShell.cjs +2 -0
  108. package/dist/cjs/ui-shell/UiShell.cjs.map +1 -1
  109. package/dist/cjs/ui-shell/UiShellProvider.cjs +6 -1
  110. package/dist/cjs/ui-shell/UiShellProvider.cjs.map +1 -1
  111. package/dist/cjs/ui-shell/renderUiShell.cjs +2 -0
  112. package/dist/cjs/ui-shell/renderUiShell.cjs.map +1 -1
  113. package/dist/cjs/ui-shell/useElementAtContainerEdge.cjs +74 -0
  114. package/dist/cjs/ui-shell/useElementAtContainerEdge.cjs.map +1 -0
  115. package/dist/cjs/useMountLifecycleEffect.cjs +3 -3
  116. package/dist/cjs/useMountLifecycleEffect.cjs.map +1 -1
  117. package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs +1 -1
  118. package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs.map +1 -1
  119. package/dist/esm/DataTable/DataTable.js +67 -40
  120. package/dist/esm/DataTable/DataTable.js.map +1 -1
  121. package/dist/esm/Drawer.js +16 -14
  122. package/dist/esm/Drawer.js.map +1 -1
  123. package/dist/esm/PasswordField.js +1 -1
  124. package/dist/esm/PasswordField.js.map +1 -1
  125. package/dist/esm/Select.js +35 -44
  126. package/dist/esm/Select.js.map +1 -1
  127. package/dist/esm/Status.js +2 -0
  128. package/dist/esm/Status.js.map +1 -1
  129. package/dist/esm/Typography.js +32 -8
  130. package/dist/esm/Typography.js.map +1 -1
  131. package/dist/esm/createContrastColors.js +6 -2
  132. package/dist/esm/createContrastColors.js.map +1 -1
  133. package/dist/esm/getLogicalBoundaries.js +26 -0
  134. package/dist/esm/getLogicalBoundaries.js.map +1 -0
  135. package/dist/esm/labs/DataFilters.js +1 -0
  136. package/dist/esm/labs/DataFilters.js.map +1 -1
  137. package/dist/esm/labs/DataView/BulkActionsMenu.js.map +1 -1
  138. package/dist/esm/labs/DataView/CardLayoutContent.js.map +1 -1
  139. package/dist/esm/labs/DataView/DataView.js +10 -1
  140. package/dist/esm/labs/DataView/DataView.js.map +1 -1
  141. package/dist/esm/labs/DataView/RowActions.js +2 -1
  142. package/dist/esm/labs/DataView/RowActions.js.map +1 -1
  143. package/dist/esm/labs/DataView/TableLayoutContent.js +2 -4
  144. package/dist/esm/labs/DataView/TableLayoutContent.js.map +1 -1
  145. package/dist/esm/labs/DataView/useFilterConversion.js.map +1 -1
  146. package/dist/esm/labs/OdysseyPickers/ComposablePicker.js.map +1 -1
  147. package/dist/esm/labs/OdysseyPickers/Picker.js +19 -13
  148. package/dist/esm/labs/OdysseyPickers/Picker.js.map +1 -1
  149. package/dist/esm/labs/OdysseyPickers/PickerWithOptionAdornment.js +2 -1
  150. package/dist/esm/labs/OdysseyPickers/PickerWithOptionAdornment.js.map +1 -1
  151. package/dist/esm/labs/OdysseyPickers/SearchDropdown.js +2 -3
  152. package/dist/esm/labs/OdysseyPickers/SearchDropdown.js.map +1 -1
  153. package/dist/esm/labs/PageTemplate/PageTemplate.js +16 -5
  154. package/dist/esm/labs/PageTemplate/PageTemplate.js.map +1 -1
  155. package/dist/esm/properties/ts/odyssey-react-mui.js +0 -1
  156. package/dist/esm/properties/ts/odyssey-react-mui.js.map +1 -1
  157. package/dist/esm/properties/ts/odyssey-react-mui_cs.js +0 -1
  158. package/dist/esm/properties/ts/odyssey-react-mui_cs.js.map +1 -1
  159. package/dist/esm/properties/ts/odyssey-react-mui_da.js +0 -1
  160. package/dist/esm/properties/ts/odyssey-react-mui_da.js.map +1 -1
  161. package/dist/esm/properties/ts/odyssey-react-mui_de.js +0 -1
  162. package/dist/esm/properties/ts/odyssey-react-mui_de.js.map +1 -1
  163. package/dist/esm/properties/ts/odyssey-react-mui_el.js +0 -1
  164. package/dist/esm/properties/ts/odyssey-react-mui_el.js.map +1 -1
  165. package/dist/esm/properties/ts/odyssey-react-mui_es.js +0 -1
  166. package/dist/esm/properties/ts/odyssey-react-mui_es.js.map +1 -1
  167. package/dist/esm/properties/ts/odyssey-react-mui_eu.js +130 -0
  168. package/dist/esm/properties/ts/odyssey-react-mui_eu.js.map +1 -0
  169. package/dist/esm/properties/ts/odyssey-react-mui_fi.js +0 -1
  170. package/dist/esm/properties/ts/odyssey-react-mui_fi.js.map +1 -1
  171. package/dist/esm/properties/ts/odyssey-react-mui_fr.js +0 -1
  172. package/dist/esm/properties/ts/odyssey-react-mui_fr.js.map +1 -1
  173. package/dist/esm/properties/ts/odyssey-react-mui_ht.js +0 -1
  174. package/dist/esm/properties/ts/odyssey-react-mui_ht.js.map +1 -1
  175. package/dist/esm/properties/ts/odyssey-react-mui_hu.js +0 -1
  176. package/dist/esm/properties/ts/odyssey-react-mui_hu.js.map +1 -1
  177. package/dist/esm/properties/ts/odyssey-react-mui_id.js +0 -1
  178. package/dist/esm/properties/ts/odyssey-react-mui_id.js.map +1 -1
  179. package/dist/esm/properties/ts/odyssey-react-mui_it.js +0 -1
  180. package/dist/esm/properties/ts/odyssey-react-mui_it.js.map +1 -1
  181. package/dist/esm/properties/ts/odyssey-react-mui_ja.js +0 -1
  182. package/dist/esm/properties/ts/odyssey-react-mui_ja.js.map +1 -1
  183. package/dist/esm/properties/ts/odyssey-react-mui_ko.js +0 -1
  184. package/dist/esm/properties/ts/odyssey-react-mui_ko.js.map +1 -1
  185. package/dist/esm/properties/ts/odyssey-react-mui_ms.js +0 -1
  186. package/dist/esm/properties/ts/odyssey-react-mui_ms.js.map +1 -1
  187. package/dist/esm/properties/ts/odyssey-react-mui_nb.js +0 -1
  188. package/dist/esm/properties/ts/odyssey-react-mui_nb.js.map +1 -1
  189. package/dist/esm/properties/ts/odyssey-react-mui_nl_NL.js +0 -1
  190. package/dist/esm/properties/ts/odyssey-react-mui_nl_NL.js.map +1 -1
  191. package/dist/esm/properties/ts/odyssey-react-mui_ok_PL.js +4 -2
  192. package/dist/esm/properties/ts/odyssey-react-mui_ok_PL.js.map +1 -1
  193. package/dist/esm/properties/ts/odyssey-react-mui_ok_SK.js +129 -126
  194. package/dist/esm/properties/ts/odyssey-react-mui_ok_SK.js.map +1 -1
  195. package/dist/esm/properties/ts/odyssey-react-mui_pl.js +0 -1
  196. package/dist/esm/properties/ts/odyssey-react-mui_pl.js.map +1 -1
  197. package/dist/esm/properties/ts/odyssey-react-mui_pt_BR.js +0 -1
  198. package/dist/esm/properties/ts/odyssey-react-mui_pt_BR.js.map +1 -1
  199. package/dist/esm/properties/ts/odyssey-react-mui_ro.js +0 -1
  200. package/dist/esm/properties/ts/odyssey-react-mui_ro.js.map +1 -1
  201. package/dist/esm/properties/ts/odyssey-react-mui_ru.js +0 -1
  202. package/dist/esm/properties/ts/odyssey-react-mui_ru.js.map +1 -1
  203. package/dist/esm/properties/ts/odyssey-react-mui_sv.js +0 -1
  204. package/dist/esm/properties/ts/odyssey-react-mui_sv.js.map +1 -1
  205. package/dist/esm/properties/ts/odyssey-react-mui_th.js +0 -1
  206. package/dist/esm/properties/ts/odyssey-react-mui_th.js.map +1 -1
  207. package/dist/esm/properties/ts/odyssey-react-mui_tr.js +0 -1
  208. package/dist/esm/properties/ts/odyssey-react-mui_tr.js.map +1 -1
  209. package/dist/esm/properties/ts/odyssey-react-mui_uk.js +0 -1
  210. package/dist/esm/properties/ts/odyssey-react-mui_uk.js.map +1 -1
  211. package/dist/esm/properties/ts/odyssey-react-mui_vi.js +0 -1
  212. package/dist/esm/properties/ts/odyssey-react-mui_vi.js.map +1 -1
  213. package/dist/esm/properties/ts/odyssey-react-mui_zh_CN.js +0 -1
  214. package/dist/esm/properties/ts/odyssey-react-mui_zh_CN.js.map +1 -1
  215. package/dist/esm/properties/ts/odyssey-react-mui_zh_TW.js +0 -1
  216. package/dist/esm/properties/ts/odyssey-react-mui_zh_TW.js.map +1 -1
  217. package/dist/esm/theme/components.js +7 -1
  218. package/dist/esm/theme/components.js.map +1 -1
  219. package/dist/esm/ui-shell/NarrowUiShellContent.js +0 -1
  220. package/dist/esm/ui-shell/NarrowUiShellContent.js.map +1 -1
  221. package/dist/esm/ui-shell/SideNav/SideNav.js +24 -18
  222. package/dist/esm/ui-shell/SideNav/SideNav.js.map +1 -1
  223. package/dist/esm/ui-shell/SideNav/SideNavItemLinkContent.js +4 -3
  224. package/dist/esm/ui-shell/SideNav/SideNavItemLinkContent.js.map +1 -1
  225. package/dist/esm/ui-shell/UiShell.js +2 -0
  226. package/dist/esm/ui-shell/UiShell.js.map +1 -1
  227. package/dist/esm/ui-shell/UiShellProvider.js +6 -1
  228. package/dist/esm/ui-shell/UiShellProvider.js.map +1 -1
  229. package/dist/esm/ui-shell/renderUiShell.js +2 -0
  230. package/dist/esm/ui-shell/renderUiShell.js.map +1 -1
  231. package/dist/esm/ui-shell/useElementAtContainerEdge.js +68 -0
  232. package/dist/esm/ui-shell/useElementAtContainerEdge.js.map +1 -0
  233. package/dist/esm/useMountLifecycleEffect.js +3 -3
  234. package/dist/esm/useMountLifecycleEffect.js.map +1 -1
  235. package/dist/esm/web-component/odysseyWebComponentVersion.generated.js +1 -1
  236. package/dist/esm/web-component/odysseyWebComponentVersion.generated.js.map +1 -1
  237. package/dist/index.cjs +1 -1
  238. package/dist/index.d.ts +1 -1
  239. package/dist/index.d.ts.map +1 -0
  240. package/dist/index.js +25 -0
  241. package/dist/index.mjs +1 -1
  242. package/dist/index.scss +1 -1
  243. package/dist/tsconfig.production.tsbuildinfo +1 -1
  244. package/dist/tsconfig.tsbuildinfo +1 -0
  245. package/dist/types/DataTable/DataTable.d.ts +2 -2
  246. package/dist/types/DataTable/DataTable.d.ts.map +1 -1
  247. package/dist/types/Drawer.d.ts +24 -6
  248. package/dist/types/Drawer.d.ts.map +1 -1
  249. package/dist/types/OdysseyTranslationProvider.d.ts +1 -1
  250. package/dist/types/OdysseyTranslationProvider.d.ts.map +1 -1
  251. package/dist/types/PasswordField.d.ts.map +1 -1
  252. package/dist/types/Select.d.ts.map +1 -1
  253. package/dist/types/Status.d.ts +2 -2
  254. package/dist/types/Status.d.ts.map +1 -1
  255. package/dist/types/Typography.d.ts +16 -12
  256. package/dist/types/Typography.d.ts.map +1 -1
  257. package/dist/types/createContrastColors.d.ts +5 -1
  258. package/dist/types/createContrastColors.d.ts.map +1 -1
  259. package/dist/types/getLogicalBoundaries.d.ts +24 -0
  260. package/dist/types/getLogicalBoundaries.d.ts.map +1 -0
  261. package/dist/types/i18n.d.ts +6 -29
  262. package/dist/types/i18n.d.ts.map +1 -1
  263. package/dist/types/labs/DataFilters.d.ts.map +1 -1
  264. package/dist/types/labs/DataView/BulkActionsMenu.d.ts +1 -1
  265. package/dist/types/labs/DataView/BulkActionsMenu.d.ts.map +1 -1
  266. package/dist/types/labs/DataView/CardLayoutContent.d.ts.map +1 -1
  267. package/dist/types/labs/DataView/DataView.d.ts.map +1 -1
  268. package/dist/types/labs/DataView/RowActions.d.ts +5 -4
  269. package/dist/types/labs/DataView/RowActions.d.ts.map +1 -1
  270. package/dist/types/labs/DataView/TableLayoutContent.d.ts +1 -1
  271. package/dist/types/labs/DataView/TableLayoutContent.d.ts.map +1 -1
  272. package/dist/types/labs/OdysseyPickers/ComposablePicker.d.ts +4 -1
  273. package/dist/types/labs/OdysseyPickers/ComposablePicker.d.ts.map +1 -1
  274. package/dist/types/labs/OdysseyPickers/Picker.d.ts +7 -7
  275. package/dist/types/labs/OdysseyPickers/Picker.d.ts.map +1 -1
  276. package/dist/types/labs/OdysseyPickers/PickerWithOptionAdornment.d.ts.map +1 -1
  277. package/dist/types/labs/OdysseyPickers/SearchDropdown.d.ts.map +1 -1
  278. package/dist/types/labs/PageTemplate/PageTemplate.d.ts.map +1 -1
  279. package/dist/types/properties/ts/odyssey-react-mui.d.ts +0 -1
  280. package/dist/types/properties/ts/odyssey-react-mui.d.ts.map +1 -1
  281. package/dist/types/properties/ts/odyssey-react-mui_cs.d.ts +0 -1
  282. package/dist/types/properties/ts/odyssey-react-mui_cs.d.ts.map +1 -1
  283. package/dist/types/properties/ts/odyssey-react-mui_da.d.ts +0 -1
  284. package/dist/types/properties/ts/odyssey-react-mui_da.d.ts.map +1 -1
  285. package/dist/types/properties/ts/odyssey-react-mui_de.d.ts +0 -1
  286. package/dist/types/properties/ts/odyssey-react-mui_de.d.ts.map +1 -1
  287. package/dist/types/properties/ts/odyssey-react-mui_el.d.ts +0 -1
  288. package/dist/types/properties/ts/odyssey-react-mui_el.d.ts.map +1 -1
  289. package/dist/types/properties/ts/odyssey-react-mui_es.d.ts +0 -1
  290. package/dist/types/properties/ts/odyssey-react-mui_es.d.ts.map +1 -1
  291. package/dist/types/properties/ts/odyssey-react-mui_eu.d.ts +130 -0
  292. package/dist/types/properties/ts/odyssey-react-mui_eu.d.ts.map +1 -0
  293. package/dist/types/properties/ts/odyssey-react-mui_fi.d.ts +0 -1
  294. package/dist/types/properties/ts/odyssey-react-mui_fi.d.ts.map +1 -1
  295. package/dist/types/properties/ts/odyssey-react-mui_fr.d.ts +0 -1
  296. package/dist/types/properties/ts/odyssey-react-mui_fr.d.ts.map +1 -1
  297. package/dist/types/properties/ts/odyssey-react-mui_ht.d.ts +0 -1
  298. package/dist/types/properties/ts/odyssey-react-mui_ht.d.ts.map +1 -1
  299. package/dist/types/properties/ts/odyssey-react-mui_hu.d.ts +0 -1
  300. package/dist/types/properties/ts/odyssey-react-mui_hu.d.ts.map +1 -1
  301. package/dist/types/properties/ts/odyssey-react-mui_id.d.ts +0 -1
  302. package/dist/types/properties/ts/odyssey-react-mui_id.d.ts.map +1 -1
  303. package/dist/types/properties/ts/odyssey-react-mui_it.d.ts +0 -1
  304. package/dist/types/properties/ts/odyssey-react-mui_it.d.ts.map +1 -1
  305. package/dist/types/properties/ts/odyssey-react-mui_ja.d.ts +0 -1
  306. package/dist/types/properties/ts/odyssey-react-mui_ja.d.ts.map +1 -1
  307. package/dist/types/properties/ts/odyssey-react-mui_ko.d.ts +0 -1
  308. package/dist/types/properties/ts/odyssey-react-mui_ko.d.ts.map +1 -1
  309. package/dist/types/properties/ts/odyssey-react-mui_ms.d.ts +0 -1
  310. package/dist/types/properties/ts/odyssey-react-mui_ms.d.ts.map +1 -1
  311. package/dist/types/properties/ts/odyssey-react-mui_nb.d.ts +0 -1
  312. package/dist/types/properties/ts/odyssey-react-mui_nb.d.ts.map +1 -1
  313. package/dist/types/properties/ts/odyssey-react-mui_nl_NL.d.ts +0 -1
  314. package/dist/types/properties/ts/odyssey-react-mui_nl_NL.d.ts.map +1 -1
  315. package/dist/types/properties/ts/odyssey-react-mui_ok_PL.d.ts +3 -1
  316. package/dist/types/properties/ts/odyssey-react-mui_ok_PL.d.ts.map +1 -1
  317. package/dist/types/properties/ts/odyssey-react-mui_ok_SK.d.ts +3 -0
  318. package/dist/types/properties/ts/odyssey-react-mui_ok_SK.d.ts.map +1 -1
  319. package/dist/types/properties/ts/odyssey-react-mui_pl.d.ts +0 -1
  320. package/dist/types/properties/ts/odyssey-react-mui_pl.d.ts.map +1 -1
  321. package/dist/types/properties/ts/odyssey-react-mui_pt_BR.d.ts +0 -1
  322. package/dist/types/properties/ts/odyssey-react-mui_pt_BR.d.ts.map +1 -1
  323. package/dist/types/properties/ts/odyssey-react-mui_ro.d.ts +0 -1
  324. package/dist/types/properties/ts/odyssey-react-mui_ro.d.ts.map +1 -1
  325. package/dist/types/properties/ts/odyssey-react-mui_ru.d.ts +0 -1
  326. package/dist/types/properties/ts/odyssey-react-mui_ru.d.ts.map +1 -1
  327. package/dist/types/properties/ts/odyssey-react-mui_sv.d.ts +0 -1
  328. package/dist/types/properties/ts/odyssey-react-mui_sv.d.ts.map +1 -1
  329. package/dist/types/properties/ts/odyssey-react-mui_th.d.ts +0 -1
  330. package/dist/types/properties/ts/odyssey-react-mui_th.d.ts.map +1 -1
  331. package/dist/types/properties/ts/odyssey-react-mui_tr.d.ts +0 -1
  332. package/dist/types/properties/ts/odyssey-react-mui_tr.d.ts.map +1 -1
  333. package/dist/types/properties/ts/odyssey-react-mui_uk.d.ts +0 -1
  334. package/dist/types/properties/ts/odyssey-react-mui_uk.d.ts.map +1 -1
  335. package/dist/types/properties/ts/odyssey-react-mui_vi.d.ts +0 -1
  336. package/dist/types/properties/ts/odyssey-react-mui_vi.d.ts.map +1 -1
  337. package/dist/types/properties/ts/odyssey-react-mui_zh_CN.d.ts +0 -1
  338. package/dist/types/properties/ts/odyssey-react-mui_zh_CN.d.ts.map +1 -1
  339. package/dist/types/properties/ts/odyssey-react-mui_zh_TW.d.ts +0 -1
  340. package/dist/types/properties/ts/odyssey-react-mui_zh_TW.d.ts.map +1 -1
  341. package/dist/types/theme/components.d.ts.map +1 -1
  342. package/dist/types/ui-shell/NarrowUiShellContent.d.ts.map +1 -1
  343. package/dist/types/ui-shell/SideNav/SideNav.d.ts.map +1 -1
  344. package/dist/types/ui-shell/SideNav/SideNavItemLinkContent.d.ts.map +1 -1
  345. package/dist/types/ui-shell/UiShell.d.ts +1 -1
  346. package/dist/types/ui-shell/UiShell.d.ts.map +1 -1
  347. package/dist/types/ui-shell/UiShellProvider.d.ts +10 -4
  348. package/dist/types/ui-shell/UiShellProvider.d.ts.map +1 -1
  349. package/dist/types/ui-shell/renderUiShell.d.ts +2 -2
  350. package/dist/types/ui-shell/renderUiShell.d.ts.map +1 -1
  351. package/dist/types/ui-shell/useElementAtContainerEdge.d.ts +43 -0
  352. package/dist/types/ui-shell/useElementAtContainerEdge.d.ts.map +1 -0
  353. package/dist/types/web-component/odysseyWebComponentVersion.generated.d.ts +1 -1
  354. package/package.json +9 -7
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.cjs","names":["_react","require","_jsxRuntime","_interopRequireDefault","e","__esModule","default","typographyVariantMapping","exports","h1","h2","h3","h4","h5","h6","body","legend","overline","subordinate","support","typographyColorValues","Typography","ariaCurrent","ariaDescribedBy","ariaLabel","ariaLabelledBy","children","color","component","componentProp","testId","translate","typographyRef","variant","isPresentational","useMemo","localTypographyRef","useRef","useImperativeHandle","focus","current","jsx","_Typography2","ref","tabIndex","role","undefined","MemoizedTypography","memo","displayName","Heading1","MemoizedHeading1","Heading2","MemoizedHeading2","Heading3","MemoizedHeading3","Heading4","MemoizedHeading4","Heading5","MemoizedHeading5","Heading6","MemoizedHeading6","Paragraph","MemoizedParagraph","Subordinate","MemoizedSubordinate","Support","MemoizedSupport","Legend","MemoizedLegend","Overline","MemoizedOverline"],"sources":["../../src/Typography.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n ElementType,\n ReactNode,\n memo,\n useMemo,\n useRef,\n useImperativeHandle,\n} from \"react\";\nimport {\n Typography as MuiTypography,\n TypographyProps as MuiTypographyProps,\n} from \"@mui/material\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { FocusHandle } from \"./inputUtils.js\";\n\nexport type TypographyVariantValue =\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"body\"\n | \"legend\"\n | \"overline\"\n | \"subordinate\"\n | \"support\";\n\nexport const typographyVariantMapping: Record<\n TypographyVariantValue,\n MuiTypographyProps[\"variant\"]\n> = {\n h1: \"h1\",\n h2: \"h2\",\n h3: \"h3\",\n h4: \"h4\",\n h5: \"h5\",\n h6: \"h6\",\n body: \"body1\",\n legend: \"legend\",\n overline: \"overline\",\n subordinate: \"subtitle1\",\n support: \"subtitle2\",\n} as const;\n\nexport const typographyColorValues = [\n \"primary\",\n \"textPrimary\",\n \"secondary\",\n \"textSecondary\",\n \"error\",\n] as const;\n\nexport type TypographyProps = {\n /**\n * The text content of the component.\n */\n children: ReactNode;\n /**\n * The color of the text.\n */\n color?: (typeof typographyColorValues)[number];\n /**\n * The HTML element the component should render, if different from the default.\n */\n component?: ElementType;\n /**\n * The ref forwarded to the Typography\n */\n typographyRef?: React.RefObject<FocusHandle>;\n /**\n * The variant of Typography to render.\n */\n variant?: keyof typeof typographyVariantMapping;\n /**\n * If true, the component is presentational and should be ignored by screen readers.\n */\n isPresentational?: boolean;\n} & Pick<\n HtmlProps,\n | \"ariaCurrent\"\n | \"ariaDescribedBy\"\n | \"ariaLabel\"\n | \"ariaLabelledBy\"\n | \"testId\"\n | \"translate\"\n>;\n\nconst Typography = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component: componentProp,\n testId,\n translate,\n typographyRef,\n variant = \"body\",\n isPresentational,\n}: TypographyProps) => {\n const component = useMemo(() => {\n if (!componentProp) {\n if (\n variant === \"body\" ||\n variant === \"subordinate\" ||\n variant === \"support\" ||\n variant === \"overline\"\n ) {\n return \"p\";\n } else {\n return variant;\n }\n }\n return componentProp;\n }, [componentProp, variant]);\n\n const localTypographyRef = useRef<HTMLElement>(null);\n useImperativeHandle(typographyRef, () => {\n return {\n focus: () => {\n localTypographyRef.current?.focus();\n },\n };\n }, []);\n\n return (\n <MuiTypography\n aria-current={ariaCurrent}\n aria-describedby={ariaDescribedBy}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n data-se={testId}\n ref={localTypographyRef}\n tabIndex={-1}\n translate={translate}\n variant={typographyVariantMapping[variant]}\n role={isPresentational ? \"presentation\" : undefined}\n />\n );\n};\n\nconst MemoizedTypography = memo(Typography);\nMemoizedTypography.displayName = \"Typography\";\n\nconst Heading1 = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n testId,\n translate,\n isPresentational,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n testId={testId}\n translate={translate}\n variant=\"h1\"\n isPresentational={isPresentational}\n />\n);\n\nconst MemoizedHeading1 = memo(Heading1);\nMemoizedHeading1.displayName = \"Heading1\";\n\nconst Heading2 = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n testId={testId}\n translate={translate}\n variant=\"h2\"\n />\n);\n\nconst MemoizedHeading2 = memo(Heading2);\nMemoizedHeading2.displayName = \"Heading2\";\n\nconst Heading3 = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n testId={testId}\n translate={translate}\n variant=\"h3\"\n />\n);\n\nconst MemoizedHeading3 = memo(Heading3);\nMemoizedHeading3.displayName = \"Heading3\";\n\nconst Heading4 = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n testId={testId}\n translate={translate}\n variant=\"h4\"\n />\n);\n\nconst MemoizedHeading4 = memo(Heading4);\nMemoizedHeading4.displayName = \"Heading4\";\n\nconst Heading5 = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n testId={testId}\n translate={translate}\n variant=\"h5\"\n />\n);\n\nconst MemoizedHeading5 = memo(Heading5);\nMemoizedHeading5.displayName = \"Heading5\";\n\nconst Heading6 = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n testId={testId}\n translate={translate}\n variant=\"h6\"\n />\n);\n\nconst MemoizedHeading6 = memo(Heading6);\nMemoizedHeading6.displayName = \"Heading6\";\n\nconst Paragraph = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n testId={testId}\n translate={translate}\n variant=\"body\"\n />\n);\n\nconst MemoizedParagraph = memo(Paragraph);\nMemoizedParagraph.displayName = \"Paragraph\";\n\nconst Subordinate = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n testId={testId}\n translate={translate}\n variant=\"subordinate\"\n />\n);\n\nconst MemoizedSubordinate = memo(Subordinate);\nMemoizedSubordinate.displayName = \"Subordinate\";\n\nconst Support = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n testId={testId}\n translate={translate}\n variant=\"support\"\n />\n);\n\nconst MemoizedSupport = memo(Support);\nMemoizedSupport.displayName = \"Support\";\n\nconst Legend = ({\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n testId={testId}\n translate={translate}\n variant=\"legend\"\n />\n);\n\nconst MemoizedLegend = memo(Legend);\nMemoizedLegend.displayName = \"Legend\";\n\nconst Overline = ({\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n testId={testId}\n translate={translate}\n variant=\"overline\"\n />\n);\n\nconst MemoizedOverline = memo(Overline);\nMemoizedOverline.displayName = \"Overline\";\n\nexport {\n MemoizedTypography as Typography,\n MemoizedHeading1 as Heading1,\n MemoizedHeading2 as Heading2,\n MemoizedHeading3 as Heading3,\n MemoizedHeading4 as Heading4,\n MemoizedHeading5 as Heading5,\n MemoizedHeading6 as Heading6,\n MemoizedLegend as Legend,\n MemoizedOverline as Overline,\n MemoizedParagraph as Paragraph,\n MemoizedSubordinate as Subordinate,\n MemoizedSupport as Support,\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Typography.cjs","names":["_react","require","_jsxRuntime","_interopRequireDefault","e","__esModule","default","typographyVariantMapping","exports","h1","h2","h3","h4","h5","h6","body","legend","overline","subordinate","support","typographyColorValues","Typography","ariaCurrent","ariaDescribedBy","ariaLabel","ariaLabelledBy","children","color","component","componentProp","id","isPresentational","testId","translate","typographyRef","variant","useMemo","localTypographyRef","useRef","useImperativeHandle","focus","current","jsx","_Typography2","ref","role","undefined","tabIndex","MemoizedTypography","memo","displayName","Heading1","MemoizedHeading1","Heading2","MemoizedHeading2","Heading3","MemoizedHeading3","Heading4","MemoizedHeading4","Heading5","MemoizedHeading5","Heading6","MemoizedHeading6","Paragraph","MemoizedParagraph","Subordinate","MemoizedSubordinate","Support","MemoizedSupport","Legend","MemoizedLegend","Overline","MemoizedOverline"],"sources":["../../src/Typography.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n ElementType,\n ReactNode,\n memo,\n useMemo,\n useRef,\n useImperativeHandle,\n} from \"react\";\nimport {\n Typography as MuiTypography,\n TypographyProps as MuiTypographyProps,\n} from \"@mui/material\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { FocusHandle } from \"./inputUtils.js\";\n\nexport type TypographyVariantValue =\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"body\"\n | \"legend\"\n | \"overline\"\n | \"subordinate\"\n | \"support\";\n\nexport const typographyVariantMapping: Record<\n TypographyVariantValue,\n MuiTypographyProps[\"variant\"]\n> = {\n h1: \"h1\",\n h2: \"h2\",\n h3: \"h3\",\n h4: \"h4\",\n h5: \"h5\",\n h6: \"h6\",\n body: \"body1\",\n legend: \"legend\",\n overline: \"overline\",\n subordinate: \"subtitle1\",\n support: \"subtitle2\",\n} as const;\n\nexport const typographyColorValues = [\n \"primary\",\n \"textPrimary\",\n \"secondary\",\n \"textSecondary\",\n \"error\",\n] as const;\n\nexport type TypographyProps = {\n /**\n * The text content of the component.\n */\n children: ReactNode;\n /**\n * The color of the text.\n */\n color?: (typeof typographyColorValues)[number];\n /**\n * The HTML element the component should render, if different from the default.\n */\n component?: ElementType;\n /**\n * The id of the component.\n */\n id?: string;\n /**\n * The ref forwarded to the Typography\n */\n typographyRef?: React.RefObject<FocusHandle>;\n /**\n * The variant of Typography to render.\n */\n variant?: keyof typeof typographyVariantMapping;\n /**\n * If true, the component is presentational and should be ignored by screen readers.\n */\n isPresentational?: boolean;\n} & Pick<\n HtmlProps,\n | \"ariaCurrent\"\n | \"ariaDescribedBy\"\n | \"ariaLabel\"\n | \"ariaLabelledBy\"\n | \"testId\"\n | \"translate\"\n>;\n\nconst Typography = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component: componentProp,\n id,\n isPresentational,\n testId,\n translate,\n typographyRef,\n variant = \"body\",\n}: TypographyProps) => {\n const component = useMemo(() => {\n if (!componentProp) {\n if (\n variant === \"body\" ||\n variant === \"subordinate\" ||\n variant === \"support\" ||\n variant === \"overline\"\n ) {\n return \"p\";\n } else {\n return variant;\n }\n }\n return componentProp;\n }, [componentProp, variant]);\n\n const localTypographyRef = useRef<HTMLElement>(null);\n useImperativeHandle(typographyRef, () => {\n return {\n focus: () => {\n localTypographyRef.current?.focus();\n },\n };\n }, []);\n\n return (\n <MuiTypography\n aria-current={ariaCurrent}\n aria-describedby={ariaDescribedBy}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n data-se={testId}\n id={id}\n ref={localTypographyRef}\n role={isPresentational ? \"presentation\" : undefined}\n tabIndex={-1}\n translate={translate}\n variant={typographyVariantMapping[variant]}\n />\n );\n};\n\nconst MemoizedTypography = memo(Typography);\nMemoizedTypography.displayName = \"Typography\";\n\nconst Heading1 = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n id,\n isPresentational,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n id={id}\n isPresentational={isPresentational}\n testId={testId}\n translate={translate}\n variant=\"h1\"\n />\n);\n\nconst MemoizedHeading1 = memo(Heading1);\nMemoizedHeading1.displayName = \"Heading1\";\n\nconst Heading2 = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n id,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n id={id}\n testId={testId}\n translate={translate}\n variant=\"h2\"\n />\n);\n\nconst MemoizedHeading2 = memo(Heading2);\nMemoizedHeading2.displayName = \"Heading2\";\n\nconst Heading3 = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n id,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n id={id}\n testId={testId}\n translate={translate}\n variant=\"h3\"\n />\n);\n\nconst MemoizedHeading3 = memo(Heading3);\nMemoizedHeading3.displayName = \"Heading3\";\n\nconst Heading4 = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n id,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n id={id}\n testId={testId}\n translate={translate}\n variant=\"h4\"\n />\n);\n\nconst MemoizedHeading4 = memo(Heading4);\nMemoizedHeading4.displayName = \"Heading4\";\n\nconst Heading5 = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n id,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n id={id}\n testId={testId}\n translate={translate}\n variant=\"h5\"\n />\n);\n\nconst MemoizedHeading5 = memo(Heading5);\nMemoizedHeading5.displayName = \"Heading5\";\n\nconst Heading6 = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n id,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n id={id}\n testId={testId}\n translate={translate}\n variant=\"h6\"\n />\n);\n\nconst MemoizedHeading6 = memo(Heading6);\nMemoizedHeading6.displayName = \"Heading6\";\n\nconst Paragraph = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n id,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n id={id}\n testId={testId}\n translate={translate}\n variant=\"body\"\n />\n);\n\nconst MemoizedParagraph = memo(Paragraph);\nMemoizedParagraph.displayName = \"Paragraph\";\n\nconst Subordinate = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n id,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n id={id}\n testId={testId}\n translate={translate}\n variant=\"subordinate\"\n />\n);\n\nconst MemoizedSubordinate = memo(Subordinate);\nMemoizedSubordinate.displayName = \"Subordinate\";\n\nconst Support = ({\n ariaCurrent,\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n id,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaCurrent={ariaCurrent}\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n id={id}\n testId={testId}\n translate={translate}\n variant=\"support\"\n />\n);\n\nconst MemoizedSupport = memo(Support);\nMemoizedSupport.displayName = \"Support\";\n\nconst Legend = ({\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n id,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n id={id}\n testId={testId}\n translate={translate}\n variant=\"legend\"\n />\n);\n\nconst MemoizedLegend = memo(Legend);\nMemoizedLegend.displayName = \"Legend\";\n\nconst Overline = ({\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n children,\n color,\n component,\n id,\n testId,\n translate,\n}: TypographyProps) => (\n <Typography\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={ariaLabelledBy}\n children={children}\n color={color}\n component={component}\n id={id}\n testId={testId}\n translate={translate}\n variant=\"overline\"\n />\n);\n\nconst MemoizedOverline = memo(Overline);\nMemoizedOverline.displayName = \"Overline\";\n\nexport {\n MemoizedTypography as Typography,\n MemoizedHeading1 as Heading1,\n MemoizedHeading2 as Heading2,\n MemoizedHeading3 as Heading3,\n MemoizedHeading4 as Heading4,\n MemoizedHeading5 as Heading5,\n MemoizedHeading6 as Heading6,\n MemoizedLegend as Legend,\n MemoizedOverline as Overline,\n MemoizedParagraph as Paragraph,\n MemoizedSubordinate as Subordinate,\n MemoizedSupport as Support,\n};\n"],"mappings":"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","ignoreList":[]}
@@ -20,7 +20,11 @@ const LUMINANCE_EDGE_MIN = 108;
20
20
  const LUMINANCE_EDGE_MAX = 142;
21
21
  const BLACK_FONT_COLOR = "#000000";
22
22
  const WHITE_FONT_COLOR = "#FFFFFF";
23
- const generateContrastColors = (backgroundColor, odysseyDesignTokens) => {
23
+ const generateContrastColors = ({
24
+ backgroundColor,
25
+ backgroundContrastColor,
26
+ odysseyDesignTokens
27
+ }) => {
24
28
  const rgbFromHex = (0, _hexToRgb.isValidHexString)(backgroundColor) ? (0, _hexToRgb.hexToRgb)(backgroundColor) : (0, _hexToRgb.hexToRgb)(odysseyDesignTokens.HueNeutralWhite);
25
29
  const {
26
30
  red,
@@ -30,7 +34,7 @@ const generateContrastColors = (backgroundColor, odysseyDesignTokens) => {
30
34
  const luminance = 0.2126 * red + 0.7152 * green + 0.0722 * blue;
31
35
  const luminanceValueInEdgeRange = luminance > LUMINANCE_EDGE_MIN && luminance < LUMINANCE_EDGE_MAX;
32
36
  const isLight = luminance > LUMINANCE_THRESHOLD;
33
- const fontColor = luminanceValueInEdgeRange ? BLACK_FONT_COLOR : isLight ? odysseyDesignTokens.TypographyColorBody : WHITE_FONT_COLOR;
37
+ const fontColor = backgroundContrastColor || (luminanceValueInEdgeRange ? BLACK_FONT_COLOR : isLight ? odysseyDesignTokens.TypographyColorBody : WHITE_FONT_COLOR);
34
38
  const calculatedFontColorInRgb = (0, _hexToRgb.hexToRgb)(fontColor);
35
39
  const lightFontColorInRgb = (0, _hexToRgb.hexToRgb)(WHITE_FONT_COLOR);
36
40
  const darkFontColorInRgb = (0, _hexToRgb.hexToRgb)(luminanceValueInEdgeRange ? BLACK_FONT_COLOR : odysseyDesignTokens.TypographyColorBody);
@@ -1 +1 @@
1
- {"version":3,"file":"createContrastColors.cjs","names":["_hexToRgb","require","LUMINANCE_THRESHOLD","LUMINANCE_EDGE_MIN","LUMINANCE_EDGE_MAX","BLACK_FONT_COLOR","WHITE_FONT_COLOR","generateContrastColors","backgroundColor","odysseyDesignTokens","rgbFromHex","isValidHexString","hexToRgb","HueNeutralWhite","red","green","blue","luminance","luminanceValueInEdgeRange","isLight","fontColor","TypographyColorBody","calculatedFontColorInRgb","lightFontColorInRgb","darkFontColorInRgb","calculatedFontRgbComponentsString","rgbComponentsToString","lightFontRgbComponentsString","darkFontRgbComponentsString","getHighlightColor","focusRingColor","itemDisabledFontColor","itemHoverBackgroundColor","itemSelectedBackgroundColor","exports"],"sources":["../../src/createContrastColors.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n hexToRgb,\n isValidHexString,\n rgbComponentsToString,\n} from \"./hexToRgb.js\";\nimport { DesignTokens } from \"./OdysseyDesignTokensContext.js\";\n\nexport type ContrastColors = {\n focusRingColor: string | undefined;\n fontColor: string | undefined;\n itemDisabledFontColor: string | undefined;\n itemHoverBackgroundColor: string | undefined;\n itemSelectedBackgroundColor: string | undefined;\n};\n\n// 128 is a magic number. This feels like roughly where we should switch from dark to light.\nconst LUMINANCE_THRESHOLD = 128;\nconst LUMINANCE_EDGE_MIN = 108;\nconst LUMINANCE_EDGE_MAX = 142;\n\nconst BLACK_FONT_COLOR = \"#000000\";\nconst WHITE_FONT_COLOR = \"#FFFFFF\";\n\nexport const generateContrastColors = (\n backgroundColor: string,\n odysseyDesignTokens: DesignTokens,\n) => {\n // Convert hex to RGB\n const rgbFromHex = isValidHexString(backgroundColor)\n ? hexToRgb(backgroundColor)\n : hexToRgb(odysseyDesignTokens.HueNeutralWhite);\n\n const { red, green, blue } = rgbFromHex;\n\n // Calculate relative luminance\n // @see https://contrastchecker.online/color-relative-luminance-calculator#:~:text=For%20the%20sRGB%20colorspace%2C%20the,%2B0.055)%2F1.055)%20%5E%202.4\n // returns a number between 0(black) and 255(white)\n const luminance = 0.2126 * red + 0.7152 * green + 0.0722 * blue;\n\n // Luminance values between LUMINANCE_EDGE_MIN-LUMINANCE_EDGE_MAX can cause contrast ration issues\n // Using #000000 helps in these cases\n const luminanceValueInEdgeRange =\n luminance > LUMINANCE_EDGE_MIN && luminance < LUMINANCE_EDGE_MAX;\n\n // Determine if the color is light or dark.\n const isLight = luminance > LUMINANCE_THRESHOLD;\n\n const fontColor = luminanceValueInEdgeRange\n ? BLACK_FONT_COLOR\n : isLight\n ? odysseyDesignTokens.TypographyColorBody\n : WHITE_FONT_COLOR;\n\n const calculatedFontColorInRgb = hexToRgb(fontColor);\n const lightFontColorInRgb = hexToRgb(WHITE_FONT_COLOR);\n const darkFontColorInRgb = hexToRgb(\n luminanceValueInEdgeRange\n ? BLACK_FONT_COLOR\n : odysseyDesignTokens.TypographyColorBody,\n );\n\n const calculatedFontRgbComponentsString = rgbComponentsToString({\n red: calculatedFontColorInRgb?.red,\n green: calculatedFontColorInRgb?.green,\n blue: calculatedFontColorInRgb?.blue,\n });\n\n const lightFontRgbComponentsString = rgbComponentsToString({\n red: lightFontColorInRgb?.red,\n green: lightFontColorInRgb?.green,\n blue: lightFontColorInRgb?.blue,\n });\n\n const darkFontRgbComponentsString = rgbComponentsToString({\n red: darkFontColorInRgb?.red,\n green: darkFontColorInRgb?.green,\n blue: darkFontColorInRgb?.blue,\n });\n\n const getHighlightColor: (\n luminanceValueInEdgeRange: boolean,\n isLight: boolean,\n ) => string = (luminanceValueInEdgeRange, isLight) => {\n if (luminanceValueInEdgeRange) {\n return isLight\n ? darkFontRgbComponentsString\n : lightFontRgbComponentsString;\n }\n\n return calculatedFontRgbComponentsString;\n };\n\n return {\n fontColor,\n focusRingColor: `rgba(${calculatedFontRgbComponentsString}, .8)`,\n itemDisabledFontColor: `rgba(${calculatedFontRgbComponentsString}, .4)`,\n itemHoverBackgroundColor: `rgba(${getHighlightColor(luminanceValueInEdgeRange, isLight)}, .1)`,\n itemSelectedBackgroundColor: `rgba(${getHighlightColor(luminanceValueInEdgeRange, isLight)}, .15)`,\n };\n};\n"],"mappings":";;;;;;AAYA,IAAAA,SAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAkBA,MAAMC,mBAAmB,GAAG,GAAG;AAC/B,MAAMC,kBAAkB,GAAG,GAAG;AAC9B,MAAMC,kBAAkB,GAAG,GAAG;AAE9B,MAAMC,gBAAgB,GAAG,SAAS;AAClC,MAAMC,gBAAgB,GAAG,SAAS;AAE3B,MAAMC,sBAAsB,GAAGA,CACpCC,eAAuB,EACvBC,mBAAiC,KAC9B;EAEH,MAAMC,UAAU,GAAG,IAAAC,0BAAgB,EAACH,eAAe,CAAC,GAChD,IAAAI,kBAAQ,EAACJ,eAAe,CAAC,GACzB,IAAAI,kBAAQ,EAACH,mBAAmB,CAACI,eAAe,CAAC;EAEjD,MAAM;IAAEC,GAAG;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGN,UAAU;EAKvC,MAAMO,SAAS,GAAG,MAAM,GAAGH,GAAG,GAAG,MAAM,GAAGC,KAAK,GAAG,MAAM,GAAGC,IAAI;EAI/D,MAAME,yBAAyB,GAC7BD,SAAS,GAAGd,kBAAkB,IAAIc,SAAS,GAAGb,kBAAkB;EAGlE,MAAMe,OAAO,GAAGF,SAAS,GAAGf,mBAAmB;EAE/C,MAAMkB,SAAS,GAAGF,yBAAyB,GACvCb,gBAAgB,GAChBc,OAAO,GACLV,mBAAmB,CAACY,mBAAmB,GACvCf,gBAAgB;EAEtB,MAAMgB,wBAAwB,GAAG,IAAAV,kBAAQ,EAACQ,SAAS,CAAC;EACpD,MAAMG,mBAAmB,GAAG,IAAAX,kBAAQ,EAACN,gBAAgB,CAAC;EACtD,MAAMkB,kBAAkB,GAAG,IAAAZ,kBAAQ,EACjCM,yBAAyB,GACrBb,gBAAgB,GAChBI,mBAAmB,CAACY,mBAC1B,CAAC;EAED,MAAMI,iCAAiC,GAAG,IAAAC,+BAAqB,EAAC;IAC9DZ,GAAG,EAAEQ,wBAAwB,EAAER,GAAG;IAClCC,KAAK,EAAEO,wBAAwB,EAAEP,KAAK;IACtCC,IAAI,EAAEM,wBAAwB,EAAEN;EAClC,CAAC,CAAC;EAEF,MAAMW,4BAA4B,GAAG,IAAAD,+BAAqB,EAAC;IACzDZ,GAAG,EAAES,mBAAmB,EAAET,GAAG;IAC7BC,KAAK,EAAEQ,mBAAmB,EAAER,KAAK;IACjCC,IAAI,EAAEO,mBAAmB,EAAEP;EAC7B,CAAC,CAAC;EAEF,MAAMY,2BAA2B,GAAG,IAAAF,+BAAqB,EAAC;IACxDZ,GAAG,EAAEU,kBAAkB,EAAEV,GAAG;IAC5BC,KAAK,EAAES,kBAAkB,EAAET,KAAK;IAChCC,IAAI,EAAEQ,kBAAkB,EAAER;EAC5B,CAAC,CAAC;EAEF,MAAMa,iBAGK,GAAGA,CAACX,yBAAyB,EAAEC,OAAO,KAAK;IACpD,IAAID,yBAAyB,EAAE;MAC7B,OAAOC,OAAO,GACVS,2BAA2B,GAC3BD,4BAA4B;IAClC;IAEA,OAAOF,iCAAiC;EAC1C,CAAC;EAED,OAAO;IACLL,SAAS;IACTU,cAAc,EAAE,QAAQL,iCAAiC,OAAO;IAChEM,qBAAqB,EAAE,QAAQN,iCAAiC,OAAO;IACvEO,wBAAwB,EAAE,QAAQH,iBAAiB,CAACX,yBAAyB,EAAEC,OAAO,CAAC,OAAO;IAC9Fc,2BAA2B,EAAE,QAAQJ,iBAAiB,CAACX,yBAAyB,EAAEC,OAAO,CAAC;EAC5F,CAAC;AACH,CAAC;AAACe,OAAA,CAAA3B,sBAAA,GAAAA,sBAAA","ignoreList":[]}
1
+ {"version":3,"file":"createContrastColors.cjs","names":["_hexToRgb","require","LUMINANCE_THRESHOLD","LUMINANCE_EDGE_MIN","LUMINANCE_EDGE_MAX","BLACK_FONT_COLOR","WHITE_FONT_COLOR","generateContrastColors","backgroundColor","backgroundContrastColor","odysseyDesignTokens","rgbFromHex","isValidHexString","hexToRgb","HueNeutralWhite","red","green","blue","luminance","luminanceValueInEdgeRange","isLight","fontColor","TypographyColorBody","calculatedFontColorInRgb","lightFontColorInRgb","darkFontColorInRgb","calculatedFontRgbComponentsString","rgbComponentsToString","lightFontRgbComponentsString","darkFontRgbComponentsString","getHighlightColor","focusRingColor","itemDisabledFontColor","itemHoverBackgroundColor","itemSelectedBackgroundColor","exports"],"sources":["../../src/createContrastColors.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n hexToRgb,\n isValidHexString,\n rgbComponentsToString,\n} from \"./hexToRgb.js\";\nimport { DesignTokens } from \"./OdysseyDesignTokensContext.js\";\n\nexport type ContrastColors = {\n focusRingColor: string | undefined;\n fontColor: string | undefined;\n itemDisabledFontColor: string | undefined;\n itemHoverBackgroundColor: string | undefined;\n itemSelectedBackgroundColor: string | undefined;\n};\n\n// 128 is a magic number. This feels like roughly where we should switch from dark to light.\nconst LUMINANCE_THRESHOLD = 128;\nconst LUMINANCE_EDGE_MIN = 108;\nconst LUMINANCE_EDGE_MAX = 142;\n\nconst BLACK_FONT_COLOR = \"#000000\";\nconst WHITE_FONT_COLOR = \"#FFFFFF\";\n\nexport const generateContrastColors = ({\n backgroundColor,\n backgroundContrastColor,\n odysseyDesignTokens,\n}: {\n backgroundColor: string;\n backgroundContrastColor?: string;\n odysseyDesignTokens: DesignTokens;\n}) => {\n // Convert hex to RGB\n const rgbFromHex = isValidHexString(backgroundColor)\n ? hexToRgb(backgroundColor)\n : hexToRgb(odysseyDesignTokens.HueNeutralWhite);\n\n const { red, green, blue } = rgbFromHex;\n\n // Calculate relative luminance\n // @see https://contrastchecker.online/color-relative-luminance-calculator#:~:text=For%20the%20sRGB%20colorspace%2C%20the,%2B0.055)%2F1.055)%20%5E%202.4\n // returns a number between 0(black) and 255(white)\n const luminance = 0.2126 * red + 0.7152 * green + 0.0722 * blue;\n\n // Luminance values between LUMINANCE_EDGE_MIN-LUMINANCE_EDGE_MAX can cause contrast ration issues\n // Using #000000 helps in these cases\n const luminanceValueInEdgeRange =\n luminance > LUMINANCE_EDGE_MIN && luminance < LUMINANCE_EDGE_MAX;\n\n // Determine if the color is light or dark.\n const isLight = luminance > LUMINANCE_THRESHOLD;\n\n const fontColor =\n backgroundContrastColor ||\n (luminanceValueInEdgeRange\n ? BLACK_FONT_COLOR\n : isLight\n ? odysseyDesignTokens.TypographyColorBody\n : WHITE_FONT_COLOR);\n\n const calculatedFontColorInRgb = hexToRgb(fontColor);\n const lightFontColorInRgb = hexToRgb(WHITE_FONT_COLOR);\n const darkFontColorInRgb = hexToRgb(\n luminanceValueInEdgeRange\n ? BLACK_FONT_COLOR\n : odysseyDesignTokens.TypographyColorBody,\n );\n\n const calculatedFontRgbComponentsString = rgbComponentsToString({\n red: calculatedFontColorInRgb?.red,\n green: calculatedFontColorInRgb?.green,\n blue: calculatedFontColorInRgb?.blue,\n });\n\n const lightFontRgbComponentsString = rgbComponentsToString({\n red: lightFontColorInRgb?.red,\n green: lightFontColorInRgb?.green,\n blue: lightFontColorInRgb?.blue,\n });\n\n const darkFontRgbComponentsString = rgbComponentsToString({\n red: darkFontColorInRgb?.red,\n green: darkFontColorInRgb?.green,\n blue: darkFontColorInRgb?.blue,\n });\n\n const getHighlightColor: (\n luminanceValueInEdgeRange: boolean,\n isLight: boolean,\n ) => string = (luminanceValueInEdgeRange, isLight) => {\n if (luminanceValueInEdgeRange) {\n return isLight\n ? darkFontRgbComponentsString\n : lightFontRgbComponentsString;\n }\n\n return calculatedFontRgbComponentsString;\n };\n\n return {\n fontColor,\n focusRingColor: `rgba(${calculatedFontRgbComponentsString}, .8)`,\n itemDisabledFontColor: `rgba(${calculatedFontRgbComponentsString}, .4)`,\n itemHoverBackgroundColor: `rgba(${getHighlightColor(luminanceValueInEdgeRange, isLight)}, .1)`,\n itemSelectedBackgroundColor: `rgba(${getHighlightColor(luminanceValueInEdgeRange, isLight)}, .15)`,\n };\n};\n"],"mappings":";;;;;;AAYA,IAAAA,SAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAkBA,MAAMC,mBAAmB,GAAG,GAAG;AAC/B,MAAMC,kBAAkB,GAAG,GAAG;AAC9B,MAAMC,kBAAkB,GAAG,GAAG;AAE9B,MAAMC,gBAAgB,GAAG,SAAS;AAClC,MAAMC,gBAAgB,GAAG,SAAS;AAE3B,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,eAAe;EACfC,uBAAuB;EACvBC;AAKF,CAAC,KAAK;EAEJ,MAAMC,UAAU,GAAG,IAAAC,0BAAgB,EAACJ,eAAe,CAAC,GAChD,IAAAK,kBAAQ,EAACL,eAAe,CAAC,GACzB,IAAAK,kBAAQ,EAACH,mBAAmB,CAACI,eAAe,CAAC;EAEjD,MAAM;IAAEC,GAAG;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGN,UAAU;EAKvC,MAAMO,SAAS,GAAG,MAAM,GAAGH,GAAG,GAAG,MAAM,GAAGC,KAAK,GAAG,MAAM,GAAGC,IAAI;EAI/D,MAAME,yBAAyB,GAC7BD,SAAS,GAAGf,kBAAkB,IAAIe,SAAS,GAAGd,kBAAkB;EAGlE,MAAMgB,OAAO,GAAGF,SAAS,GAAGhB,mBAAmB;EAE/C,MAAMmB,SAAS,GACbZ,uBAAuB,KACtBU,yBAAyB,GACtBd,gBAAgB,GAChBe,OAAO,GACLV,mBAAmB,CAACY,mBAAmB,GACvChB,gBAAgB,CAAC;EAEzB,MAAMiB,wBAAwB,GAAG,IAAAV,kBAAQ,EAACQ,SAAS,CAAC;EACpD,MAAMG,mBAAmB,GAAG,IAAAX,kBAAQ,EAACP,gBAAgB,CAAC;EACtD,MAAMmB,kBAAkB,GAAG,IAAAZ,kBAAQ,EACjCM,yBAAyB,GACrBd,gBAAgB,GAChBK,mBAAmB,CAACY,mBAC1B,CAAC;EAED,MAAMI,iCAAiC,GAAG,IAAAC,+BAAqB,EAAC;IAC9DZ,GAAG,EAAEQ,wBAAwB,EAAER,GAAG;IAClCC,KAAK,EAAEO,wBAAwB,EAAEP,KAAK;IACtCC,IAAI,EAAEM,wBAAwB,EAAEN;EAClC,CAAC,CAAC;EAEF,MAAMW,4BAA4B,GAAG,IAAAD,+BAAqB,EAAC;IACzDZ,GAAG,EAAES,mBAAmB,EAAET,GAAG;IAC7BC,KAAK,EAAEQ,mBAAmB,EAAER,KAAK;IACjCC,IAAI,EAAEO,mBAAmB,EAAEP;EAC7B,CAAC,CAAC;EAEF,MAAMY,2BAA2B,GAAG,IAAAF,+BAAqB,EAAC;IACxDZ,GAAG,EAAEU,kBAAkB,EAAEV,GAAG;IAC5BC,KAAK,EAAES,kBAAkB,EAAET,KAAK;IAChCC,IAAI,EAAEQ,kBAAkB,EAAER;EAC5B,CAAC,CAAC;EAEF,MAAMa,iBAGK,GAAGA,CAACX,yBAAyB,EAAEC,OAAO,KAAK;IACpD,IAAID,yBAAyB,EAAE;MAC7B,OAAOC,OAAO,GACVS,2BAA2B,GAC3BD,4BAA4B;IAClC;IAEA,OAAOF,iCAAiC;EAC1C,CAAC;EAED,OAAO;IACLL,SAAS;IACTU,cAAc,EAAE,QAAQL,iCAAiC,OAAO;IAChEM,qBAAqB,EAAE,QAAQN,iCAAiC,OAAO;IACvEO,wBAAwB,EAAE,QAAQH,iBAAiB,CAACX,yBAAyB,EAAEC,OAAO,CAAC,OAAO;IAC9Fc,2BAA2B,EAAE,QAAQJ,iBAAiB,CAACX,yBAAyB,EAAEC,OAAO,CAAC;EAC5F,CAAC;AACH,CAAC;AAACe,OAAA,CAAA5B,sBAAA,GAAAA,sBAAA","ignoreList":[]}
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getLogicalBoundaries = void 0;
7
+ /*!
8
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
9
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
10
+ *
11
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
12
+ * Unless required by applicable law or agreed to in writing, software
13
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
14
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15
+ *
16
+ * See the License for the specific language governing permissions and limitations under the License.
17
+ */const getLogicalBoundaries = element => {
18
+ const isRTL = document.documentElement.getAttribute("dir") === "rtl";
19
+ const {
20
+ top,
21
+ bottom,
22
+ left,
23
+ right
24
+ } = element.getBoundingClientRect();
25
+ return {
26
+ top,
27
+ bottom,
28
+ left: isRTL ? right : left,
29
+ right: isRTL ? left : right
30
+ };
31
+ };
32
+ exports.getLogicalBoundaries = getLogicalBoundaries;
33
+ //# sourceMappingURL=getLogicalBoundaries.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getLogicalBoundaries.cjs","names":["getLogicalBoundaries","element","isRTL","document","documentElement","getAttribute","top","bottom","left","right","getBoundingClientRect","exports"],"sources":["../../src/getLogicalBoundaries.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n/**\n * Retrieves the logical boundaries (top, bottom, left, right) of a given HTML element.\n *\n * The function considers the document's text direction (`dir` attribute) to determine\n * whether the left and right boundaries should be swapped.\n */\nexport const getLogicalBoundaries = (element: HTMLElement) => {\n const isRTL = document.documentElement.getAttribute(\"dir\") === \"rtl\";\n\n const { top, bottom, left, right } = element.getBoundingClientRect();\n\n return {\n top,\n bottom,\n // left and right are swapped for RTL\n left: isRTL ? right : left,\n right: isRTL ? left : right,\n };\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAQO,MAAMA,oBAAoB,GAAIC,OAAoB,IAAK;EAC5D,MAAMC,KAAK,GAAGC,QAAQ,CAACC,eAAe,CAACC,YAAY,CAAC,KAAK,CAAC,KAAK,KAAK;EAEpE,MAAM;IAAEC,GAAG;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGR,OAAO,CAACS,qBAAqB,CAAC,CAAC;EAEpE,OAAO;IACLJ,GAAG;IACHC,MAAM;IAENC,IAAI,EAAEN,KAAK,GAAGO,KAAK,GAAGD,IAAI;IAC1BC,KAAK,EAAEP,KAAK,GAAGM,IAAI,GAAGC;EACxB,CAAC;AACH,CAAC;AAACE,OAAA,CAAAX,oBAAA,GAAAA,oBAAA","ignoreList":[]}
@@ -497,6 +497,7 @@ const DataFilters = ({
497
497
  onChange: ev => setSearchValue(ev.target.value)
498
498
  }), hasSearchSubmitButton && (0, _jsxRuntime.jsx)(_Box.Box, {
499
499
  children: (0, _jsxRuntime.jsx)(_index.Button, {
500
+ isDisabled: isDisabled,
500
501
  variant: "primary",
501
502
  label: t("filters.search.label"),
502
503
  onClick: () => onChangeSearch(searchValue)
@@ -1 +1 @@
1
- {"version":3,"file":"DataFilters.cjs","names":["_react","require","_reactI18next","_styled","_interopRequireDefault","_Autocomplete","_Box","_index","_CheckboxGroup","_Checkbox","_index2","_OdysseyDesignTokensContext","_RadioGroup","_Radio","_SearchField","_Tag","_TagList","_TextField","_Typography3","_jsxRuntime","e","__esModule","default","StyledAutocompleteOuterContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","display","alignItems","gap","Spacing2","StyledAutocompleteInnerContainer","width","FilterTags","activeFilters","updateFilterAndInputValues","filtersWithValues","filter","activeFilter","value","filtersToRender","forEach","Array","isArray","filterValue","formattedValue","push","id","label","getFilter","find","removeValueFromFilterAndInput","removedFilterValue","currentFilter","updatedValues","currentValue","filterId","length","undefined","jsx","TagList","children","map","Tag","onRemove","MemoizedFilterTags","memo","displayName","DataFilters","onChangeSearch","onChangeFilters","hasSearchSubmitButton","searchDelayTime","defaultSearchTerm","additionalActions","filters","filtersProp","isDisabled","setFilters","useState","t","useTranslation","useOdysseyDesignTokens","initialInputValues","useMemo","reduce","accumulator","inputValues","setInputValues","searchValue","setSearchValue","isFiltersMenuOpen","setIsFiltersMenuOpen","filtersMenuAnchorElement","setFiltersMenuAnchorElement","isFilterPopoverOpen","setIsFilterPopoverOpen","filterPopoverAnchorElement","setFilterPopoverAnchorElement","filterPopoverCurrentFilter","setFilterPopoverCurrentFilter","menuRef","useRef","useEffect","debouncer","current","clearTimeout","setTimeout","autocompleteOptions","options","updateInputValue","useCallback","updateFilters","prevInputValues","updatedFilters","handleCheckboxFilterAndInputValueChange","option","checked","currentValues","inputValue","normalizedUpdatedValues","handleAutocompleteFilterChange","clearAllFilters","updatedInputValues","handleFilterSubmit","filterMenu","jsxs","Fragment","Box","Button","ariaControls","ariaExpanded","ariaHasPopup","ariaLabel","endIcon","FilterIcon","onClick","event","currentTarget","variant","_Menu2","anchorOrigin","horizontal","vertical","transformOrigin","anchorEl","onClose","open","PaperProps","ref","latestFilterValue","f","_MenuItem2","selected","className","sx","justifyContent","minWidth","paddingBlock","paddingInlineStart","marginRight","_Typography2","fontWeight","marginBlockEnd","Subordinate","component","Trans","i18nKey","values","toLowerCase","count","ChevronRightIcon","autoCompleteValue","maxWidth","_Popover2","elevation","marginLeft","marginTop","ev","menuRect","getBoundingClientRect","clickInsideMenu","clientX","left","right","clientY","top","bottom","padding","onSubmit","preventDefault","noValidate","render","Autocomplete","hasMultipleChoices","isCustomValueAllowed","onChange","_","CheckIcon","type","TextField","hasInitialFocus","endAdornment","_IconButton2","size","CloseCircleFilledIcon","CheckboxGroup","isRequired","checkFilterInputValuesAsArray","isOptionValueInInputValues","some","Checkbox","isChecked","RadioGroup","Radio","style","SearchField","placeholder","onClear","target","borderTopWidth","borderTopColor","borderTopStyle","paddingTop","MemoizedDataFilters","exports"],"sources":["../../../src/labs/DataFilters.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n MutableRefObject,\n ReactNode,\n memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport {\n IconButton as MuiIconButton,\n Menu as MuiMenu,\n MenuItem as MuiMenuItem,\n Popover as MuiPopover,\n Typography as MuiTypography,\n} from \"@mui/material\";\nimport { MRT_ColumnDef, MRT_RowData } from \"material-react-table\";\nimport styled from \"@emotion/styled\";\n\nimport { Autocomplete } from \"../Autocomplete.js\";\nimport { Box } from \"../Box.js\";\nimport { Button } from \"../Buttons/index.js\";\nimport { CheckboxGroup } from \"../CheckboxGroup.js\";\nimport { Checkbox } from \"../Checkbox.js\";\nimport {\n CheckIcon,\n ChevronRightIcon,\n CloseCircleFilledIcon,\n FilterIcon,\n} from \"../icons.generated/index.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { RadioGroup } from \"../RadioGroup.js\";\nimport { Radio } from \"../Radio.js\";\nimport { SearchField } from \"../SearchField.js\";\nimport { Tag } from \"../Tag.js\";\nimport { TagList } from \"../TagList.js\";\nimport { TextField } from \"../TextField.js\";\nimport { Subordinate } from \"../Typography.js\";\n\nconst StyledAutocompleteOuterContainer = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n display: \"flex\",\n alignItems: \"flex-end\",\n gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst StyledAutocompleteInnerContainer = styled(\"div\")({\n width: \"100%\",\n});\n\ntype Option = {\n label: string;\n value: string;\n};\n\nexport type DataFilterValue = string | string[] | Option[] | undefined;\n\nexport type UpdateFiltersOrValues = ({\n filterId,\n value,\n}: {\n filterId: string;\n value: DataFilterValue;\n}) => void;\n\n// This is the shape of each individual filter\nexport type DataFilter = {\n /**\n * A unique ID for the filter, typically the same id\n * as the column it'll be applied to.\n */\n id: Exclude<MRT_ColumnDef<MRT_RowData>[\"accessorKey\"], undefined>;\n /**\n * `Autocomplete` normally only allows values that exist in the list box. This feature allows you to enter in any value in the text field and have that be the stored value in `Autocomplete`\n *\n * NOTE: This only applies when `variant` is `autocomplete`\n */\n isCustomValueAllowed?: boolean;\n /**\n * The human-friendly name of the filter.\n */\n label: string;\n /**\n * The type of filter, which determines which filtering control\n * is shown.\n */\n variant?: MRT_ColumnDef<MRT_RowData>[\"filterVariant\"];\n /**\n * The current value of the filter. Typically a string, but\n * filters that allow for multiple selections (such as multi-select)\n * can accept an array.\n */\n value?: DataFilterValue;\n /**\n * If the filter control has preset options (such as a select or multi-select),\n * these are the options provided.\n */\n options?: Option[];\n /**\n * A callback which renders a custom filter control\n */\n render?: (updateFilters: UpdateFiltersOrValues) => ReactNode;\n};\n\n// This is the type of the DataFilters component itself\nexport type DataFiltersProps = {\n /**\n * The callback that's fired when the search input changes\n * (either on change or on submit, based on the value of `hasSearchSubmitButton`).\n * If this is undefined, the search input will not be shown.\n */\n onChangeSearch?: (value: string) => void;\n /**\n * The callback that's fired when filter values change.\n */\n onChangeFilters?: (filters: Array<DataFilter>) => void;\n /**\n * If true, a Search button will be provided alongside the search input\n * and `onChangeSearch` will fire when the button is clicked, rather than\n * whenever the input value changes.\n */\n hasSearchSubmitButton?: boolean;\n /**\n * The debounce time, in milliseconds, for the search input firing\n * `onChangeSearch` when changed. If `hasSearchSubmitButton` is true,\n * this doesn't do anything.\n */\n searchDelayTime?: number;\n /**\n * The starting value of the search input\n */\n defaultSearchTerm?: string;\n /**\n * A slot for optional additional actions, like buttons, to be displayed\n * on the opposite side of the top row from the search and filter controls.\n */\n additionalActions?: ReactNode;\n /**\n * The filters available in the filter menu. If undefined,\n * the filter menu won't be shown.\n */\n filters?: Array<DataFilter>;\n /**\n * If true, the filter and search will be disabled\n */\n isDisabled?: boolean;\n};\n\ntype FilterTagsProps = {\n activeFilters: DataFilter[];\n updateFilterAndInputValues: UpdateFiltersOrValues;\n};\n\ntype FiltersToRender = {\n id: string;\n label: string;\n value: string;\n};\n\nconst FilterTags = ({\n activeFilters,\n updateFilterAndInputValues,\n}: FilterTagsProps) => {\n const filtersWithValues = activeFilters.filter(\n (activeFilter: DataFilter) => activeFilter.value,\n );\n const filtersToRender: FiltersToRender[] = [];\n\n filtersWithValues.forEach((filter) => {\n if (Array.isArray(filter.value)) {\n filter.value.forEach((filterValue) => {\n const formattedValue =\n typeof filterValue === \"string\" ? filterValue : filterValue.value;\n filtersToRender.push({\n id: filter.id,\n label: filter.label,\n value: formattedValue,\n });\n });\n }\n if (typeof filter.value === \"string\") {\n filtersToRender.push({\n id: filter.id,\n label: filter.label,\n value: filter.value,\n });\n }\n });\n\n const getFilter = (id: string) =>\n filtersWithValues.find((filter) => filter.id === id);\n\n const removeValueFromFilterAndInput = (\n id: string,\n removedFilterValue: string,\n ) => {\n const currentFilter = getFilter(id);\n\n if (currentFilter) {\n const { value } = currentFilter;\n\n if (Array.isArray(value)) {\n const updatedValues = value.filter((currentValue) => {\n return (currentValue as Option).value !== removedFilterValue;\n });\n updateFilterAndInputValues({\n filterId: id,\n value:\n updatedValues.length > 0 ? (updatedValues as Option[]) : undefined,\n });\n }\n\n if (typeof value === \"string\") {\n updateFilterAndInputValues({\n filterId: id,\n value: undefined,\n });\n }\n }\n };\n\n return (\n <TagList>\n {filtersToRender.map((filter) => (\n <Tag\n key={`${filter.label}: ${filter.value}`}\n label={`${filter.label}: ${filter.value}`}\n onRemove={() =>\n removeValueFromFilterAndInput(filter.id, filter.value)\n }\n />\n ))}\n </TagList>\n );\n};\n\nconst MemoizedFilterTags = memo(FilterTags);\nMemoizedFilterTags.displayName = \"FilterTags\";\n\nconst DataFilters = ({\n onChangeSearch,\n onChangeFilters,\n hasSearchSubmitButton = false,\n searchDelayTime = 200,\n defaultSearchTerm = \"\",\n additionalActions,\n filters: filtersProp = [],\n isDisabled,\n}: DataFiltersProps) => {\n const [filters, setFilters] = useState<DataFilter[]>(filtersProp);\n const { t } = useTranslation();\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n const initialInputValues = useMemo(() => {\n return filtersProp.reduce(\n (accumulator, filter) => {\n accumulator[filter.id] = filter.value;\n return accumulator;\n },\n {} as Record<string, DataFilterValue>,\n );\n }, [filtersProp]);\n\n const [inputValues, setInputValues] = useState(initialInputValues);\n\n const [searchValue, setSearchValue] = useState<string>(defaultSearchTerm);\n\n const activeFilters = useMemo(() => {\n return filters.filter((filter) => filter.value);\n }, [filters]);\n\n const [isFiltersMenuOpen, setIsFiltersMenuOpen] = useState<boolean>(false);\n\n const [filtersMenuAnchorElement, setFiltersMenuAnchorElement] = useState<\n HTMLElement | undefined\n >();\n\n const [isFilterPopoverOpen, setIsFilterPopoverOpen] =\n useState<boolean>(false);\n\n const [filterPopoverAnchorElement, setFilterPopoverAnchorElement] = useState<\n HTMLElement | undefined\n >();\n\n const [filterPopoverCurrentFilter, setFilterPopoverCurrentFilter] = useState<\n DataFilter | undefined\n >();\n\n const menuRef = useRef<HTMLDivElement>();\n\n useEffect(() => {\n onChangeFilters?.(filters);\n }, [filters, onChangeFilters]);\n\n const debouncer = useRef<NodeJS.Timeout | undefined>(undefined);\n\n useEffect(() => {\n if (!hasSearchSubmitButton) {\n if (debouncer.current) {\n clearTimeout(debouncer.current);\n }\n\n debouncer.current = setTimeout(() => {\n onChangeSearch?.(searchValue ?? \"\");\n }, searchDelayTime);\n }\n }, [onChangeSearch, searchValue, searchDelayTime, hasSearchSubmitButton]);\n\n const autocompleteOptions = useMemo(() => {\n return filterPopoverCurrentFilter?.options || [];\n }, [filterPopoverCurrentFilter]);\n\n const updateInputValue = useCallback<UpdateFiltersOrValues>(\n ({ filterId, value }) => {\n setInputValues({ ...inputValues, [filterId]: value });\n },\n [inputValues],\n );\n\n const updateFilters = useCallback<UpdateFiltersOrValues>(\n ({ filterId, value }) => {\n setInputValues((prevInputValues) => ({\n ...prevInputValues,\n [filterId]: value,\n }));\n const updatedFilters = filtersProp.map((filter) => ({\n ...filter,\n value: filter.id === filterId ? value : inputValues[filter.id],\n }));\n setFilters(updatedFilters);\n },\n [inputValues, filtersProp],\n );\n\n const updateFilterAndInputValues = useCallback<UpdateFiltersOrValues>(\n ({ filterId, value }) => {\n updateInputValue({ filterId, value });\n updateFilters({ filterId, value });\n },\n [updateFilters, updateInputValue],\n );\n\n const handleCheckboxFilterAndInputValueChange = useCallback<\n (filterId: string, option: Option, checked: boolean) => void\n >(\n (filterId, option, checked) => {\n const currentValues = (inputValues[filterId] as Option[]) || [];\n\n const updatedValues = checked\n ? [...currentValues, option]\n : currentValues.filter(\n (inputValue) => inputValue.value !== option.value,\n );\n\n const normalizedUpdatedValues =\n updatedValues.length > 0 ? updatedValues : undefined;\n\n setInputValues({\n ...inputValues,\n [filterId]: normalizedUpdatedValues,\n });\n\n const updatedFilters = filters.map((filter) => ({\n ...filter,\n value:\n filter.id === filterId\n ? normalizedUpdatedValues\n : inputValues[filter.id],\n }));\n\n setFilters(updatedFilters);\n },\n [filters, inputValues],\n );\n\n const handleAutocompleteFilterChange = useCallback<\n (filterId: string, option: Option[]) => void\n >(\n (filterId, option) => {\n setInputValues({ ...inputValues, [filterId]: option });\n },\n [inputValues],\n );\n\n const clearAllFilters = useCallback(() => {\n const updatedInputValues = filtersProp.reduce(\n (accumulator, filter) => {\n accumulator[filter.id] = undefined;\n return accumulator;\n },\n {} as Record<string, DataFilterValue>,\n );\n\n setInputValues(updatedInputValues);\n\n const updatedFilters = filtersProp.map((filter) => ({\n ...filter,\n value: undefined,\n }));\n\n setFilters(updatedFilters);\n }, [filtersProp]);\n\n const handleFilterSubmit = useCallback(() => {\n const updatedFilters = filtersProp.map((filter) => ({\n ...filter,\n value: inputValues[filter.id],\n }));\n\n setFilters(updatedFilters);\n }, [inputValues, filtersProp]);\n\n const filterMenu = useMemo(\n () => (\n <>\n <Box>\n <Button\n ariaControls={isFiltersMenuOpen ? \"filters-menu\" : undefined}\n ariaExpanded={isFiltersMenuOpen ? \"true\" : undefined}\n ariaHasPopup=\"true\"\n ariaLabel={t(\"filters.filters.arialabel\")}\n isDisabled={isDisabled}\n endIcon={<FilterIcon />}\n onClick={(event) => {\n setFiltersMenuAnchorElement(event.currentTarget);\n setIsFiltersMenuOpen(true);\n }}\n variant=\"secondary\"\n />\n </Box>\n\n <MuiMenu\n anchorOrigin={{ horizontal: \"left\", vertical: \"bottom\" }}\n transformOrigin={{ horizontal: \"left\", vertical: \"top\" }}\n id=\"filters-menu\"\n anchorEl={filtersMenuAnchorElement}\n onClose={() => setIsFiltersMenuOpen(false)}\n open={isFiltersMenuOpen}\n PaperProps={{\n ref: menuRef as MutableRefObject<HTMLDivElement>,\n }}\n >\n {filtersProp.map((filter) => {\n // Unintuitively, we can't just use filter.value to grab the filter value.\n // `filter` is the initial set of filters provided to the component, so its\n // value prop may not reflect the current value of the filter.\n const latestFilterValue = filters.find(\n (f) => f.id === filter.id,\n )?.value;\n\n return (\n <MuiMenuItem\n key={filter.id}\n aria-controls={isFilterPopoverOpen ? \"filter-form\" : undefined}\n onClick={(event) => {\n setIsFilterPopoverOpen(true);\n setFilterPopoverAnchorElement(event.currentTarget);\n setFilterPopoverCurrentFilter(filter);\n }}\n selected={\n filterPopoverCurrentFilter === filter &&\n isFilterPopoverOpen === true\n }\n className={\n filterPopoverCurrentFilter === filter &&\n isFilterPopoverOpen === true\n ? \"isVisiblySelected\"\n : undefined\n }\n >\n <Box\n sx={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n width: \"100%\",\n minWidth: 180,\n paddingBlock: 1,\n paddingInlineStart: 2,\n }}\n >\n <Box sx={{ marginRight: 2 }}>\n <MuiTypography fontWeight=\"500\" sx={{ marginBlockEnd: 2 }}>\n {filter.label}\n </MuiTypography>\n <Subordinate component=\"div\">\n {!latestFilterValue ||\n (Array.isArray(latestFilterValue) &&\n latestFilterValue.length === 0) ? (\n <Trans\n i18nKey=\"filters.menuitem.any\"\n values={{\n label: filter.label.toLowerCase(),\n }}\n />\n ) : Array.isArray(latestFilterValue) ? (\n <Trans\n count={latestFilterValue.length}\n i18nKey=\"filters.menuitem.selected\"\n values={{\n selected: latestFilterValue.length,\n }}\n />\n ) : (\n latestFilterValue\n )}\n </Subordinate>\n </Box>\n <ChevronRightIcon />\n </Box>\n </MuiMenuItem>\n );\n })}\n </MuiMenu>\n </>\n ),\n [\n isFiltersMenuOpen,\n isDisabled,\n filterPopoverCurrentFilter,\n isFilterPopoverOpen,\n filtersMenuAnchorElement,\n filtersProp,\n filters,\n t,\n ],\n );\n\n const autoCompleteValue = useMemo(\n () =>\n filterPopoverCurrentFilter?.id\n ? (inputValues[filterPopoverCurrentFilter.id] as Option[])\n : undefined,\n [filterPopoverCurrentFilter, inputValues],\n );\n\n return (\n <Box>\n {/* Upper section */}\n <Box sx={{ display: \"flex\", justifyContent: \"space-between\" }}>\n {/* Upper section left (filters and search) */}\n <Box sx={{ display: \"flex\", gap: 2, width: \"50%\", maxWidth: 480 }}>\n {/* Filter menu */}\n {filters.length > 0 && (\n <>\n {filterMenu}\n {/* Filter popover */}\n <MuiPopover\n id=\"filter-form\"\n anchorEl={filterPopoverAnchorElement}\n // Positions the popover flush with the edge of the parent menu\n // and at the right shadow elevation. These magic values are simply\n // to match the default popover offset.\n elevation={2}\n sx={{ marginLeft: 2, marginTop: -1 }}\n open={isFilterPopoverOpen}\n anchorOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n onClose={(ev: MouseEvent) => {\n if (menuRef.current) {\n const menuRect = menuRef.current.getBoundingClientRect();\n const clickInsideMenu =\n ev.clientX >= menuRect.left &&\n ev.clientX <= menuRect.right &&\n ev.clientY >= menuRect.top &&\n ev.clientY <= menuRect.bottom;\n\n if (!clickInsideMenu) {\n setIsFiltersMenuOpen(false);\n }\n }\n handleFilterSubmit();\n setIsFilterPopoverOpen(false);\n }}\n >\n <Box sx={{ padding: 4, minWidth: 320 }}>\n <form\n onSubmit={(ev) => {\n ev.preventDefault();\n handleFilterSubmit();\n setIsFilterPopoverOpen(false);\n setIsFiltersMenuOpen(false);\n }}\n noValidate\n >\n {filterPopoverCurrentFilter?.render ? (\n filterPopoverCurrentFilter.render(updateFilters)\n ) : (\n <>\n {/* Autocomplete */}\n {filterPopoverCurrentFilter?.variant ===\n \"autocomplete\" &&\n filterPopoverCurrentFilter?.options && (\n <StyledAutocompleteOuterContainer\n odysseyDesignTokens={odysseyDesignTokens}\n >\n <StyledAutocompleteInnerContainer>\n <Autocomplete\n hasMultipleChoices\n isCustomValueAllowed={\n filterPopoverCurrentFilter?.isCustomValueAllowed\n }\n label={filterPopoverCurrentFilter.label}\n value={autoCompleteValue}\n onChange={(_, value) => {\n handleAutocompleteFilterChange(\n filterPopoverCurrentFilter.id,\n value as Option[],\n );\n }}\n options={autocompleteOptions}\n />\n </StyledAutocompleteInnerContainer>\n <Button\n variant=\"primary\"\n endIcon={<CheckIcon />}\n type=\"submit\"\n ariaLabel={t(\"filters.submit.label\")}\n />\n </StyledAutocompleteOuterContainer>\n )}\n {/* Text, Number, or undefined */}\n {(filterPopoverCurrentFilter?.variant === \"text\" ||\n filterPopoverCurrentFilter?.variant === \"range\" ||\n (filterPopoverCurrentFilter &&\n filterPopoverCurrentFilter?.variant ==\n undefined)) && (\n <Box\n sx={{\n display: \"flex\",\n gap: 2,\n alignItems: \"flex-end\",\n }}\n >\n <Box sx={{ width: \"100%\" }}>\n <TextField\n hasInitialFocus\n label={filterPopoverCurrentFilter.label}\n type={\n filterPopoverCurrentFilter.variant === \"range\"\n ? \"number\"\n : \"text\"\n }\n value={\n (inputValues[\n filterPopoverCurrentFilter.id\n ] as string) ?? \"\"\n }\n onChange={(ev) =>\n updateInputValue({\n filterId: filterPopoverCurrentFilter.id,\n value: ev.currentTarget.value,\n })\n }\n endAdornment={\n inputValues[\n filterPopoverCurrentFilter.id\n ] && (\n <MuiIconButton\n size=\"small\"\n aria-label={t(\"filters.filter.clear\")}\n onClick={() => {\n updateInputValue({\n filterId:\n filterPopoverCurrentFilter.id,\n value: undefined,\n });\n\n updateFilters({\n filterId:\n filterPopoverCurrentFilter.id,\n value: undefined,\n });\n }}\n >\n <CloseCircleFilledIcon />\n </MuiIconButton>\n )\n }\n />\n </Box>\n <Button\n variant=\"primary\"\n endIcon={<CheckIcon />}\n type=\"submit\"\n ariaLabel={t(\"filters.submit.label\")}\n />\n </Box>\n )}\n\n {/* Checkbox */}\n {filterPopoverCurrentFilter?.variant ===\n \"multi-select\" &&\n filterPopoverCurrentFilter?.options && (\n <CheckboxGroup\n label={filterPopoverCurrentFilter.label}\n isRequired\n >\n {filterPopoverCurrentFilter.options.map(\n (option: { label: string; value: string }) => {\n const checkFilterInputValuesAsArray =\n (inputValues[\n filterPopoverCurrentFilter.id\n ] as Option[]) || [];\n const isOptionValueInInputValues =\n checkFilterInputValuesAsArray.some(\n (inputValue) =>\n inputValue.value === option.value,\n );\n return (\n <Checkbox\n key={option.value}\n label={option.label}\n value={option.value}\n isChecked={isOptionValueInInputValues}\n onChange={(_, checked) => {\n handleCheckboxFilterAndInputValueChange(\n filterPopoverCurrentFilter.id,\n option,\n checked,\n );\n }}\n />\n );\n },\n )}\n </CheckboxGroup>\n )}\n\n {/* Radio */}\n {filterPopoverCurrentFilter?.variant === \"select\" &&\n filterPopoverCurrentFilter?.options && (\n <RadioGroup\n label={filterPopoverCurrentFilter.label}\n onChange={(_, value) => {\n updateFilterAndInputValues({\n filterId: filterPopoverCurrentFilter.id,\n value,\n });\n }}\n >\n <Radio\n label={t(\"filters.filter.any\")}\n value={\"\"}\n isChecked={\n !inputValues[filterPopoverCurrentFilter.id]\n }\n />\n <>\n {filterPopoverCurrentFilter.options.map(\n (option: {\n label: string;\n value: string;\n }) => (\n <Radio\n key={option.value}\n label={option.label}\n value={option.value}\n isChecked={\n inputValues[\n filterPopoverCurrentFilter.id\n ] === option.value\n }\n />\n ),\n )}\n </>\n </RadioGroup>\n )}\n </>\n )}\n </form>\n </Box>\n </MuiPopover>\n </>\n )}\n\n {/* Search */}\n {onChangeSearch && (\n <form\n style={{ width: \"100%\" }}\n onSubmit={(event) => {\n event.preventDefault();\n if (hasSearchSubmitButton) {\n onChangeSearch(searchValue);\n }\n }}\n >\n <Box sx={{ display: \"flex\", gap: 2, width: \"100%\" }}>\n <SearchField\n value={searchValue}\n label={t(\"filters.search.label\")}\n placeholder={t(\"filters.search.label\")}\n isDisabled={isDisabled}\n onClear={() => {\n setSearchValue(\"\");\n onChangeSearch(\"\");\n }}\n onChange={(ev) => setSearchValue(ev.target.value)}\n />\n {hasSearchSubmitButton && (\n <Box>\n <Button\n variant=\"primary\"\n label={t(\"filters.search.label\")}\n onClick={() => onChangeSearch(searchValue)}\n />\n </Box>\n )}\n </Box>\n </form>\n )}\n </Box>\n\n {/* Upper section right (clear filters & additional actions) */}\n <Box sx={{ display: \"flex\", gap: 2 }}>\n {activeFilters.length > 0 && (\n <Box>\n <Button\n variant=\"secondary\"\n label={t(\"filters.clear.label\")}\n onClick={clearAllFilters}\n />\n </Box>\n )}\n {additionalActions}\n </Box>\n </Box>\n\n {/* Lower section */}\n {activeFilters.length > 0 && (\n <Box\n sx={{\n borderTopWidth: 1,\n borderTopColor: \"#eeeeee\",\n borderTopStyle: \"solid\",\n paddingTop: 4,\n marginTop: 4,\n }}\n >\n <MemoizedFilterTags\n activeFilters={activeFilters}\n updateFilterAndInputValues={updateFilterAndInputValues}\n />\n </Box>\n )}\n </Box>\n );\n};\n\nconst MemoizedDataFilters = memo(DataFilters);\nMemoizedDataFilters.displayName = \"DataFilters\";\n\nexport { MemoizedDataFilters as DataFilters };\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"DataFilters.cjs","names":["_react","require","_reactI18next","_styled","_interopRequireDefault","_Autocomplete","_Box","_index","_CheckboxGroup","_Checkbox","_index2","_OdysseyDesignTokensContext","_RadioGroup","_Radio","_SearchField","_Tag","_TagList","_TextField","_Typography3","_jsxRuntime","e","__esModule","default","StyledAutocompleteOuterContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","display","alignItems","gap","Spacing2","StyledAutocompleteInnerContainer","width","FilterTags","activeFilters","updateFilterAndInputValues","filtersWithValues","filter","activeFilter","value","filtersToRender","forEach","Array","isArray","filterValue","formattedValue","push","id","label","getFilter","find","removeValueFromFilterAndInput","removedFilterValue","currentFilter","updatedValues","currentValue","filterId","length","undefined","jsx","TagList","children","map","Tag","onRemove","MemoizedFilterTags","memo","displayName","DataFilters","onChangeSearch","onChangeFilters","hasSearchSubmitButton","searchDelayTime","defaultSearchTerm","additionalActions","filters","filtersProp","isDisabled","setFilters","useState","t","useTranslation","useOdysseyDesignTokens","initialInputValues","useMemo","reduce","accumulator","inputValues","setInputValues","searchValue","setSearchValue","isFiltersMenuOpen","setIsFiltersMenuOpen","filtersMenuAnchorElement","setFiltersMenuAnchorElement","isFilterPopoverOpen","setIsFilterPopoverOpen","filterPopoverAnchorElement","setFilterPopoverAnchorElement","filterPopoverCurrentFilter","setFilterPopoverCurrentFilter","menuRef","useRef","useEffect","debouncer","current","clearTimeout","setTimeout","autocompleteOptions","options","updateInputValue","useCallback","updateFilters","prevInputValues","updatedFilters","handleCheckboxFilterAndInputValueChange","option","checked","currentValues","inputValue","normalizedUpdatedValues","handleAutocompleteFilterChange","clearAllFilters","updatedInputValues","handleFilterSubmit","filterMenu","jsxs","Fragment","Box","Button","ariaControls","ariaExpanded","ariaHasPopup","ariaLabel","endIcon","FilterIcon","onClick","event","currentTarget","variant","_Menu2","anchorOrigin","horizontal","vertical","transformOrigin","anchorEl","onClose","open","PaperProps","ref","latestFilterValue","f","_MenuItem2","selected","className","sx","justifyContent","minWidth","paddingBlock","paddingInlineStart","marginRight","_Typography2","fontWeight","marginBlockEnd","Subordinate","component","Trans","i18nKey","values","toLowerCase","count","ChevronRightIcon","autoCompleteValue","maxWidth","_Popover2","elevation","marginLeft","marginTop","ev","menuRect","getBoundingClientRect","clickInsideMenu","clientX","left","right","clientY","top","bottom","padding","onSubmit","preventDefault","noValidate","render","Autocomplete","hasMultipleChoices","isCustomValueAllowed","onChange","_","CheckIcon","type","TextField","hasInitialFocus","endAdornment","_IconButton2","size","CloseCircleFilledIcon","CheckboxGroup","isRequired","checkFilterInputValuesAsArray","isOptionValueInInputValues","some","Checkbox","isChecked","RadioGroup","Radio","style","SearchField","placeholder","onClear","target","borderTopWidth","borderTopColor","borderTopStyle","paddingTop","MemoizedDataFilters","exports"],"sources":["../../../src/labs/DataFilters.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n MutableRefObject,\n ReactNode,\n memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport {\n IconButton as MuiIconButton,\n Menu as MuiMenu,\n MenuItem as MuiMenuItem,\n Popover as MuiPopover,\n Typography as MuiTypography,\n} from \"@mui/material\";\nimport { MRT_ColumnDef, MRT_RowData } from \"material-react-table\";\nimport styled from \"@emotion/styled\";\n\nimport { Autocomplete } from \"../Autocomplete.js\";\nimport { Box } from \"../Box.js\";\nimport { Button } from \"../Buttons/index.js\";\nimport { CheckboxGroup } from \"../CheckboxGroup.js\";\nimport { Checkbox } from \"../Checkbox.js\";\nimport {\n CheckIcon,\n ChevronRightIcon,\n CloseCircleFilledIcon,\n FilterIcon,\n} from \"../icons.generated/index.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { RadioGroup } from \"../RadioGroup.js\";\nimport { Radio } from \"../Radio.js\";\nimport { SearchField } from \"../SearchField.js\";\nimport { Tag } from \"../Tag.js\";\nimport { TagList } from \"../TagList.js\";\nimport { TextField } from \"../TextField.js\";\nimport { Subordinate } from \"../Typography.js\";\n\nconst StyledAutocompleteOuterContainer = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n display: \"flex\",\n alignItems: \"flex-end\",\n gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst StyledAutocompleteInnerContainer = styled(\"div\")({\n width: \"100%\",\n});\n\ntype Option = {\n label: string;\n value: string;\n};\n\nexport type DataFilterValue = string | string[] | Option[] | undefined;\n\nexport type UpdateFiltersOrValues = ({\n filterId,\n value,\n}: {\n filterId: string;\n value: DataFilterValue;\n}) => void;\n\n// This is the shape of each individual filter\nexport type DataFilter = {\n /**\n * A unique ID for the filter, typically the same id\n * as the column it'll be applied to.\n */\n id: Exclude<MRT_ColumnDef<MRT_RowData>[\"accessorKey\"], undefined>;\n /**\n * `Autocomplete` normally only allows values that exist in the list box. This feature allows you to enter in any value in the text field and have that be the stored value in `Autocomplete`\n *\n * NOTE: This only applies when `variant` is `autocomplete`\n */\n isCustomValueAllowed?: boolean;\n /**\n * The human-friendly name of the filter.\n */\n label: string;\n /**\n * The type of filter, which determines which filtering control\n * is shown.\n */\n variant?: MRT_ColumnDef<MRT_RowData>[\"filterVariant\"];\n /**\n * The current value of the filter. Typically a string, but\n * filters that allow for multiple selections (such as multi-select)\n * can accept an array.\n */\n value?: DataFilterValue;\n /**\n * If the filter control has preset options (such as a select or multi-select),\n * these are the options provided.\n */\n options?: Option[];\n /**\n * A callback which renders a custom filter control\n */\n render?: (updateFilters: UpdateFiltersOrValues) => ReactNode;\n};\n\n// This is the type of the DataFilters component itself\nexport type DataFiltersProps = {\n /**\n * The callback that's fired when the search input changes\n * (either on change or on submit, based on the value of `hasSearchSubmitButton`).\n * If this is undefined, the search input will not be shown.\n */\n onChangeSearch?: (value: string) => void;\n /**\n * The callback that's fired when filter values change.\n */\n onChangeFilters?: (filters: Array<DataFilter>) => void;\n /**\n * If true, a Search button will be provided alongside the search input\n * and `onChangeSearch` will fire when the button is clicked, rather than\n * whenever the input value changes.\n */\n hasSearchSubmitButton?: boolean;\n /**\n * The debounce time, in milliseconds, for the search input firing\n * `onChangeSearch` when changed. If `hasSearchSubmitButton` is true,\n * this doesn't do anything.\n */\n searchDelayTime?: number;\n /**\n * The starting value of the search input\n */\n defaultSearchTerm?: string;\n /**\n * A slot for optional additional actions, like buttons, to be displayed\n * on the opposite side of the top row from the search and filter controls.\n */\n additionalActions?: ReactNode;\n /**\n * The filters available in the filter menu. If undefined,\n * the filter menu won't be shown.\n */\n filters?: Array<DataFilter>;\n /**\n * If true, the filter and search will be disabled\n */\n isDisabled?: boolean;\n};\n\ntype FilterTagsProps = {\n activeFilters: DataFilter[];\n updateFilterAndInputValues: UpdateFiltersOrValues;\n};\n\ntype FiltersToRender = {\n id: string;\n label: string;\n value: string;\n};\n\nconst FilterTags = ({\n activeFilters,\n updateFilterAndInputValues,\n}: FilterTagsProps) => {\n const filtersWithValues = activeFilters.filter(\n (activeFilter: DataFilter) => activeFilter.value,\n );\n const filtersToRender: FiltersToRender[] = [];\n\n filtersWithValues.forEach((filter) => {\n if (Array.isArray(filter.value)) {\n filter.value.forEach((filterValue) => {\n const formattedValue =\n typeof filterValue === \"string\" ? filterValue : filterValue.value;\n filtersToRender.push({\n id: filter.id,\n label: filter.label,\n value: formattedValue,\n });\n });\n }\n if (typeof filter.value === \"string\") {\n filtersToRender.push({\n id: filter.id,\n label: filter.label,\n value: filter.value,\n });\n }\n });\n\n const getFilter = (id: string) =>\n filtersWithValues.find((filter) => filter.id === id);\n\n const removeValueFromFilterAndInput = (\n id: string,\n removedFilterValue: string,\n ) => {\n const currentFilter = getFilter(id);\n\n if (currentFilter) {\n const { value } = currentFilter;\n\n if (Array.isArray(value)) {\n const updatedValues = value.filter((currentValue) => {\n return (currentValue as Option).value !== removedFilterValue;\n });\n updateFilterAndInputValues({\n filterId: id,\n value:\n updatedValues.length > 0 ? (updatedValues as Option[]) : undefined,\n });\n }\n\n if (typeof value === \"string\") {\n updateFilterAndInputValues({\n filterId: id,\n value: undefined,\n });\n }\n }\n };\n\n return (\n <TagList>\n {filtersToRender.map((filter) => (\n <Tag\n key={`${filter.label}: ${filter.value}`}\n label={`${filter.label}: ${filter.value}`}\n onRemove={() =>\n removeValueFromFilterAndInput(filter.id, filter.value)\n }\n />\n ))}\n </TagList>\n );\n};\n\nconst MemoizedFilterTags = memo(FilterTags);\nMemoizedFilterTags.displayName = \"FilterTags\";\n\nconst DataFilters = ({\n onChangeSearch,\n onChangeFilters,\n hasSearchSubmitButton = false,\n searchDelayTime = 200,\n defaultSearchTerm = \"\",\n additionalActions,\n filters: filtersProp = [],\n isDisabled,\n}: DataFiltersProps) => {\n const [filters, setFilters] = useState<DataFilter[]>(filtersProp);\n const { t } = useTranslation();\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n const initialInputValues = useMemo(() => {\n return filtersProp.reduce(\n (accumulator, filter) => {\n accumulator[filter.id] = filter.value;\n return accumulator;\n },\n {} as Record<string, DataFilterValue>,\n );\n }, [filtersProp]);\n\n const [inputValues, setInputValues] = useState(initialInputValues);\n\n const [searchValue, setSearchValue] = useState<string>(defaultSearchTerm);\n\n const activeFilters = useMemo(() => {\n return filters.filter((filter) => filter.value);\n }, [filters]);\n\n const [isFiltersMenuOpen, setIsFiltersMenuOpen] = useState<boolean>(false);\n\n const [filtersMenuAnchorElement, setFiltersMenuAnchorElement] = useState<\n HTMLElement | undefined\n >();\n\n const [isFilterPopoverOpen, setIsFilterPopoverOpen] =\n useState<boolean>(false);\n\n const [filterPopoverAnchorElement, setFilterPopoverAnchorElement] = useState<\n HTMLElement | undefined\n >();\n\n const [filterPopoverCurrentFilter, setFilterPopoverCurrentFilter] = useState<\n DataFilter | undefined\n >();\n\n const menuRef = useRef<HTMLDivElement>();\n\n useEffect(() => {\n onChangeFilters?.(filters);\n }, [filters, onChangeFilters]);\n\n const debouncer = useRef<NodeJS.Timeout | undefined>(undefined);\n\n useEffect(() => {\n if (!hasSearchSubmitButton) {\n if (debouncer.current) {\n clearTimeout(debouncer.current);\n }\n\n debouncer.current = setTimeout(() => {\n onChangeSearch?.(searchValue ?? \"\");\n }, searchDelayTime);\n }\n }, [onChangeSearch, searchValue, searchDelayTime, hasSearchSubmitButton]);\n\n const autocompleteOptions = useMemo(() => {\n return filterPopoverCurrentFilter?.options || [];\n }, [filterPopoverCurrentFilter]);\n\n const updateInputValue = useCallback<UpdateFiltersOrValues>(\n ({ filterId, value }) => {\n setInputValues({ ...inputValues, [filterId]: value });\n },\n [inputValues],\n );\n\n const updateFilters = useCallback<UpdateFiltersOrValues>(\n ({ filterId, value }) => {\n setInputValues((prevInputValues) => ({\n ...prevInputValues,\n [filterId]: value,\n }));\n const updatedFilters = filtersProp.map((filter) => ({\n ...filter,\n value: filter.id === filterId ? value : inputValues[filter.id],\n }));\n setFilters(updatedFilters);\n },\n [inputValues, filtersProp],\n );\n\n const updateFilterAndInputValues = useCallback<UpdateFiltersOrValues>(\n ({ filterId, value }) => {\n updateInputValue({ filterId, value });\n updateFilters({ filterId, value });\n },\n [updateFilters, updateInputValue],\n );\n\n const handleCheckboxFilterAndInputValueChange = useCallback<\n (filterId: string, option: Option, checked: boolean) => void\n >(\n (filterId, option, checked) => {\n const currentValues = (inputValues[filterId] as Option[]) || [];\n\n const updatedValues = checked\n ? [...currentValues, option]\n : currentValues.filter(\n (inputValue) => inputValue.value !== option.value,\n );\n\n const normalizedUpdatedValues =\n updatedValues.length > 0 ? updatedValues : undefined;\n\n setInputValues({\n ...inputValues,\n [filterId]: normalizedUpdatedValues,\n });\n\n const updatedFilters = filters.map((filter) => ({\n ...filter,\n value:\n filter.id === filterId\n ? normalizedUpdatedValues\n : inputValues[filter.id],\n }));\n\n setFilters(updatedFilters);\n },\n [filters, inputValues],\n );\n\n const handleAutocompleteFilterChange = useCallback<\n (filterId: string, option: Option[]) => void\n >(\n (filterId, option) => {\n setInputValues({ ...inputValues, [filterId]: option });\n },\n [inputValues],\n );\n\n const clearAllFilters = useCallback(() => {\n const updatedInputValues = filtersProp.reduce(\n (accumulator, filter) => {\n accumulator[filter.id] = undefined;\n return accumulator;\n },\n {} as Record<string, DataFilterValue>,\n );\n\n setInputValues(updatedInputValues);\n\n const updatedFilters = filtersProp.map((filter) => ({\n ...filter,\n value: undefined,\n }));\n\n setFilters(updatedFilters);\n }, [filtersProp]);\n\n const handleFilterSubmit = useCallback(() => {\n const updatedFilters = filtersProp.map((filter) => ({\n ...filter,\n value: inputValues[filter.id],\n }));\n\n setFilters(updatedFilters);\n }, [inputValues, filtersProp]);\n\n const filterMenu = useMemo(\n () => (\n <>\n <Box>\n <Button\n ariaControls={isFiltersMenuOpen ? \"filters-menu\" : undefined}\n ariaExpanded={isFiltersMenuOpen ? \"true\" : undefined}\n ariaHasPopup=\"true\"\n ariaLabel={t(\"filters.filters.arialabel\")}\n isDisabled={isDisabled}\n endIcon={<FilterIcon />}\n onClick={(event) => {\n setFiltersMenuAnchorElement(event.currentTarget);\n setIsFiltersMenuOpen(true);\n }}\n variant=\"secondary\"\n />\n </Box>\n\n <MuiMenu\n anchorOrigin={{ horizontal: \"left\", vertical: \"bottom\" }}\n transformOrigin={{ horizontal: \"left\", vertical: \"top\" }}\n id=\"filters-menu\"\n anchorEl={filtersMenuAnchorElement}\n onClose={() => setIsFiltersMenuOpen(false)}\n open={isFiltersMenuOpen}\n PaperProps={{\n ref: menuRef as MutableRefObject<HTMLDivElement>,\n }}\n >\n {filtersProp.map((filter) => {\n // Unintuitively, we can't just use filter.value to grab the filter value.\n // `filter` is the initial set of filters provided to the component, so its\n // value prop may not reflect the current value of the filter.\n const latestFilterValue = filters.find(\n (f) => f.id === filter.id,\n )?.value;\n\n return (\n <MuiMenuItem\n key={filter.id}\n aria-controls={isFilterPopoverOpen ? \"filter-form\" : undefined}\n onClick={(event) => {\n setIsFilterPopoverOpen(true);\n setFilterPopoverAnchorElement(event.currentTarget);\n setFilterPopoverCurrentFilter(filter);\n }}\n selected={\n filterPopoverCurrentFilter === filter &&\n isFilterPopoverOpen === true\n }\n className={\n filterPopoverCurrentFilter === filter &&\n isFilterPopoverOpen === true\n ? \"isVisiblySelected\"\n : undefined\n }\n >\n <Box\n sx={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n width: \"100%\",\n minWidth: 180,\n paddingBlock: 1,\n paddingInlineStart: 2,\n }}\n >\n <Box sx={{ marginRight: 2 }}>\n <MuiTypography fontWeight=\"500\" sx={{ marginBlockEnd: 2 }}>\n {filter.label}\n </MuiTypography>\n <Subordinate component=\"div\">\n {!latestFilterValue ||\n (Array.isArray(latestFilterValue) &&\n latestFilterValue.length === 0) ? (\n <Trans\n i18nKey=\"filters.menuitem.any\"\n values={{\n label: filter.label.toLowerCase(),\n }}\n />\n ) : Array.isArray(latestFilterValue) ? (\n <Trans\n count={latestFilterValue.length}\n i18nKey=\"filters.menuitem.selected\"\n values={{\n selected: latestFilterValue.length,\n }}\n />\n ) : (\n latestFilterValue\n )}\n </Subordinate>\n </Box>\n <ChevronRightIcon />\n </Box>\n </MuiMenuItem>\n );\n })}\n </MuiMenu>\n </>\n ),\n [\n isFiltersMenuOpen,\n isDisabled,\n filterPopoverCurrentFilter,\n isFilterPopoverOpen,\n filtersMenuAnchorElement,\n filtersProp,\n filters,\n t,\n ],\n );\n\n const autoCompleteValue = useMemo(\n () =>\n filterPopoverCurrentFilter?.id\n ? (inputValues[filterPopoverCurrentFilter.id] as Option[])\n : undefined,\n [filterPopoverCurrentFilter, inputValues],\n );\n\n return (\n <Box>\n {/* Upper section */}\n <Box sx={{ display: \"flex\", justifyContent: \"space-between\" }}>\n {/* Upper section left (filters and search) */}\n <Box sx={{ display: \"flex\", gap: 2, width: \"50%\", maxWidth: 480 }}>\n {/* Filter menu */}\n {filters.length > 0 && (\n <>\n {filterMenu}\n {/* Filter popover */}\n <MuiPopover\n id=\"filter-form\"\n anchorEl={filterPopoverAnchorElement}\n // Positions the popover flush with the edge of the parent menu\n // and at the right shadow elevation. These magic values are simply\n // to match the default popover offset.\n elevation={2}\n sx={{ marginLeft: 2, marginTop: -1 }}\n open={isFilterPopoverOpen}\n anchorOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n onClose={(ev: MouseEvent) => {\n if (menuRef.current) {\n const menuRect = menuRef.current.getBoundingClientRect();\n const clickInsideMenu =\n ev.clientX >= menuRect.left &&\n ev.clientX <= menuRect.right &&\n ev.clientY >= menuRect.top &&\n ev.clientY <= menuRect.bottom;\n\n if (!clickInsideMenu) {\n setIsFiltersMenuOpen(false);\n }\n }\n handleFilterSubmit();\n setIsFilterPopoverOpen(false);\n }}\n >\n <Box sx={{ padding: 4, minWidth: 320 }}>\n <form\n onSubmit={(ev) => {\n ev.preventDefault();\n handleFilterSubmit();\n setIsFilterPopoverOpen(false);\n setIsFiltersMenuOpen(false);\n }}\n noValidate\n >\n {filterPopoverCurrentFilter?.render ? (\n filterPopoverCurrentFilter.render(updateFilters)\n ) : (\n <>\n {/* Autocomplete */}\n {filterPopoverCurrentFilter?.variant ===\n \"autocomplete\" &&\n filterPopoverCurrentFilter?.options && (\n <StyledAutocompleteOuterContainer\n odysseyDesignTokens={odysseyDesignTokens}\n >\n <StyledAutocompleteInnerContainer>\n <Autocomplete\n hasMultipleChoices\n isCustomValueAllowed={\n filterPopoverCurrentFilter?.isCustomValueAllowed\n }\n label={filterPopoverCurrentFilter.label}\n value={autoCompleteValue}\n onChange={(_, value) => {\n handleAutocompleteFilterChange(\n filterPopoverCurrentFilter.id,\n value as Option[],\n );\n }}\n options={autocompleteOptions}\n />\n </StyledAutocompleteInnerContainer>\n <Button\n variant=\"primary\"\n endIcon={<CheckIcon />}\n type=\"submit\"\n ariaLabel={t(\"filters.submit.label\")}\n />\n </StyledAutocompleteOuterContainer>\n )}\n {/* Text, Number, or undefined */}\n {(filterPopoverCurrentFilter?.variant === \"text\" ||\n filterPopoverCurrentFilter?.variant === \"range\" ||\n (filterPopoverCurrentFilter &&\n filterPopoverCurrentFilter?.variant ==\n undefined)) && (\n <Box\n sx={{\n display: \"flex\",\n gap: 2,\n alignItems: \"flex-end\",\n }}\n >\n <Box sx={{ width: \"100%\" }}>\n <TextField\n hasInitialFocus\n label={filterPopoverCurrentFilter.label}\n type={\n filterPopoverCurrentFilter.variant === \"range\"\n ? \"number\"\n : \"text\"\n }\n value={\n (inputValues[\n filterPopoverCurrentFilter.id\n ] as string) ?? \"\"\n }\n onChange={(ev) =>\n updateInputValue({\n filterId: filterPopoverCurrentFilter.id,\n value: ev.currentTarget.value,\n })\n }\n endAdornment={\n inputValues[\n filterPopoverCurrentFilter.id\n ] && (\n <MuiIconButton\n size=\"small\"\n aria-label={t(\"filters.filter.clear\")}\n onClick={() => {\n updateInputValue({\n filterId:\n filterPopoverCurrentFilter.id,\n value: undefined,\n });\n\n updateFilters({\n filterId:\n filterPopoverCurrentFilter.id,\n value: undefined,\n });\n }}\n >\n <CloseCircleFilledIcon />\n </MuiIconButton>\n )\n }\n />\n </Box>\n <Button\n variant=\"primary\"\n endIcon={<CheckIcon />}\n type=\"submit\"\n ariaLabel={t(\"filters.submit.label\")}\n />\n </Box>\n )}\n\n {/* Checkbox */}\n {filterPopoverCurrentFilter?.variant ===\n \"multi-select\" &&\n filterPopoverCurrentFilter?.options && (\n <CheckboxGroup\n label={filterPopoverCurrentFilter.label}\n isRequired\n >\n {filterPopoverCurrentFilter.options.map(\n (option: { label: string; value: string }) => {\n const checkFilterInputValuesAsArray =\n (inputValues[\n filterPopoverCurrentFilter.id\n ] as Option[]) || [];\n const isOptionValueInInputValues =\n checkFilterInputValuesAsArray.some(\n (inputValue) =>\n inputValue.value === option.value,\n );\n return (\n <Checkbox\n key={option.value}\n label={option.label}\n value={option.value}\n isChecked={isOptionValueInInputValues}\n onChange={(_, checked) => {\n handleCheckboxFilterAndInputValueChange(\n filterPopoverCurrentFilter.id,\n option,\n checked,\n );\n }}\n />\n );\n },\n )}\n </CheckboxGroup>\n )}\n\n {/* Radio */}\n {filterPopoverCurrentFilter?.variant === \"select\" &&\n filterPopoverCurrentFilter?.options && (\n <RadioGroup\n label={filterPopoverCurrentFilter.label}\n onChange={(_, value) => {\n updateFilterAndInputValues({\n filterId: filterPopoverCurrentFilter.id,\n value,\n });\n }}\n >\n <Radio\n label={t(\"filters.filter.any\")}\n value={\"\"}\n isChecked={\n !inputValues[filterPopoverCurrentFilter.id]\n }\n />\n <>\n {filterPopoverCurrentFilter.options.map(\n (option: {\n label: string;\n value: string;\n }) => (\n <Radio\n key={option.value}\n label={option.label}\n value={option.value}\n isChecked={\n inputValues[\n filterPopoverCurrentFilter.id\n ] === option.value\n }\n />\n ),\n )}\n </>\n </RadioGroup>\n )}\n </>\n )}\n </form>\n </Box>\n </MuiPopover>\n </>\n )}\n\n {/* Search */}\n {onChangeSearch && (\n <form\n style={{ width: \"100%\" }}\n onSubmit={(event) => {\n event.preventDefault();\n if (hasSearchSubmitButton) {\n onChangeSearch(searchValue);\n }\n }}\n >\n <Box sx={{ display: \"flex\", gap: 2, width: \"100%\" }}>\n <SearchField\n value={searchValue}\n label={t(\"filters.search.label\")}\n placeholder={t(\"filters.search.label\")}\n isDisabled={isDisabled}\n onClear={() => {\n setSearchValue(\"\");\n onChangeSearch(\"\");\n }}\n onChange={(ev) => setSearchValue(ev.target.value)}\n />\n {hasSearchSubmitButton && (\n <Box>\n <Button\n isDisabled={isDisabled}\n variant=\"primary\"\n label={t(\"filters.search.label\")}\n onClick={() => onChangeSearch(searchValue)}\n />\n </Box>\n )}\n </Box>\n </form>\n )}\n </Box>\n\n {/* Upper section right (clear filters & additional actions) */}\n <Box sx={{ display: \"flex\", gap: 2 }}>\n {activeFilters.length > 0 && (\n <Box>\n <Button\n variant=\"secondary\"\n label={t(\"filters.clear.label\")}\n onClick={clearAllFilters}\n />\n </Box>\n )}\n {additionalActions}\n </Box>\n </Box>\n\n {/* Lower section */}\n {activeFilters.length > 0 && (\n <Box\n sx={{\n borderTopWidth: 1,\n borderTopColor: \"#eeeeee\",\n borderTopStyle: \"solid\",\n paddingTop: 4,\n marginTop: 4,\n }}\n >\n <MemoizedFilterTags\n activeFilters={activeFilters}\n updateFilterAndInputValues={updateFilterAndInputValues}\n />\n </Box>\n )}\n </Box>\n );\n};\n\nconst MemoizedDataFilters = memo(DataFilters);\nMemoizedDataFilters.displayName = \"DataFilters\";\n\nexport { MemoizedDataFilters as DataFilters };\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"BulkActionsMenu.cjs","names":["_react","require","_styled","_interopRequireDefault","_reactI18next","_Box","_index","_index2","_OdysseyDesignTokensContext","_jsxRuntime","e","__esModule","default","BulkActionsContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","display","gap","Spacing2","BulkActionsMenu","data","menuItems","rowSelection","setRowSelection","useOdysseyDesignTokens","t","useTranslation","selectedRowCount","Object","values","filter","Boolean","length","handleSelectAll","useCallback","rows","fromEntries","map","row","id","handleSelectNone","jsxs","children","jsx","MenuButton","ariaLabel","buttonLabel","buttonVariant","endIcon","ChevronDownIcon","Box","Button","isDisabled","label","onClick","variant","MemoizedBulkActionsMenu","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/BulkActionsMenu.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, useCallback, Dispatch, SetStateAction } from \"react\";\nimport { MRT_RowData, MRT_RowSelectionState } from \"material-react-table\";\nimport styled from \"@emotion/styled\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Box } from \"../../Box.js\";\nimport { Button, MenuButton } from \"../../Buttons/index.js\";\nimport { ChevronDownIcon } from \"../../icons.generated/index.js\";\nimport { UniversalProps } from \"./componentTypes.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\n\nexport type BulkActionsMenuProps<TData extends MRT_RowData> = {\n data: MRT_RowData[];\n menuItems: UniversalProps<TData>[\"bulkActionMenuItems\"];\n rowSelection: MRT_RowSelectionState;\n setRowSelection: Dispatch<SetStateAction<MRT_RowSelectionState>>;\n};\n\nconst BulkActionsContainer = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n display: \"flex\",\n gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst BulkActionsMenu = <TData extends MRT_RowData>({\n data,\n menuItems,\n rowSelection,\n setRowSelection,\n}: BulkActionsMenuProps<TData>) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const { t } = useTranslation();\n\n const selectedRowCount = Object.values(rowSelection).filter(Boolean).length;\n\n const handleSelectAll = useCallback(() => {\n const rows = Object.fromEntries(\n data.map((row) => [row.id as string, true]),\n );\n setRowSelection(rows);\n }, [data, setRowSelection]);\n\n const handleSelectNone = useCallback(() => {\n setRowSelection({});\n }, [setRowSelection]);\n\n return (\n <BulkActionsContainer odysseyDesignTokens={odysseyDesignTokens}>\n {selectedRowCount > 0 && (\n <MenuButton\n ariaLabel=\"More actions\"\n buttonLabel={t(\"table.actions.selectsome\", { selectedRowCount })}\n buttonVariant=\"primary\"\n endIcon={<ChevronDownIcon />}\n >\n {menuItems?.(rowSelection)}\n </MenuButton>\n )}\n <Box>\n <Button\n isDisabled={selectedRowCount === data.length} // Disabled if all are selected\n label={t(\"table.actions.selectall\")}\n onClick={handleSelectAll}\n variant=\"secondary\"\n />\n <Button\n isDisabled={selectedRowCount === 0} // Disabled if none are selected\n label={t(\"table.actions.selectnone\")}\n onClick={handleSelectNone}\n variant=\"secondary\"\n />\n </Box>\n </BulkActionsContainer>\n );\n};\n\nconst MemoizedBulkActionsMenu = memo(BulkActionsMenu);\nMemoizedBulkActionsMenu.displayName = \"BulkActionsMenu\";\n\nexport { MemoizedBulkActionsMenu as BulkActionsMenu };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,IAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAEA,IAAAO,2BAAA,GAAAP,OAAA;AAG6C,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAE,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAxB7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAuBA,MAAMG,oBAAoB,GAAG,IAAAC,eAAM,EAAC,KAAK,EAAE;EACzCC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BC,OAAO,EAAE,MAAM;EACfC,GAAG,EAAEF,mBAAmB,CAACG;AAC3B,CAAC,CAAC,CAAC;AAEH,MAAMC,eAAe,GAAGA,CAA4B;EAClDC,IAAI;EACJC,SAAS;EACTC,YAAY;EACZC;AAC2B,CAAC,KAAK;EACjC,MAAMR,mBAAmB,GAAG,IAAAS,kDAAsB,EAAC,CAAC;EACpD,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAE9B,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAACP,YAAY,CAAC,CAACQ,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM;EAE3E,MAAMC,eAAe,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACxC,MAAMC,IAAI,GAAGP,MAAM,CAACQ,WAAW,CAC7BhB,IAAI,CAACiB,GAAG,CAAEC,GAAG,IAAK,CAACA,GAAG,CAACC,EAAE,EAAY,IAAI,CAAC,CAC5C,CAAC;IACDhB,eAAe,CAACY,IAAI,CAAC;EACvB,CAAC,EAAE,CAACf,IAAI,EAAEG,eAAe,CAAC,CAAC;EAE3B,MAAMiB,gBAAgB,GAAG,IAAAN,kBAAW,EAAC,MAAM;IACzCX,eAAe,CAAC,CAAC,CAAC,CAAC;EACrB,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,OACE,IAAAhB,WAAA,CAAAkC,IAAA,EAAC9B,oBAAoB;IAACI,mBAAmB,EAAEA,mBAAoB;IAAA2B,QAAA,GAC5Df,gBAAgB,GAAG,CAAC,IACnB,IAAApB,WAAA,CAAAoC,GAAA,EAACvC,MAAA,CAAAwC,UAAU;MACTC,SAAS,EAAC,cAAc;MACxBC,WAAW,EAAErB,CAAC,CAAC,0BAA0B,EAAE;QAAEE;MAAiB,CAAC,CAAE;MACjEoB,aAAa,EAAC,SAAS;MACvBC,OAAO,EAAE,IAAAzC,WAAA,CAAAoC,GAAA,EAACtC,OAAA,CAAA4C,eAAe,IAAE,CAAE;MAAAP,QAAA,EAE5BrB,SAAS,GAAGC,YAAY;IAAC,CAChB,CACb,EACD,IAAAf,WAAA,CAAAkC,IAAA,EAACtC,IAAA,CAAA+C,GAAG;MAAAR,QAAA,GACF,IAAAnC,WAAA,CAAAoC,GAAA,EAACvC,MAAA,CAAA+C,MAAM;QACLC,UAAU,EAAEzB,gBAAgB,KAAKP,IAAI,CAACY,MAAO;QAC7CqB,KAAK,EAAE5B,CAAC,CAAC,yBAAyB,CAAE;QACpC6B,OAAO,EAAErB,eAAgB;QACzBsB,OAAO,EAAC;MAAW,CACpB,CAAC,EACF,IAAAhD,WAAA,CAAAoC,GAAA,EAACvC,MAAA,CAAA+C,MAAM;QACLC,UAAU,EAAEzB,gBAAgB,KAAK,CAAE;QACnC0B,KAAK,EAAE5B,CAAC,CAAC,0BAA0B,CAAE;QACrC6B,OAAO,EAAEd,gBAAiB;QAC1Be,OAAO,EAAC;MAAW,CACpB,CAAC;IAAA,CACC,CAAC;EAAA,CACc,CAAC;AAE3B,CAAC;AAED,MAAMC,uBAAuB,GAAAC,OAAA,CAAAtC,eAAA,GAAG,IAAAuC,WAAI,EAACvC,eAAe,CAAC;AACrDqC,uBAAuB,CAACG,WAAW,GAAG,iBAAiB","ignoreList":[]}
1
+ {"version":3,"file":"BulkActionsMenu.cjs","names":["_react","require","_styled","_interopRequireDefault","_reactI18next","_Box","_index","_index2","_OdysseyDesignTokensContext","_jsxRuntime","e","__esModule","default","BulkActionsContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","display","gap","Spacing2","BulkActionsMenu","data","menuItems","rowSelection","setRowSelection","useOdysseyDesignTokens","t","useTranslation","selectedRowCount","Object","values","filter","Boolean","length","handleSelectAll","useCallback","rows","fromEntries","map","row","id","handleSelectNone","jsxs","children","jsx","MenuButton","ariaLabel","buttonLabel","buttonVariant","endIcon","ChevronDownIcon","Box","Button","isDisabled","label","onClick","variant","MemoizedBulkActionsMenu","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/BulkActionsMenu.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, useCallback, Dispatch, SetStateAction } from \"react\";\nimport { MRT_RowData, MRT_RowSelectionState } from \"material-react-table\";\nimport styled from \"@emotion/styled\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Box } from \"../../Box.js\";\nimport { Button, MenuButton } from \"../../Buttons/index.js\";\nimport { ChevronDownIcon } from \"../../icons.generated/index.js\";\nimport { UniversalProps } from \"./componentTypes.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\n\nexport type BulkActionsMenuProps<TData extends MRT_RowData> = {\n data: TData[];\n menuItems: UniversalProps<TData>[\"bulkActionMenuItems\"];\n rowSelection: MRT_RowSelectionState;\n setRowSelection: Dispatch<SetStateAction<MRT_RowSelectionState>>;\n};\n\nconst BulkActionsContainer = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n display: \"flex\",\n gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst BulkActionsMenu = <TData extends MRT_RowData>({\n data,\n menuItems,\n rowSelection,\n setRowSelection,\n}: BulkActionsMenuProps<TData>) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const { t } = useTranslation();\n\n const selectedRowCount = Object.values(rowSelection).filter(Boolean).length;\n\n const handleSelectAll = useCallback(() => {\n const rows = Object.fromEntries(\n data.map((row) => [row.id as string, true]),\n );\n setRowSelection(rows);\n }, [data, setRowSelection]);\n\n const handleSelectNone = useCallback(() => {\n setRowSelection({});\n }, [setRowSelection]);\n\n return (\n <BulkActionsContainer odysseyDesignTokens={odysseyDesignTokens}>\n {selectedRowCount > 0 && (\n <MenuButton\n ariaLabel=\"More actions\"\n buttonLabel={t(\"table.actions.selectsome\", { selectedRowCount })}\n buttonVariant=\"primary\"\n endIcon={<ChevronDownIcon />}\n >\n {menuItems?.(rowSelection)}\n </MenuButton>\n )}\n <Box>\n <Button\n isDisabled={selectedRowCount === data.length} // Disabled if all are selected\n label={t(\"table.actions.selectall\")}\n onClick={handleSelectAll}\n variant=\"secondary\"\n />\n <Button\n isDisabled={selectedRowCount === 0} // Disabled if none are selected\n label={t(\"table.actions.selectnone\")}\n onClick={handleSelectNone}\n variant=\"secondary\"\n />\n </Box>\n </BulkActionsContainer>\n );\n};\n\nconst MemoizedBulkActionsMenu = memo(BulkActionsMenu);\nMemoizedBulkActionsMenu.displayName = \"BulkActionsMenu\";\n\nexport { MemoizedBulkActionsMenu as BulkActionsMenu };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,IAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAEA,IAAAO,2BAAA,GAAAP,OAAA;AAG6C,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAE,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAxB7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAuBA,MAAMG,oBAAoB,GAAG,IAAAC,eAAM,EAAC,KAAK,EAAE;EACzCC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BC,OAAO,EAAE,MAAM;EACfC,GAAG,EAAEF,mBAAmB,CAACG;AAC3B,CAAC,CAAC,CAAC;AAEH,MAAMC,eAAe,GAAGA,CAA4B;EAClDC,IAAI;EACJC,SAAS;EACTC,YAAY;EACZC;AAC2B,CAAC,KAAK;EACjC,MAAMR,mBAAmB,GAAG,IAAAS,kDAAsB,EAAC,CAAC;EACpD,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAE9B,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAACP,YAAY,CAAC,CAACQ,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM;EAE3E,MAAMC,eAAe,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACxC,MAAMC,IAAI,GAAGP,MAAM,CAACQ,WAAW,CAC7BhB,IAAI,CAACiB,GAAG,CAAEC,GAAG,IAAK,CAACA,GAAG,CAACC,EAAE,EAAY,IAAI,CAAC,CAC5C,CAAC;IACDhB,eAAe,CAACY,IAAI,CAAC;EACvB,CAAC,EAAE,CAACf,IAAI,EAAEG,eAAe,CAAC,CAAC;EAE3B,MAAMiB,gBAAgB,GAAG,IAAAN,kBAAW,EAAC,MAAM;IACzCX,eAAe,CAAC,CAAC,CAAC,CAAC;EACrB,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,OACE,IAAAhB,WAAA,CAAAkC,IAAA,EAAC9B,oBAAoB;IAACI,mBAAmB,EAAEA,mBAAoB;IAAA2B,QAAA,GAC5Df,gBAAgB,GAAG,CAAC,IACnB,IAAApB,WAAA,CAAAoC,GAAA,EAACvC,MAAA,CAAAwC,UAAU;MACTC,SAAS,EAAC,cAAc;MACxBC,WAAW,EAAErB,CAAC,CAAC,0BAA0B,EAAE;QAAEE;MAAiB,CAAC,CAAE;MACjEoB,aAAa,EAAC,SAAS;MACvBC,OAAO,EAAE,IAAAzC,WAAA,CAAAoC,GAAA,EAACtC,OAAA,CAAA4C,eAAe,IAAE,CAAE;MAAAP,QAAA,EAE5BrB,SAAS,GAAGC,YAAY;IAAC,CAChB,CACb,EACD,IAAAf,WAAA,CAAAkC,IAAA,EAACtC,IAAA,CAAA+C,GAAG;MAAAR,QAAA,GACF,IAAAnC,WAAA,CAAAoC,GAAA,EAACvC,MAAA,CAAA+C,MAAM;QACLC,UAAU,EAAEzB,gBAAgB,KAAKP,IAAI,CAACY,MAAO;QAC7CqB,KAAK,EAAE5B,CAAC,CAAC,yBAAyB,CAAE;QACpC6B,OAAO,EAAErB,eAAgB;QACzBsB,OAAO,EAAC;MAAW,CACpB,CAAC,EACF,IAAAhD,WAAA,CAAAoC,GAAA,EAACvC,MAAA,CAAA+C,MAAM;QACLC,UAAU,EAAEzB,gBAAgB,KAAK,CAAE;QACnC0B,KAAK,EAAE5B,CAAC,CAAC,0BAA0B,CAAE;QACrC6B,OAAO,EAAEd,gBAAiB;QAC1Be,OAAO,EAAC;MAAW,CACpB,CAAC;IAAA,CACC,CAAC;EAAA,CACc,CAAC;AAE3B,CAAC;AAED,MAAMC,uBAAuB,GAAAC,OAAA,CAAAtC,eAAA,GAAG,IAAAuC,WAAI,EAACvC,eAAe,CAAC;AACrDqC,uBAAuB,CAACG,WAAW,GAAG,iBAAiB","ignoreList":[]}