@bbl-digital/snorre 4.1.78 → 4.1.80

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 (455) hide show
  1. package/.husky/_/husky.sh +30 -30
  2. package/.prettierrc +6 -6
  3. package/.vscode/settings.json +3 -3
  4. package/README.md +3 -3
  5. package/dist/bundle.js +562 -562
  6. package/esm/app-shell/index.js +2 -2
  7. package/esm/core/Alert/styles.js +6 -6
  8. package/esm/core/AppLoader/styles.js +1 -1
  9. package/esm/core/Autocomplete/styles.js +18 -18
  10. package/esm/core/Banner/styles.js +4 -4
  11. package/esm/core/BarAndLineComposedChart/styles.js +1 -1
  12. package/esm/core/BarChartWithCustomizedEvent/styles.js +1 -1
  13. package/esm/core/Box/styles.js +7 -7
  14. package/esm/core/BoxedTable/DraggableRow/styles.js +5 -5
  15. package/esm/core/BoxedTable/HeaderCell/styles.js +2 -2
  16. package/esm/core/BoxedTable/RowCell/index.js +1 -1
  17. package/esm/core/BoxedTable/RowCell/styles.js +9 -9
  18. package/esm/core/BoxedTable/TableHeader/styles.js +1 -1
  19. package/esm/core/BoxedTable/TableRow/styles.js +8 -8
  20. package/esm/core/BoxedTable/styles.js +11 -11
  21. package/esm/core/Button/styles.js +19 -19
  22. package/esm/core/Calendar/CalendarEvent/styles.js +5 -5
  23. package/esm/core/Calendar/CalendarSmallEvent/styles.js +5 -5
  24. package/esm/core/Calendar/styles.js +5 -5
  25. package/esm/core/Card/styles.js +11 -11
  26. package/esm/core/Checkbox/styles.js +5 -5
  27. package/esm/core/CollapseList/styles.js +2 -2
  28. package/esm/core/CommentsTimeline/CommentLine/styles.js +4 -4
  29. package/esm/core/CommentsTimeline/styles.js +1 -1
  30. package/esm/core/CustomText/styles.js +2 -2
  31. package/esm/core/Datepicker/styles.js +9 -9
  32. package/esm/core/DatepickerRange/styles.js +9 -9
  33. package/esm/core/Divider/styles.js +5 -5
  34. package/esm/core/Dropdown/styles.js +3 -3
  35. package/esm/core/DropdownMenu/styles.js +3 -3
  36. package/esm/core/Editor/Editor.stories.js +56 -0
  37. package/esm/core/Editor/config.js +7 -0
  38. package/esm/core/Editor/index.js +113 -0
  39. package/esm/core/Editor/styles.js +43 -0
  40. package/esm/core/EditorQuillReact/EditorQuillReact.stories.js +59 -0
  41. package/esm/core/EditorQuillReact/IndentAttributor.js +15 -0
  42. package/esm/core/EditorQuillReact/config.js +31 -0
  43. package/esm/core/EditorQuillReact/index.js +103 -0
  44. package/esm/core/EditorQuillReact/styles.js +34 -0
  45. package/esm/core/FileInput/styles.js +14 -14
  46. package/esm/core/GoogleButton/styles.js +1 -1
  47. package/esm/core/Header/styles.js +7 -7
  48. package/esm/core/HighlightText/styles.js +1 -1
  49. package/esm/core/Image/styles.js +6 -6
  50. package/esm/core/ImagePicker/IconWithBackground.js +1 -1
  51. package/esm/core/ImagePicker/UploadButton.js +1 -1
  52. package/esm/core/ImagePicker/styles.js +11 -11
  53. package/esm/core/ImageViewer/index.js +1 -1
  54. package/esm/core/ImageViewer/styles.js +7 -7
  55. package/esm/core/InfoButton/styles.js +9 -9
  56. package/esm/core/Input/styles.js +19 -19
  57. package/esm/core/Link/styles.js +10 -10
  58. package/esm/core/List/Item.js +1 -1
  59. package/esm/core/List/styles.js +11 -11
  60. package/esm/core/ListPager/styles.js +3 -3
  61. package/esm/core/Modal/ActionButtons/index.js +1 -1
  62. package/esm/core/Modal/styles.js +8 -8
  63. package/esm/core/NoticeCard/privateComponents/NoticeAttachmentBlock/styles.js +4 -4
  64. package/esm/core/NoticeCard/privateComponents/NoticeAttachmentList/styles.js +1 -1
  65. package/esm/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.js +3 -3
  66. package/esm/core/NoticeCard/styles.js +4 -4
  67. package/esm/core/NotificationCounter/styles.js +1 -1
  68. package/esm/core/NotificationsMenu/NotificationRow/styles.js +3 -3
  69. package/esm/core/NotificationsMenu/styles.js +3 -3
  70. package/esm/core/PieChart/styles.js +2 -2
  71. package/esm/core/PreemptionCard/styles.js +3 -3
  72. package/esm/core/PreemptionCardLoading/styles.js +3 -3
  73. package/esm/core/QuillEditor/styles.js +3 -3
  74. package/esm/core/Radio/styles.js +4 -4
  75. package/esm/core/SearchFilter/index.js +1 -1
  76. package/esm/core/SearchFilter/styles.js +14 -14
  77. package/esm/core/SearchSelect/styles.js +5 -5
  78. package/esm/core/Select/index.js +1 -1
  79. package/esm/core/Select/styles.js +18 -18
  80. package/esm/core/SimpleBarChart/styles.js +1 -1
  81. package/esm/core/SimpleLineChart/styles.js +1 -1
  82. package/esm/core/Skeleton/styles.js +4 -4
  83. package/esm/core/Spinner/styles.js +5 -5
  84. package/esm/core/Stepper/MobileStep/styles.js +7 -7
  85. package/esm/core/Stepper/Step/index.js +1 -1
  86. package/esm/core/Stepper/Step/styles.js +5 -5
  87. package/esm/core/Stepper/styles.js +3 -3
  88. package/esm/core/TabBar/TabItem/styles.js +1 -1
  89. package/esm/core/TabBar/styles.js +1 -1
  90. package/esm/core/TabNav/TabNavItem/styles.js +5 -5
  91. package/esm/core/TabNav/styles.js +8 -8
  92. package/esm/core/Table/styles.js +16 -16
  93. package/esm/core/Tag/styles.js +13 -13
  94. package/esm/core/Text/styles.js +16 -16
  95. package/esm/core/Textarea/styles.js +7 -7
  96. package/esm/core/Timeline/TimelineStep/styles.js +6 -6
  97. package/esm/core/Timeline/styles.js +1 -1
  98. package/esm/core/Timepicker/index.js +3 -3
  99. package/esm/core/Timepicker/styles.js +7 -7
  100. package/esm/core/Tooltip/styles.js +2 -2
  101. package/esm/core/UnitIllustration/index.js +9 -9
  102. package/esm/core/UserMenu/styles.js +7 -7
  103. package/esm/core/Video/styles.js +1 -1
  104. package/esm/core/YearWheel/styles.js +3 -3
  105. package/esm/enums/Keyboard.js +2 -2
  106. package/esm/globals/styles/styles.js +1 -1
  107. package/esm/illustrations/styles.js +2 -2
  108. package/esm/layout/Footer/FooterButton/styles.js +1 -1
  109. package/esm/layout/Footer/FooterCol/styles.js +1 -1
  110. package/esm/layout/Footer/FooterGroup/styles.js +1 -1
  111. package/esm/layout/Footer/FooterLabel/styles.js +1 -1
  112. package/esm/layout/Footer/FooterLink/styles.js +1 -1
  113. package/esm/layout/Footer/styles.js +2 -2
  114. package/esm/layout/Layout/styles.js +1 -1
  115. package/esm/layout/LayoutShell/styles.js +8 -8
  116. package/esm/layout/Menu/AppPicker/styles.js +5 -5
  117. package/esm/layout/Menu/MainMenu/styles.js +2 -2
  118. package/esm/layout/Menu/MenuItem/styles.js +3 -3
  119. package/esm/layout/Menu/MenuSpacer/styles.js +1 -1
  120. package/esm/layout/Menu/MenuTop/styles.js +3 -3
  121. package/esm/layout/Menu/SecondaryMenu/styles.js +4 -4
  122. package/esm/layout/Menu/SecondaryMenuItem/styles.js +1 -1
  123. package/esm/layout/Menu/styles.js +1 -1
  124. package/esm/layout/Submenu/SubmenuItem/styles.js +3 -3
  125. package/esm/layout/Submenu/styles.js +11 -11
  126. package/esm/layout/Topbar/styles.js +1 -1
  127. package/esm/shared/components/SbIconGrid/index.js +1 -1
  128. package/esm/shared/components/VisuallyHidden/index.js +4 -4
  129. package/esm/shared/recharts/CustomLegend/styles.js +2 -2
  130. package/esm/shared/recharts/CustomTooltip/styles.js +3 -3
  131. package/esm/shared/types/LoadedType.js +1 -0
  132. package/esm/utils/time.js +14 -14
  133. package/esm/v2/Memberbenefits/MemberbenefitsCard/styles.js +12 -12
  134. package/esm/v2/core/Box/styles.js +9 -9
  135. package/esm/v2/core/BoxedTable/BoxedTable.stories.js +351 -0
  136. package/esm/v2/core/BoxedTable/DraggableRow/index.js +35 -0
  137. package/esm/v2/core/BoxedTable/DraggableRow/styles.js +57 -0
  138. package/esm/v2/core/BoxedTable/HeaderCell/index.js +34 -0
  139. package/esm/v2/core/BoxedTable/HeaderCell/styles.js +9 -0
  140. package/esm/v2/core/BoxedTable/RowCell/index.js +27 -0
  141. package/esm/v2/core/BoxedTable/RowCell/styles.js +51 -0
  142. package/esm/v2/core/BoxedTable/TableHeader/index.js +12 -0
  143. package/esm/v2/core/BoxedTable/TableHeader/styles.js +16 -0
  144. package/esm/v2/core/BoxedTable/TableRow/index.js +63 -0
  145. package/esm/v2/core/BoxedTable/TableRow/styles.js +73 -0
  146. package/esm/v2/core/BoxedTable/index.js +64 -0
  147. package/esm/v2/core/BoxedTable/models.js +1 -0
  148. package/esm/v2/core/BoxedTable/styles.js +121 -0
  149. package/esm/v2/core/Button/styles.js +19 -19
  150. package/esm/v2/core/ButtonsFilter/styles.js +1 -1
  151. package/esm/v2/core/Chip/styles.js +11 -11
  152. package/esm/v2/core/TabNav/TabNavItem/styles.js +6 -6
  153. package/esm/v2/core/TabNav/styles.js +7 -7
  154. package/esm/v2/hooks/useOverflow.js +43 -0
  155. package/esm/v2/index.js +7 -1
  156. package/infrastructure/azure-pipelines.yml +34 -34
  157. package/jest.config.js +34 -34
  158. package/lib/app-shell/index.js +2 -2
  159. package/lib/core/Alert/styles.js +6 -6
  160. package/lib/core/AppLoader/styles.js +1 -1
  161. package/lib/core/Autocomplete/styles.d.ts.map +1 -1
  162. package/lib/core/Autocomplete/styles.js +18 -18
  163. package/lib/core/Banner/styles.d.ts.map +1 -1
  164. package/lib/core/Banner/styles.js +4 -4
  165. package/lib/core/BarAndLineComposedChart/styles.d.ts.map +1 -1
  166. package/lib/core/BarAndLineComposedChart/styles.js +1 -1
  167. package/lib/core/BarChartWithCustomizedEvent/styles.d.ts.map +1 -1
  168. package/lib/core/BarChartWithCustomizedEvent/styles.js +1 -1
  169. package/lib/core/Box/styles.d.ts.map +1 -1
  170. package/lib/core/Box/styles.js +7 -7
  171. package/lib/core/BoxedTable/DraggableRow/styles.d.ts.map +1 -1
  172. package/lib/core/BoxedTable/DraggableRow/styles.js +5 -5
  173. package/lib/core/BoxedTable/HeaderCell/styles.js +2 -2
  174. package/lib/core/BoxedTable/RowCell/index.js +1 -1
  175. package/lib/core/BoxedTable/RowCell/styles.js +9 -9
  176. package/lib/core/BoxedTable/TableHeader/styles.d.ts.map +1 -1
  177. package/lib/core/BoxedTable/TableHeader/styles.js +1 -1
  178. package/lib/core/BoxedTable/TableRow/styles.d.ts.map +1 -1
  179. package/lib/core/BoxedTable/TableRow/styles.js +8 -8
  180. package/lib/core/BoxedTable/styles.d.ts.map +1 -1
  181. package/lib/core/BoxedTable/styles.js +11 -11
  182. package/lib/core/Button/index.d.ts.map +1 -1
  183. package/lib/core/Button/styles.js +19 -19
  184. package/lib/core/Calendar/CalendarEvent/styles.d.ts.map +1 -1
  185. package/lib/core/Calendar/CalendarEvent/styles.js +5 -5
  186. package/lib/core/Calendar/CalendarSmallEvent/styles.d.ts.map +1 -1
  187. package/lib/core/Calendar/CalendarSmallEvent/styles.js +5 -5
  188. package/lib/core/Calendar/styles.d.ts.map +1 -1
  189. package/lib/core/Calendar/styles.js +5 -5
  190. package/lib/core/Card/styles.js +11 -11
  191. package/lib/core/Checkbox/styles.js +5 -5
  192. package/lib/core/CollapseList/styles.d.ts.map +1 -1
  193. package/lib/core/CollapseList/styles.js +2 -2
  194. package/lib/core/CommentsTimeline/CommentLine/styles.d.ts.map +1 -1
  195. package/lib/core/CommentsTimeline/CommentLine/styles.js +4 -4
  196. package/lib/core/CommentsTimeline/styles.d.ts.map +1 -1
  197. package/lib/core/CommentsTimeline/styles.js +1 -1
  198. package/lib/core/CustomText/styles.d.ts.map +1 -1
  199. package/lib/core/CustomText/styles.js +2 -2
  200. package/lib/core/Datepicker/styles.d.ts.map +1 -1
  201. package/lib/core/Datepicker/styles.js +9 -9
  202. package/lib/core/DatepickerRange/styles.d.ts.map +1 -1
  203. package/lib/core/DatepickerRange/styles.js +9 -9
  204. package/lib/core/Divider/styles.js +5 -5
  205. package/lib/core/Dropdown/styles.js +3 -3
  206. package/lib/core/DropdownMenu/styles.d.ts.map +1 -1
  207. package/lib/core/DropdownMenu/styles.js +3 -3
  208. package/lib/core/Editor/Editor.stories.d.ts +11 -0
  209. package/lib/core/Editor/Editor.stories.d.ts.map +1 -0
  210. package/lib/core/Editor/Editor.stories.js +56 -0
  211. package/lib/core/Editor/config.d.ts +6 -0
  212. package/lib/core/Editor/config.d.ts.map +1 -0
  213. package/lib/core/Editor/config.js +7 -0
  214. package/lib/core/Editor/index.d.ts +44 -0
  215. package/lib/core/Editor/index.d.ts.map +1 -0
  216. package/lib/core/Editor/index.js +113 -0
  217. package/lib/core/Editor/styles.d.ts +14 -0
  218. package/lib/core/Editor/styles.d.ts.map +1 -0
  219. package/lib/core/Editor/styles.js +43 -0
  220. package/lib/core/EditorQuillReact/EditorQuillReact.stories.d.ts +8 -0
  221. package/lib/core/EditorQuillReact/EditorQuillReact.stories.d.ts.map +1 -0
  222. package/lib/core/EditorQuillReact/EditorQuillReact.stories.js +59 -0
  223. package/lib/core/EditorQuillReact/IndentAttributor.d.ts +7 -0
  224. package/lib/core/EditorQuillReact/IndentAttributor.d.ts.map +1 -0
  225. package/lib/core/EditorQuillReact/IndentAttributor.js +15 -0
  226. package/lib/core/EditorQuillReact/config.d.ts +30 -0
  227. package/lib/core/EditorQuillReact/config.d.ts.map +1 -0
  228. package/lib/core/EditorQuillReact/config.js +31 -0
  229. package/lib/core/EditorQuillReact/index.d.ts +23 -0
  230. package/lib/core/EditorQuillReact/index.d.ts.map +1 -0
  231. package/lib/core/EditorQuillReact/index.js +103 -0
  232. package/lib/core/EditorQuillReact/styles.d.ts +13 -0
  233. package/lib/core/EditorQuillReact/styles.d.ts.map +1 -0
  234. package/lib/core/EditorQuillReact/styles.js +34 -0
  235. package/lib/core/FileInput/styles.d.ts.map +1 -1
  236. package/lib/core/FileInput/styles.js +14 -14
  237. package/lib/core/GoogleButton/styles.d.ts.map +1 -1
  238. package/lib/core/GoogleButton/styles.js +1 -1
  239. package/lib/core/Header/styles.js +7 -7
  240. package/lib/core/HighlightText/styles.d.ts.map +1 -1
  241. package/lib/core/HighlightText/styles.js +1 -1
  242. package/lib/core/Image/styles.js +6 -6
  243. package/lib/core/ImagePicker/IconWithBackground.js +1 -1
  244. package/lib/core/ImagePicker/UploadButton.js +1 -1
  245. package/lib/core/ImagePicker/styles.js +11 -11
  246. package/lib/core/ImageViewer/index.js +1 -1
  247. package/lib/core/ImageViewer/styles.js +7 -7
  248. package/lib/core/InfoButton/styles.d.ts.map +1 -1
  249. package/lib/core/InfoButton/styles.js +9 -9
  250. package/lib/core/Input/styles.js +19 -19
  251. package/lib/core/Link/styles.d.ts.map +1 -1
  252. package/lib/core/Link/styles.js +10 -10
  253. package/lib/core/List/Item.js +1 -1
  254. package/lib/core/List/styles.js +11 -11
  255. package/lib/core/ListPager/styles.d.ts.map +1 -1
  256. package/lib/core/ListPager/styles.js +3 -3
  257. package/lib/core/Modal/ActionButtons/index.js +1 -1
  258. package/lib/core/Modal/index.d.ts.map +1 -1
  259. package/lib/core/Modal/styles.d.ts.map +1 -1
  260. package/lib/core/Modal/styles.js +8 -8
  261. package/lib/core/NoticeCard/privateComponents/NoticeAttachmentBlock/styles.d.ts.map +1 -1
  262. package/lib/core/NoticeCard/privateComponents/NoticeAttachmentBlock/styles.js +4 -4
  263. package/lib/core/NoticeCard/privateComponents/NoticeAttachmentList/styles.d.ts.map +1 -1
  264. package/lib/core/NoticeCard/privateComponents/NoticeAttachmentList/styles.js +1 -1
  265. package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.d.ts.map +1 -1
  266. package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.js +3 -3
  267. package/lib/core/NoticeCard/styles.d.ts.map +1 -1
  268. package/lib/core/NoticeCard/styles.js +4 -4
  269. package/lib/core/NotificationCounter/styles.js +1 -1
  270. package/lib/core/NotificationsMenu/NotificationRow/styles.d.ts.map +1 -1
  271. package/lib/core/NotificationsMenu/NotificationRow/styles.js +3 -3
  272. package/lib/core/NotificationsMenu/styles.d.ts.map +1 -1
  273. package/lib/core/NotificationsMenu/styles.js +3 -3
  274. package/lib/core/PieChart/styles.d.ts.map +1 -1
  275. package/lib/core/PieChart/styles.js +2 -2
  276. package/lib/core/PreemptionCard/styles.d.ts.map +1 -1
  277. package/lib/core/PreemptionCard/styles.js +3 -3
  278. package/lib/core/PreemptionCardLoading/styles.d.ts.map +1 -1
  279. package/lib/core/PreemptionCardLoading/styles.js +3 -3
  280. package/lib/core/QuillEditor/config.d.ts +3 -3
  281. package/lib/core/QuillEditor/styles.d.ts.map +1 -1
  282. package/lib/core/QuillEditor/styles.js +3 -3
  283. package/lib/core/Radio/styles.js +4 -4
  284. package/lib/core/SearchFilter/index.js +1 -1
  285. package/lib/core/SearchFilter/styles.d.ts.map +1 -1
  286. package/lib/core/SearchFilter/styles.js +14 -14
  287. package/lib/core/SearchSelect/styles.d.ts.map +1 -1
  288. package/lib/core/SearchSelect/styles.js +5 -5
  289. package/lib/core/Select/index.js +1 -1
  290. package/lib/core/Select/styles.d.ts.map +1 -1
  291. package/lib/core/Select/styles.js +18 -18
  292. package/lib/core/SimpleBarChart/styles.d.ts.map +1 -1
  293. package/lib/core/SimpleBarChart/styles.js +1 -1
  294. package/lib/core/SimpleLineChart/styles.d.ts.map +1 -1
  295. package/lib/core/SimpleLineChart/styles.js +1 -1
  296. package/lib/core/Skeleton/styles.d.ts.map +1 -1
  297. package/lib/core/Skeleton/styles.js +4 -4
  298. package/lib/core/Spinner/styles.js +5 -5
  299. package/lib/core/Stepper/MobileStep/styles.d.ts.map +1 -1
  300. package/lib/core/Stepper/MobileStep/styles.js +7 -7
  301. package/lib/core/Stepper/Step/index.js +1 -1
  302. package/lib/core/Stepper/Step/styles.d.ts.map +1 -1
  303. package/lib/core/Stepper/Step/styles.js +5 -5
  304. package/lib/core/Stepper/styles.d.ts.map +1 -1
  305. package/lib/core/Stepper/styles.js +3 -3
  306. package/lib/core/TabBar/TabItem/styles.d.ts.map +1 -1
  307. package/lib/core/TabBar/TabItem/styles.js +1 -1
  308. package/lib/core/TabBar/styles.d.ts.map +1 -1
  309. package/lib/core/TabBar/styles.js +1 -1
  310. package/lib/core/TabNav/TabNavItem/styles.d.ts.map +1 -1
  311. package/lib/core/TabNav/TabNavItem/styles.js +5 -5
  312. package/lib/core/TabNav/styles.d.ts.map +1 -1
  313. package/lib/core/TabNav/styles.js +8 -8
  314. package/lib/core/Table/styles.d.ts.map +1 -1
  315. package/lib/core/Table/styles.js +16 -16
  316. package/lib/core/Tag/styles.js +13 -13
  317. package/lib/core/Text/styles.js +16 -16
  318. package/lib/core/Textarea/styles.d.ts.map +1 -1
  319. package/lib/core/Textarea/styles.js +7 -7
  320. package/lib/core/Timeline/TimelineStep/styles.d.ts.map +1 -1
  321. package/lib/core/Timeline/TimelineStep/styles.js +6 -6
  322. package/lib/core/Timeline/styles.d.ts.map +1 -1
  323. package/lib/core/Timeline/styles.js +1 -1
  324. package/lib/core/Timepicker/index.js +3 -3
  325. package/lib/core/Timepicker/styles.d.ts.map +1 -1
  326. package/lib/core/Timepicker/styles.js +7 -7
  327. package/lib/core/Tooltip/styles.js +2 -2
  328. package/lib/core/UnitIllustration/index.js +9 -9
  329. package/lib/core/UserMenu/styles.d.ts.map +1 -1
  330. package/lib/core/UserMenu/styles.js +7 -7
  331. package/lib/core/Video/styles.d.ts.map +1 -1
  332. package/lib/core/Video/styles.js +1 -1
  333. package/lib/core/YearWheel/styles.d.ts.map +1 -1
  334. package/lib/core/YearWheel/styles.js +3 -3
  335. package/lib/enums/Keyboard.js +2 -2
  336. package/lib/globals/styles/styles.js +1 -1
  337. package/lib/illustrations/styles.js +2 -2
  338. package/lib/layout/Footer/FooterButton/styles.d.ts.map +1 -1
  339. package/lib/layout/Footer/FooterButton/styles.js +1 -1
  340. package/lib/layout/Footer/FooterCol/styles.d.ts.map +1 -1
  341. package/lib/layout/Footer/FooterCol/styles.js +1 -1
  342. package/lib/layout/Footer/FooterGroup/styles.d.ts.map +1 -1
  343. package/lib/layout/Footer/FooterGroup/styles.js +1 -1
  344. package/lib/layout/Footer/FooterLabel/styles.d.ts.map +1 -1
  345. package/lib/layout/Footer/FooterLabel/styles.js +1 -1
  346. package/lib/layout/Footer/FooterLink/styles.d.ts.map +1 -1
  347. package/lib/layout/Footer/FooterLink/styles.js +1 -1
  348. package/lib/layout/Footer/styles.d.ts.map +1 -1
  349. package/lib/layout/Footer/styles.js +2 -2
  350. package/lib/layout/Layout/styles.d.ts.map +1 -1
  351. package/lib/layout/Layout/styles.js +1 -1
  352. package/lib/layout/LayoutShell/styles.d.ts.map +1 -1
  353. package/lib/layout/LayoutShell/styles.js +8 -8
  354. package/lib/layout/Menu/AppPicker/styles.d.ts.map +1 -1
  355. package/lib/layout/Menu/AppPicker/styles.js +5 -5
  356. package/lib/layout/Menu/MainMenu/styles.d.ts.map +1 -1
  357. package/lib/layout/Menu/MainMenu/styles.js +2 -2
  358. package/lib/layout/Menu/MenuItem/styles.d.ts.map +1 -1
  359. package/lib/layout/Menu/MenuItem/styles.js +3 -3
  360. package/lib/layout/Menu/MenuSpacer/styles.d.ts.map +1 -1
  361. package/lib/layout/Menu/MenuSpacer/styles.js +1 -1
  362. package/lib/layout/Menu/MenuTop/styles.d.ts.map +1 -1
  363. package/lib/layout/Menu/MenuTop/styles.js +3 -3
  364. package/lib/layout/Menu/SecondaryMenu/styles.d.ts.map +1 -1
  365. package/lib/layout/Menu/SecondaryMenu/styles.js +4 -4
  366. package/lib/layout/Menu/SecondaryMenuItem/styles.js +1 -1
  367. package/lib/layout/Menu/styles.d.ts.map +1 -1
  368. package/lib/layout/Menu/styles.js +1 -1
  369. package/lib/layout/Submenu/SubmenuItem/styles.js +3 -3
  370. package/lib/layout/Submenu/styles.d.ts.map +1 -1
  371. package/lib/layout/Submenu/styles.js +11 -11
  372. package/lib/layout/Topbar/styles.js +1 -1
  373. package/lib/shared/components/SbIconGrid/index.js +1 -1
  374. package/lib/shared/components/VisuallyHidden/index.d.ts.map +1 -1
  375. package/lib/shared/components/VisuallyHidden/index.js +4 -4
  376. package/lib/shared/recharts/CustomLegend/styles.d.ts.map +1 -1
  377. package/lib/shared/recharts/CustomLegend/styles.js +2 -2
  378. package/lib/shared/recharts/CustomTooltip/styles.d.ts.map +1 -1
  379. package/lib/shared/recharts/CustomTooltip/styles.js +3 -3
  380. package/lib/shared/types/LoadedType.d.ts +7 -0
  381. package/lib/shared/types/LoadedType.d.ts.map +1 -0
  382. package/lib/shared/types/LoadedType.js +1 -0
  383. package/lib/utils/time.js +14 -14
  384. package/lib/v2/Memberbenefits/MemberbenefitsCard/styles.d.ts.map +1 -1
  385. package/lib/v2/Memberbenefits/MemberbenefitsCard/styles.js +12 -12
  386. package/lib/v2/core/Box/styles.d.ts.map +1 -1
  387. package/lib/v2/core/Box/styles.js +9 -9
  388. package/lib/v2/core/BoxedTable/BoxedTable.stories.d.ts +36 -0
  389. package/lib/v2/core/BoxedTable/BoxedTable.stories.d.ts.map +1 -0
  390. package/lib/v2/core/BoxedTable/BoxedTable.stories.js +351 -0
  391. package/lib/v2/core/BoxedTable/DraggableRow/index.d.ts +17 -0
  392. package/lib/v2/core/BoxedTable/DraggableRow/index.d.ts.map +1 -0
  393. package/lib/v2/core/BoxedTable/DraggableRow/index.js +35 -0
  394. package/lib/v2/core/BoxedTable/DraggableRow/styles.d.ts +21 -0
  395. package/lib/v2/core/BoxedTable/DraggableRow/styles.d.ts.map +1 -0
  396. package/lib/v2/core/BoxedTable/DraggableRow/styles.js +57 -0
  397. package/lib/v2/core/BoxedTable/HeaderCell/index.d.ts +25 -0
  398. package/lib/v2/core/BoxedTable/HeaderCell/index.d.ts.map +1 -0
  399. package/lib/v2/core/BoxedTable/HeaderCell/index.js +34 -0
  400. package/lib/v2/core/BoxedTable/HeaderCell/styles.d.ts +3 -0
  401. package/lib/v2/core/BoxedTable/HeaderCell/styles.d.ts.map +1 -0
  402. package/lib/v2/core/BoxedTable/HeaderCell/styles.js +9 -0
  403. package/lib/v2/core/BoxedTable/RowCell/index.d.ts +27 -0
  404. package/lib/v2/core/BoxedTable/RowCell/index.d.ts.map +1 -0
  405. package/lib/v2/core/BoxedTable/RowCell/index.js +27 -0
  406. package/lib/v2/core/BoxedTable/RowCell/styles.d.ts +12 -0
  407. package/lib/v2/core/BoxedTable/RowCell/styles.d.ts.map +1 -0
  408. package/lib/v2/core/BoxedTable/RowCell/styles.js +51 -0
  409. package/lib/v2/core/BoxedTable/TableHeader/index.d.ts +8 -0
  410. package/lib/v2/core/BoxedTable/TableHeader/index.d.ts.map +1 -0
  411. package/lib/v2/core/BoxedTable/TableHeader/index.js +12 -0
  412. package/lib/v2/core/BoxedTable/TableHeader/styles.d.ts +5 -0
  413. package/lib/v2/core/BoxedTable/TableHeader/styles.d.ts.map +1 -0
  414. package/lib/v2/core/BoxedTable/TableHeader/styles.js +16 -0
  415. package/lib/v2/core/BoxedTable/TableRow/index.d.ts +20 -0
  416. package/lib/v2/core/BoxedTable/TableRow/index.d.ts.map +1 -0
  417. package/lib/v2/core/BoxedTable/TableRow/index.js +63 -0
  418. package/lib/v2/core/BoxedTable/TableRow/styles.d.ts +25 -0
  419. package/lib/v2/core/BoxedTable/TableRow/styles.d.ts.map +1 -0
  420. package/lib/v2/core/BoxedTable/TableRow/styles.js +73 -0
  421. package/lib/v2/core/BoxedTable/index.d.ts +21 -0
  422. package/lib/v2/core/BoxedTable/index.d.ts.map +1 -0
  423. package/lib/v2/core/BoxedTable/index.js +64 -0
  424. package/lib/v2/core/BoxedTable/models.d.ts +6 -0
  425. package/lib/v2/core/BoxedTable/models.d.ts.map +1 -0
  426. package/lib/v2/core/BoxedTable/models.js +1 -0
  427. package/lib/v2/core/BoxedTable/styles.d.ts +24 -0
  428. package/lib/v2/core/BoxedTable/styles.d.ts.map +1 -0
  429. package/lib/v2/core/BoxedTable/styles.js +121 -0
  430. package/lib/v2/core/Button/index.d.ts.map +1 -1
  431. package/lib/v2/core/Button/styles.js +19 -19
  432. package/lib/v2/core/ButtonsFilter/styles.d.ts.map +1 -1
  433. package/lib/v2/core/ButtonsFilter/styles.js +1 -1
  434. package/lib/v2/core/Chip/styles.d.ts.map +1 -1
  435. package/lib/v2/core/Chip/styles.js +11 -11
  436. package/lib/v2/core/TabNav/TabNavItem/styles.d.ts.map +1 -1
  437. package/lib/v2/core/TabNav/TabNavItem/styles.js +6 -6
  438. package/lib/v2/core/TabNav/styles.d.ts.map +1 -1
  439. package/lib/v2/core/TabNav/styles.js +7 -7
  440. package/lib/v2/hooks/useOverflow.d.ts +11 -0
  441. package/lib/v2/hooks/useOverflow.d.ts.map +1 -0
  442. package/lib/v2/hooks/useOverflow.js +43 -0
  443. package/lib/v2/index.d.ts +7 -1
  444. package/lib/v2/index.d.ts.map +1 -1
  445. package/lib/v2/index.js +7 -1
  446. package/package.json +1 -1
  447. package/rollup.config.js +13 -13
  448. package/theme-bbls.js +467 -467
  449. package/theme-generator.js +448 -448
  450. package/theme-helpers.js +62 -62
  451. package/vite.config.js +6 -6
  452. package/esm/globals/styles/quill.module.js +0 -1
  453. package/lib/globals/styles/quill.module.d.ts +0 -2
  454. package/lib/globals/styles/quill.module.d.ts.map +0 -1
  455. package/lib/globals/styles/quill.module.js +0 -1
