@kubit-ui-web/react-components 1.8.1 → 1.8.2

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 (239) hide show
  1. package/dist/cjs/components/checkboxWithLabel/checkboxWithLabelControlled.js +3 -0
  2. package/dist/cjs/components/checkboxWithLabel/checkboxWithLabelControlled.js.map +1 -1
  3. package/dist/cjs/components/checkboxWithLabel/checkboxWithLabelUncontrolled.js +3 -0
  4. package/dist/cjs/components/checkboxWithLabel/checkboxWithLabelUncontrolled.js.map +1 -1
  5. package/dist/cjs/components/confirmationMessage/confirmationMessage.js +3 -0
  6. package/dist/cjs/components/confirmationMessage/confirmationMessage.js.map +1 -1
  7. package/dist/cjs/components/cssAnimation/cssAnimation.js +2 -1
  8. package/dist/cjs/components/cssAnimation/cssAnimation.js.map +1 -1
  9. package/dist/cjs/components/dataTable/dataTable.js +6 -2
  10. package/dist/cjs/components/dataTable/dataTable.js.map +1 -1
  11. package/dist/cjs/components/dataTable/dataTableStandAlone.js +2 -2
  12. package/dist/cjs/components/dataTable/dataTableStandAlone.js.map +1 -1
  13. package/dist/cjs/components/dataTable/hooks/index.js +3 -1
  14. package/dist/cjs/components/dataTable/hooks/index.js.map +1 -1
  15. package/dist/cjs/components/dataTable/hooks/useDataTableStickyDividers.js +91 -0
  16. package/dist/cjs/components/dataTable/hooks/useDataTableStickyDividers.js.map +1 -0
  17. package/dist/cjs/components/dataTable/hooks/useDataTableStickyLeftColumns.js +74 -0
  18. package/dist/cjs/components/dataTable/hooks/useDataTableStickyLeftColumns.js.map +1 -0
  19. package/dist/cjs/components/dataTable/hooks/useDataTableStickyRightColumns.js +82 -0
  20. package/dist/cjs/components/dataTable/hooks/useDataTableStickyRightColumns.js.map +1 -0
  21. package/dist/cjs/components/elementOrIcon/elementOrIcon.js +2 -3
  22. package/dist/cjs/components/elementOrIcon/elementOrIcon.js.map +1 -1
  23. package/dist/cjs/components/elementOrIllustration/elementOrIllustration.js +0 -1
  24. package/dist/cjs/components/elementOrIllustration/elementOrIllustration.js.map +1 -1
  25. package/dist/cjs/components/emptyState/emptyState.js +3 -0
  26. package/dist/cjs/components/emptyState/emptyState.js.map +1 -1
  27. package/dist/cjs/components/footer/components/footerSection.js +3 -3
  28. package/dist/cjs/components/footer/components/footerSection.js.map +1 -1
  29. package/dist/cjs/components/footer/footer.js +3 -0
  30. package/dist/cjs/components/footer/footer.js.map +1 -1
  31. package/dist/cjs/components/footer/footer.styled.js +31 -32
  32. package/dist/cjs/components/footer/footer.styled.js.map +1 -1
  33. package/dist/cjs/components/footer/footerStandAlone.js +42 -23
  34. package/dist/cjs/components/footer/footerStandAlone.js.map +1 -1
  35. package/dist/cjs/components/footer/utils/getOrderConfiguration.js +22 -0
  36. package/dist/cjs/components/footer/utils/getOrderConfiguration.js.map +1 -0
  37. package/dist/cjs/components/header/header.js +3 -0
  38. package/dist/cjs/components/header/header.js.map +1 -1
  39. package/dist/cjs/components/headerStructure/headerStructure.js +3 -0
  40. package/dist/cjs/components/headerStructure/headerStructure.js.map +1 -1
  41. package/dist/cjs/components/icon/icon.js +1 -1
  42. package/dist/cjs/components/icon/icon.js.map +1 -1
  43. package/dist/cjs/components/icon/iconHost.js +7 -0
  44. package/dist/cjs/components/icon/iconHost.js.map +1 -1
  45. package/dist/cjs/components/icon/iconStandAlone.js +5 -6
  46. package/dist/cjs/components/icon/iconStandAlone.js.map +1 -1
  47. package/dist/cjs/components/index.js +25 -19
  48. package/dist/cjs/components/index.js.map +1 -1
  49. package/dist/cjs/components/inputDate/hooks/useInputDate.js +0 -6
  50. package/dist/cjs/components/inputDate/hooks/useInputDate.js.map +1 -1
  51. package/dist/cjs/components/inputDate/inputDate.js +9 -3
  52. package/dist/cjs/components/inputDate/inputDate.js.map +1 -1
  53. package/dist/cjs/components/inputDate/inputDateStandAlone.js +1 -1
  54. package/dist/cjs/components/inputDate/inputDateStandAlone.js.map +1 -1
  55. package/dist/cjs/components/lineSeparator/lineSeparator.js.map +1 -1
  56. package/dist/cjs/components/listOptions/listOptionsStandAlone.js +3 -1
  57. package/dist/cjs/components/listOptions/listOptionsStandAlone.js.map +1 -1
  58. package/dist/cjs/components/loader/loader.js +10 -0
  59. package/dist/cjs/components/loader/loader.js.map +1 -1
  60. package/dist/cjs/components/loadingState/loadingState.js +3 -0
  61. package/dist/cjs/components/loadingState/loadingState.js.map +1 -1
  62. package/dist/cjs/components/mediaProgressBar/mediaProgressBar.styled.js +2 -0
  63. package/dist/cjs/components/mediaProgressBar/mediaProgressBar.styled.js.map +1 -1
  64. package/dist/cjs/components/oliveMenu/oliveMenuStandAlone.js +1 -1
  65. package/dist/cjs/components/oliveMenu/oliveMenuStandAlone.js.map +1 -1
  66. package/dist/cjs/components/oliveMenu/utils/getAriaControls.js +1 -1
  67. package/dist/cjs/components/oliveMenu/utils/getAriaControls.js.map +1 -1
  68. package/dist/cjs/components/operativeLayout/operativeLayout.js +3 -0
  69. package/dist/cjs/components/operativeLayout/operativeLayout.js.map +1 -1
  70. package/dist/cjs/components/pill/pill.styled.js +7 -1
  71. package/dist/cjs/components/pill/pill.styled.js.map +1 -1
  72. package/dist/cjs/components/pill/pillStandAlone.js +2 -1
  73. package/dist/cjs/components/pill/pillStandAlone.js.map +1 -1
  74. package/dist/cjs/components/pillSelector/pillSelectorStandAlone.js +4 -2
  75. package/dist/cjs/components/pillSelector/pillSelectorStandAlone.js.map +1 -1
  76. package/dist/cjs/components/portal/portal.js +1 -0
  77. package/dist/cjs/components/portal/portal.js.map +1 -1
  78. package/dist/cjs/components/snackbar/snackbarStandAlone.js +5 -2
  79. package/dist/cjs/components/snackbar/snackbarStandAlone.js.map +1 -1
  80. package/dist/cjs/components/tableCell/tableCell.styled.js +1 -1
  81. package/dist/cjs/components/tableV2/hooks/index.js +2 -1
  82. package/dist/cjs/components/tableV2/hooks/index.js.map +1 -1
  83. package/dist/cjs/components/tableV2/hooks/useTableStickyLeftColumns.js +72 -0
  84. package/dist/cjs/components/tableV2/hooks/useTableStickyLeftColumns.js.map +1 -0
  85. package/dist/cjs/components/tableV2/hooks/useTableStickyRightColumns.js +80 -0
  86. package/dist/cjs/components/tableV2/hooks/useTableStickyRightColumns.js.map +1 -0
  87. package/dist/cjs/components/tableV2/table.js +5 -3
  88. package/dist/cjs/components/tableV2/table.js.map +1 -1
  89. package/dist/cjs/components/text/textStandAlone.js +1 -1
  90. package/dist/cjs/components/text/textStandAlone.js.map +1 -1
  91. package/dist/cjs/components/textCount/textCount.js +1 -0
  92. package/dist/cjs/components/textCount/textCount.js.map +1 -1
  93. package/dist/cjs/components/thirdPartyAnimation/thirdPartyAnimation.js +7 -0
  94. package/dist/cjs/components/thirdPartyAnimation/thirdPartyAnimation.js.map +1 -1
  95. package/dist/cjs/components/toggleWithLabel/toggleWithLabelControlled.js +3 -0
  96. package/dist/cjs/components/toggleWithLabel/toggleWithLabelControlled.js.map +1 -1
  97. package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.js +3 -0
  98. package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.js.map +1 -1
  99. package/dist/esm/components/checkboxWithLabel/checkboxWithLabelControlled.d.ts +3 -0
  100. package/dist/esm/components/checkboxWithLabel/checkboxWithLabelControlled.js +3 -0
  101. package/dist/esm/components/checkboxWithLabel/checkboxWithLabelControlled.js.map +1 -1
  102. package/dist/esm/components/checkboxWithLabel/checkboxWithLabelUncontrolled.d.ts +3 -0
  103. package/dist/esm/components/checkboxWithLabel/checkboxWithLabelUncontrolled.js +3 -0
  104. package/dist/esm/components/checkboxWithLabel/checkboxWithLabelUncontrolled.js.map +1 -1
  105. package/dist/esm/components/confirmationMessage/confirmationMessage.d.ts +3 -0
  106. package/dist/esm/components/confirmationMessage/confirmationMessage.js +3 -0
  107. package/dist/esm/components/confirmationMessage/confirmationMessage.js.map +1 -1
  108. package/dist/esm/components/cssAnimation/cssAnimation.d.ts +2 -1
  109. package/dist/esm/components/cssAnimation/cssAnimation.js +2 -1
  110. package/dist/esm/components/cssAnimation/cssAnimation.js.map +1 -1
  111. package/dist/esm/components/dataTable/dataTable.js +7 -3
  112. package/dist/esm/components/dataTable/dataTable.js.map +1 -1
  113. package/dist/esm/components/dataTable/dataTableStandAlone.js +2 -2
  114. package/dist/esm/components/dataTable/dataTableStandAlone.js.map +1 -1
  115. package/dist/esm/components/dataTable/hooks/index.d.ts +3 -1
  116. package/dist/esm/components/dataTable/hooks/index.js +3 -1
  117. package/dist/esm/components/dataTable/hooks/index.js.map +1 -1
  118. package/dist/esm/components/dataTable/hooks/useDataTableStickyDividers.d.ts +7 -0
  119. package/dist/esm/components/dataTable/hooks/useDataTableStickyDividers.js +64 -0
  120. package/dist/esm/components/dataTable/hooks/useDataTableStickyDividers.js.map +1 -0
  121. package/dist/esm/components/dataTable/hooks/useDataTableStickyLeftColumns.d.ts +7 -0
  122. package/dist/esm/components/dataTable/hooks/useDataTableStickyLeftColumns.js +47 -0
  123. package/dist/esm/components/dataTable/hooks/useDataTableStickyLeftColumns.js.map +1 -0
  124. package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.d.ts +7 -0
  125. package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.js +55 -0
  126. package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.js.map +1 -0
  127. package/dist/esm/components/dataTable/types/dataTable.d.ts +4 -1
  128. package/dist/esm/components/elementOrIcon/elementOrIcon.d.ts +2 -3
  129. package/dist/esm/components/elementOrIcon/elementOrIcon.js +2 -3
  130. package/dist/esm/components/elementOrIcon/elementOrIcon.js.map +1 -1
  131. package/dist/esm/components/elementOrIllustration/elementOrIllustration.d.ts +0 -1
  132. package/dist/esm/components/elementOrIllustration/elementOrIllustration.js +0 -1
  133. package/dist/esm/components/elementOrIllustration/elementOrIllustration.js.map +1 -1
  134. package/dist/esm/components/emptyState/emptyState.d.ts +3 -0
  135. package/dist/esm/components/emptyState/emptyState.js +3 -0
  136. package/dist/esm/components/emptyState/emptyState.js.map +1 -1
  137. package/dist/esm/components/footer/components/footerSection.d.ts +9 -2
  138. package/dist/esm/components/footer/components/footerSection.js +3 -3
  139. package/dist/esm/components/footer/components/footerSection.js.map +1 -1
  140. package/dist/esm/components/footer/footer.d.ts +3 -0
  141. package/dist/esm/components/footer/footer.js +3 -0
  142. package/dist/esm/components/footer/footer.js.map +1 -1
  143. package/dist/esm/components/footer/footer.styled.d.ts +7 -3
  144. package/dist/esm/components/footer/footer.styled.js +30 -31
  145. package/dist/esm/components/footer/footer.styled.js.map +1 -1
  146. package/dist/esm/components/footer/footerStandAlone.js +36 -17
  147. package/dist/esm/components/footer/footerStandAlone.js.map +1 -1
  148. package/dist/esm/components/footer/types/footer.d.ts +4 -3
  149. package/dist/esm/components/footer/utils/getOrderConfiguration.d.ts +9 -0
  150. package/dist/esm/components/footer/utils/getOrderConfiguration.js +18 -0
  151. package/dist/esm/components/footer/utils/getOrderConfiguration.js.map +1 -0
  152. package/dist/esm/components/header/header.d.ts +3 -0
  153. package/dist/esm/components/header/header.js +3 -0
  154. package/dist/esm/components/header/header.js.map +1 -1
  155. package/dist/esm/components/headerStructure/headerStructure.d.ts +3 -0
  156. package/dist/esm/components/headerStructure/headerStructure.js +3 -0
  157. package/dist/esm/components/headerStructure/headerStructure.js.map +1 -1
  158. package/dist/esm/components/icon/icon.js +1 -1
  159. package/dist/esm/components/icon/icon.js.map +1 -1
  160. package/dist/esm/components/icon/iconHost.d.ts +7 -0
  161. package/dist/esm/components/icon/iconHost.js +7 -0
  162. package/dist/esm/components/icon/iconHost.js.map +1 -1
  163. package/dist/esm/components/icon/iconStandAlone.js +5 -6
  164. package/dist/esm/components/icon/iconStandAlone.js.map +1 -1
  165. package/dist/esm/components/icon/types/icon.d.ts +2 -0
  166. package/dist/esm/components/index.d.ts +25 -19
  167. package/dist/esm/components/index.js +25 -19
  168. package/dist/esm/components/index.js.map +1 -1
  169. package/dist/esm/components/inputDate/hooks/useInputDate.d.ts +0 -1
  170. package/dist/esm/components/inputDate/hooks/useInputDate.js +0 -6
  171. package/dist/esm/components/inputDate/hooks/useInputDate.js.map +1 -1
  172. package/dist/esm/components/inputDate/inputDate.js +9 -3
  173. package/dist/esm/components/inputDate/inputDate.js.map +1 -1
  174. package/dist/esm/components/inputDate/inputDateStandAlone.js +1 -1
  175. package/dist/esm/components/inputDate/inputDateStandAlone.js.map +1 -1
  176. package/dist/esm/components/lineSeparator/lineSeparator.d.ts +2 -1
  177. package/dist/esm/components/lineSeparator/lineSeparator.js +2 -1
  178. package/dist/esm/components/lineSeparator/lineSeparator.js.map +1 -1
  179. package/dist/esm/components/listOptions/listOptionsStandAlone.js +3 -1
  180. package/dist/esm/components/listOptions/listOptionsStandAlone.js.map +1 -1
  181. package/dist/esm/components/loader/loader.d.ts +5 -4
  182. package/dist/esm/components/loader/loader.js +3 -2
  183. package/dist/esm/components/loader/loader.js.map +1 -1
  184. package/dist/esm/components/loadingState/loadingState.d.ts +3 -0
  185. package/dist/esm/components/loadingState/loadingState.js +3 -0
  186. package/dist/esm/components/loadingState/loadingState.js.map +1 -1
  187. package/dist/esm/components/mediaProgressBar/mediaProgressBar.styled.js +2 -0
  188. package/dist/esm/components/mediaProgressBar/mediaProgressBar.styled.js.map +1 -1
  189. package/dist/esm/components/oliveMenu/oliveMenuStandAlone.js +1 -1
  190. package/dist/esm/components/oliveMenu/oliveMenuStandAlone.js.map +1 -1
  191. package/dist/esm/components/oliveMenu/utils/getAriaControls.js +1 -1
  192. package/dist/esm/components/oliveMenu/utils/getAriaControls.js.map +1 -1
  193. package/dist/esm/components/operativeLayout/operativeLayout.d.ts +3 -0
  194. package/dist/esm/components/operativeLayout/operativeLayout.js +3 -0
  195. package/dist/esm/components/operativeLayout/operativeLayout.js.map +1 -1
  196. package/dist/esm/components/pill/pill.styled.d.ts +2 -0
  197. package/dist/esm/components/pill/pill.styled.js +6 -0
  198. package/dist/esm/components/pill/pill.styled.js.map +1 -1
  199. package/dist/esm/components/pill/pillStandAlone.js +3 -2
  200. package/dist/esm/components/pill/pillStandAlone.js.map +1 -1
  201. package/dist/esm/components/pill/types/pill.d.ts +5 -0
  202. package/dist/esm/components/pill/types/pillTheme.d.ts +3 -0
  203. package/dist/esm/components/pillSelector/pillSelectorStandAlone.js +4 -2
  204. package/dist/esm/components/pillSelector/pillSelectorStandAlone.js.map +1 -1
  205. package/dist/esm/components/pillSelector/types/pillSelector.d.ts +8 -1
  206. package/dist/esm/components/portal/portal.d.ts +1 -0
  207. package/dist/esm/components/portal/portal.js +1 -0
  208. package/dist/esm/components/portal/portal.js.map +1 -1
  209. package/dist/esm/components/snackbar/snackbarStandAlone.js +5 -2
  210. package/dist/esm/components/snackbar/snackbarStandAlone.js.map +1 -1
  211. package/dist/esm/components/tableCell/tableCell.styled.js +1 -1
  212. package/dist/esm/components/tableCell/types/tableCell.d.ts +4 -1
  213. package/dist/esm/components/tableV2/hooks/index.d.ts +2 -1
  214. package/dist/esm/components/tableV2/hooks/index.js +2 -1
  215. package/dist/esm/components/tableV2/hooks/index.js.map +1 -1
  216. package/dist/esm/components/tableV2/hooks/useTableStickyLeftColumns.d.ts +8 -0
  217. package/dist/esm/components/tableV2/hooks/useTableStickyLeftColumns.js +45 -0
  218. package/dist/esm/components/tableV2/hooks/useTableStickyLeftColumns.js.map +1 -0
  219. package/dist/esm/components/tableV2/hooks/useTableStickyRightColumns.d.ts +8 -0
  220. package/dist/esm/components/tableV2/hooks/useTableStickyRightColumns.js +53 -0
  221. package/dist/esm/components/tableV2/hooks/useTableStickyRightColumns.js.map +1 -0
  222. package/dist/esm/components/tableV2/table.js +6 -4
  223. package/dist/esm/components/tableV2/table.js.map +1 -1
  224. package/dist/esm/components/tableV2/types/table.d.ts +1 -0
  225. package/dist/esm/components/text/textStandAlone.js +1 -1
  226. package/dist/esm/components/text/textStandAlone.js.map +1 -1
  227. package/dist/esm/components/textCount/textCount.d.ts +1 -0
  228. package/dist/esm/components/textCount/textCount.js +1 -0
  229. package/dist/esm/components/textCount/textCount.js.map +1 -1
  230. package/dist/esm/components/thirdPartyAnimation/thirdPartyAnimation.d.ts +6 -5
  231. package/dist/esm/components/thirdPartyAnimation/thirdPartyAnimation.js +4 -3
  232. package/dist/esm/components/thirdPartyAnimation/thirdPartyAnimation.js.map +1 -1
  233. package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.d.ts +3 -0
  234. package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.js +3 -0
  235. package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.js.map +1 -1
  236. package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.d.ts +3 -0
  237. package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.js +3 -0
  238. package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.js.map +1 -1
  239. package/package.json +5 -5
