@bigbinary/neeto-molecules 1.1.78 → 1.2.0-beta1

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 (370) hide show
  1. package/README.md +66 -52
  2. package/dist/Breadcrumbs.js +16 -19
  3. package/dist/Breadcrumbs.js.map +1 -1
  4. package/dist/BrowserSupport.js +41 -138
  5. package/dist/BrowserSupport.js.map +1 -1
  6. package/dist/Builder.js +207 -364
  7. package/dist/Builder.js.map +1 -1
  8. package/dist/CalendarView.js +40 -288
  9. package/dist/CalendarView.js.map +1 -1
  10. package/dist/Chevron-c64ff676.js +190 -0
  11. package/dist/Chevron-c64ff676.js.map +1 -0
  12. package/dist/Codeblock.js +26 -209
  13. package/dist/Codeblock.js.map +1 -1
  14. package/dist/Columns.js +16 -240
  15. package/dist/Columns.js.map +1 -1
  16. package/dist/ConfigurePageSidebar.js +97 -0
  17. package/dist/ConfigurePageSidebar.js.map +1 -0
  18. package/dist/ConfirmationModal.js +10 -10
  19. package/dist/ConfirmationModal.js.map +1 -1
  20. package/dist/Container.js +5 -1187
  21. package/dist/Container.js.map +1 -1
  22. package/dist/CopyToClipboardButton.js +26 -155
  23. package/dist/CopyToClipboardButton.js.map +1 -1
  24. package/dist/Currency.js +912 -0
  25. package/dist/Currency.js.map +1 -0
  26. package/dist/CustomDomain.js +37 -633
  27. package/dist/CustomDomain.js.map +1 -1
  28. package/dist/CustomDomainDashboard.js +69 -2192
  29. package/dist/CustomDomainDashboard.js.map +1 -1
  30. package/dist/DateFormat.js +6 -20
  31. package/dist/DateFormat.js.map +1 -1
  32. package/dist/DateRangeFilter.js +19 -75
  33. package/dist/DateRangeFilter.js.map +1 -1
  34. package/dist/DeleteArchiveModal.js +86 -0
  35. package/dist/DeleteArchiveModal.js.map +1 -0
  36. package/dist/DocumentEditor.js +43 -133
  37. package/dist/DocumentEditor.js.map +1 -1
  38. package/dist/DownloadMobileAppCallout.js +4 -4
  39. package/dist/DownloadMobileAppCallout.js.map +1 -1
  40. package/dist/DynamicVariables.js +12 -95
  41. package/dist/DynamicVariables.js.map +1 -1
  42. package/dist/EmailForm.js +79 -1741
  43. package/dist/EmailForm.js.map +1 -1
  44. package/dist/EmailPreview.js +32 -1213
  45. package/dist/EmailPreview.js.map +1 -1
  46. package/dist/EmojiPicker.js +67 -0
  47. package/dist/EmojiPicker.js.map +1 -0
  48. package/dist/EmojiReactions.js +69 -0
  49. package/dist/EmojiReactions.js.map +1 -0
  50. package/dist/ErrorPage.js +17 -26
  51. package/dist/ErrorPage.js.map +1 -1
  52. package/dist/FloatingActionMenu.js +646 -0
  53. package/dist/FloatingActionMenu.js.map +1 -0
  54. package/dist/Header.js +45 -117
  55. package/dist/Header.js.map +1 -1
  56. package/dist/HelpPopover.js +73 -0
  57. package/dist/HelpPopover.js.map +1 -0
  58. package/dist/IconPicker.js +36 -129
  59. package/dist/IconPicker.js.map +1 -1
  60. package/dist/ImageWithFallback.js +8 -144
  61. package/dist/ImageWithFallback.js.map +1 -1
  62. package/dist/InlineInput.js +22 -526
  63. package/dist/InlineInput.js.map +1 -1
  64. package/dist/Insights.js +304 -0
  65. package/dist/Insights.js.map +1 -0
  66. package/dist/IntegrationCard.js +42 -226
  67. package/dist/IntegrationCard.js.map +1 -1
  68. package/dist/IntegrationDisconnectAlert.js +6 -48
  69. package/dist/IntegrationDisconnectAlert.js.map +1 -1
  70. package/dist/IntegrationWalkthroughModal.js +10 -10
  71. package/dist/IntegrationWalkthroughModal.js.map +1 -1
  72. package/dist/IpRestriction.js +74 -221
  73. package/dist/IpRestriction.js.map +1 -1
  74. package/dist/KeyboardShortcuts.js +38 -128
  75. package/dist/KeyboardShortcuts.js.map +1 -1
  76. package/dist/LoginPage.js +39 -459
  77. package/dist/LoginPage.js.map +1 -1
  78. package/dist/MadeWith.js +32 -0
  79. package/dist/MadeWith.js.map +1 -0
  80. package/dist/MenuBar.js +34 -1295
  81. package/dist/MenuBar.js.map +1 -1
  82. package/dist/Metadata.js +65 -86
  83. package/dist/Metadata.js.map +1 -1
  84. package/dist/MoreDropdown.js +48 -107
  85. package/dist/MoreDropdown.js.map +1 -1
  86. package/dist/NavigationHeader.js +51 -730
  87. package/dist/NavigationHeader.js.map +1 -1
  88. package/dist/NeetoWidget.js +148 -316
  89. package/dist/NeetoWidget.js.map +1 -1
  90. package/dist/Onboarding.js +343 -0
  91. package/dist/Onboarding.js.map +1 -0
  92. package/dist/OptionFields.js +507 -0
  93. package/dist/OptionFields.js.map +1 -0
  94. package/dist/PageLoader.js +5 -48
  95. package/dist/PageLoader.js.map +1 -1
  96. package/dist/PhoneNumber.js +122 -201
  97. package/dist/PhoneNumber.js.map +1 -1
  98. package/dist/ProductEmbed.js +767 -0
  99. package/dist/ProductEmbed.js.map +1 -0
  100. package/dist/PublishBlock.js +19 -60
  101. package/dist/PublishBlock.js.map +1 -1
  102. package/dist/PublishYourItem.js +52 -0
  103. package/dist/PublishYourItem.js.map +1 -0
  104. package/dist/Rename.js +127 -394
  105. package/dist/Rename.js.map +1 -1
  106. package/dist/ResponsiveDevicePicker.js +7 -143
  107. package/dist/ResponsiveDevicePicker.js.map +1 -1
  108. package/dist/Schedule.js +131 -365
  109. package/dist/Schedule.js.map +1 -1
  110. package/dist/Scrollable.js +6 -89
  111. package/dist/Scrollable.js.map +1 -1
  112. package/dist/Search.js +54 -157
  113. package/dist/Search.js.map +1 -1
  114. package/dist/Security.js +72 -1567
  115. package/dist/Security.js.map +1 -1
  116. package/dist/SendToFields.js +51 -133
  117. package/dist/SendToFields.js.map +1 -1
  118. package/dist/Settings.js +141 -412
  119. package/dist/Settings.js.map +1 -1
  120. package/dist/ShareRecordingPane.js +189 -0
  121. package/dist/ShareRecordingPane.js.map +1 -0
  122. package/dist/ShareViaEmail.js +126 -551
  123. package/dist/ShareViaEmail.js.map +1 -1
  124. package/dist/ShareViaLink.js +127 -345
  125. package/dist/ShareViaLink.js.map +1 -1
  126. package/dist/Sidebar.js +161 -758
  127. package/dist/Sidebar.js.map +1 -1
  128. package/dist/SubHeader.js +63 -108
  129. package/dist/SubHeader.js.map +1 -1
  130. package/dist/SuffixedInput.js +105 -0
  131. package/dist/SuffixedInput.js.map +1 -0
  132. package/dist/TableWrapper.js +8 -9
  133. package/dist/TableWrapper.js.map +1 -1
  134. package/dist/Taxonomy.js +112 -1774
  135. package/dist/Taxonomy.js.map +1 -1
  136. package/dist/ThemeSidebar.js +159 -776
  137. package/dist/ThemeSidebar.js.map +1 -1
  138. package/dist/TimeFormat.js +8 -44
  139. package/dist/TimeFormat.js.map +1 -1
  140. package/dist/TimezoneMismatchModal.js +49 -84
  141. package/dist/TimezoneMismatchModal.js.map +1 -1
  142. package/dist/ToggleFeatureCard.js +46 -169
  143. package/dist/ToggleFeatureCard.js.map +1 -1
  144. package/dist/cjs/Breadcrumbs.js +49 -0
  145. package/dist/cjs/Breadcrumbs.js.map +1 -0
  146. package/dist/cjs/BrowserSupport.js +329 -0
  147. package/dist/cjs/BrowserSupport.js.map +1 -0
  148. package/dist/cjs/Builder.js +556 -0
  149. package/dist/cjs/Builder.js.map +1 -0
  150. package/dist/cjs/CalendarView.js +299 -0
  151. package/dist/cjs/CalendarView.js.map +1 -0
  152. package/dist/cjs/Chevron-8a4ed9cd.js +203 -0
  153. package/dist/cjs/Chevron-8a4ed9cd.js.map +1 -0
  154. package/dist/cjs/Codeblock.js +58 -0
  155. package/dist/cjs/Codeblock.js.map +1 -0
  156. package/dist/cjs/Columns.js +31 -0
  157. package/dist/cjs/Columns.js.map +1 -0
  158. package/dist/cjs/ConfigurePageSidebar.js +104 -0
  159. package/dist/cjs/ConfigurePageSidebar.js.map +1 -0
  160. package/dist/cjs/ConfirmationModal.js +120 -0
  161. package/dist/cjs/ConfirmationModal.js.map +1 -0
  162. package/dist/cjs/Container.js +36 -0
  163. package/dist/cjs/Container.js.map +1 -0
  164. package/dist/cjs/CopyToClipboardButton.js +86 -0
  165. package/dist/cjs/CopyToClipboardButton.js.map +1 -0
  166. package/dist/cjs/Currency.js +921 -0
  167. package/dist/cjs/Currency.js.map +1 -0
  168. package/dist/cjs/CustomDomain.js +125 -0
  169. package/dist/cjs/CustomDomain.js.map +1 -0
  170. package/dist/cjs/CustomDomainDashboard.js +200 -0
  171. package/dist/cjs/CustomDomainDashboard.js.map +1 -0
  172. package/dist/cjs/DateFormat.js +40 -0
  173. package/dist/cjs/DateFormat.js.map +1 -0
  174. package/dist/cjs/DateRangeFilter.js +180 -0
  175. package/dist/cjs/DateRangeFilter.js.map +1 -0
  176. package/dist/cjs/DeleteArchiveModal.js +92 -0
  177. package/dist/cjs/DeleteArchiveModal.js.map +1 -0
  178. package/dist/cjs/DocumentEditor.js +194 -0
  179. package/dist/cjs/DocumentEditor.js.map +1 -0
  180. package/dist/cjs/DownloadMobileAppCallout.js +45 -0
  181. package/dist/cjs/DownloadMobileAppCallout.js.map +1 -0
  182. package/dist/cjs/DynamicVariables.js +106 -0
  183. package/dist/cjs/DynamicVariables.js.map +1 -0
  184. package/dist/cjs/EmailForm.js +395 -0
  185. package/dist/cjs/EmailForm.js.map +1 -0
  186. package/dist/cjs/EmailPreview.js +139 -0
  187. package/dist/cjs/EmailPreview.js.map +1 -0
  188. package/dist/cjs/EmojiPicker.js +75 -0
  189. package/dist/cjs/EmojiPicker.js.map +1 -0
  190. package/dist/cjs/EmojiReactions.js +76 -0
  191. package/dist/cjs/EmojiReactions.js.map +1 -0
  192. package/dist/cjs/ErrorPage.js +179 -0
  193. package/dist/cjs/ErrorPage.js.map +1 -0
  194. package/dist/cjs/FloatingActionMenu.js +675 -0
  195. package/dist/cjs/FloatingActionMenu.js.map +1 -0
  196. package/dist/cjs/Header.js +104 -0
  197. package/dist/cjs/Header.js.map +1 -0
  198. package/dist/cjs/HelpPopover.js +80 -0
  199. package/dist/cjs/HelpPopover.js.map +1 -0
  200. package/dist/cjs/IconPicker.js +228 -0
  201. package/dist/cjs/IconPicker.js.map +1 -0
  202. package/dist/cjs/ImageWithFallback.js +52 -0
  203. package/dist/cjs/ImageWithFallback.js.map +1 -0
  204. package/dist/cjs/InlineInput.js +233 -0
  205. package/dist/cjs/InlineInput.js.map +1 -0
  206. package/dist/cjs/Insights.js +310 -0
  207. package/dist/cjs/Insights.js.map +1 -0
  208. package/dist/cjs/IntegrationCard.js +208 -0
  209. package/dist/cjs/IntegrationCard.js.map +1 -0
  210. package/dist/cjs/IntegrationDisconnectAlert.js +48 -0
  211. package/dist/cjs/IntegrationDisconnectAlert.js.map +1 -0
  212. package/dist/cjs/IntegrationWalkthroughModal.js +51 -0
  213. package/dist/cjs/IntegrationWalkthroughModal.js.map +1 -0
  214. package/dist/cjs/IpRestriction.js +525 -0
  215. package/dist/cjs/IpRestriction.js.map +1 -0
  216. package/dist/cjs/KeyboardShortcuts.js +282 -0
  217. package/dist/cjs/KeyboardShortcuts.js.map +1 -0
  218. package/dist/cjs/LoginPage.js +198 -0
  219. package/dist/cjs/LoginPage.js.map +1 -0
  220. package/dist/cjs/MadeWith.js +38 -0
  221. package/dist/cjs/MadeWith.js.map +1 -0
  222. package/dist/cjs/MenuBar.js +208 -0
  223. package/dist/cjs/MenuBar.js.map +1 -0
  224. package/dist/cjs/Metadata.js +195 -0
  225. package/dist/cjs/Metadata.js.map +1 -0
  226. package/dist/cjs/MoreDropdown.js +152 -0
  227. package/dist/cjs/MoreDropdown.js.map +1 -0
  228. package/dist/cjs/NavigationHeader.js +177 -0
  229. package/dist/cjs/NavigationHeader.js.map +1 -0
  230. package/dist/cjs/NeetoWidget.js +912 -0
  231. package/dist/cjs/NeetoWidget.js.map +1 -0
  232. package/dist/cjs/Onboarding.js +357 -0
  233. package/dist/cjs/Onboarding.js.map +1 -0
  234. package/dist/cjs/OptionFields.js +514 -0
  235. package/dist/cjs/OptionFields.js.map +1 -0
  236. package/dist/cjs/PageLoader.js +116 -0
  237. package/dist/cjs/PageLoader.js.map +1 -0
  238. package/dist/cjs/PhoneNumber.js +363 -0
  239. package/dist/cjs/PhoneNumber.js.map +1 -0
  240. package/dist/cjs/ProductEmbed.js +774 -0
  241. package/dist/cjs/ProductEmbed.js.map +1 -0
  242. package/dist/cjs/PublishBlock.js +125 -0
  243. package/dist/cjs/PublishBlock.js.map +1 -0
  244. package/dist/cjs/PublishYourItem.js +59 -0
  245. package/dist/cjs/PublishYourItem.js.map +1 -0
  246. package/dist/cjs/Rename.js +350 -0
  247. package/dist/cjs/Rename.js.map +1 -0
  248. package/dist/cjs/ResponsiveDevicePicker.js +64 -0
  249. package/dist/cjs/ResponsiveDevicePicker.js.map +1 -0
  250. package/dist/cjs/Schedule.js +889 -0
  251. package/dist/cjs/Schedule.js.map +1 -0
  252. package/dist/cjs/Scrollable.js +46 -0
  253. package/dist/cjs/Scrollable.js.map +1 -0
  254. package/dist/cjs/Search.js +117 -0
  255. package/dist/cjs/Search.js.map +1 -0
  256. package/dist/cjs/Security.js +376 -0
  257. package/dist/cjs/Security.js.map +1 -0
  258. package/dist/cjs/SendToFields.js +272 -0
  259. package/dist/cjs/SendToFields.js.map +1 -0
  260. package/dist/cjs/Settings.js +214 -0
  261. package/dist/cjs/Settings.js.map +1 -0
  262. package/dist/cjs/ShareRecordingPane.js +195 -0
  263. package/dist/cjs/ShareRecordingPane.js.map +1 -0
  264. package/dist/cjs/ShareViaEmail.js +348 -0
  265. package/dist/cjs/ShareViaEmail.js.map +1 -0
  266. package/dist/cjs/ShareViaLink.js +507 -0
  267. package/dist/cjs/ShareViaLink.js.map +1 -0
  268. package/dist/cjs/Sidebar.js +288 -0
  269. package/dist/cjs/Sidebar.js.map +1 -0
  270. package/dist/cjs/SubHeader.js +178 -0
  271. package/dist/cjs/SubHeader.js.map +1 -0
  272. package/dist/cjs/SuffixedInput.js +111 -0
  273. package/dist/cjs/SuffixedInput.js.map +1 -0
  274. package/dist/cjs/TableWrapper.js +32 -0
  275. package/dist/cjs/TableWrapper.js.map +1 -0
  276. package/dist/cjs/Taxonomy.js +442 -0
  277. package/dist/cjs/Taxonomy.js.map +1 -0
  278. package/dist/cjs/ThemeSidebar.js +1436 -0
  279. package/dist/cjs/ThemeSidebar.js.map +1 -0
  280. package/dist/cjs/TimeFormat.js +15 -0
  281. package/dist/cjs/TimeFormat.js.map +1 -0
  282. package/dist/cjs/TimezoneMismatchModal.js +143 -0
  283. package/dist/cjs/TimezoneMismatchModal.js.map +1 -0
  284. package/dist/cjs/ToggleFeatureCard.js +209 -0
  285. package/dist/cjs/ToggleFeatureCard.js.map +1 -0
  286. package/dist/cjs/defineProperty-886ed289.js +47 -0
  287. package/dist/cjs/defineProperty-886ed289.js.map +1 -0
  288. package/dist/cjs/extends-1b35a664.js +19 -0
  289. package/dist/cjs/extends-1b35a664.js.map +1 -0
  290. package/dist/cjs/index-00fdb8c2.js +542 -0
  291. package/dist/cjs/index-00fdb8c2.js.map +1 -0
  292. package/dist/cjs/index-248c4f4c.js +1186 -0
  293. package/dist/cjs/index-248c4f4c.js.map +1 -0
  294. package/dist/cjs/index-c55ad2bc.js +375 -0
  295. package/dist/cjs/index-c55ad2bc.js.map +1 -0
  296. package/dist/cjs/inject-css-80a5faa3.js +6 -0
  297. package/dist/cjs/inject-css-80a5faa3.js.map +1 -0
  298. package/dist/cjs/objectWithoutProperties-2fed2d7d.js +33 -0
  299. package/dist/cjs/objectWithoutProperties-2fed2d7d.js.map +1 -0
  300. package/dist/cjs/slicedToArray-f320d9e7.js +61 -0
  301. package/dist/cjs/slicedToArray-f320d9e7.js.map +1 -0
  302. package/dist/cjs/toConsumableArray-9abb3858.js +22 -0
  303. package/dist/cjs/toConsumableArray-9abb3858.js.map +1 -0
  304. package/dist/cjs/useColumns-a1c3668f.js +271 -0
  305. package/dist/cjs/useColumns-a1c3668f.js.map +1 -0
  306. package/dist/defineProperty-549061a7.js +43 -0
  307. package/dist/defineProperty-549061a7.js.map +1 -0
  308. package/dist/extends-093996c9.js +17 -0
  309. package/dist/extends-093996c9.js.map +1 -0
  310. package/dist/index-90c89467.js +509 -0
  311. package/dist/index-90c89467.js.map +1 -0
  312. package/dist/index-9720867c.js +372 -0
  313. package/dist/index-9720867c.js.map +1 -0
  314. package/dist/index-e5588516.js +1184 -0
  315. package/dist/index-e5588516.js.map +1 -0
  316. package/dist/inject-css-c86de496.js +4 -0
  317. package/dist/inject-css-c86de496.js.map +1 -0
  318. package/dist/objectWithoutProperties-a0edb288.js +31 -0
  319. package/dist/objectWithoutProperties-a0edb288.js.map +1 -0
  320. package/dist/slicedToArray-b4278ecd.js +57 -0
  321. package/dist/slicedToArray-b4278ecd.js.map +1 -0
  322. package/dist/toConsumableArray-1cc38429.js +20 -0
  323. package/dist/toConsumableArray-1cc38429.js.map +1 -0
  324. package/dist/useColumns-d17d1f72.js +258 -0
  325. package/dist/useColumns-d17d1f72.js.map +1 -0
  326. package/package.json +29 -17
  327. package/src/translations/de.json +7 -0
  328. package/src/translations/en.json +191 -31
  329. package/src/translations/es.json +7 -0
  330. package/src/translations/fr.json +7 -0
  331. package/src/translations/nl.json +7 -0
  332. package/src/translations/pl.json +7 -0
  333. package/src/translations/pt.json +7 -0
  334. package/types/Breadcrumbs.d.ts +1 -0
  335. package/types/Builder.d.ts +61 -12
  336. package/types/Columns.d.ts +112 -5
  337. package/types/ConfigurePageSidebar.d.ts +43 -0
  338. package/types/CopyToClipboardButton.d.ts +3 -0
  339. package/types/Currency.d.ts +48 -0
  340. package/types/CustomDomain.d.ts +2 -0
  341. package/types/CustomDomainDashboard.d.ts +14 -0
  342. package/types/DateRangeFilter.d.ts +2 -0
  343. package/types/DeleteArchiveModal.d.ts +60 -0
  344. package/types/EmailForm.d.ts +1 -1
  345. package/types/EmojiPicker.d.ts +33 -0
  346. package/types/EmojiReactions.d.ts +60 -0
  347. package/types/ErrorPage.d.ts +1 -0
  348. package/types/FloatingActionMenu.d.ts +56 -0
  349. package/types/Header.d.ts +2 -1
  350. package/types/HelpPopover.d.ts +42 -0
  351. package/types/Insights.d.ts +108 -0
  352. package/types/IntegrationCard.d.ts +2 -0
  353. package/types/KeyboardShortcuts.d.ts +2 -2
  354. package/types/MadeWith.d.ts +16 -0
  355. package/types/MoreDropdown.d.ts +4 -1
  356. package/types/NavigationHeader.d.ts +3 -1
  357. package/types/Onboarding.d.ts +63 -0
  358. package/types/OptionFields.d.ts +63 -0
  359. package/types/PhoneNumber.d.ts +6 -2
  360. package/types/ProductEmbed.d.ts +43 -0
  361. package/types/Rename.d.ts +4 -1
  362. package/types/Schedule.d.ts +2 -0
  363. package/types/Search.d.ts +2 -0
  364. package/types/Settings.d.ts +13 -10
  365. package/types/ShareRecordingPane.d.ts +50 -0
  366. package/types/ShareViaLink.d.ts +15 -4
  367. package/types/Sidebar.d.ts +16 -32
  368. package/types/SubHeader.d.ts +0 -1
  369. package/types/SuffixedInput.d.ts +43 -0
  370. package/types/ToggleFeatureCard.d.ts +8 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SubHeader.js","sources":["../../src/components/SubHeader/RightBlock/Columns.jsx","../../src/components/SubHeader/RightBlock/Download.jsx","../../src/components/SubHeader/RightBlock/Filter.jsx","../../src/components/SubHeader/RightBlock/index.jsx","../../src/components/SubHeader/index.jsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\n\nimport { Column } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport { pluck } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ManageColumns, { useHiddenColumns } from \"components/Columns\";\n\nconst Columns = forwardRef(\n (\n { buttonProps = {}, columnData, localStorageKey, fixedColumns, ...props },\n ref\n ) => {\n const { t } = useTranslation();\n\n const columnDataIndex = useMemo(\n () =>\n pluck(\n \"dataIndex\",\n (columnData || []).filter(\n column => !fixedColumns?.includes(column.dataIndex)\n )\n ),\n [columnData, fixedColumns]\n );\n\n const { hideColumn, showColumn } = useHiddenColumns(localStorageKey);\n\n return (\n <div className=\"neeto-molecules-subheader__columns\">\n <ManageColumns\n isSearchable\n className=\"neeto-ui-dropdown--manage-columns\"\n actionBlock={\n <div className=\"grid grid-cols-2 gap-2 px-4 py-3\">\n <Button\n className=\"col-span-1 justify-center\"\n label=\"Hide all\"\n style=\"secondary\"\n onClick={() => hideColumn(columnDataIndex)}\n />\n <Button\n className=\"col-span-1 justify-center\"\n label=\"Show all\"\n style=\"secondary\"\n onClick={() => showColumn(columnDataIndex)}\n />\n </div>\n }\n buttonProps={{\n icon: Column,\n label: null,\n tooltipProps: {\n content: t(\"neetoMolecules.columns.columns\"),\n position: \"bottom\",\n },\n \"data-testid\": \"columns-button\",\n \"data-cy\": \"columns-dropdown-button\",\n ...buttonProps,\n }}\n {...{ columnData, localStorageKey, ...props, ref }}\n />\n </div>\n );\n }\n);\n\nColumns.displayName = \"Columns\";\nexport default Columns;\n","import React from \"react\";\n\nimport { Download } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst DownloadButton = ({\n count,\n onClick,\n \"data-cy\": dataCy = \"download-button\",\n}) => {\n const { t } = useTranslation();\n\n return (\n <div className=\"neeto-molecules-subheader__download\">\n <Button\n data-cy={dataCy}\n data-testid=\"download-button\"\n icon={Download}\n style=\"text\"\n tooltipProps={{\n content: t(\"neetoMolecules.common.download\"),\n position: \"bottom\",\n }}\n onClick={onClick}\n />\n {count && (\n <span className=\"neeto-molecules-subheader__download-count\">\n {count}\n </span>\n )}\n </div>\n );\n};\n\nexport default DownloadButton;\n","import React from \"react\";\n\nimport { Filters as NeetoFilters } from \"neetofilters\";\nimport { Filter } from \"neetoicons\";\nimport { useTranslation } from \"react-i18next\";\n\nconst FilterButton = ({ buttonProps, ...props }) => {\n const { t } = useTranslation();\n\n return (\n <div className=\"neeto-molecules-subheader__filter\">\n <NeetoFilters\n buttonProps={{\n \"data-testid\": \"filter-button\",\n icon: Filter,\n style: \"text\",\n tooltipProps: {\n content: t(\"neetoMolecules.common.filter\"),\n position: \"bottom\",\n },\n label: null,\n ...buttonProps,\n }}\n {...props}\n />\n </div>\n );\n};\n\nexport default FilterButton;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\n\nimport Columns from \"./Columns\";\nimport Download from \"./Download\";\nimport Filter from \"./Filter\";\n\nconst RightBlock = ({\n downloadButtonProps,\n columnsButtonProps,\n filterProps,\n dataProps,\n}) => {\n const showIcons = isNotPresent(dataProps?.totalCount)\n ? true\n : dataProps?.totalCount > 0;\n\n return (\n <div\n data-testid=\"subheader-rightblock-buttons-container\"\n className={classnames(\"neeto-molecules-subheader__right-actions\", {\n hidden: not(showIcons),\n })}\n >\n {downloadButtonProps && <Download {...downloadButtonProps} />}\n {columnsButtonProps && <Columns {...columnsButtonProps} />}\n {filterProps && <Filter {...filterProps} />}\n </div>\n );\n};\n\nRightBlock.propTypes = {\n /**\n * Props that are passed to the download button.\n */\n downloadButtonProps: PropTypes.shape({\n count: PropTypes.number,\n onClick: PropTypes.func,\n }),\n /**\n * Props that are passed to the columns button, same as the `Columns` component from neetoMolecules.\n */\n columnsButtonProps: PropTypes.shape({\n onChange: PropTypes.func,\n actionBlock: PropTypes.node,\n checkboxProps: PropTypes.object,\n columnData: PropTypes.array,\n isSearchable: PropTypes.bool,\n localStorageKey: PropTypes.string,\n initialValue: PropTypes.array,\n noColumnMessage: PropTypes.string,\n searchProps: PropTypes.object,\n }),\n /**\n * Props that are passed the the filter component. These are the same props as the\n * neetoFilters `Filters` component.\n */\n filterProps: PropTypes.shape({\n size: PropTypes.oneOf([\"xsmall\", \"small\", \"large\"]),\n isOpen: PropTypes.bool,\n setIsOpen: PropTypes.func,\n columns: PropTypes.object,\n onChange: PropTypes.func,\n onSelectorsChange: PropTypes.func,\n buttonProps: PropTypes.object,\n paneProps: PropTypes.object,\n isSearchable: PropTypes.bool,\n className: PropTypes.string,\n }),\n /**\n * Props related to data being displayed, such as tables, lists, and more. The buttons\n * will be hidden if the value of `totalCount` in `dataProps` is `0`.\n */\n dataProps: PropTypes.shape({ totalCount: PropTypes.number }),\n};\n\nexport default RightBlock;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport RightBlock from \"./RightBlock\";\nimport \"./subheader.scss\";\n\nconst SubHeader = ({\n className = \"\",\n leftActionBlock,\n rightActionBlock,\n \"data-cy\": dataCy = \"subheader\",\n}) => (\n <div\n className={classnames([\"neeto-molecules-subheader\", className])}\n data-cy={dataCy}\n data-testid=\"subheader\"\n >\n <div\n className=\"neeto-molecules-subheader__left-wrapper\"\n data-cy=\"subheader-left-wrapper\"\n >\n {leftActionBlock && (\n <div\n className=\"neeto-molecules-subheader__left\"\n data-cy=\"subheader-left\"\n >\n {leftActionBlock}\n </div>\n )}\n </div>\n {rightActionBlock && (\n <div\n className=\"neeto-molecules-subheader__right\"\n data-cy=\"subheader-right\"\n >\n {rightActionBlock}\n </div>\n )}\n </div>\n);\n\nSubHeader.RightBlock = RightBlock;\n\nSubHeader.propTypes = {\n /**\n * To specify external classnames as overrides to the `SubHeader`.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered in the left side of the `SubHeader` section.\n */\n leftActionBlock: PropTypes.node,\n /**\n * To specify the content to be rendered in the right side of the `SubHeader` section.\n */\n rightActionBlock: PropTypes.node,\n};\n\nexport default SubHeader;\n"],"names":["Columns","forwardRef","_ref","ref","_ref$buttonProps","buttonProps","columnData","localStorageKey","fixedColumns","props","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","columnDataIndex","useMemo","pluck","filter","column","includes","dataIndex","_useHiddenColumns","useHiddenColumns","hideColumn","showColumn","React","createElement","className","ManageColumns","_extends","isSearchable","actionBlock","Button","label","style","onClick","_objectSpread","icon","Column","tooltipProps","content","position","displayName","DownloadButton","count","_ref$dataCy","dataCy","Download","FilterButton","NeetoFilters","Filter","RightBlock","downloadButtonProps","columnsButtonProps","filterProps","dataProps","showIcons","isNotPresent","totalCount","classnames","hidden","not","SubHeader","_ref$className","leftActionBlock","rightActionBlock"],"mappings":"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"}