@@ -0,0 +1,36 @@
1
+ import { Meta } from '@storybook/react';
2
+ declare const _default: Meta;
3
+ export default _default;
4
+ export declare const Table: {
5
+ render: () => import("react").JSX.Element;
6
+ name: string;
7
+ };
8
+ export declare const WithCheckbox: {
9
+ render: () => import("react").JSX.Element;
10
+ name: string;
11
+ };
12
+ export declare const WithSort: {
13
+ render: () => import("react").JSX.Element;
14
+ name: string;
15
+ };
16
+ export declare const Mysite: {
17
+ render: () => import("react").JSX.Element;
18
+ name: string;
19
+ };
20
+ export declare const Compact: {
21
+ render: () => import("react").JSX.Element;
22
+ name: string;
23
+ };
24
+ export declare const Expandable: {
25
+ render: () => import("react").JSX.Element;
26
+ name: string;
27
+ };
28
+ export declare const DragAndDropList: {
29
+ render: () => import("react").JSX.Element;
30
+ name: string;
31
+ };
32
+ export declare const DragAndDropListDragDisabled: {
33
+ render: () => import("react").JSX.Element;
34
+ name: string;
35
+ };
36
+ //# sourceMappingURL=BoxedTable.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BoxedTable.stories.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/core/BoxedTable/BoxedTable.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAMlC,IAAI;AAHT,wBAGS;AAET,eAAO,MAAM,KAAK;;;CAwBjB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAgCxB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CA6CpB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAyClB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAyCnB,CAAA;AAED,eAAO,MAAM,UAAU;;;CA0BtB,CAAA;AAED,eAAO,MAAM,eAAe;;;CAgC3B,CAAA;AAED,eAAO,MAAM,2BAA2B;;;CA+BvC,CAAA"}
@@ -0,0 +1,351 @@
1
+ import BoxedTable from '.';
2
+ import TableHeader from './TableHeader';
3
+ import HeaderCell from './HeaderCell';
4
+ import TableRow from './TableRow';
5
+ import RowCell from './RowCell';
6
+ import DraggableRow from './DraggableRow';
7
+ import Checkbox from '../../../core/Checkbox';
8
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
+ export default {
10
+ title: 'v2/Core/BoxedTable',
11
+ component: BoxedTable
12
+ };
13
+ export const Table = {
14
+ render: () => /*#__PURE__*/_jsxs(BoxedTable, {
15
+ columns: "2fr 1fr 1fr",
16
+ children: [/*#__PURE__*/_jsxs(TableHeader, {
17
+ children: [/*#__PURE__*/_jsx(HeaderCell, {
18
+ children: "Header 1"
19
+ }), /*#__PURE__*/_jsx(HeaderCell, {
20
+ children: "Header 2"
21
+ }), /*#__PURE__*/_jsx(HeaderCell, {
22
+ align: "center",
23
+ children: "Header 3 centered"
24
+ })]
25
+ }), /*#__PURE__*/_jsxs(TableRow, {
26
+ onClick: () => console.log('row clicked'),
27
+ children: [/*#__PURE__*/_jsx(RowCell, {
28
+ children: "Clickable row cell 1"
29
+ }), /*#__PURE__*/_jsx(RowCell, {
30
+ pLeft: "1em",
31
+ pRight: "0.5em",
32
+ size: "12px",
33
+ children: "cell 2 with custom padding and size"
34
+ }), /*#__PURE__*/_jsx(RowCell, {
35
+ align: "center",
36
+ children: "cell 3 centered"
37
+ })]
38
+ }), /*#__PURE__*/_jsxs(TableRow, {
39
+ children: [/*#__PURE__*/_jsx(RowCell, {
40
+ mobileTitle: "Mobile title",
41
+ children: "Non clickable row cell 1"
42
+ }), /*#__PURE__*/_jsx(RowCell, {
43
+ mobileTitle: "Mobile title",
44
+ children: "cell 2"
45
+ }), /*#__PURE__*/_jsx(RowCell, {
46
+ align: "right",
47
+ children: "cell 3 right align"
48
+ })]
49
+ })]
50
+ }),
51
+ name: 'Table'
52
+ };
53
+ export const WithCheckbox = {
54
+ render: () => /*#__PURE__*/_jsxs(BoxedTable, {
55
+ hasCheckbox: true,
56
+ columns: "35px 1fr 1fr",
57
+ type: "compact",
58
+ children: [/*#__PURE__*/_jsxs(TableHeader, {
59
+ children: [/*#__PURE__*/_jsx(HeaderCell, {}), /*#__PURE__*/_jsx(HeaderCell, {
60
+ children: "Header 1"
61
+ }), /*#__PURE__*/_jsx(HeaderCell, {
62
+ children: "Header 2"
63
+ })]
64
+ }), /*#__PURE__*/_jsxs(TableRow, {
65
+ children: [/*#__PURE__*/_jsx(Checkbox, {
66
+ checked: true
67
+ }), /*#__PURE__*/_jsx(RowCell, {
68
+ children: "cell 2 with custom padding and size"
69
+ }), /*#__PURE__*/_jsx(RowCell, {
70
+ children: "cell 3 centered with very long text blablablablablablablablablabla"
71
+ }), /*#__PURE__*/_jsx(RowCell, {
72
+ children: "cell 3 centered"
73
+ })]
74
+ }), /*#__PURE__*/_jsxs(TableRow, {
75
+ children: [/*#__PURE__*/_jsx(Checkbox, {
76
+ checked: true
77
+ }), /*#__PURE__*/_jsx(RowCell, {
78
+ children: "cell 2"
79
+ }), /*#__PURE__*/_jsx(RowCell, {
80
+ children: "cell 3 right align"
81
+ }), /*#__PURE__*/_jsx(RowCell, {
82
+ children: "cell 3 right align"
83
+ })]
84
+ }), /*#__PURE__*/_jsxs(TableRow, {
85
+ children: [/*#__PURE__*/_jsx(Checkbox, {
86
+ checked: true
87
+ }), /*#__PURE__*/_jsx(RowCell, {
88
+ children: "cell 2"
89
+ }), /*#__PURE__*/_jsx(RowCell, {
90
+ children: "cell 3 right align"
91
+ }), /*#__PURE__*/_jsx(Checkbox, {
92
+ children: "Should not break"
93
+ })]
94
+ })]
95
+ }),
96
+ name: 'Checkbox'
97
+ };
98
+ export const WithSort = {
99
+ render: () => /*#__PURE__*/_jsxs(BoxedTable, {
100
+ columns: "2fr 1fr 1fr",
101
+ children: [/*#__PURE__*/_jsxs(TableHeader, {
102
+ children: [/*#__PURE__*/_jsx(HeaderCell, {
103
+ sortable: true,
104
+ sortOrder: "asc",
105
+ noSortReturnValue: "my value",
106
+ onSortChange: e => console.log('sort changed with value:', e),
107
+ children: "Sortable headers"
108
+ }), /*#__PURE__*/_jsx(HeaderCell, {
109
+ sortable: true,
110
+ sortOrder: "desc",
111
+ onSortChange: e => console.log('sort changed with value:', e),
112
+ children: "Header 2"
113
+ }), /*#__PURE__*/_jsx(HeaderCell, {
114
+ sortable: true,
115
+ sortOrder: "none",
116
+ onSortChange: e => console.log('sort changed with value:', e),
117
+ children: "Header 3"
118
+ })]
119
+ }), /*#__PURE__*/_jsxs(TableRow, {
120
+ children: [/*#__PURE__*/_jsx(RowCell, {
121
+ className: "my-classname",
122
+ children: "row 1 cell 1"
123
+ }), /*#__PURE__*/_jsx(RowCell, {
124
+ children: "row 1 cell 2"
125
+ }), /*#__PURE__*/_jsx(RowCell, {
126
+ children: "row 1 cell 3"
127
+ })]
128
+ }), /*#__PURE__*/_jsxs(TableRow, {
129
+ children: [/*#__PURE__*/_jsx(RowCell, {
130
+ children: "row 2 cell 1"
131
+ }), /*#__PURE__*/_jsx(RowCell, {
132
+ children: "row 2 cell 2"
133
+ }), /*#__PURE__*/_jsx(RowCell, {
134
+ ellipsis: true,
135
+ title: "Hello lots of stuff can be found here",
136
+ children: "Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff"
137
+ })]
138
+ })]
139
+ }),
140
+ name: 'With sort'
141
+ };
142
+ export const Mysite = {
143
+ render: () => /*#__PURE__*/_jsxs(BoxedTable, {
144
+ type: "mysite",
145
+ columns: "2fr 1fr 1fr",
146
+ children: [/*#__PURE__*/_jsxs(TableHeader, {
147
+ children: [/*#__PURE__*/_jsx(HeaderCell, {
148
+ sortable: true,
149
+ sortOrder: "asc",
150
+ noSortReturnValue: "my value",
151
+ onSortChange: e => console.log('sort changed with value:', e),
152
+ children: "Sortable headers"
153
+ }), /*#__PURE__*/_jsx(HeaderCell, {
154
+ sortable: true,
155
+ sortOrder: "desc",
156
+ onSortChange: e => console.log('sort changed with value:', e),
157
+ children: "Header 2"
158
+ }), /*#__PURE__*/_jsx(HeaderCell, {
159
+ sortable: true,
160
+ sortOrder: "none",
161
+ onSortChange: e => console.log('sort changed with value:', e),
162
+ children: "Header 3"
163
+ })]
164
+ }), /*#__PURE__*/_jsxs(TableRow, {
165
+ children: [/*#__PURE__*/_jsx(RowCell, {
166
+ children: "row 1 cell 1"
167
+ }), /*#__PURE__*/_jsx(RowCell, {
168
+ children: "row 1 cell 2"
169
+ }), /*#__PURE__*/_jsx(RowCell, {
170
+ children: "row 1 cell 3"
171
+ })]
172
+ }), /*#__PURE__*/_jsxs(TableRow, {
173
+ children: [/*#__PURE__*/_jsx(RowCell, {
174
+ children: "row 2 cell 1"
175
+ }), /*#__PURE__*/_jsx(RowCell, {
176
+ children: "row 2 cell 2"
177
+ }), /*#__PURE__*/_jsx(RowCell, {
178
+ children: "row 2 cell 3"
179
+ })]
180
+ })]
181
+ }),
182
+ name: 'Mysite'
183
+ };
184
+ export const Compact = {
185
+ render: () => /*#__PURE__*/_jsxs(BoxedTable, {
186
+ type: "compact",
187
+ columns: "2fr 1fr 1fr",
188
+ minWidth: "100%",
189
+ children: [/*#__PURE__*/_jsxs(TableHeader, {
190
+ children: [/*#__PURE__*/_jsx(HeaderCell, {
191
+ sortable: true,
192
+ sortOrder: "asc",
193
+ noSortReturnValue: "my value",
194
+ onSortChange: e => console.log('sort changed with value:', e),
195
+ children: "Sortable headers"
196
+ }), /*#__PURE__*/_jsx(HeaderCell, {
197
+ sortable: true,
198
+ sortOrder: "desc",
199
+ onSortChange: e => console.log('sort changed with value:', e),
200
+ children: "Header 2"
201
+ }), /*#__PURE__*/_jsx(HeaderCell, {
202
+ sortable: true,
203
+ sortOrder: "none",
204
+ onSortChange: e => console.log('sort changed with value:', e),
205
+ children: "Header 3"
206
+ })]
207
+ }), /*#__PURE__*/_jsxs(TableRow, {
208
+ children: [/*#__PURE__*/_jsx(RowCell, {
209
+ children: "row 1 cell 1"
210
+ }), /*#__PURE__*/_jsx(RowCell, {
211
+ children: "row 1 cell 2"
212
+ }), /*#__PURE__*/_jsx(RowCell, {
213
+ children: "row 1 cell 3"
214
+ })]
215
+ }), /*#__PURE__*/_jsxs(TableRow, {
216
+ children: [/*#__PURE__*/_jsx(RowCell, {
217
+ children: "row 2 cell 1"
218
+ }), /*#__PURE__*/_jsx(RowCell, {
219
+ children: "row 2 cell 2"
220
+ }), /*#__PURE__*/_jsx(RowCell, {
221
+ children: "row 2 cell 3"
222
+ })]
223
+ })]
224
+ }),
225
+ name: 'Compact'
226
+ };
227
+ export const Expandable = {
228
+ render: () => /*#__PURE__*/_jsxs(BoxedTable, {
229
+ type: "mysite",
230
+ columns: "1fr 1fr 1fr",
231
+ children: [/*#__PURE__*/_jsxs(TableHeader, {
232
+ children: [/*#__PURE__*/_jsx(HeaderCell, {
233
+ children: "Header 1"
234
+ }), /*#__PURE__*/_jsx(HeaderCell, {
235
+ children: "Header 2"
236
+ }), /*#__PURE__*/_jsx(HeaderCell, {
237
+ children: "Header 3"
238
+ })]
239
+ }), /*#__PURE__*/_jsxs(TableRow, {
240
+ expandable: true,
241
+ expandableContent: /*#__PURE__*/_jsx("span", {
242
+ children: "This is some nice content"
243
+ }),
244
+ defaultExpanded: true,
245
+ children: [/*#__PURE__*/_jsx(RowCell, {
246
+ children: "row 1 cell 1"
247
+ }), /*#__PURE__*/_jsx(RowCell, {
248
+ children: "row 1 cell 2"
249
+ }), /*#__PURE__*/_jsx(RowCell, {
250
+ children: "row 1 cell 3"
251
+ })]
252
+ }), /*#__PURE__*/_jsxs(TableRow, {
253
+ children: [/*#__PURE__*/_jsx(RowCell, {
254
+ children: "row 2 cell 1"
255
+ }), /*#__PURE__*/_jsx(RowCell, {
256
+ children: "row 2 cell 2"
257
+ }), /*#__PURE__*/_jsx(RowCell, {
258
+ children: "row 2 cell 3"
259
+ })]
260
+ })]
261
+ }),
262
+ name: 'Expandable'
263
+ };
264
+ export const DragAndDropList = {
265
+ render: () => /*#__PURE__*/_jsxs(BoxedTable, {
266
+ columns: "1fr 1fr 1fr",
267
+ onDrop: console.log,
268
+ children: [/*#__PURE__*/_jsxs(TableHeader, {
269
+ children: [/*#__PURE__*/_jsx(HeaderCell, {
270
+ children: "Header 1"
271
+ }), /*#__PURE__*/_jsx(HeaderCell, {
272
+ children: "Header 2"
273
+ }), /*#__PURE__*/_jsx(HeaderCell, {
274
+ align: "center",
275
+ children: "Header 3 centered"
276
+ })]
277
+ }), /*#__PURE__*/_jsxs(DraggableRow, {
278
+ id: "1",
279
+ index: 0,
280
+ subContent: /*#__PURE__*/_jsxs("div", {
281
+ children: [/*#__PURE__*/_jsx("span", {
282
+ children: "This is some nice content"
283
+ }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("span", {
284
+ children: "Here we can add lots of stuff"
285
+ })]
286
+ }),
287
+ children: [/*#__PURE__*/_jsx(RowCell, {
288
+ children: "row 1 cell 1"
289
+ }), /*#__PURE__*/_jsx(RowCell, {
290
+ children: "row 1 cell 2"
291
+ }), /*#__PURE__*/_jsx(RowCell, {
292
+ children: "row 1 cell 3"
293
+ })]
294
+ }), /*#__PURE__*/_jsxs(DraggableRow, {
295
+ id: "2",
296
+ index: 1,
297
+ children: [/*#__PURE__*/_jsx(RowCell, {
298
+ children: "row 2 cell 1"
299
+ }), /*#__PURE__*/_jsx(RowCell, {
300
+ children: "row 2 cell 2"
301
+ }), /*#__PURE__*/_jsx(RowCell, {
302
+ children: "row 2 cell 3"
303
+ })]
304
+ })]
305
+ }),
306
+ name: 'Drag and drop list'
307
+ };
308
+ export const DragAndDropListDragDisabled = {
309
+ render: () => /*#__PURE__*/_jsxs(BoxedTable, {
310
+ columns: "1fr 1fr 1fr",
311
+ onDrop: console.log,
312
+ children: [/*#__PURE__*/_jsxs(TableHeader, {
313
+ children: [/*#__PURE__*/_jsx(HeaderCell, {
314
+ children: "Header 1"
315
+ }), /*#__PURE__*/_jsx(HeaderCell, {
316
+ children: "Header 2"
317
+ }), /*#__PURE__*/_jsx(HeaderCell, {
318
+ align: "center",
319
+ children: "Header 3 centered"
320
+ })]
321
+ }), /*#__PURE__*/_jsxs(DraggableRow, {
322
+ disableDrag: true,
323
+ id: "1",
324
+ index: 0,
325
+ subContent: /*#__PURE__*/_jsx("div", {
326
+ children: /*#__PURE__*/_jsx("span", {
327
+ children: "This is some nice content"
328
+ })
329
+ }),
330
+ children: [/*#__PURE__*/_jsx(RowCell, {
331
+ children: "row 1 cell 1"
332
+ }), /*#__PURE__*/_jsx(RowCell, {
333
+ children: "row 1 cell 2"
334
+ }), /*#__PURE__*/_jsx(RowCell, {
335
+ children: "row 1 cell 3"
336
+ })]
337
+ }), /*#__PURE__*/_jsxs(DraggableRow, {
338
+ disableDrag: true,
339
+ id: "2",
340
+ index: 1,
341
+ children: [/*#__PURE__*/_jsx(RowCell, {
342
+ children: "row 2 cell 1"
343
+ }), /*#__PURE__*/_jsx(RowCell, {
344
+ children: "row 2 cell 2"
345
+ }), /*#__PURE__*/_jsx(RowCell, {
346
+ children: "row 2 cell 3"
347
+ })]
348
+ })]
349
+ }),
350
+ name: 'Drag and drop list (drag disabled)'
351
+ };
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import { FC } from 'react';
3
+ interface IProps {
4
+ /** Id of draggable item */
5
+ id: string;
6
+ /** Index of row item */
7
+ index: number;
8
+ /** Children */
9
+ children: React.ReactNode | React.ReactNode[];
10
+ /**Extra react components beneath row */
11
+ subContent?: React.ReactNode | React.ReactNode[];
12
+ /** Boolean to conditionally disable drag */
13
+ disableDrag?: boolean;
14
+ }
15
+ declare const DraggableRow: FC<IProps>;
16
+ export default DraggableRow;
17
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/v2/core/BoxedTable/DraggableRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAW1B,UAAU,MAAM;IACd,2BAA2B;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,wCAAwC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,MAAM,CA8B5B,CAAA;AAED,eAAe,YAAY,CAAA"}
@@ -0,0 +1,35 @@
1
+ import React from 'react';
2
+ import { Draggable } from 'react-beautiful-dnd';
3
+ import IconRearrange from '../../../../icons/General/IconRearrange';
4
+ import { ContentWrapper, DragIcon, DraggableWrapper, ExtraWrapper, RowWrapper } from './styles';
5
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
6
+ const DraggableRow = ({
7
+ id,
8
+ index,
9
+ children,
10
+ subContent,
11
+ disableDrag = false
12
+ }) => /*#__PURE__*/_jsx(Draggable, {
13
+ draggableId: id,
14
+ index: index,
15
+ isDragDisabled: disableDrag,
16
+ children: provided => /*#__PURE__*/_jsxs(DraggableWrapper, {
17
+ className: "table-dragable",
18
+ ref: provided.innerRef,
19
+ ...provided.dragHandleProps,
20
+ ...provided.draggableProps,
21
+ children: [/*#__PURE__*/_jsxs(RowWrapper, {
22
+ className: "table-dragrow",
23
+ children: [/*#__PURE__*/_jsx(DragIcon, {
24
+ children: !disableDrag && /*#__PURE__*/_jsx(IconRearrange, {
25
+ size: "14px"
26
+ })
27
+ }), /*#__PURE__*/_jsx(ContentWrapper, {
28
+ children: children
29
+ })]
30
+ }), subContent && /*#__PURE__*/_jsx(ExtraWrapper, {
31
+ children: subContent
32
+ })]
33
+ })
34
+ }, id);
35
+ export default DraggableRow;
@@ -0,0 +1,21 @@
1
+ export declare const DraggableWrapper: import("@emotion/styled").StyledComponent<{
2
+ theme?: import("@emotion/react").Theme;
3
+ as?: React.ElementType;
4
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
5
+ export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
6
+ theme?: import("@emotion/react").Theme;
7
+ as?: React.ElementType;
8
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
9
+ export declare const RowWrapper: import("@emotion/styled").StyledComponent<{
10
+ theme?: import("@emotion/react").Theme;
11
+ as?: React.ElementType;
12
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
13
+ export declare const ExtraWrapper: import("@emotion/styled").StyledComponent<{
14
+ theme?: import("@emotion/react").Theme;
15
+ as?: React.ElementType;
16
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
17
+ export declare const DragIcon: import("@emotion/styled").StyledComponent<{
18
+ theme?: import("@emotion/react").Theme;
19
+ as?: React.ElementType;
20
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
21
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/v2/core/BoxedTable/DraggableRow/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;eAuBlB,WAAW;yGAdrB,CAAA;AAED,eAAO,MAAM,cAAc;;eAYhB,WAAW;yGAPrB,CAAA;AAED,eAAO,MAAM,UAAU;;eAKZ,WAAW;yGACrB,CAAA;AAED,eAAO,MAAM,YAAY;;eAHd,WAAW;yGAMrB,CAAA;AAED,eAAO,MAAM,QAAQ;;eARV,WAAW;2GAQe,CAAA"}
@@ -0,0 +1,57 @@
1
+ import _styled from "@emotion/styled/base";
2
+ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
3
+ import bp from '../../../../globals/styles/breakpoints';
4
+ export const DraggableWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
5
+ target: "e12r3uxb4"
6
+ } : {
7
+ target: "e12r3uxb4",
8
+ label: "DraggableWrapper"
9
+ })("grid-row-gap:1em;background-color:#ffffff;align-content:center;align-items:center;@media screen and (max-width: ", bp.medium, "){grid-column-gap:1em;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvQm94ZWRUYWJsZS9EcmFnZ2FibGVSb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcclxuXHJcbmV4cG9ydCBjb25zdCBEcmFnZ2FibGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBncmlkLXJvdy1nYXA6IDFlbTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xyXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG5cclxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgIGdyaWQtY29sdW1uLWdhcDogMWVtO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XHJcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTVweCAyZnI7XHJcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XHJcbiAgZ3JpZC1jb2x1bW46IDI7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEV4dHJhV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgbWFyZ2luLWxlZnQ6IGNhbGMoMTVweCArIDJlbSk7XHJcbiAgcGFkZGluZy1ib3R0b206IDFlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IERyYWdJY29uID0gc3R5bGVkLnNwYW5gYFxyXG4iXX0= */"));
10
+ export const ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
11
+ target: "e12r3uxb3"
12
+ } : {
13
+ target: "e12r3uxb3",
14
+ label: "ContentWrapper"
15
+ })(process.env.NODE_ENV === "production" ? {
16
+ name: "1111ted",
17
+ styles: "display:grid;grid-auto-flow:column;align-content:center;align-items:center"
18
+ } : {
19
+ name: "1111ted",
20
+ styles: "display:grid;grid-auto-flow:column;align-content:center;align-items:center",
21
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjd0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvQm94ZWRUYWJsZS9EcmFnZ2FibGVSb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcclxuXHJcbmV4cG9ydCBjb25zdCBEcmFnZ2FibGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBncmlkLXJvdy1nYXA6IDFlbTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xyXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG5cclxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgIGdyaWQtY29sdW1uLWdhcDogMWVtO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XHJcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTVweCAyZnI7XHJcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XHJcbiAgZ3JpZC1jb2x1bW46IDI7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEV4dHJhV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgbWFyZ2luLWxlZnQ6IGNhbGMoMTVweCArIDJlbSk7XHJcbiAgcGFkZGluZy1ib3R0b206IDFlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IERyYWdJY29uID0gc3R5bGVkLnNwYW5gYFxyXG4iXX0= */",
22
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
23
+ });
24
+ export const RowWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
25
+ target: "e12r3uxb2"
26
+ } : {
27
+ target: "e12r3uxb2",
28
+ label: "RowWrapper"
29
+ })(process.env.NODE_ENV === "production" ? {
30
+ name: "gkap3s",
31
+ styles: "display:grid;grid-template-columns:15px 2fr;grid-column-gap:2em;grid-column:2;align-items:center"
32
+ } : {
33
+ name: "gkap3s",
34
+ styles: "display:grid;grid-template-columns:15px 2fr;grid-column-gap:2em;grid-column:2;align-items:center",
35
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQm9DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXHJcblxyXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZ3JpZC1yb3ctZ2FwOiAxZW07XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcclxuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuXHJcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XHJcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xyXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE1cHggMmZyO1xyXG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xyXG4gIGdyaWQtY29sdW1uOiAyO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBFeHRyYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDE1cHggKyAyZW0pO1xyXG4gIHBhZGRpbmctYm90dG9tOiAxZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBEcmFnSWNvbiA9IHN0eWxlZC5zcGFuYGBcclxuIl19 */",
36
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
37
+ });
38
+ export const ExtraWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
39
+ target: "e12r3uxb1"
40
+ } : {
41
+ target: "e12r3uxb1",
42
+ label: "ExtraWrapper"
43
+ })(process.env.NODE_ENV === "production" ? {
44
+ name: "1twzs4g",
45
+ styles: "margin-left:calc(15px + 2em);padding-bottom:1em"
46
+ } : {
47
+ name: "1twzs4g",
48
+ styles: "margin-left:calc(15px + 2em);padding-bottom:1em",
49
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnNDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXHJcblxyXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZ3JpZC1yb3ctZ2FwOiAxZW07XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcclxuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuXHJcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XHJcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xyXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE1cHggMmZyO1xyXG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xyXG4gIGdyaWQtY29sdW1uOiAyO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBFeHRyYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDE1cHggKyAyZW0pO1xyXG4gIHBhZGRpbmctYm90dG9tOiAxZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBEcmFnSWNvbiA9IHN0eWxlZC5zcGFuYGBcclxuIl19 */",
50
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
51
+ });
52
+ export const DragIcon = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
53
+ target: "e12r3uxb0"
54
+ } : {
55
+ target: "e12r3uxb0",
56
+ label: "DragIcon"
57
+ })(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ21DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXHJcblxyXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZ3JpZC1yb3ctZ2FwOiAxZW07XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcclxuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuXHJcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XHJcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xyXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE1cHggMmZyO1xyXG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xyXG4gIGdyaWQtY29sdW1uOiAyO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBFeHRyYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDE1cHggKyAyZW0pO1xyXG4gIHBhZGRpbmctYm90dG9tOiAxZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBEcmFnSWNvbiA9IHN0eWxlZC5zcGFuYGBcclxuIl19 */");
@@ -0,0 +1,25 @@
1
+ /** @jsxImportSource @emotion/react */
2
+ import React from 'react';
3
+ interface IProps {
4
+ /** Horizontal align */
5
+ align?: 'left' | 'right' | 'center';
6
+ /** Column us sortable */
7
+ sortable?: boolean;
8
+ /** Sort direction if sortable */
9
+ sortOrder?: 'asc' | 'desc' | 'none' | null;
10
+ /** Sort change callback */
11
+ onSortChange?: (order: string) => void;
12
+ /** Return value for ascending order, defaults to 'asc' */
13
+ ascendingReturnValue?: string;
14
+ /** Return value for descending order, defaults to 'desc' */
15
+ descendingReturnValue?: string;
16
+ /** Return value for no sort order, defaults to '' */
17
+ noSortReturnValue?: string;
18
+ /** Reverts sortorder rotation */
19
+ revertOrder?: boolean;
20
+ /** Children */
21
+ children?: React.ReactNode;
22
+ }
23
+ declare const HeaderCell: React.FC<IProps>;
24
+ export default HeaderCell;
25
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/v2/core/BoxedTable/HeaderCell/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,UAAU,MAAM;IACd,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC1C,2BAA2B;IAC3B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,0DAA0D;IAC1D,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iCAAiC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+ChC,CAAA;AAED,eAAe,UAAU,CAAA"}
@@ -0,0 +1,34 @@
1
+ /** @jsxImportSource @emotion/react */
2
+ import React from 'react';
3
+ import { SortButtonStyle, Wrapper } from './styles';
4
+ import { Button } from '../../..';
5
+ import IconCaretUp from '../../../../icons/General/IconCaretUp';
6
+ import IconCaretDown from '../../../../icons/General/IconCaretDown';
7
+ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
8
+ const HeaderCell = ({
9
+ align = 'left',
10
+ sortable,
11
+ sortOrder,
12
+ children,
13
+ onSortChange,
14
+ ascendingReturnValue = 'asc',
15
+ descendingReturnValue = 'desc',
16
+ noSortReturnValue = '',
17
+ revertOrder
18
+ }) => {
19
+ const justify = align === 'right' ? 'flex-end' : align;
20
+ const sortIcon = sortOrder === 'asc' ? _jsx(IconCaretUp, {}) : _jsx(IconCaretDown, {});
21
+ const SortButton = children && _jsx(Button, {
22
+ nostyle: true,
23
+ css: SortButtonStyle(sortOrder !== 'none'),
24
+ onClick: () => sortable && onSortChange && onSortChange(sortOrder === 'asc' ? revertOrder ? descendingReturnValue : noSortReturnValue : sortOrder === 'desc' ? revertOrder ? noSortReturnValue : ascendingReturnValue : revertOrder ? ascendingReturnValue : descendingReturnValue),
25
+ afterIcon: sortIcon,
26
+ children: children
27
+ });
28
+ return _jsx(Wrapper, {
29
+ justify: justify,
30
+ className: "table-cell",
31
+ children: sortable ? SortButton : children
32
+ });
33
+ };
34
+ export default HeaderCell;
@@ -0,0 +1,3 @@
1
+ export declare const Wrapper: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
2
+ export declare const SortButtonStyle: (active: boolean) => import("@emotion/react").SerializedStyles;
3
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/v2/core/BoxedTable/HeaderCell/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,uJAOnB,CAAA;AAED,eAAO,MAAM,eAAe,WAAY,OAAO,8CAG9C,CAAA"}
@@ -0,0 +1,9 @@
1
+ import _styled from "@emotion/styled/base";
2
+ import { css } from '@emotion/react';
3
+ export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
4
+ target: "e1vbkkly0"
5
+ } : {
6
+ target: "e1vbkkly0",
7
+ label: "Wrapper"
8
+ })(props => /*#__PURE__*/css("display:flex;justify-self:", props.justify, ";font-size:14px;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvSGVhZGVyQ2VsbC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXFCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvSGVhZGVyQ2VsbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LXNlbGY6ICR7cHJvcHMuanVzdGlmeX07XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IFNvcnRCdXR0b25TdHlsZSA9IChhY3RpdmU6IGJvb2xlYW4pID0+IGNzc2BcclxuICBmb250LXdlaWdodDogNjAwO1xyXG4gIG9wYWNpdHk6ICR7YWN0aXZlID8gJzEnIDogJzAuNSd9O1xyXG5gXHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvSGVhZGVyQ2VsbC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvSGVhZGVyQ2VsbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LXNlbGY6ICR7cHJvcHMuanVzdGlmeX07XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IFNvcnRCdXR0b25TdHlsZSA9IChhY3RpdmU6IGJvb2xlYW4pID0+IGNzc2BcclxuICBmb250LXdlaWdodDogNjAwO1xyXG4gIG9wYWNpdHk6ICR7YWN0aXZlID8gJzEnIDogJzAuNSd9O1xyXG5gXHJcbiJdfQ== */");
9
+ export const SortButtonStyle = active => /*#__PURE__*/css("font-weight:600;opacity:", active ? '1' : '0.5', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:SortButtonStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvSGVhZGVyQ2VsbC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXVEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvSGVhZGVyQ2VsbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LXNlbGY6ICR7cHJvcHMuanVzdGlmeX07XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IFNvcnRCdXR0b25TdHlsZSA9IChhY3RpdmU6IGJvb2xlYW4pID0+IGNzc2BcclxuICBmb250LXdlaWdodDogNjAwO1xyXG4gIG9wYWNpdHk6ICR7YWN0aXZlID8gJzEnIDogJzAuNSd9O1xyXG5gXHJcbiJdfQ== */");
@@ -0,0 +1,27 @@
1
+ /** @jsxImportSource @emotion/react */
2
+ import React from 'react';
3
+ interface IProps {
4
+ /** Horizontal align */
5
+ align?: 'left' | 'right' | 'center' | 'unset';
6
+ /** Applies a title for mobile view */
7
+ mobileTitle?: string;
8
+ /** Applies break-word css */
9
+ breakWord?: boolean;
10
+ /** Sets padding-right */
11
+ pRight?: string;
12
+ /** Sets padding-left */
13
+ pLeft?: string;
14
+ /** Sets a font-size */
15
+ size?: string;
16
+ /** Adds text-overflow: ellipsis */
17
+ ellipsis?: boolean;
18
+ /** Adds a title tag to rowcell */
19
+ title?: string;
20
+ /** Add classname to cell */
21
+ className?: string;
22
+ /** Children */
23
+ children?: React.ReactNode;
24
+ }
25
+ declare const RowCell: React.FC<IProps>;
26
+ export default RowCell;
27
+ //# sourceMappingURL=index.d.ts.map