@@ -10,9 +10,9 @@ export const LoaderComponent = React.forwardRef(({ variant, ...props }, ref) =>
10
10
  });
11
11
  LoaderComponent.displayName = 'LoaderComponent';
12
12
  const LoaderBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(LoaderStandalone, { ...props, ref: ref }) }), children: _jsx(LoaderComponent, { ...props, ref: ref }) }));
13
- const Loader = React.forwardRef(LoaderBoundary);
14
13
  /**
15
- * @description
14
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release. Consider using an alternative component.
15
+ *
16
16
  * Loader component is used to show a loading state.
17
17
  * @param {React.PropsWithChildren<ILoader<V>>} props
18
18
  * @returns {JSX.Element}
@@ -20,5 +20,6 @@ const Loader = React.forwardRef(LoaderBoundary);
20
20
  * @example
21
21
  * <Loader variant="loader" />
22
22
  */
23
+ const Loader = React.forwardRef(LoaderBoundary);
23
24
  export { Loader };
24
25
  //# sourceMappingURL=loader.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"loader.js","sourceRoot":"","sources":["../../../../src/components/loader/loader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAC7C,CACE,EAAE,OAAO,EAAE,GAAG,KAAK,EAAc,EACjC,GAA2D,EAC9C,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CAA2B,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChF,OAAO,KAAC,gBAAgB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AACnE,CAAC,CACF,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,cAAc,GAAG,CACrB,KAAiB,EACjB,GAA2D,EAC9C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,GACzD,YAGtB,KAAC,eAAe,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC1B,CACjB,CAAC;AAEF,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAIR,CAAC;AAEvC;;;;;;;;GAQG;AACH,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"loader.js","sourceRoot":"","sources":["../../../../src/components/loader/loader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAC7C,CACE,EAAE,OAAO,EAAE,GAAG,KAAK,EAAc,EACjC,GAA2D,EAC9C,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CAA2B,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChF,OAAO,KAAC,gBAAgB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AACnE,CAAC,CACF,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,cAAc,GAAG,CACrB,KAAiB,EACjB,GAA2D,EAC9C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,GACzD,YAGtB,KAAC,eAAe,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC1B,CACjB,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAIR,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -1,6 +1,9 @@