@@ -0,0 +1,111 @@
1
+ 'use strict';
2
+
3
+ var _extends = require('./extends-1b35a664.js');
4
+ var defineProperty = require('./defineProperty-886ed289.js');
5
+ var slicedToArray = require('./slicedToArray-f320d9e7.js');
6
+ var React = require('react');
7
+ var neetoCist = require('@bigbinary/neeto-cist');
8
+ var neetoIcons = require('@bigbinary/neeto-icons');
9
+ var formik = require('@bigbinary/neetoui/formik');
10
+ var ramda = require('ramda');
11
+ var CopyToClipboardButton = require('./CopyToClipboardButton.js');
12
+ var injectCss = require('./inject-css-80a5faa3.js');
13
+ require('./objectWithoutProperties-2fed2d7d.js');
14
+ require('classnames');
15
+ require('@bigbinary/neeto-commons-frontend/utils/general');
16
+ require('@bigbinary/neetoui');
17
+ require('react-i18next');
18
+
19
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
+
21
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
+
23
+ var INPUT_FIELD_MIN_WIDTH = 60;
24
+
25
+ var css = ".nm-suffixed-input-field{max-width:100%;min-width:0;width:-moz-max-content;width:max-content}.nm-suffixed-input-field .neeto-ui-input{align-items:stretch}.nm-suffixed-input-field .neeto-ui-input .neeto-ui-input__suffix{background-color:rgb(var(--neeto-ui-gray-200));cursor:not-allowed;margin:0 0 0 4px!important;padding:5px 8px;white-space:nowrap}.nm-suffixed-input-field input{padding-right:0!important}";
26
+ injectCss.n(css,{});
27
+
28
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
29
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
30
+ var SuffixedInput = function SuffixedInput(_ref) {
31
+ var _placeholderRef$curre2, _placeholderRef$curre3;
32
+ var placeholder = _ref.placeholder,
33
+ helpUrl = _ref.helpUrl,
34
+ helpIconTooltipContent = _ref.helpIconTooltipContent,
35
+ label = _ref.label,
36
+ value = _ref.value,
37
+ getInputRef = _ref.getInputRef,
38
+ suffix = _ref.suffix,
39
+ _ref$isCopyToClipboar = _ref.isCopyToClipboardEnabled,
40
+ isCopyToClipboardEnabled = _ref$isCopyToClipboar === void 0 ? false : _ref$isCopyToClipboar,
41
+ _ref$name = _ref.name,
42
+ name = _ref$name === void 0 ? "email" : _ref$name,
43
+ _ref$inputProps = _ref.inputProps,
44
+ inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps;
45
+ var _useState = React.useState(INPUT_FIELD_MIN_WIDTH),
46
+ _useState2 = slicedToArray._slicedToArray(_useState, 2),
47
+ initialInputWidth = _useState2[0],
48
+ setInitialInputWidth = _useState2[1];
49
+ var inputRef = React.useRef(null);
50
+ var placeholderRef = React.useRef(null);
51
+ var setInputRef = function setInputRef(ref) {
52
+ inputRef.current = ref;
53
+ getInputRef === null || getInputRef === void 0 ? void 0 : getInputRef(ref);
54
+ };
55
+ React.useEffect(function () {
56
+ var _placeholderRef$curre;
57
+ //To handle the input width on initial render.
58
+ var placeholderSpanWidth = (_placeholderRef$curre = placeholderRef.current) === null || _placeholderRef$curre === void 0 ? void 0 : _placeholderRef$curre.offsetWidth;
59
+ setInitialInputWidth(placeholderSpanWidth);
60
+ }, []);
61
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
62
+ // Dummy element to calculate the width to be set for the input. Do not remove.
63
+ className: "pointer-events-none invisible absolute pl-2",
64
+ ref: placeholderRef
65
+ }, value || placeholder), /*#__PURE__*/React__default["default"].createElement("div", {
66
+ className: "inline-flex max-w-full items-end gap-2"
67
+ }, /*#__PURE__*/React__default["default"].createElement(formik.Input, _extends._extends({}, _objectSpread({
68
+ label: label,
69
+ name: name,
70
+ placeholder: placeholder
71
+ }, inputProps), {
72
+ className: "nm-suffixed-input-field",
73
+ ref: setInputRef,
74
+ type: "text",
75
+ labelProps: {
76
+ helpIconProps: neetoCist.isPresent(helpUrl) && {
77
+ icon: neetoIcons.Info,
78
+ className: "cursor-pointer opacity-75 hover:opacity-100 transition-opacity duration-300 ease-in-out",
79
+ onClick: function onClick() {
80
+ return window.open(helpUrl, "_blank");
81
+ },
82
+ tooltipProps: {
83
+ content: helpIconTooltipContent,
84
+ position: "right",
85
+ disabled: neetoCist.isNotPresent(helpUrl)
86
+ }
87
+ }
88
+ },
89
+ style: {
90
+ minWidth: ramda.isEmpty(value) ? INPUT_FIELD_MIN_WIDTH : 0,
91
+ width: (_placeholderRef$curre2 = (_placeholderRef$curre3 = placeholderRef.current) === null || _placeholderRef$curre3 === void 0 ? void 0 : _placeholderRef$curre3.offsetWidth) !== null && _placeholderRef$curre2 !== void 0 ? _placeholderRef$curre2 : initialInputWidth // Additional 2px to act as a buffer.
92
+ },
93
+
94
+ suffix:
95
+ /*#__PURE__*/
96
+ // Added onClick to focus the input even when the suffix part is clicked.
97
+ React__default["default"].createElement("span", {
98
+ onClick: function onClick() {
99
+ var _inputRef$current;
100
+ return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
101
+ }
102
+ }, suffix)
103
+ })), isCopyToClipboardEnabled && /*#__PURE__*/React__default["default"].createElement(CopyToClipboardButton, {
104
+ disabled: ramda.isEmpty(value),
105
+ style: "text",
106
+ value: "".concat(value).concat(suffix)
107
+ })));
108
+ };
109
+
110
+ module.exports = SuffixedInput;
111
+ //# sourceMappingURL=SuffixedInput.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SuffixedInput.js","sources":["../../src/components/SuffixedInput/constants.js","../../src/components/SuffixedInput/index.jsx"],"sourcesContent":["export const INPUT_FIELD_MIN_WIDTH = 60;\n","import React, { useEffect, useRef, useState } from \"react\";\n\nimport { isPresent, isNotPresent } from \"neetocist\";\nimport { Info } from \"neetoicons\";\nimport { Input } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport CopyToClipboardButton from \"components/CopyToClipboardButton\";\n\nimport { INPUT_FIELD_MIN_WIDTH } from \"./constants\";\nimport \"./suffixed-input.scss\";\n\nconst SuffixedInput = ({\n placeholder,\n helpUrl,\n helpIconTooltipContent,\n label,\n value,\n getInputRef,\n suffix,\n isCopyToClipboardEnabled = false,\n name = \"email\",\n inputProps = {},\n}) => {\n const [initialInputWidth, setInitialInputWidth] = useState(\n INPUT_FIELD_MIN_WIDTH\n );\n const inputRef = useRef(null);\n const placeholderRef = useRef(null);\n\n const setInputRef = ref => {\n inputRef.current = ref;\n getInputRef?.(ref);\n };\n\n useEffect(() => {\n //To handle the input width on initial render.\n const placeholderSpanWidth = placeholderRef.current?.offsetWidth;\n setInitialInputWidth(placeholderSpanWidth);\n }, []);\n\n return (\n <>\n <span // Dummy element to calculate the width to be set for the input. Do not remove.\n className=\"pointer-events-none invisible absolute pl-2\"\n ref={placeholderRef}\n >\n {value || placeholder}\n </span>\n <div className=\"inline-flex max-w-full items-end gap-2\">\n <Input\n {...{ label, name, placeholder, ...inputProps }}\n className=\"nm-suffixed-input-field\"\n ref={setInputRef}\n type=\"text\"\n labelProps={{\n helpIconProps: isPresent(helpUrl) && {\n icon: Info,\n className:\n \"cursor-pointer opacity-75 hover:opacity-100 transition-opacity duration-300 ease-in-out\",\n onClick: () => window.open(helpUrl, \"_blank\"),\n tooltipProps: {\n content: helpIconTooltipContent,\n position: \"right\",\n disabled: isNotPresent(helpUrl),\n },\n },\n }}\n style={{\n minWidth: isEmpty(value) ? INPUT_FIELD_MIN_WIDTH : 0,\n width: placeholderRef.current?.offsetWidth ?? initialInputWidth, // Additional 2px to act as a buffer.\n }}\n suffix={\n // Added onClick to focus the input even when the suffix part is clicked.\n <span onClick={() => inputRef.current?.focus()}>{suffix}</span>\n }\n />\n {isCopyToClipboardEnabled && (\n <CopyToClipboardButton\n disabled={isEmpty(value)}\n style=\"text\"\n value={`${value}${suffix}`}\n />\n )}\n </div>\n </>\n );\n};\n\nSuffixedInput.propTypes = {\n /**\n * Placeholder of the input field.\n */\n placeholder: PropTypes.string,\n /**\n * A help icon will be displayed next to the label if helpUrl is present. On clicking the icon will take the user to the URL.\n */\n helpUrl: PropTypes.string,\n /**\n * Text to be displayed inside the tooltip of the help icon.\n */\n helpIconTooltipContent: PropTypes.string,\n /**\n * Label of the input field.\n */\n label: PropTypes.string,\n /**\n * The value entered by the user, eg: email.\n */\n value: PropTypes.string,\n /**\n * A method to get the ref of the input field.\n */\n getInputRef: PropTypes.func,\n /**\n * Domain name to be rendered next to the input field.\n */\n suffix: PropTypes.string,\n /**\n * Whether to show the copy to clipboard button.\n */\n isCopyToClipboardEnabled: PropTypes.bool,\n /**\n * Formik field name of the input field.\n */\n name: PropTypes.string,\n /**\n * This will be passed down to the `Input` component.\n */\n inputProps: PropTypes.object,\n};\n\nexport default SuffixedInput;\n"],"names":["INPUT_FIELD_MIN_WIDTH","SuffixedInput","_ref","_placeholderRef$curre2","_placeholderRef$curre3","placeholder","helpUrl","helpIconTooltipContent","label","value","getInputRef","suffix","_ref$isCopyToClipboar","isCopyToClipboardEnabled","_ref$name","name","_ref$inputProps","inputProps","_useState","useState","_useState2","_slicedToArray","initialInputWidth","setInitialInputWidth","inputRef","useRef","placeholderRef","setInputRef","ref","current","useEffect","_placeholderRef$curre","placeholderSpanWidth","offsetWidth","React","createElement","Fragment","className","Input","_extends","_objectSpread","type","labelProps","helpIconProps","isPresent","icon","Info","onClick","window","open","tooltipProps","content","position","disabled","isNotPresent","style","minWidth","isEmpty","width","_inputRef$current","focus","CopyToClipboardButton","concat"],"mappings":"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"}
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+ var classnames = require('classnames');
5
+ var injectCss = require('./inject-css-80a5faa3.js');
6
+
7
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
+
9
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
+ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
11
+
12
+ var css = ".neeto-molecules-tablewrapper-pagination--height{padding:0 0 48px}";
13
+ injectCss.n(css,{});
14
+
15
+ var TableWrapper = function TableWrapper(_ref) {
16
+ var children = _ref.children,
17
+ _ref$className = _ref.className,
18
+ className = _ref$className === void 0 ? "" : _ref$className,
19
+ _ref$hasPagination = _ref.hasPagination,
20
+ hasPagination = _ref$hasPagination === void 0 ? false : _ref$hasPagination;
21
+ return /*#__PURE__*/React__default["default"].createElement("div", {
22
+ "data-testid": "table-wrapper",
23
+ className: classnames__default["default"]("flex min-h-0 w-full flex-grow flex-col pb-6", className)
24
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
25
+ className: classnames__default["default"]("min-h-0 flex-grow", {
26
+ "neeto-molecules-tablewrapper-pagination--height": hasPagination
27
+ })
28
+ }, children));
29
+ };
30
+
31
+ module.exports = TableWrapper;
32
+ //# sourceMappingURL=TableWrapper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableWrapper.js","sources":["../../src/components/TableWrapper/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport \"./table-wrapper.scss\";\n\nconst TableWrapper = ({ children, className = \"\", hasPagination = false }) => (\n <div\n data-testid=\"table-wrapper\"\n className={classNames(\n \"flex min-h-0 w-full flex-grow flex-col pb-6\",\n className\n )}\n >\n <div\n className={classNames(\"min-h-0 flex-grow\", {\n \"neeto-molecules-tablewrapper-pagination--height\": hasPagination,\n })}\n >\n {children}\n </div>\n </div>\n);\n\nTableWrapper.propTypes = {\n /**\n * Custom classnames for table wrapper.\n */\n className: PropTypes.string,\n /**\n * Handles table wrapper height when pagination is enabled.\n *\n * `hasPagination={totalCount > defaultPageSize}`\n */\n hasPagination: PropTypes.bool,\n};\n\nexport default TableWrapper;\n"],"names":["TableWrapper","_ref","children","_ref$className","className","_ref$hasPagination","hasPagination","React","createElement","classNames"],"mappings":";;;;;;;;;;;;;;AAOA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,cAAA,GAAAF,IAAA,CAAEG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,kBAAA,GAAAJ,IAAA,CAAEK,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA,CAAA;EAAA,oBACrEE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,eAAe;AAC3BJ,IAAAA,SAAS,EAAEK,8BAAU,CACnB,6CAA6C,EAC7CL,SACF,CAAA;GAEAG,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEJ,IAAAA,SAAS,EAAEK,8BAAU,CAAC,mBAAmB,EAAE;AACzC,MAAA,iDAAiD,EAAEH,aAAAA;KACpD,CAAA;GAEAJ,EAAAA,QACE,CACF,CAAC,CAAA;AAAA;;;;"}
@@ -0,0 +1,442 @@
1
+ 'use strict';
2
+
3
+ var slicedToArray = require('./slicedToArray-f320d9e7.js');
4
+ var React = require('react');
5
+ var i18next = require('i18next');
6
+ var neetoCist = require('@bigbinary/neeto-cist');
7
+ var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
8
+ var withTitle = require('@bigbinary/neeto-commons-frontend/react-utils/withTitle');
9
+ var neetoui = require('@bigbinary/neetoui');
10
+ var ramda = require('ramda');
11
+ var reactI18next = require('react-i18next');
12
+ var Container = require('./Container.js');
13
+ var Header = require('./Header.js');
14
+ var SubHeader = require('./SubHeader.js');
15
+ var TableWrapper = require('./TableWrapper.js');
16
+ var formik = require('@bigbinary/neetoui/formik');
17
+ var yup = require('yup');
18
+ var defineProperty = require('./defineProperty-886ed289.js');
19
+ var reactQuery = require('@tanstack/react-query');
20
+ var axios = require('axios');
21
+ var constants = require('@bigbinary/neeto-commons-frontend/constants');
22
+ var toConsumableArray = require('./toConsumableArray-9abb3858.js');
23
+ var MoreDropdown = require('./MoreDropdown.js');
24
+ require('classnames');
25
+ require('./index-248c4f4c.js');
26
+ require('./inject-css-80a5faa3.js');
27
+ require('./extends-1b35a664.js');
28
+ require('./objectWithoutProperties-2fed2d7d.js');
29
+ require('./Breadcrumbs.js');
30
+ require('@bigbinary/neeto-commons-frontend/utils/general');
31
+ require('react-router-dom');
32
+ require('./Search.js');
33
+ require('@bigbinary/neeto-commons-frontend/react-utils/useFuncDebounce');
34
+ require('@bigbinary/neeto-commons-frontend/react-utils/useQueryParams');
35
+ require('@bigbinary/neeto-commons-frontend/react-utils/useUpdateEffect');
36
+ require('@bigbinary/neeto-icons');
37
+ require('@bigbinary/neeto-commons-frontend/utils');
38
+ require('./useColumns-a1c3668f.js');
39
+ require('zustand');
40
+ require('zustand/middleware');
41
+ require('@bigbinary/neeto-filters-frontend');
42
+
43
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
44
+
45
+ function _interopNamespace(e) {
46
+ if (e && e.__esModule) return e;
47
+ var n = Object.create(null);
48
+ if (e) {
49
+ Object.keys(e).forEach(function (k) {
50
+ if (k !== 'default') {
51
+ var d = Object.getOwnPropertyDescriptor(e, k);
52
+ Object.defineProperty(n, k, d.get ? d : {
53
+ enumerable: true,
54
+ get: function () { return e[k]; }
55
+ });
56
+ }
57
+ });
58
+ }
59
+ n["default"] = e;
60
+ return Object.freeze(n);
61
+ }
62
+
63
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
64
+ var withTitle__default = /*#__PURE__*/_interopDefaultLegacy(withTitle);
65
+ var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
66
+ var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
67
+
68
+ var LABEL_REJECT_CHARS_REGEX = /[^a-zA-Z\d\s_-]+/;
69
+ var VALIDATION_SCHEMA = yup__namespace.object().shape({
70
+ singularLabel: yup__namespace.string().trim().required(i18next.t("neetoMolecules.taxonomy.editPane.validations.singularLabelRequired")),
71
+ pluralLabel: yup__namespace.string().trim().required(i18next.t("neetoMolecules.taxonomy.editPane.validations.pluralLabelRequired"))
72
+ });
73
+
74
+ var update = function update(_ref) {
75
+ var keyName = _ref.keyName,
76
+ payload = _ref.payload;
77
+ return axios__default["default"].patch("".concat(constants.BASE_API_V1_URL, "/taxonomies/").concat(keyName), payload);
78
+ };
79
+ var bulkDestroy = function bulkDestroy(payload) {
80
+ return axios__default["default"]["delete"]("".concat(constants.BASE_API_V1_URL, "/taxonomies/bulk_destroy"), {
81
+ data: payload
82
+ });
83
+ };
84
+ var taxonomiesApi = {
85
+ update: update,
86
+ bulkDestroy: bulkDestroy
87
+ };
88
+
89
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
90
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
91
+ var useUpdateTaxonomy = function useUpdateTaxonomy(options) {
92
+ return (
93
+ // useMutation(taxonomiesApi.update, options);
94
+ reactQuery.useMutation(_objectSpread({
95
+ mutationFn: taxonomiesApi.update
96
+ }, options))
97
+ );
98
+ };
99
+ var useBulkDestroyTaxonomies = function useBulkDestroyTaxonomies(options) {
100
+ return (
101
+ // useMutation(taxonomiesApi.bulkDestroy, options);
102
+ reactQuery.useMutation(_objectSpread({
103
+ mutationFn: taxonomiesApi.bulkDestroy
104
+ }, options))
105
+ );
106
+ };
107
+
108
+ var formatLabel = function formatLabel(label) {
109
+ return neetoCist.capitalize(label.trim());
110
+ };
111
+ var formatDataForTable = function formatDataForTable(taxonomies) {
112
+ return ramda.toPairs(taxonomies).map(function (_ref) {
113
+ var _ref2 = slicedToArray._slicedToArray(_ref, 2),
114
+ keyName = _ref2[0],
115
+ labels = _ref2[1];
116
+ return {
117
+ keyName: keyName,
118
+ singularLabel: labels["singular"],
119
+ pluralLabel: labels["plural"]
120
+ };
121
+ });
122
+ };
123
+ var getColumnData = function getColumnData(handleEdit, setCurrentKeys, setIsResetModalOpen) {
124
+ return [{
125
+ title: i18next.t("neetoMolecules.taxonomy.defaultLabel"),
126
+ dataIndex: "default",
127
+ key: "defaultLabel",
128
+ width: 400,
129
+ render: function render(_, values) {
130
+ var menuItems = [{
131
+ key: "edit",
132
+ label: i18next.t("neetoMolecules.common.actions.edit"),
133
+ onClick: function onClick() {
134
+ return handleEdit(values);
135
+ }
136
+ }, {
137
+ key: "reset",
138
+ label: i18next.t("neetoMolecules.common.actions.resetToDefaults"),
139
+ onClick: function onClick() {
140
+ setCurrentKeys([values.keyName]);
141
+ setIsResetModalOpen(true);
142
+ }
143
+ }];
144
+ return /*#__PURE__*/React__default["default"].createElement("div", {
145
+ className: "flex items-center justify-between gap-x-3"
146
+ }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
147
+ style: "body2"
148
+ }, i18next.t("taxonomyDefaultLabels.".concat(values.keyName, ".singular"))), /*#__PURE__*/React__default["default"].createElement(MoreDropdown, {
149
+ dropdownProps: {
150
+ strategy: "fixed"
151
+ },
152
+ dropdownButtonProps: {
153
+ "data-testid": "nui-dropdown-icon-".concat(values.keyName)
154
+ },
155
+ menuItems: menuItems
156
+ }));
157
+ }
158
+ }, {
159
+ title: i18next.t("neetoMolecules.taxonomy.singularLabel"),
160
+ dataIndex: "singularLabel",
161
+ key: "singularLabel",
162
+ width: 300
163
+ }, {
164
+ title: i18next.t("neetoMolecules.taxonomy.pluralLabel"),
165
+ dataIndex: "pluralLabel",
166
+ key: "pluralLabel",
167
+ width: 300
168
+ }];
169
+ };
170
+ var getFilteredTaxonomies = function getFilteredTaxonomies(matchString, taxonomies) {
171
+ var filteredArray = ramda.toPairs(taxonomies).filter(function (_ref3) {
172
+ var _ref4 = slicedToArray._slicedToArray(_ref3, 2),
173
+ key = _ref4[0],
174
+ value = _ref4[1];
175
+ var defaultLabel = i18next.t("taxonomyDefaultLabels.".concat(key, ".singular"));
176
+ var valuesToSearch = [defaultLabel].concat(toConsumableArray._toConsumableArray(Object.values(value)));
177
+ return valuesToSearch.some(function (str) {
178
+ return str.toLowerCase().includes(matchString.toLowerCase());
179
+ });
180
+ });
181
+ return ramda.fromPairs(filteredArray);
182
+ };
183
+
184
+ var EditPane = function EditPane(_ref) {
185
+ var initialValues = _ref.initialValues,
186
+ isOpen = _ref.isOpen,
187
+ onClose = _ref.onClose;
188
+ var _useTranslation = reactI18next.useTranslation(),
189
+ t = _useTranslation.t;
190
+ var initialFocusRef = React.useRef(null);
191
+ var _useUpdateTaxonomy = useUpdateTaxonomy(),
192
+ updateTaxonomy = _useUpdateTaxonomy.mutate;
193
+ var handleSubmit = function handleSubmit(values, _ref2) {
194
+ var setSubmitting = _ref2.setSubmitting;
195
+ var keyName = values.keyName,
196
+ singularLabel = values.singularLabel,
197
+ pluralLabel = values.pluralLabel;
198
+ var payload = {
199
+ taxonomy: {
200
+ keyName: keyName,
201
+ singularLabel: formatLabel(singularLabel),
202
+ pluralLabel: formatLabel(pluralLabel)
203
+ }
204
+ };
205
+ var options = {
206
+ onSuccess: function onSuccess() {
207
+ return window.location.reload();
208
+ },
209
+ onError: function onError(error) {
210
+ return neetoui.Toastr.error(error);
211
+ },
212
+ onSettled: function onSettled() {
213
+ return setSubmitting(false);
214
+ }
215
+ };
216
+ updateTaxonomy({
217
+ keyName: keyName,
218
+ payload: payload
219
+ }, options);
220
+ };
221
+ return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
222
+ initialFocusRef: initialFocusRef,
223
+ isOpen: isOpen,
224
+ onClose: onClose,
225
+ "data-testid": "taxonomy-edit-pane"
226
+ }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
227
+ style: "h2",
228
+ weight: "semibold"
229
+ }, t("neetoMolecules.taxonomy.editPane.title", {
230
+ entity: t("taxonomyDefaultLabels.".concat(initialValues.keyName, ".singular")).toLocaleLowerCase()
231
+ }))), /*#__PURE__*/React__default["default"].createElement(formik.Form, {
232
+ formikProps: {
233
+ initialValues: initialValues,
234
+ validationSchema: VALIDATION_SCHEMA,
235
+ onSubmit: handleSubmit
236
+ }
237
+ }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
238
+ className: "w-full space-y-6"
239
+ }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
240
+ required: true,
241
+ className: "w-full",
242
+ "data-cy": "taxonomy-singular-input-field",
243
+ "data-testid": "taxonomy-singular-input-field",
244
+ label: t("neetoMolecules.taxonomy.singularLabel"),
245
+ name: "singularLabel",
246
+ ref: initialFocusRef,
247
+ rejectCharsRegex: LABEL_REJECT_CHARS_REGEX
248
+ }), /*#__PURE__*/React__default["default"].createElement(formik.Input, {
249
+ required: true,
250
+ className: "w-full",
251
+ "data-cy": "taxonomy-plural-input-field",
252
+ "data-testid": "taxonomy-plural-input-field",
253
+ label: t("neetoMolecules.taxonomy.pluralLabel"),
254
+ name: "pluralLabel",
255
+ rejectCharsRegex: LABEL_REJECT_CHARS_REGEX
256
+ }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, null, /*#__PURE__*/React__default["default"].createElement(formik.ActionBlock, {
257
+ cancelButtonProps: {
258
+ onClick: onClose,
259
+ disabled: false
260
+ },
261
+ className: "flex items-center space-x-2"
262
+ }))));
263
+ };
264
+
265
+ var LeftActionBlock = function LeftActionBlock(_ref) {
266
+ var selectedCount = _ref.selectedCount,
267
+ totalCount = _ref.totalCount,
268
+ setIsResetModalOpen = _ref.setIsResetModalOpen,
269
+ setCurrentKeys = _ref.setCurrentKeys,
270
+ selectedRowIds = _ref.selectedRowIds;
271
+ var Menu = neetoui.Dropdown.Menu,
272
+ MenuItem = neetoui.Dropdown.MenuItem;
273
+ return !!totalCount && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, selectedCount > 0 ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
274
+ className: "mr-4 font-semibold",
275
+ component: "h4",
276
+ "data-cy": "item-count"
277
+ }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
278
+ i18nKey: "neetoMolecules.taxonomy.actionBlock.selectedTaxonomy",
279
+ values: {
280
+ count: selectedCount,
281
+ totalCount: totalCount
282
+ },
283
+ components: {
284
+ span: /*#__PURE__*/React__default["default"].createElement("span", {
285
+ className: "neeto-ui-text-gray-600"
286
+ })
287
+ }
288
+ })), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
289
+ buttonStyle: "secondary",
290
+ label: i18next.t("neetoMolecules.taxonomy.actionBlock.takeAction")
291
+ }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
292
+ style: "secondary",
293
+ onClick: function onClick() {
294
+ setCurrentKeys(selectedRowIds);
295
+ setIsResetModalOpen(true);
296
+ }
297
+ }, i18next.t("neetoMolecules.common.actions.resetToDefaults"))))) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
298
+ className: "mr-4 font-semibold",
299
+ component: "h4",
300
+ "data-cy": "item-count"
301
+ }, i18next.t("neetoMolecules.taxonomy.actionBlock.taxonomyWithCount", {
302
+ count: totalCount
303
+ })));
304
+ };
305
+
306
+ var Taxonomy = function Taxonomy(_ref) {
307
+ var breadcrumbs = _ref.breadcrumbs;
308
+ var _useState = React.useState(false),
309
+ _useState2 = slicedToArray._slicedToArray(_useState, 2),
310
+ isResetModalOpen = _useState2[0],
311
+ setIsResetModalOpen = _useState2[1];
312
+ var _useState3 = React.useState(false),
313
+ _useState4 = slicedToArray._slicedToArray(_useState3, 2),
314
+ isEditTaxonomyPaneOpen = _useState4[0],
315
+ setIsEditTaxonomyPaneOpen = _useState4[1];
316
+ var _useState5 = React.useState({}),
317
+ _useState6 = slicedToArray._slicedToArray(_useState5, 2),
318
+ initialValues = _useState6[0],
319
+ setInitialValues = _useState6[1];
320
+ var _useState7 = React.useState([]),
321
+ _useState8 = slicedToArray._slicedToArray(_useState7, 2),
322
+ selectedRowIds = _useState8[0],
323
+ setSelectedRowIds = _useState8[1];
324
+ var _useState9 = React.useState(""),
325
+ _useState10 = slicedToArray._slicedToArray(_useState9, 2),
326
+ searchString = _useState10[0],
327
+ setSearchString = _useState10[1];
328
+ var _useState11 = React.useState([]),
329
+ _useState12 = slicedToArray._slicedToArray(_useState11, 2),
330
+ currentKeys = _useState12[0],
331
+ setCurrentKeys = _useState12[1];
332
+ var _useState13 = React.useState(false),
333
+ _useState14 = slicedToArray._slicedToArray(_useState13, 2),
334
+ isMobileScreen = _useState14[0],
335
+ setIsMobileScreen = _useState14[1];
336
+ var isLargerScreen = function isLargerScreen() {
337
+ return window.innerWidth > 1024;
338
+ };
339
+ var _useBulkDestroyTaxono = useBulkDestroyTaxonomies(),
340
+ bulkDestroyTaxonomies = _useBulkDestroyTaxono.mutate;
341
+ var hostTaxonomyKeys = ramda.keys(initializers.globalProps.taxonomies);
342
+ var hostTaxonomies = ramda.pick(hostTaxonomyKeys, initializers.taxonomies);
343
+ var _useState15 = React.useState(hostTaxonomies),
344
+ _useState16 = slicedToArray._slicedToArray(_useState15, 2),
345
+ filteredTaxonomies = _useState16[0],
346
+ setFilteredTaxonomies = _useState16[1];
347
+ var handleRowSelect = function handleRowSelect(ids) {
348
+ return setSelectedRowIds(ids);
349
+ };
350
+ var handleDelete = function handleDelete() {
351
+ var payload = {
352
+ keyNames: currentKeys
353
+ };
354
+ var options = {
355
+ onSuccess: function onSuccess() {
356
+ return window.location.reload();
357
+ },
358
+ onError: function onError(error) {
359
+ return neetoui.Toastr.error(error);
360
+ }
361
+ };
362
+ bulkDestroyTaxonomies(payload, options);
363
+ };
364
+ var handleEdit = function handleEdit(values) {
365
+ setInitialValues(values);
366
+ setIsEditTaxonomyPaneOpen(true);
367
+ };
368
+ var handleSearch = function handleSearch(event) {
369
+ setSearchString(event.target.value);
370
+ var newTaxonomies = getFilteredTaxonomies(event.target.value, hostTaxonomies);
371
+ setFilteredTaxonomies(newTaxonomies);
372
+ };
373
+ React.useEffect(function () {
374
+ var handleResize = function handleResize() {
375
+ if (isLargerScreen()) setIsMobileScreen(false);else setIsMobileScreen(true);
376
+ };
377
+ window.addEventListener("resize", handleResize);
378
+ return function () {
379
+ return window.removeEventListener("resize", handleResize);
380
+ };
381
+ }, []);
382
+ return /*#__PURE__*/React__default["default"].createElement(Container, null, /*#__PURE__*/React__default["default"].createElement(Header, {
383
+ breadcrumbs: breadcrumbs,
384
+ size: isMobileScreen ? "small" : "large",
385
+ title: i18next.t("neetoMolecules.taxonomy.title"),
386
+ searchProps: {
387
+ onChange: handleSearch,
388
+ value: searchString,
389
+ placeholder: i18next.t("neetoMolecules.taxonomy.searchTaxonomy")
390
+ }
391
+ }), /*#__PURE__*/React__default["default"].createElement(SubHeader, {
392
+ leftActionBlock: /*#__PURE__*/React__default["default"].createElement(LeftActionBlock, {
393
+ selectedRowIds: selectedRowIds,
394
+ setCurrentKeys: setCurrentKeys,
395
+ setIsResetModalOpen: setIsResetModalOpen,
396
+ selectedCount: selectedRowIds.length,
397
+ totalCount: Object.entries(filteredTaxonomies).length
398
+ })
399
+ }), neetoCist.isNotEmpty(filteredTaxonomies) ? /*#__PURE__*/React__default["default"].createElement(TableWrapper, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
400
+ fixedHeight: true,
401
+ rowSelection: true,
402
+ allowRowClick: false,
403
+ rowData: formatDataForTable(filteredTaxonomies),
404
+ rowKey: ramda.prop("keyName"),
405
+ scroll: {
406
+ x: 0
407
+ },
408
+ selectedRowKeys: selectedRowIds,
409
+ tableLayout: "fixed",
410
+ columnData: getColumnData(handleEdit, setCurrentKeys, setIsResetModalOpen),
411
+ onRowSelect: handleRowSelect
412
+ }), /*#__PURE__*/React__default["default"].createElement(EditPane, {
413
+ initialValues: initialValues,
414
+ isOpen: isEditTaxonomyPaneOpen,
415
+ onClose: function onClose() {
416
+ return setIsEditTaxonomyPaneOpen(false);
417
+ }
418
+ }), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
419
+ isOpen: isResetModalOpen,
420
+ submitButtonLabel: i18next.t("neetoMolecules.common.actions.proceed"),
421
+ title: i18next.t("neetoMolecules.taxonomy.resetAlert.title"),
422
+ message: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
423
+ i18nKey: "neetoMolecules.taxonomy.resetAlert.message",
424
+ values: {
425
+ count: currentKeys.length,
426
+ what: i18next.t("taxonomyDefaultLabels.".concat(currentKeys[0], ".singular"))
427
+ }
428
+ }),
429
+ onClose: function onClose() {
430
+ return setIsResetModalOpen(false);
431
+ },
432
+ onSubmit: handleDelete
433
+ })) : /*#__PURE__*/React__default["default"].createElement("div", {
434
+ className: "flex h-full w-full items-center justify-center"
435
+ }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
436
+ title: i18next.t("neetoMolecules.taxonomy.noData")
437
+ })));
438
+ };
439
+ var index = withTitle__default["default"](Taxonomy, i18next.t("neetoMolecules.taxonomy.browserTitle"));
440
+
441
+ module.exports = index;
442
+ //# sourceMappingURL=Taxonomy.js.map