1
1
  import * as React from 'react';
2
2
  import { ILoadingState } from './types';
3
3
  declare const LoadinfStateBoundary: <V extends string | unknown>(props: React.PropsWithChildren<ILoadingState<V>>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
4
+ /**
5
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release.
6
+ */
4
7
  declare const LoadingState: <V extends string | unknown>(props: React.PropsWithChildren<ILoadingState<V>> & {
5
8
  ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
6
9
  }) => ReturnType<typeof LoadinfStateBoundary>;
@@ -10,6 +10,9 @@ const LoadingStateComponent = React.forwardRef(({ variant, ctv, ...props }, ref)
10
10
  });
11
11
  LoadingStateComponent.displayName = 'LoadingStateComponent';
12
12
  const LoadinfStateBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(LoadingStateStandAlone, { ...props, ref: ref }) }), children: _jsx(LoadingStateComponent, { ...props, ref: ref }) }));
13
+ /**
14
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release.
15
+ */
13
16
  const LoadingState = React.forwardRef(LoadinfStateBoundary);
14
17
  export { LoadingState };
15
18
  //# sourceMappingURL=loadingState.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"loadingState.js","sourceRoot":"","sources":["../../../../src/components/loadingState/loadingState.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAC5C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAA6C,EACrE,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CACtB,WAAW,CAAC,aAAa,EACzB,OAAO,EACP,GAAG,CACJ,CAAC;IAEF,OAAO,KAAC,sBAAsB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AACzE,CAAC,CACF,CAAC;AACF,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAE5D,MAAM,oBAAoB,GAAG,CAC3B,KAAgD,EAChD,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,sBAAsB,OAAM,KAA4C,EAAE,GAAG,EAAE,GAAG,GAAI,GACrE,YAGtB,KAAC,qBAAqB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAChC,CACjB,CAAC;AAEF,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAId,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,CAAC"}
1
+ {"version":3,"file":"loadingState.js","sourceRoot":"","sources":["../../../../src/components/loadingState/loadingState.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAC5C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAA6C,EACrE,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CACtB,WAAW,CAAC,aAAa,EACzB,OAAO,EACP,GAAG,CACJ,CAAC;IAEF,OAAO,KAAC,sBAAsB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AACzE,CAAC,CACF,CAAC;AACF,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAE5D,MAAM,oBAAoB,GAAG,CAC3B,KAAgD,EAChD,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,sBAAsB,OAAM,KAA4C,EAAE,GAAG,EAAE,GAAG,GAAI,GACrE,YAGtB,KAAC,qBAAqB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAChC,CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAId,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,CAAC"}
@@ -30,6 +30,8 @@ export const BarContainerStyled = styled.div `
30
30
  `};
31
31
  &:focus-visible {
32
32
  outline-style: none;
33
+ box-shadow: none;
34
+
33
35
  & > ${BarStyled} {
34
36
  ${({ theme: { FOCUS_STYLES } }) => FOCUS_STYLES};
35
37
  }
@@ -1 +1 @@
1
- {"version":3,"file":"mediaProgressBar.styled.js","sourceRoot":"","sources":["../../../../src/components/mediaProgressBar/mediaProgressBar.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAYxD,MAAM,cAAc,GAAG,CAAC,KAAK,GAAG,IAAI,EAAE,EAAE,CAAC,SAAS,CAAA;;aAErC,KAAK;;;;;CAKjB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAA4B;IACvE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAA4B;IAC3D,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;IACpC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAC3B,CAAC,UAAU;IACX,GAAG,CAAA;QACC,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC;KAChC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAA4B;IACpE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;IAC7C,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAC3B,UAAU;IACV,GAAG,CAAA;QACC,SAAS,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC;KACzC;IACD,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,CAAC,aAAa;IACd,GAAG,CAAA;;KAEF;;;UAGK,SAAS;QACX,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,CAAC,YAAY;;;CAGpD,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAA4B;IACnE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC;IAC5C,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,CAAC,UAAU;IACX,GAAG,CAAA;;KAEF;oBACe,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC;wBACpD,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,GAAG,mBAAmB,IAAI;;;;;0BAKrD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;CAC1E,CAAC"}
1
+ {"version":3,"file":"mediaProgressBar.styled.js","sourceRoot":"","sources":["../../../../src/components/mediaProgressBar/mediaProgressBar.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAYxD,MAAM,cAAc,GAAG,CAAC,KAAK,GAAG,IAAI,EAAE,EAAE,CAAC,SAAS,CAAA;;aAErC,KAAK;;;;;CAKjB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAA4B;IACvE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAA4B;IAC3D,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;IACpC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAC3B,CAAC,UAAU;IACX,GAAG,CAAA;QACC,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC;KAChC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAA4B;IACpE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;IAC7C,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAC3B,UAAU;IACV,GAAG,CAAA;QACC,SAAS,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC;KACzC;IACD,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,CAAC,aAAa;IACd,GAAG,CAAA;;KAEF;;;;;UAKK,SAAS;QACX,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,CAAC,YAAY;;;CAGpD,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAA4B;IACnE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC;IAC5C,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,CAAC,UAAU;IACX,GAAG,CAAA;;KAEF;oBACe,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC;wBACpD,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,GAAG,mBAAmB,IAAI;;;;;0BAKrD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;CAC1E,CAAC"}
@@ -29,7 +29,7 @@ const OliveMenuStandAloneComponent = (props, ref) => {
29
29
  id: titleId,
30
30
  }, variant: props.styles.actionBottomSheet?.variant, ...actionBottomSheet, children: _jsx(ListboxStyled, { styles: props.styles, children: props.styles.listOptions?.optionVariant &&
31
31
  props.styles.listOptions?.variant &&
32
- props.sections?.map(({ title, ...section }, index) => (_jsx(ListOptions, { dataTestId: props.dataTestId, id: `${ariaControls}${index}`, optionVariant: props.styles.listOptions?.optionVariant, selectedValue: props.selectedValue, title: { component: TextComponentType.H6, ...title }, type: ListOptionsType.NAVIGATION, variant: props.styles.listOptions?.variant, onOptionClick: props.onOptionClick, ...section }, section.id))) }) }) })] }));
32
+ props.sections?.map(({ title, ...section }, index) => (_jsx(ListOptions, { dataTestId: props.dataTestId, id: `${ariaControls}${index}${section.id ? `${section.id}` : ''}`, optionVariant: props.styles.listOptions?.optionVariant, selectedValue: props.selectedValue, title: { component: TextComponentType.H6, ...title }, type: ListOptionsType.NAVIGATION, variant: props.styles.listOptions?.variant, onOptionClick: props.onOptionClick, ...section }, section.id))) }) }) })] }));
33
33
  };
34
34
  export const OliveMenuStandAlone = React.forwardRef(OliveMenuStandAloneComponent);
35
35
  //# sourceMappingURL=oliveMenuStandAlone.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"oliveMenuStandAlone.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenuStandAlone.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"oliveMenuStandAlone.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenuStandAlone.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  export const getAriaControls = (sections, ariaControls) => {
2
2
  let newAriaControls = '';
3
- sections?.forEach((_section, index) => (newAriaControls += ` ${ariaControls}${index}`));
3
+ sections?.forEach((_section, index) => (newAriaControls += ` ${ariaControls}${index}${_section.id ? `${_section.id}` : ''}`));
4
4
  return newAriaControls.trimStart();
5
5
  };
6
6
  //# sourceMappingURL=getAriaControls.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"getAriaControls.js","sourceRoot":"","sources":["../../../../../src/components/oliveMenu/utils/getAriaControls.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,QAA4C,EAC5C,YAAoB,EACZ,EAAE;IACV,IAAI,eAAe,GAAG,EAAE,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,eAAe,IAAI,IAAI,YAAY,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC;IACxF,OAAO,eAAe,CAAC,SAAS,EAAE,CAAC;AACrC,CAAC,CAAC"}
1
+ {"version":3,"file":"getAriaControls.js","sourceRoot":"","sources":["../../../../../src/components/oliveMenu/utils/getAriaControls.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,QAA4C,EAC5C,YAAoB,EACZ,EAAE;IACV,IAAI,eAAe,GAAG,EAAE,CAAC;IACzB,QAAQ,EAAE,OAAO,CACf,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAClB,CAAC,eAAe,IAAI,IAAI,YAAY,GAAG,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACxF,CAAC;IACF,OAAO,eAAe,CAAC,SAAS,EAAE,CAAC;AACrC,CAAC,CAAC"}
@@ -1,2 +1,5 @@
1
1
  import { IOperativeLayout } from './types';
2
+ /**
3
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release.
4
+ */
2
5
  export declare const OperativeLayout: (props: IOperativeLayout) => JSX.Element;
@@ -10,5 +10,8 @@ const OperativeLayoutComponent = ({ variant, maxWidthParentContainer, ctv, ...pr
10
10
  const maxWidthToApply = maxWidthParentContainer || styles.maxWidthParentContainer;
11
11
  return (_jsx(OperativeLayoutStandAlone, { ...props, device: device, maxWidthToApply: maxWidthToApply, styles: styles }));
12
12
  };
13
+ /**
14
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release.
15
+ */
13
16
  export const OperativeLayout = (props) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(OperativeLayoutStandAlone, { ...props }) }), children: _jsx(OperativeLayoutComponent, { ...props }) }));
14
17
  //# sourceMappingURL=operativeLayout.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"operativeLayout.js","sourceRoot":"","sources":["../../../../src/components/operativeLayout/operativeLayout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAOxE,MAAM,uBAAuB,GAAG,yBAAyB,CAAC;AAE1D,MAAM,wBAAwB,GAAG,CAAC,EAChC,OAAO,EACP,uBAAuB,EACvB,GAAG,EACH,GAAG,KAAK,EACS,EAAe,EAAE;IAClC,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,MAAM,GAAG,SAAS,CAAmC,uBAAuB,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAClG,MAAM,eAAe,GAAG,uBAAuB,IAAI,MAAM,CAAC,uBAAuB,CAAC;IAClF,OAAO,CACL,KAAC,yBAAyB,OACpB,KAAK,EACT,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAuB,EAAe,EAAE,CAAC,CACvE,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,yBAAyB,OAAM,KAA+C,GAAI,GACjE,YAGtB,KAAC,wBAAwB,OAAK,KAAK,GAAI,GACzB,CACjB,CAAC"}
1
+ {"version":3,"file":"operativeLayout.js","sourceRoot":"","sources":["../../../../src/components/operativeLayout/operativeLayout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAOxE,MAAM,uBAAuB,GAAG,yBAAyB,CAAC;AAE1D,MAAM,wBAAwB,GAAG,CAAC,EAChC,OAAO,EACP,uBAAuB,EACvB,GAAG,EACH,GAAG,KAAK,EACS,EAAe,EAAE;IAClC,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,MAAM,GAAG,SAAS,CAAmC,uBAAuB,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAClG,MAAM,eAAe,GAAG,uBAAuB,IAAI,MAAM,CAAC,uBAAuB,CAAC;IAClF,OAAO,CACL,KAAC,yBAAyB,OACpB,KAAK,EACT,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAuB,EAAe,EAAE,CAAC,CACvE,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,yBAAyB,OAAM,KAA+C,GAAI,GACjE,YAGtB,KAAC,wBAAwB,OAAK,KAAK,GAAI,GACzB,CACjB,CAAC"}
@@ -1,4 +1,6 @@
1
1
  import type { IPillStyled } from './types';
2
+ export declare const ParentContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IPillStyled>> & string;
3
+ export declare const LabelContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IPillStyled>> & string;
2
4
  export declare const PillStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IPillStyled & {
3
5
  focus?: boolean;
4
6
  }>> & string;
@@ -2,6 +2,12 @@ import styled from 'styled-components';
2
2
  // mixin
3
3
  import { focusVisibleAlt } from '../../styles/mixins';
4
4
  import { getStyles, getTypographyStyles } from '../../utils/getStyles/getStyles';
5
+ export const ParentContainerStyled = styled.div `
6
+ ${props => getStyles(props.styles?.parentContainer)}
7
+ `;
8
+ export const LabelContainerStyled = styled.div `
9
+ ${props => getStyles(props.styles?.labelContainer)}
10
+ `;
5
11
  export const PillStyled = styled.div `
6
12
  ${props => getStyles(props.styles?.container)}
7
13
  &:focus-visible {
@@ -1 +1 @@
1
- {"version":3,"file":"pill.styled.js","sourceRoot":"","sources":["../../../../src/components/pill/pill.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,QAAQ;AACR,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAI7E,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAmC;IACnE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC;;eAEhC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,eAAe,EAAE,OAAO;;IAE1D,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,UAAU,IAAI,eAAe,EAAE;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAa;IACpD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;CAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAa;;;IAGpD,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAa;IACtD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,uBAAuB,CAAC;CAC5D,CAAC"}
1
+ {"version":3,"file":"pill.styled.js","sourceRoot":"","sources":["../../../../src/components/pill/pill.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,QAAQ;AACR,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAI7E,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAa;IACxD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,eAAe,CAAC;CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAa;IACvD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAmC;IACnE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC;;eAEhC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,eAAe,EAAE,OAAO;;IAE1D,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,UAAU,IAAI,eAAe,EAAE;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAa;IACpD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;CAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAa;;;IAGpD,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAa;IACtD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,uBAAuB,CAAC;CAC5D,CAAC"}
@@ -4,7 +4,8 @@ import { ElementOrIcon } from '../../components/elementOrIcon';
4
4
  import { InputTypeType } from '../../components/input';
5
5
  import { useId } from '../../hooks';
6
6
  import { pickAriaProps } from '../../utils/aria/aria';
7
- import { IconContainerStyled, PillInputStyled, PillLabelStyled, PillStyled } from './pill.styled';
7
+ import { Text, TextComponentType } from '../text';
8
+ import { IconContainerStyled, LabelContainerStyled, ParentContainerStyled, PillInputStyled, PillLabelStyled, PillStyled, } from './pill.styled';
8
9
  import { getPillState } from './utils';
9
10
  const PillStandAloneComponent = ({ styles, decorativeIcon, selectedIcon, dataTestId, children, multiSelect = false, disabled, selected, name, onFocus, tabIndex, onPillChange, onKeyDown, value, ...props }, ref) => {
10
11
  const ariaProps = pickAriaProps(props);
@@ -12,7 +13,7 @@ const PillStandAloneComponent = ({ styles, decorativeIcon, selectedIcon, dataTes
12
13
  const component = multiSelect ? InputTypeType.CHECKBOX : InputTypeType.RADIO;
13
14
  const state = getPillState(selected, disabled);
14
15
  const stateStyles = styles[state];
15
- return (_jsxs(PillStyled, { ref: ref, "data-testid": dataTestId, styles: stateStyles, tabIndex: tabIndex, onKeyDown: onKeyDown?.(value || ''), children: [_jsx(PillInputStyled, { "aria-checked": selected, ...ariaProps, checked: selected, "data-testid": `${dataTestId}Input`, disabled: disabled, id: id, name: name, styles: stateStyles, tabIndex: -1, type: component, value: value, onChange: onPillChange, onFocus: onFocus }), decorativeIcon && (_jsx(IconContainerStyled, { styles: stateStyles, children: _jsx(ElementOrIcon, { color: stateStyles?.decorativeIcon?.color, dataTestId: dataTestId + 'DecorativeIcon', height: stateStyles?.decorativeIcon?.height, width: stateStyles?.decorativeIcon?.width, ...decorativeIcon }) })), _jsx(PillLabelStyled, { htmlFor: id, styles: stateStyles, children: children }), selectedIcon && selected && (_jsx(ElementOrIcon, { color: stateStyles?.selectedIcon?.color, dataTestId: dataTestId + 'SelectedIcon', height: stateStyles?.selectedIcon?.height, width: stateStyles?.selectedIcon?.width, ...selectedIcon }))] }));
16
+ return (_jsxs(ParentContainerStyled, { styles: stateStyles, children: [_jsxs(PillStyled, { ref: ref, "data-testid": dataTestId, styles: stateStyles, tabIndex: tabIndex, onKeyDown: onKeyDown?.(value || ''), children: [_jsx(PillInputStyled, { "aria-checked": selected, ...ariaProps, checked: selected, "data-testid": `${dataTestId}Input`, disabled: disabled, id: id, name: name, styles: stateStyles, tabIndex: -1, type: component, value: value, onChange: onPillChange, onFocus: onFocus }), decorativeIcon && (_jsx(IconContainerStyled, { styles: stateStyles, children: _jsx(ElementOrIcon, { color: stateStyles?.decorativeIcon?.color, dataTestId: dataTestId + 'DecorativeIcon', height: stateStyles?.decorativeIcon?.height, width: stateStyles?.decorativeIcon?.width, ...decorativeIcon }) })), _jsx(PillLabelStyled, { htmlFor: id, styles: stateStyles, children: children }), selectedIcon && selected && (_jsx(ElementOrIcon, { color: stateStyles?.selectedIcon?.color, dataTestId: dataTestId + 'SelectedIcon', height: stateStyles?.selectedIcon?.height, width: stateStyles?.selectedIcon?.width, ...selectedIcon }))] }), props.label?.content && props.label.content !== null && (_jsx(LabelContainerStyled, { styles: stateStyles, children: _jsx(Text, { component: TextComponentType.PARAGRAPH, customTypography: stateStyles?.labelContent, ...props.label, children: props.label.content }) }))] }));
16
17
  };
17
18
  export const PillStandAlone = React.forwardRef(PillStandAloneComponent);
18
19
  //# sourceMappingURL=pillStandAlone.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"pillStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pill/pillStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAElG,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,uBAAuB,GAAG,CAC9B,EACE,MAAM,EACN,cAAc,EACd,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACQ,EAClB,GAAuC,EACpB,EAAE;IACrB,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;IAE7E,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAElC,OAAO,CACL,MAAC,UAAU,IACT,GAAG,EAAE,GAAG,iBACK,UAAU,EACvB,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,aAEnC,KAAC,eAAe,oBACA,QAAQ,KAClB,SAAS,EACb,OAAO,EAAE,QAAQ,iBACJ,GAAG,UAAU,OAAO,EACjC,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,GAChB,EACD,cAAc,IAAI,CACjB,KAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,YACtC,KAAC,aAAa,IACZ,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,KAAK,EACzC,UAAU,EAAE,UAAU,GAAG,gBAAgB,EACzC,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,EAC3C,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,KAAK,KACrC,cAAc,GAClB,GACkB,CACvB,EACD,KAAC,eAAe,IAAC,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,WAAW,YAC9C,QAAQ,GACO,EACjB,YAAY,IAAI,QAAQ,IAAI,CAC3B,KAAC,aAAa,IACZ,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EACvC,UAAU,EAAE,UAAU,GAAG,cAAc,EACvC,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EACzC,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,KACnC,YAAY,GAChB,CACH,IACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}
1
+ {"version":3,"file":"pillStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pill/pillStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,UAAU,GACX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,uBAAuB,GAAG,CAC9B,EACE,MAAM,EACN,cAAc,EACd,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACQ,EAClB,GAAuC,EACpB,EAAE;IACrB,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;IAE7E,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAElC,OAAO,CACL,MAAC,qBAAqB,IAAC,MAAM,EAAE,WAAW,aACxC,MAAC,UAAU,IACT,GAAG,EAAE,GAAG,iBACK,UAAU,EACvB,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,aAEnC,KAAC,eAAe,oBACA,QAAQ,KAClB,SAAS,EACb,OAAO,EAAE,QAAQ,iBACJ,GAAG,UAAU,OAAO,EACjC,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,GAChB,EACD,cAAc,IAAI,CACjB,KAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,YACtC,KAAC,aAAa,IACZ,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,KAAK,EACzC,UAAU,EAAE,UAAU,GAAG,gBAAgB,EACzC,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,EAC3C,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,KAAK,KACrC,cAAc,GAClB,GACkB,CACvB,EACD,KAAC,eAAe,IAAC,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,WAAW,YAC9C,QAAQ,GACO,EACjB,YAAY,IAAI,QAAQ,IAAI,CAC3B,KAAC,aAAa,IACZ,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EACvC,UAAU,EAAE,UAAU,GAAG,cAAc,EACvC,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EACzC,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,KACnC,YAAY,GAChB,CACH,IACU,EACZ,KAAK,CAAC,KAAK,EAAE,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,KAAK,IAAI,IAAI,CACvD,KAAC,oBAAoB,IAAC,MAAM,EAAE,WAAW,YACvC,KAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,CAAC,SAAS,EACtC,gBAAgB,EAAE,WAAW,EAAE,YAAY,KACvC,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,CAAC,OAAO,GACf,GACc,CACxB,IACqB,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}
@@ -1,11 +1,15 @@
1
1
  import * as React from 'react';
2
2
  import { IElementOrIcon } from '../../../components/elementOrIcon';
3
+ import { IText } from '../../../components/text';
3
4
  import { CustomTokenTypes } from '../../../types';
4
5
  import type { PillStateStylesType, PillStylesType, PillVariantStylesType } from './pillTheme';
5
6
  export interface IPillStyled {
6
7
  styles?: PillStateStylesType;
7
8
  }
8
9
  type PillAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-checked' | 'aria-describedby' | 'aria-pressed' | 'aria-disabled'>;
10
+ export type PillTextType = Omit<IText<string>, 'children'> & {
11
+ content: React.ReactNode;
12
+ };
9
13
  export interface IPillStandAlone extends PillAriaAttributes {
10
14
  styles: PillVariantStylesType;
11
15
  onFocus?: React.FocusEventHandler<HTMLInputElement>;
@@ -21,6 +25,7 @@ export interface IPillStandAlone extends PillAriaAttributes {
21
25
  name?: string;
22
26
  tabIndex?: number;
23
27
  value?: string;
28
+ label?: PillTextType;
24
29
  }
25
30
  export interface IPillControlled extends Omit<IPillStandAlone, 'styles' | 'onPillChange'>, Omit<CustomTokenTypes<PillStylesType>, 'cts' | 'extraCt'> {
26
31
  variant: string;
@@ -1,6 +1,7 @@
1
1
  import { CommonStyleType, IconTypes, TypographyTypes } from '../../../types';
2
2
  import type { PillStateType } from './state';
3
3
  export type PillStateStylesType = {
4
+ parentContainer?: CommonStyleType;
4
5
  altVariant?: boolean;
5
6
  container?: CommonStyleType;
6
7
  container_focus?: {
@@ -13,6 +14,8 @@ export type PillStateStylesType = {
13
14
  decorativeIcon?: IconTypes;
14
15
  selectedIcon?: IconTypes;
15
16
  label?: TypographyTypes;
17
+ labelContent?: TypographyTypes;
18
+ labelContainer?: CommonStyleType;
16
19
  };
17
20
  export type PillVariantStylesType = {
18
21
  [key in PillStateType]?: PillStateStylesType;
@@ -25,12 +25,14 @@ const PillSelectorStandAloneComponent = ({ dataTestId, maxPills = MAX_PILLS, ...
25
25
  }, []);
26
26
  return (_jsxs(PillSelectorWrapper, { ...ariaProps, ref: listEl, "data-testid": `${dataTestId}PillSelector`, hasThumb: !!(!props.multiSelect && props.styles?.thumb), isSelected: isPillSelected, role: ROLES.RADIOGROUP, styles: props.styles, children: [!props.multiSelect && props.styles?.thumb && (_jsx(ThumbStyled, { "data-testid": `${dataTestId}Thumb`, styles: props.styles })), props.pills.length > 1 && props.pills.length <= maxPills
27
27
  ? props.pills.map((pill, index) => {
28
+ // deprecated - remove this line when this props are changed
29
+ const { label, externalLabel, ...rest } = pill;
28
30
  const pillSelected = props.pillSelected?.includes(pill.value.toString());
29
- return ((props.pillSize || pill?.size) && (_jsx(Pill, { dataTestId: `${dataTestId}Pill${index}`, focus: focus === index, multiSelect: props.multiSelect, name: props.name, selected: pillSelected, size: props.pillSize || '', tabIndex: pillSelected || (!isPillSelected && index === 0) ? 0 : -1, ...pill, value: pill.value.toString(), variant: props.pillVariant, onFocus: () => {
31
+ return ((props.pillSize || pill?.size) && (_jsx(Pill, { dataTestId: `${dataTestId}Pill${index}`, focus: focus === index, label: externalLabel, multiSelect: props.multiSelect, name: props.name, selected: pillSelected, size: props.pillSize || '', tabIndex: pillSelected || (!isPillSelected && index === 0) ? 0 : -1, ...rest, value: pill.value.toString(), variant: props.pillVariant, onFocus: () => {
30
32
  if (index !== focus) {
31
33
  setFocus(index);
32
34
  }
33
- }, onPillChange: props.onPillChange, children: pill.label }, pill.value)));
35
+ }, onPillChange: props.onPillChange, children: label }, pill.value)));
34
36
  })
35
37
  : null] }));
36
38
  };
@@ -1 +1 @@
1
- {"version":3,"file":"pillSelectorStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pillSelector/pillSelectorStandAlone.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"pillSelectorStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pillSelector/pillSelectorStandAlone.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +1,18 @@
1
1
  import React from 'react';
2
- import { IPillUnControlled } from '../../../components/pill/types';
2
+ import { IPillUnControlled, PillTextType } from '../../../components/pill/types';
3
3
  import { CustomTokenTypes } from '../../../types';
4
4
  import { PillSelectorStyles } from './pillSelectorTheme';
5
5
  type PillSelectorAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-disabled'>;
6
6
  export type PillType = Pick<IPillUnControlled, 'disabled' | 'decorativeIcon' | 'selectedIcon' | 'aria-label' | 'aria-labelledby' | 'aria-checked' | 'aria-describedby' | 'aria-pressed' | 'aria-disabled'> & {
7
7
  value: string | number;
8
+ /**
9
+ * @deprecated This property will be renamed to "content". This is the content inside the pill
10
+ */
8
11
  label: React.ReactNode;
12
+ /**
13
+ * @deprecated This property will be renamed to "label". This is the label outside the pill.
14
+ */
15
+ externalLabel?: PillTextType;
9
16
  };
10
17
  type PillSelectedType = number | string;
11
18
  type Pill = Omit<PillType, 'size'> & {
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { IPortal } from './types';
3
3
  /**
4
+ * @deprecated This component has been deprecated and will be not exported in the next MAJOR release
4
5
  * Renders a portal component that can be appended to the <body> tag or a custom wrapper element.
5
6
  * @param children - The content to be rendered inside the portal.
6
7
  * @param wrapperId - The ID of the custom wrapper element (optional).
@@ -11,6 +11,7 @@ const createWrapperAndAppendToBody = (wrapperId) => {
11
11
  return wrapperElement;
12
12
  };
13
13
  /**
14
+ * @deprecated This component has been deprecated and will be not exported in the next MAJOR release
14
15
  * Renders a portal component that can be appended to the <body> tag or a custom wrapper element.
15
16
  * @param children - The content to be rendered inside the portal.
16
17
  * @param wrapperId - The ID of the custom wrapper element (optional).
@@ -1 +1 @@
1
- {"version":3,"file":"portal.js","sourceRoot":"","sources":["../../../../src/components/portal/portal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAIzC;;;;GAIG;AACH,MAAM,4BAA4B,GAAG,CAAC,SAAiB,EAAe,EAAE;IACtE,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACrD,cAAc,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAC7C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC1C,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAW,EAAqB,EAAE;IAC5E,IAAI,OAAO,GAAG,QAAQ,CAAC,IAAmB,CAAC;IAE3C,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAgB,CAAC;QAE5D,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,GAAG,4BAA4B,CAAC,SAAS,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAED,OAAO,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACzC,CAAC,CAAC"}
1
+ {"version":3,"file":"portal.js","sourceRoot":"","sources":["../../../../src/components/portal/portal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAIzC;;;;GAIG;AACH,MAAM,4BAA4B,GAAG,CAAC,SAAiB,EAAe,EAAE;IACtE,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACrD,cAAc,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAC7C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC1C,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAW,EAAqB,EAAE;IAC5E,IAAI,OAAO,GAAG,QAAQ,CAAC,IAAmB,CAAC;IAE3C,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAgB,CAAC;QAE5D,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,GAAG,4BAA4B,CAAC,SAAS,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAED,OAAO,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACzC,CAAC,CAAC"}
@@ -15,8 +15,11 @@ const SnackbarStandAloneComponent = ({ align = POSITIONS.TOP_CENTER_FIXED, ...pr
15
15
  const dataTestIdSecondaryAction = `${props.dataTestId}SecondaryAction`;
16
16
  const buildAction = () => props.secondaryActionContent && (_jsx(SnackbarLinkWrapper, { styles: props.styles, withIcon: !!props.icon, children: (props.styles?.actionButton?.variant || props.secondaryActionButton?.variant) &&
17
17
  (props.styles?.actionButton?.size || props.secondaryActionButton?.size) ? (_jsx(Button, { "aria-label": props.secondaryActionAriaLabel, dataTestId: dataTestIdSecondaryAction, size: props.styles?.actionButton?.size, variant: props.styles?.actionButton?.variant, onClick: props.onSecondaryActionClick, ...props.secondaryActionButton, children: props.secondaryActionContent })) : ((props.styles?.link?.variant || props.secondaryActionLink?.variant) && (_jsx(Link, { "aria-label": props.secondaryActionAriaLabel, dataTestId: dataTestIdSecondaryAction, decoration: props.styles?.link?.decoration, url: '', variant: props.styles?.link?.variant || '', onClick: props.onSecondaryActionClick, ...props.secondaryActionLink, children: props.secondaryActionContent }))) }));
18
- const buildDescription = () => props.description?.content &&
19
- (props.styles?.description?.font_variant || props.description.variant) && (_jsx(SnackbarDescriptionWrapper, { styles: props.styles, children: _jsx(Text, { component: TextComponentType.PARAGRAPH, customTypography: props.styles?.description, dataTestId: `${props.dataTestId}Description`, ...props.description, children: props.description?.content }) }));
18
+ const buildDescription = () => {
19
+ const { content, ...restDescriptionProps } = props.description || {};
20
+ return (content &&
21
+ (props.styles?.description?.font_variant || props.description?.variant) && (_jsx(SnackbarDescriptionWrapper, { styles: props.styles, children: _jsx(Text, { component: TextComponentType.PARAGRAPH, customTypography: props.styles?.description, dataTestId: `${props.dataTestId}Description`, ...restDescriptionProps, children: content }) })));
22
+ };
20
23
  return (_jsx(Popover, { autoWidth: true, transparentBackground: true, clickOverlayClose: false, component: PopoverComponentType.DIV, dataTestId: `${props.dataTestId}Popover`, focusLastElementFocusedAfterClose: false, focusScreenFirstDescendantAfterClose: false, open: props.open, pressEscapeClose: false, variant: props.styles?.popoverVariants?.[align], children: _jsxs(SnackbarStyled, { ref: ref, styles: props.styles, onBlur: props.onBlur, onFocus: props.onFocus, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, children: [_jsxs(SnackbarTextAndActionWrapper, { children: [_jsxs(SnackbarTextWrapper, { "data-testid": `${props.dataTestId}Alert`, role: ROLES.ALERT, styles: props.styles, children: [_jsxs(SnackbarIconTitleContainerWrapper, { styles: props.styles, children: [props.icon && (_jsx(ElementOrIcon, { customIconStyles: props.styles?.icon, ...props.icon })), _jsx(SnackbarTitleWrapper, { children: _jsxs(Text, { component: TextComponentType.PARAGRAPH, customTypography: props.styles?.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: [_jsx(ScreenReaderOnly, { children: props.icon?.altText }), props.title.content] }) })] }), _jsx(SnackbarNoStatusContentWrapper, { styles: props.styles, withIcon: !!props.icon, children: buildDescription() })] }), buildAction()] }), _jsx(ButtonWrapper, { children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.closeIcon, dataTestId: `${props.dataTestId}Icon`, onClick: e => props.onCloseButtonClick(false)(e), ...props.closeIcon }) })] }) }));
21
24
  };
22
25
  export const SnackbarStandAlone = React.forwardRef(SnackbarStandAloneComponent);
@@ -1 +1 @@
1
- {"version":3,"file":"snackbarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/snackbar/snackbarStandAlone.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"snackbarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/snackbar/snackbarStandAlone.tsx"],"names":[],"mappings":"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"}
@@ -9,7 +9,7 @@ export const TDStyled = styled.td `
9
9
  min-width: ${({ $minWidth }) => $minWidth};
10
10
  max-width: ${({ $maxWidth }) => $maxWidth};
11
11
  text-align: ${({ $textAlign }) => $textAlign};
12
- &[data-sticky='true'] {
12
+ &[data-sticky] {
13
13
  position: sticky;
14
14
  }
15
15
  &[data-hidden='true'] {
@@ -20,7 +20,10 @@ export interface ITableCellStandAlone extends TableCellAriasType {
20
20
  left?: string;
21
21
  right?: string;
22
22
  bottom?: string;
23
- sticky?: boolean;
23
+ /**
24
+ * @remarks Avoid using boolean values for `sticky`. Prefer specifying 'left' or 'right' to define the sticky side.
25
+ */
26
+ sticky?: boolean | 'left' | 'right';
24
27
  hidden?: boolean;
25
28
  component?: string | React.ComponentType<any>;
26
29
  dataTestId?: string;
@@ -1,3 +1,4 @@
1
1
  export * from './useTableHasScroll';
2
2
  export * from './useTableShadow';
3
- export * from './useTableStickyColumns';
3
+ export * from './useTableStickyRightColumns';
4
+ export * from './useTableStickyLeftColumns';
@@ -1,4 +1,5 @@
1
1
  export * from './useTableHasScroll';
2
2
  export * from './useTableShadow';
3
- export * from './useTableStickyColumns';
3
+ export * from './useTableStickyRightColumns';
4
+ export * from './useTableStickyLeftColumns';
4
5
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC"}
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ type UseTableStickyLeftColumnsParamsType = {
3
+ ref: React.RefObject<HTMLDivElement>;
4
+ disabled?: boolean;
5
+ };
6
+ type UseTableStickyLeftColumnsReturnType = object;
7
+ export declare const useTableStickyLeftColumns: ({ ref, disabled, }: UseTableStickyLeftColumnsParamsType) => UseTableStickyLeftColumnsReturnType;
8
+ export {};
@@ -0,0 +1,45 @@
1
+ import * as React from 'react';
2
+ import { hasHorizontalScroll } from '../../../utils';
3
+ export const useTableStickyLeftColumns = ({ ref, disabled = false, }) => {
4
+ React.useEffect(() => {
5
+ const scrollableContainer = ref.current?.querySelector('[data-table-scrollable-container]');
6
+ const leftBoxShadowContainer = ref.current?.querySelector('[data-table-left-shadow]');
7
+ let resizeObserver;
8
+ if (scrollableContainer instanceof HTMLElement && !disabled) {
9
+ const handleElementResize = (element) => {
10
+ const _hasHorizontalScroll = hasHorizontalScroll(element);
11
+ // For each row, set the left position of its sticky cells
12
+ const rows = element.querySelectorAll('[data-table-row]');
13
+ // used to calc leftBoxShadowContainer position
14
+ let maxStickyLeftWidth = 0;
15
+ rows.forEach(row => {
16
+ // Retrieve all the cell with sticky attribute
17
+ const leftStickyCells = Array.from(row.querySelectorAll('[data-sticky="left"]'));
18
+ let left = 0;
19
+ leftStickyCells.forEach(stickyCell => {
20
+ if (stickyCell instanceof HTMLElement) {
21
+ stickyCell.style.left = _hasHorizontalScroll ? `${left}px` : 'auto';
22
+ left += stickyCell.offsetWidth;
23
+ }
24
+ });
25
+ maxStickyLeftWidth = Math.max(maxStickyLeftWidth, left);
26
+ });
27
+ // Once the sticky position have been added, set the position of the leftBoxShadowContainer
28
+ // This position should be the same as the max width of the sticky cells
29
+ if (leftBoxShadowContainer instanceof HTMLElement) {
30
+ leftBoxShadowContainer.style.left = `${maxStickyLeftWidth}px`;
31
+ }
32
+ };
33
+ handleElementResize(scrollableContainer);
34
+ resizeObserver = new ResizeObserver(() => {
35
+ handleElementResize(scrollableContainer);
36
+ });
37
+ resizeObserver.observe(scrollableContainer);
38
+ }
39
+ return () => {
40
+ resizeObserver?.disconnect();
41
+ };
42
+ }, [disabled]);
43
+ return {};
44
+ };
45
+ //# sourceMappingURL=useTableStickyLeftColumns.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useTableStickyLeftColumns.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/useTableStickyLeftColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAS9C,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,GAAG,EACH,QAAQ,GAAG,KAAK,GACoB,EAAuC,EAAE;IAC7E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,mCAAmC,CAAC,CAAC;QAC5F,MAAM,sBAAsB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,0BAA0B,CAAC,CAAC;QACtF,IAAI,cAA8B,CAAC;QACnC,IAAI,mBAAmB,YAAY,WAAW,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5D,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBACnD,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;gBAC1D,0DAA0D;gBAC1D,MAAM,IAAI,GAAG,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;gBAC1D,+CAA+C;gBAC/C,IAAI,kBAAkB,GAAG,CAAC,CAAC;gBAC3B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,8CAA8C;oBAC9C,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC,CAAC;oBACjF,IAAI,IAAI,GAAG,CAAC,CAAC;oBACb,eAAe,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;wBACnC,IAAI,UAAU,YAAY,WAAW,EAAE,CAAC;4BACtC,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;4BACpE,IAAI,IAAI,UAAU,CAAC,WAAW,CAAC;wBACjC,CAAC;oBACH,CAAC,CAAC,CAAC;oBACH,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;gBAC1D,CAAC,CAAC,CAAC;gBACH,2FAA2F;gBAC3F,wEAAwE;gBACxE,IAAI,sBAAsB,YAAY,WAAW,EAAE,CAAC;oBAClD,sBAAsB,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,kBAAkB,IAAI,CAAC;gBAChE,CAAC;YACH,CAAC,CAAC;YACF,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YACzC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACvC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC"}
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ type UseTableStickyRightColumnsParamsType = {
3
+ ref: React.RefObject<HTMLDivElement>;
4
+ disabled?: boolean;
5
+ };
6
+ type UseTableStickyRightColumnsReturnType = object;
7
+ export declare const useTableStickyRightColumns: ({ ref, disabled, }: UseTableStickyRightColumnsParamsType) => UseTableStickyRightColumnsReturnType;
8
+ export {};
@@ -0,0 +1,53 @@
1
+ import * as React from 'react';
2
+ import { hasHorizontalScroll, hasVerticalScroll } from '../../../utils';
3
+ export const useTableStickyRightColumns = ({ ref, disabled = false, }) => {
4
+ React.useEffect(() => {
5
+ const scrollableContainer = ref.current?.querySelector('[data-table-scrollable-container]');
6
+ const rightBoxShadowContainer = ref.current?.querySelector('[data-table-right-shadow]');
7
+ let resizeObserver;
8
+ if (scrollableContainer instanceof HTMLElement && !disabled) {
9
+ const handleElementResize = (element) => {
10
+ const _hasHorizontalScroll = hasHorizontalScroll(element);
11
+ // For each row, set the right position of its sticky cells
12
+ const rows = element.querySelectorAll('[data-table-row]');
13
+ // used to calc rightBoxShadowContainer position
14
+ let maxStickyRightWidth = 0;
15
+ rows.forEach(row => {
16
+ // Retrieve all the cell with sticky attribute
17
+ const rightStickyCells = Array.from(
18
+ // deprecated - delete [data-sticky="true"] after boolean is deleted from the sticky type
19
+ row.querySelectorAll('[data-sticky="true"], [data-sticky="right"]')).reverse();
20
+ let right = 0;
21
+ rightStickyCells.forEach(stickyCell => {
22
+ if (stickyCell instanceof HTMLElement) {
23
+ stickyCell.style.right = _hasHorizontalScroll ? `${right}px` : 'auto';
24
+ right += stickyCell.offsetWidth;
25
+ }
26
+ });
27
+ maxStickyRightWidth = Math.max(maxStickyRightWidth, right);
28
+ });
29
+ // Once the sticky position have been added, set the position of the rightBoxShadowContainer
30
+ // This position should be the same as the max width of the sticky cells
31
+ if (rightBoxShadowContainer instanceof HTMLElement) {
32
+ // If vertical scroll, add scroll bar size to maxStickyRightWidth
33
+ const _hasVerticalScroll = hasVerticalScroll(element);
34
+ if (_hasVerticalScroll) {
35
+ const scrollBarSize = element.offsetWidth - element.clientWidth;
36
+ maxStickyRightWidth += scrollBarSize;
37
+ }
38
+ rightBoxShadowContainer.style.right = `${maxStickyRightWidth}px`;
39
+ }
40
+ };
41
+ handleElementResize(scrollableContainer);
42
+ resizeObserver = new ResizeObserver(() => {
43
+ handleElementResize(scrollableContainer);
44
+ });
45
+ resizeObserver.observe(scrollableContainer);
46
+ }
47
+ return () => {
48
+ resizeObserver?.disconnect();
49
+ };
50
+ }, [disabled]);
51
+ return {};
52
+ };
53
+ //# sourceMappingURL=useTableStickyRightColumns.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useTableStickyRightColumns.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/useTableStickyRightColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AASjE,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACzC,GAAG,EACH,QAAQ,GAAG,KAAK,GACqB,EAAwC,EAAE;IAC/E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,mCAAmC,CAAC,CAAC;QAC5F,MAAM,uBAAuB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,2BAA2B,CAAC,CAAC;QACxF,IAAI,cAA8B,CAAC;QACnC,IAAI,mBAAmB,YAAY,WAAW,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5D,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBACnD,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;gBAC1D,2DAA2D;gBAC3D,MAAM,IAAI,GAAG,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;gBAC1D,gDAAgD;gBAChD,IAAI,mBAAmB,GAAG,CAAC,CAAC;gBAC5B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,8CAA8C;oBAC9C,MAAM,gBAAgB,GAAG,KAAK,CAAC,IAAI;oBACjC,yFAAyF;oBACzF,GAAG,CAAC,gBAAgB,CAAC,6CAA6C,CAAC,CACpE,CAAC,OAAO,EAAE,CAAC;oBACZ,IAAI,KAAK,GAAG,CAAC,CAAC;oBACd,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;wBACpC,IAAI,UAAU,YAAY,WAAW,EAAE,CAAC;4BACtC,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;4BACtE,KAAK,IAAI,UAAU,CAAC,WAAW,CAAC;wBAClC,CAAC;oBACH,CAAC,CAAC,CAAC;oBACH,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;gBAC7D,CAAC,CAAC,CAAC;gBACH,4FAA4F;gBAC5F,wEAAwE;gBACxE,IAAI,uBAAuB,YAAY,WAAW,EAAE,CAAC;oBACnD,iEAAiE;oBACjE,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;oBACtD,IAAI,kBAAkB,EAAE,CAAC;wBACvB,MAAM,aAAa,GAAG,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;wBAChE,mBAAmB,IAAI,aAAa,CAAC;oBACvC,CAAC;oBACD,uBAAuB,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,mBAAmB,IAAI,CAAC;gBACnE,CAAC;YACH,CAAC,CAAC;YACF,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YACzC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACvC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC"}
@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import * as React from 'react';
3
3
  import { STYLES_NAME } from '../../constants';
4
4
  import { useStylesV2 } from '../../hooks';
5
- import { useTableHasScroll, useTableShadow, useTableStickyColumns } from './hooks';
5
+ import { useTableHasScroll, useTableShadow, useTableStickyLeftColumns, useTableStickyRightColumns, } from './hooks';
6
6
  import { TableStandAlone } from './tableStandAlone';
7
- const TableComponent = ({ variant, ctv, autoRightStickyCalc = true, disableShadowEffects, ...props }, ref) => {
7
+ const TableComponent = ({ variant, ctv, autoRightStickyCalc = true, autoLeftStickyCalc = true, disableShadowEffects, ...props }, ref) => {
8
8
  const styles = useStylesV2({
9
9
  styleName: STYLES_NAME.TABLE_V2,
10
10
  variantName: variant,
@@ -15,8 +15,10 @@ const TableComponent = ({ variant, ctv, autoRightStickyCalc = true, disableShado
15
15
  React.useImperativeHandle(ref, () => innerRef.current, []);
16
16
  // Indicates if table has scroll in order to add accesibility aria props
17
17
  const { hasScroll } = useTableHasScroll({ ref: innerRef, disabled: props.hasScrollDisabled });
18
- // Set column sticky if table has horizontal scroll
19
- useTableStickyColumns({ ref: innerRef, disabled: !autoRightStickyCalc });
18
+ // Set column sticky right if table has horizontal scroll
19
+ useTableStickyRightColumns({ ref: innerRef, disabled: !autoRightStickyCalc });
20
+ // Set column sticky left if table has horizontal scroll
21
+ useTableStickyLeftColumns({ ref: innerRef, disabled: !autoLeftStickyCalc });
20
22
  // Set shadow when scrolling
21
23
  useTableShadow({
22
24
  ref: innerRef,