@laerdal/life-react-components 1.11.0-dev.4 → 1.11.0-dev.40.full

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 (602) hide show
  1. package/dist/Accordion/AccordionItem.cjs +5 -3
  2. package/dist/Accordion/AccordionItem.cjs.map +1 -1
  3. package/dist/Accordion/AccordionItem.js +5 -3
  4. package/dist/Accordion/AccordionItem.js.map +1 -1
  5. package/dist/Accordion/AccordionMenu.cjs +2 -2
  6. package/dist/Accordion/AccordionMenu.cjs.map +1 -1
  7. package/dist/Accordion/AccordionMenu.js +2 -2
  8. package/dist/Accordion/AccordionMenu.js.map +1 -1
  9. package/dist/Accordion/ContentAccordion.cjs +5 -3
  10. package/dist/Accordion/ContentAccordion.cjs.map +1 -1
  11. package/dist/Accordion/ContentAccordion.js +5 -3
  12. package/dist/Accordion/ContentAccordion.js.map +1 -1
  13. package/dist/Accordion/index.cjs.map +1 -1
  14. package/dist/Accordion/index.js.map +1 -1
  15. package/dist/Accordion/styles.cjs.map +1 -1
  16. package/dist/Accordion/styles.js.map +1 -1
  17. package/dist/AuthPage/AuthPage.cjs.map +1 -1
  18. package/dist/AuthPage/AuthPage.js.map +1 -1
  19. package/dist/AuthPage/Information.cjs.map +1 -1
  20. package/dist/AuthPage/Information.js.map +1 -1
  21. package/dist/AuthPage/ScreenSetsContainer.cjs.map +1 -1
  22. package/dist/AuthPage/ScreenSetsContainer.js.map +1 -1
  23. package/dist/AuthPage/_AuthPageSection.cjs.map +1 -1
  24. package/dist/AuthPage/_AuthPageSection.js.map +1 -1
  25. package/dist/AuthPage/index.cjs.map +1 -1
  26. package/dist/AuthPage/index.js.map +1 -1
  27. package/dist/AuthPage/screenSetsErrorMessages.cjs.map +1 -1
  28. package/dist/AuthPage/screenSetsErrorMessages.js.map +1 -1
  29. package/dist/Banners/Banner.cjs +2 -2
  30. package/dist/Banners/Banner.cjs.map +1 -1
  31. package/dist/Banners/Banner.js +2 -2
  32. package/dist/Banners/Banner.js.map +1 -1
  33. package/dist/Banners/OverviewBanner.cjs +2 -2
  34. package/dist/Banners/OverviewBanner.cjs.map +1 -1
  35. package/dist/Banners/OverviewBanner.js +2 -2
  36. package/dist/Banners/OverviewBanner.js.map +1 -1
  37. package/dist/Banners/index.cjs.map +1 -1
  38. package/dist/Banners/index.js.map +1 -1
  39. package/dist/Banners/styles.cjs.map +1 -1
  40. package/dist/Banners/styles.js.map +1 -1
  41. package/dist/Breadcrumb/Breadcrumb.cjs +17 -5
  42. package/dist/Breadcrumb/Breadcrumb.cjs.map +1 -1
  43. package/dist/Breadcrumb/Breadcrumb.d.ts +1 -1
  44. package/dist/Breadcrumb/Breadcrumb.js +18 -6
  45. package/dist/Breadcrumb/Breadcrumb.js.map +1 -1
  46. package/dist/Breadcrumb/BreadcrumbItem.cjs.map +1 -1
  47. package/dist/Breadcrumb/BreadcrumbItem.js.map +1 -1
  48. package/dist/Breadcrumb/index.cjs.map +1 -1
  49. package/dist/Breadcrumb/index.js.map +1 -1
  50. package/dist/Breadcrumb/styles.cjs.map +1 -1
  51. package/dist/Breadcrumb/styles.js.map +1 -1
  52. package/dist/Button/BackButton.cjs +2 -2
  53. package/dist/Button/BackButton.cjs.map +1 -1
  54. package/dist/Button/BackButton.js +2 -2
  55. package/dist/Button/BackButton.js.map +1 -1
  56. package/dist/Button/Button.cjs +2 -2
  57. package/dist/Button/Button.cjs.map +1 -1
  58. package/dist/Button/Button.js +2 -2
  59. package/dist/Button/Button.js.map +1 -1
  60. package/dist/Button/DualFunctionButton.cjs +29 -14
  61. package/dist/Button/DualFunctionButton.cjs.map +1 -1
  62. package/dist/Button/DualFunctionButton.js +28 -14
  63. package/dist/Button/DualFunctionButton.js.map +1 -1
  64. package/dist/Button/Iconbutton.cjs +4 -4
  65. package/dist/Button/Iconbutton.cjs.map +1 -1
  66. package/dist/Button/Iconbutton.js +4 -4
  67. package/dist/Button/Iconbutton.js.map +1 -1
  68. package/dist/Button/index.cjs.map +1 -1
  69. package/dist/Button/index.js.map +1 -1
  70. package/dist/Card/HorizontalCard/HorizontalCard.cjs.map +1 -1
  71. package/dist/Card/HorizontalCard/HorizontalCard.js.map +1 -1
  72. package/dist/Card/HorizontalCard/HorizontalCardActions.cjs.map +1 -1
  73. package/dist/Card/HorizontalCard/HorizontalCardActions.js.map +1 -1
  74. package/dist/Card/HorizontalCard/HorizontalCardBody.cjs.map +1 -1
  75. package/dist/Card/HorizontalCard/HorizontalCardBody.js.map +1 -1
  76. package/dist/Card/HorizontalCard/HorizontalCardThumbnail.cjs.map +1 -1
  77. package/dist/Card/HorizontalCard/HorizontalCardThumbnail.js.map +1 -1
  78. package/dist/Card/HorizontalCard/index.cjs.map +1 -1
  79. package/dist/Card/HorizontalCard/index.js.map +1 -1
  80. package/dist/Card/HorizontalCard/types.cjs.map +1 -1
  81. package/dist/Card/HorizontalCard/types.js.map +1 -1
  82. package/dist/Card/VerticalCard/Card.cjs +2 -2
  83. package/dist/Card/VerticalCard/Card.cjs.map +1 -1
  84. package/dist/Card/VerticalCard/Card.js +2 -2
  85. package/dist/Card/VerticalCard/Card.js.map +1 -1
  86. package/dist/Card/VerticalCard/CardBottomSection.cjs.map +1 -1
  87. package/dist/Card/VerticalCard/CardBottomSection.js.map +1 -1
  88. package/dist/Card/VerticalCard/CardMiddleSection.cjs.map +1 -1
  89. package/dist/Card/VerticalCard/CardMiddleSection.js.map +1 -1
  90. package/dist/Card/VerticalCard/CardTopSection.cjs.map +1 -1
  91. package/dist/Card/VerticalCard/CardTopSection.js.map +1 -1
  92. package/dist/Card/VerticalCard/index.cjs.map +1 -1
  93. package/dist/Card/VerticalCard/index.js.map +1 -1
  94. package/dist/Card/index.cjs.map +1 -1
  95. package/dist/Card/index.js.map +1 -1
  96. package/dist/Chips/ActionChip.cjs +2 -2
  97. package/dist/Chips/ActionChip.cjs.map +1 -1
  98. package/dist/Chips/ActionChip.js +2 -2
  99. package/dist/Chips/ActionChip.js.map +1 -1
  100. package/dist/Chips/ChipStyles.cjs.map +1 -1
  101. package/dist/Chips/ChipStyles.js.map +1 -1
  102. package/dist/Chips/ChipTypes.cjs.map +1 -1
  103. package/dist/Chips/ChipTypes.js.map +1 -1
  104. package/dist/Chips/ChoiceChips.cjs +2 -2
  105. package/dist/Chips/ChoiceChips.cjs.map +1 -1
  106. package/dist/Chips/ChoiceChips.js +2 -2
  107. package/dist/Chips/ChoiceChips.js.map +1 -1
  108. package/dist/Chips/FilterChip.cjs +2 -2
  109. package/dist/Chips/FilterChip.cjs.map +1 -1
  110. package/dist/Chips/FilterChip.js +2 -2
  111. package/dist/Chips/FilterChip.js.map +1 -1
  112. package/dist/Chips/InputChip.cjs +2 -2
  113. package/dist/Chips/InputChip.cjs.map +1 -1
  114. package/dist/Chips/InputChip.js +2 -2
  115. package/dist/Chips/InputChip.js.map +1 -1
  116. package/dist/Chips/index.cjs.map +1 -1
  117. package/dist/Chips/index.js.map +1 -1
  118. package/dist/ChipsInput/ChipDropdownInput.cjs +34 -23
  119. package/dist/ChipsInput/ChipDropdownInput.cjs.map +1 -1
  120. package/dist/ChipsInput/ChipDropdownInput.js +34 -23
  121. package/dist/ChipsInput/ChipDropdownInput.js.map +1 -1
  122. package/dist/ChipsInput/ChipInput.cjs +2 -2
  123. package/dist/ChipsInput/ChipInput.cjs.map +1 -1
  124. package/dist/ChipsInput/ChipInput.js +2 -2
  125. package/dist/ChipsInput/ChipInput.js.map +1 -1
  126. package/dist/ChipsInput/ChipInputField.cjs +2 -2
  127. package/dist/ChipsInput/ChipInputField.cjs.map +1 -1
  128. package/dist/ChipsInput/ChipInputField.js +2 -2
  129. package/dist/ChipsInput/ChipInputField.js.map +1 -1
  130. package/dist/ChipsInput/ChipInputTypes.cjs.map +1 -1
  131. package/dist/ChipsInput/ChipInputTypes.js.map +1 -1
  132. package/dist/ChipsInput/index.cjs.map +1 -1
  133. package/dist/ChipsInput/index.js.map +1 -1
  134. package/dist/Dropdown/BasicDropdown.cjs +28 -14
  135. package/dist/Dropdown/BasicDropdown.cjs.map +1 -1
  136. package/dist/Dropdown/BasicDropdown.js +28 -14
  137. package/dist/Dropdown/BasicDropdown.js.map +1 -1
  138. package/dist/Dropdown/CommonStyling.cjs.map +1 -1
  139. package/dist/Dropdown/CommonStyling.js.map +1 -1
  140. package/dist/Dropdown/DropdownButton.cjs +27 -11
  141. package/dist/Dropdown/DropdownButton.cjs.map +1 -1
  142. package/dist/Dropdown/DropdownButton.js +27 -11
  143. package/dist/Dropdown/DropdownButton.js.map +1 -1
  144. package/dist/Dropdown/DropdownButtonTypes.cjs.map +1 -1
  145. package/dist/Dropdown/DropdownButtonTypes.d.ts +1 -0
  146. package/dist/Dropdown/DropdownButtonTypes.js.map +1 -1
  147. package/dist/Dropdown/DropdownContent.cjs +43 -5
  148. package/dist/Dropdown/DropdownContent.cjs.map +1 -1
  149. package/dist/Dropdown/DropdownContent.d.ts +2 -0
  150. package/dist/Dropdown/DropdownContent.js +43 -5
  151. package/dist/Dropdown/DropdownContent.js.map +1 -1
  152. package/dist/Dropdown/DropdownFilter.cjs +25 -11
  153. package/dist/Dropdown/DropdownFilter.cjs.map +1 -1
  154. package/dist/Dropdown/DropdownFilter.js +25 -11
  155. package/dist/Dropdown/DropdownFilter.js.map +1 -1
  156. package/dist/Dropdown/index.cjs.map +1 -1
  157. package/dist/Dropdown/index.js.map +1 -1
  158. package/dist/Footer/Components/FooterBottomLinks.cjs.map +1 -1
  159. package/dist/Footer/Components/FooterBottomLinks.js.map +1 -1
  160. package/dist/Footer/Components/FooterDropdownLinks.cjs.map +1 -1
  161. package/dist/Footer/Components/FooterDropdownLinks.js.map +1 -1
  162. package/dist/Footer/Components/FooterNavSection.cjs.map +1 -1
  163. package/dist/Footer/Components/FooterNavSection.js.map +1 -1
  164. package/dist/Footer/Components/FooterNewsletterAndSocialSection.cjs.map +1 -1
  165. package/dist/Footer/Components/FooterNewsletterAndSocialSection.js.map +1 -1
  166. package/dist/Footer/Components/FooterTop.cjs.map +1 -1
  167. package/dist/Footer/Components/FooterTop.js.map +1 -1
  168. package/dist/Footer/Footer.cjs.map +1 -1
  169. package/dist/Footer/Footer.js.map +1 -1
  170. package/dist/Footer/SiteFooter.cjs +2 -2
  171. package/dist/Footer/SiteFooter.cjs.map +1 -1
  172. package/dist/Footer/SiteFooter.js +2 -2
  173. package/dist/Footer/SiteFooter.js.map +1 -1
  174. package/dist/Footer/index.cjs.map +1 -1
  175. package/dist/Footer/index.js.map +1 -1
  176. package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs +2 -2
  177. package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs.map +1 -1
  178. package/dist/GlobalNavigationBar/GlobalNavigationBar.js +2 -2
  179. package/dist/GlobalNavigationBar/GlobalNavigationBar.js.map +1 -1
  180. package/dist/GlobalNavigationBar/Logo.cjs.map +1 -1
  181. package/dist/GlobalNavigationBar/Logo.js.map +1 -1
  182. package/dist/GlobalNavigationBar/desktop/DesktopActions.cjs +2 -2
  183. package/dist/GlobalNavigationBar/desktop/DesktopActions.cjs.map +1 -1
  184. package/dist/GlobalNavigationBar/desktop/DesktopActions.js +2 -2
  185. package/dist/GlobalNavigationBar/desktop/DesktopActions.js.map +1 -1
  186. package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.cjs.map +1 -1
  187. package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.js.map +1 -1
  188. package/dist/GlobalNavigationBar/desktop/MainMenu.cjs +2 -4
  189. package/dist/GlobalNavigationBar/desktop/MainMenu.cjs.map +1 -1
  190. package/dist/GlobalNavigationBar/desktop/MainMenu.js +2 -4
  191. package/dist/GlobalNavigationBar/desktop/MainMenu.js.map +1 -1
  192. package/dist/GlobalNavigationBar/desktop/RightSideNav.cjs +0 -1
  193. package/dist/GlobalNavigationBar/desktop/RightSideNav.cjs.map +1 -1
  194. package/dist/GlobalNavigationBar/desktop/RightSideNav.js +0 -1
  195. package/dist/GlobalNavigationBar/desktop/RightSideNav.js.map +1 -1
  196. package/dist/GlobalNavigationBar/desktop/UserMenu.cjs.map +1 -1
  197. package/dist/GlobalNavigationBar/desktop/UserMenu.js.map +1 -1
  198. package/dist/GlobalNavigationBar/index.cjs.map +1 -1
  199. package/dist/GlobalNavigationBar/index.js.map +1 -1
  200. package/dist/GlobalNavigationBar/mobile/CommonStyles.cjs +24 -2
  201. package/dist/GlobalNavigationBar/mobile/CommonStyles.cjs.map +1 -1
  202. package/dist/GlobalNavigationBar/mobile/CommonStyles.d.ts +7 -2
  203. package/dist/GlobalNavigationBar/mobile/CommonStyles.js +8 -2
  204. package/dist/GlobalNavigationBar/mobile/CommonStyles.js.map +1 -1
  205. package/dist/GlobalNavigationBar/mobile/MobileActionContainer.cjs +53 -0
  206. package/dist/GlobalNavigationBar/mobile/MobileActionContainer.cjs.map +1 -0
  207. package/dist/GlobalNavigationBar/mobile/MobileActionContainer.d.ts +6 -0
  208. package/dist/GlobalNavigationBar/mobile/MobileActionContainer.js +34 -0
  209. package/dist/GlobalNavigationBar/mobile/MobileActionContainer.js.map +1 -0
  210. package/dist/GlobalNavigationBar/mobile/MobileMenu.cjs +3 -5
  211. package/dist/GlobalNavigationBar/mobile/MobileMenu.cjs.map +1 -1
  212. package/dist/GlobalNavigationBar/mobile/MobileMenu.js +2 -4
  213. package/dist/GlobalNavigationBar/mobile/MobileMenu.js.map +1 -1
  214. package/dist/GlobalNavigationBar/mobile/MobileMenuContent.cjs +30 -61
  215. package/dist/GlobalNavigationBar/mobile/MobileMenuContent.cjs.map +1 -1
  216. package/dist/GlobalNavigationBar/mobile/MobileMenuContent.js +30 -57
  217. package/dist/GlobalNavigationBar/mobile/MobileMenuContent.js.map +1 -1
  218. package/dist/GlobalNavigationBar/mobile/MobileMenuHeader.cjs +2 -2
  219. package/dist/GlobalNavigationBar/mobile/MobileMenuHeader.cjs.map +1 -1
  220. package/dist/GlobalNavigationBar/mobile/MobileMenuHeader.js +2 -2
  221. package/dist/GlobalNavigationBar/mobile/MobileMenuHeader.js.map +1 -1
  222. package/dist/GlobalNavigationBar/types.cjs.map +1 -1
  223. package/dist/GlobalNavigationBar/types.d.ts +3 -1
  224. package/dist/GlobalNavigationBar/types.js.map +1 -1
  225. package/dist/HyperLink/HyperLink.cjs +2 -2
  226. package/dist/HyperLink/HyperLink.cjs.map +1 -1
  227. package/dist/HyperLink/HyperLink.js +2 -2
  228. package/dist/HyperLink/HyperLink.js.map +1 -1
  229. package/dist/HyperLink/index.cjs.map +1 -1
  230. package/dist/HyperLink/index.js.map +1 -1
  231. package/dist/HyperLink/styling.cjs.map +1 -1
  232. package/dist/HyperLink/styling.js.map +1 -1
  233. package/dist/Image/ImageWithFallbacks.cjs +2 -2
  234. package/dist/Image/ImageWithFallbacks.cjs.map +1 -1
  235. package/dist/Image/ImageWithFallbacks.js +2 -2
  236. package/dist/Image/ImageWithFallbacks.js.map +1 -1
  237. package/dist/Image/index.cjs.map +1 -1
  238. package/dist/Image/index.js.map +1 -1
  239. package/dist/InputFields/Checkbox.cjs +3 -2
  240. package/dist/InputFields/Checkbox.cjs.map +1 -1
  241. package/dist/InputFields/Checkbox.js +3 -2
  242. package/dist/InputFields/Checkbox.js.map +1 -1
  243. package/dist/InputFields/DatepickerField.cjs +14 -6
  244. package/dist/InputFields/DatepickerField.cjs.map +1 -1
  245. package/dist/InputFields/DatepickerField.d.ts +1 -1
  246. package/dist/InputFields/DatepickerField.js +8 -6
  247. package/dist/InputFields/DatepickerField.js.map +1 -1
  248. package/dist/InputFields/DatepickerFieldHeader.cjs.map +1 -1
  249. package/dist/InputFields/DatepickerFieldHeader.js.map +1 -1
  250. package/dist/InputFields/Label.cjs.map +1 -1
  251. package/dist/InputFields/Label.js.map +1 -1
  252. package/dist/InputFields/NumberField.cjs +26 -44
  253. package/dist/InputFields/NumberField.cjs.map +1 -1
  254. package/dist/InputFields/NumberField.d.ts +5 -6
  255. package/dist/InputFields/NumberField.js +26 -41
  256. package/dist/InputFields/NumberField.js.map +1 -1
  257. package/dist/InputFields/PasswordField.cjs +2 -2
  258. package/dist/InputFields/PasswordField.cjs.map +1 -1
  259. package/dist/InputFields/PasswordField.d.ts +1 -1
  260. package/dist/InputFields/PasswordField.js +2 -2
  261. package/dist/InputFields/PasswordField.js.map +1 -1
  262. package/dist/InputFields/QuickSearch.cjs.map +1 -1
  263. package/dist/InputFields/QuickSearch.js.map +1 -1
  264. package/dist/InputFields/RadioButton.cjs +2 -2
  265. package/dist/InputFields/RadioButton.cjs.map +1 -1
  266. package/dist/InputFields/RadioButton.js +2 -2
  267. package/dist/InputFields/RadioButton.js.map +1 -1
  268. package/dist/InputFields/ResponsiveComponentWrapper.cjs.map +1 -1
  269. package/dist/InputFields/ResponsiveComponentWrapper.js.map +1 -1
  270. package/dist/InputFields/SearchBar.cjs +1 -0
  271. package/dist/InputFields/SearchBar.cjs.map +1 -1
  272. package/dist/InputFields/SearchBar.js +1 -0
  273. package/dist/InputFields/SearchBar.js.map +1 -1
  274. package/dist/InputFields/TextField.cjs +2 -2
  275. package/dist/InputFields/TextField.cjs.map +1 -1
  276. package/dist/InputFields/TextField.d.ts +1 -1
  277. package/dist/InputFields/TextField.js +2 -2
  278. package/dist/InputFields/TextField.js.map +1 -1
  279. package/dist/InputFields/Textarea.cjs +2 -2
  280. package/dist/InputFields/Textarea.cjs.map +1 -1
  281. package/dist/InputFields/Textarea.d.ts +2 -2
  282. package/dist/InputFields/Textarea.js +2 -2
  283. package/dist/InputFields/Textarea.js.map +1 -1
  284. package/dist/InputFields/components/SearchBarInput.cjs.map +1 -1
  285. package/dist/InputFields/components/SearchBarInput.js.map +1 -1
  286. package/dist/InputFields/components/SearchField.cjs +2 -2
  287. package/dist/InputFields/components/SearchField.cjs.map +1 -1
  288. package/dist/InputFields/components/SearchField.js +2 -2
  289. package/dist/InputFields/components/SearchField.js.map +1 -1
  290. package/dist/InputFields/index.cjs.map +1 -1
  291. package/dist/InputFields/index.js.map +1 -1
  292. package/dist/InputFields/styling.cjs.map +1 -1
  293. package/dist/InputFields/styling.js.map +1 -1
  294. package/dist/InputFields/types.cjs.map +1 -1
  295. package/dist/InputFields/types.d.ts +1 -0
  296. package/dist/InputFields/types.js.map +1 -1
  297. package/dist/Layouts/index.cjs.map +1 -1
  298. package/dist/Layouts/index.js.map +1 -1
  299. package/dist/LinearProgress/LinearProgress.cjs +2 -2
  300. package/dist/LinearProgress/LinearProgress.cjs.map +1 -1
  301. package/dist/LinearProgress/LinearProgress.js +2 -2
  302. package/dist/LinearProgress/LinearProgress.js.map +1 -1
  303. package/dist/LinearProgress/index.cjs.map +1 -1
  304. package/dist/LinearProgress/index.js.map +1 -1
  305. package/dist/List/ListRow.cjs +2 -2
  306. package/dist/List/ListRow.cjs.map +1 -1
  307. package/dist/List/ListRow.js +2 -2
  308. package/dist/List/ListRow.js.map +1 -1
  309. package/dist/List/index.cjs.map +1 -1
  310. package/dist/List/index.js.map +1 -1
  311. package/dist/LoadingIndicator/LoadingIndicator.cjs.map +1 -1
  312. package/dist/LoadingIndicator/LoadingIndicator.js.map +1 -1
  313. package/dist/LoadingIndicator/index.cjs.map +1 -1
  314. package/dist/LoadingIndicator/index.js.map +1 -1
  315. package/dist/LoadingPage/GlobalLoadingPage.cjs.map +1 -1
  316. package/dist/LoadingPage/GlobalLoadingPage.js.map +1 -1
  317. package/dist/LoadingPage/index.cjs.map +1 -1
  318. package/dist/LoadingPage/index.js.map +1 -1
  319. package/dist/MenuItem/MenuItem.cjs +2 -2
  320. package/dist/MenuItem/MenuItem.cjs.map +1 -1
  321. package/dist/MenuItem/MenuItem.d.ts +1 -1
  322. package/dist/MenuItem/MenuItem.js +2 -2
  323. package/dist/MenuItem/MenuItem.js.map +1 -1
  324. package/dist/MenuItem/index.cjs.map +1 -1
  325. package/dist/MenuItem/index.js.map +1 -1
  326. package/dist/MiniProductCard/MiniProductCard.cjs.map +1 -1
  327. package/dist/MiniProductCard/MiniProductCard.js.map +1 -1
  328. package/dist/MiniProductCard/index.cjs.map +1 -1
  329. package/dist/MiniProductCard/index.js.map +1 -1
  330. package/dist/Modals/Modal.cjs.map +1 -1
  331. package/dist/Modals/Modal.js.map +1 -1
  332. package/dist/Modals/ModalContainer.cjs +3 -3
  333. package/dist/Modals/ModalContainer.cjs.map +1 -1
  334. package/dist/Modals/ModalContainer.js +3 -3
  335. package/dist/Modals/ModalContainer.js.map +1 -1
  336. package/dist/Modals/ModalContent.cjs +4 -3
  337. package/dist/Modals/ModalContent.cjs.map +1 -1
  338. package/dist/Modals/ModalContent.d.ts +1 -0
  339. package/dist/Modals/ModalContent.js +4 -3
  340. package/dist/Modals/ModalContent.js.map +1 -1
  341. package/dist/Modals/ModalDialog.cjs +1 -0
  342. package/dist/Modals/ModalDialog.cjs.map +1 -1
  343. package/dist/Modals/ModalDialog.d.ts +1 -0
  344. package/dist/Modals/ModalDialog.js +1 -0
  345. package/dist/Modals/ModalDialog.js.map +1 -1
  346. package/dist/Modals/ModalNote.cjs.map +1 -1
  347. package/dist/Modals/ModalNote.js.map +1 -1
  348. package/dist/Modals/ModalStyles.cjs.map +1 -1
  349. package/dist/Modals/ModalStyles.js.map +1 -1
  350. package/dist/Modals/ModalTypes.cjs.map +1 -1
  351. package/dist/Modals/ModalTypes.js.map +1 -1
  352. package/dist/Modals/index.cjs.map +1 -1
  353. package/dist/Modals/index.js.map +1 -1
  354. package/dist/NavItem/NavItem.cjs.map +1 -1
  355. package/dist/NavItem/NavItem.js.map +1 -1
  356. package/dist/NavItem/index.cjs.map +1 -1
  357. package/dist/NavItem/index.js.map +1 -1
  358. package/dist/NotificationDot/NotificationDot.cjs.map +1 -1
  359. package/dist/NotificationDot/NotificationDot.js.map +1 -1
  360. package/dist/NotificationDot/index.cjs.map +1 -1
  361. package/dist/NotificationDot/index.js.map +1 -1
  362. package/dist/Paginator/Paginator.cjs +2 -2
  363. package/dist/Paginator/Paginator.cjs.map +1 -1
  364. package/dist/Paginator/Paginator.js +3 -3
  365. package/dist/Paginator/Paginator.js.map +1 -1
  366. package/dist/Paginator/index.cjs.map +1 -1
  367. package/dist/Paginator/index.js.map +1 -1
  368. package/dist/Popover/Popover.cjs.map +1 -1
  369. package/dist/Popover/Popover.js.map +1 -1
  370. package/dist/Popover/index.cjs.map +1 -1
  371. package/dist/Popover/index.js.map +1 -1
  372. package/dist/ProfileButton/ProfileButton.cjs +2 -2
  373. package/dist/ProfileButton/ProfileButton.cjs.map +1 -1
  374. package/dist/ProfileButton/ProfileButton.d.ts +1 -1
  375. package/dist/ProfileButton/ProfileButton.js +2 -2
  376. package/dist/ProfileButton/ProfileButton.js.map +1 -1
  377. package/dist/ProfileButton/index.cjs.map +1 -1
  378. package/dist/ProfileButton/index.js.map +1 -1
  379. package/dist/QuizButton/QuizButton.cjs +5 -3
  380. package/dist/QuizButton/QuizButton.cjs.map +1 -1
  381. package/dist/QuizButton/QuizButton.js +5 -3
  382. package/dist/QuizButton/QuizButton.js.map +1 -1
  383. package/dist/QuizButton/index.cjs.map +1 -1
  384. package/dist/QuizButton/index.js.map +1 -1
  385. package/dist/SegmentControl/SegmentControl.cjs +2 -2
  386. package/dist/SegmentControl/SegmentControl.cjs.map +1 -1
  387. package/dist/SegmentControl/SegmentControl.js +2 -2
  388. package/dist/SegmentControl/SegmentControl.js.map +1 -1
  389. package/dist/SegmentControl/index.cjs.map +1 -1
  390. package/dist/SegmentControl/index.js.map +1 -1
  391. package/dist/Services/functions.cjs.map +1 -1
  392. package/dist/Services/functions.js.map +1 -1
  393. package/dist/SideMenu/SideMenu.cjs +2 -2
  394. package/dist/SideMenu/SideMenu.cjs.map +1 -1
  395. package/dist/SideMenu/SideMenu.js +2 -2
  396. package/dist/SideMenu/SideMenu.js.map +1 -1
  397. package/dist/SideMenu/SideMenuBody.cjs.map +1 -1
  398. package/dist/SideMenu/SideMenuBody.js.map +1 -1
  399. package/dist/SideMenu/SideMenuFooter.cjs +2 -2
  400. package/dist/SideMenu/SideMenuFooter.cjs.map +1 -1
  401. package/dist/SideMenu/SideMenuFooter.js +2 -2
  402. package/dist/SideMenu/SideMenuFooter.js.map +1 -1
  403. package/dist/SideMenu/SideMenuHeader.cjs +2 -2
  404. package/dist/SideMenu/SideMenuHeader.cjs.map +1 -1
  405. package/dist/SideMenu/SideMenuHeader.js +2 -2
  406. package/dist/SideMenu/SideMenuHeader.js.map +1 -1
  407. package/dist/SideMenu/index.cjs.map +1 -1
  408. package/dist/SideMenu/index.js.map +1 -1
  409. package/dist/SideMenu/types.cjs.map +1 -1
  410. package/dist/SideMenu/types.js.map +1 -1
  411. package/dist/SkipToContent/SkipToContent.cjs +5 -0
  412. package/dist/SkipToContent/SkipToContent.cjs.map +1 -1
  413. package/dist/SkipToContent/SkipToContent.d.ts +3 -1
  414. package/dist/SkipToContent/SkipToContent.js +4 -0
  415. package/dist/SkipToContent/SkipToContent.js.map +1 -1
  416. package/dist/SkipToContent/index.cjs.map +1 -1
  417. package/dist/SkipToContent/index.js.map +1 -1
  418. package/dist/Switcher/MobileCustomMenuContent.cjs +56 -0
  419. package/dist/Switcher/MobileCustomMenuContent.cjs.map +1 -0
  420. package/dist/Switcher/MobileCustomMenuContent.d.ts +8 -0
  421. package/dist/Switcher/MobileCustomMenuContent.js +39 -0
  422. package/dist/Switcher/MobileCustomMenuContent.js.map +1 -0
  423. package/dist/Switcher/MobileSwitcherMenu.cjs +17 -4
  424. package/dist/Switcher/MobileSwitcherMenu.cjs.map +1 -1
  425. package/dist/Switcher/MobileSwitcherMenu.d.ts +5 -2
  426. package/dist/Switcher/MobileSwitcherMenu.js +16 -4
  427. package/dist/Switcher/MobileSwitcherMenu.js.map +1 -1
  428. package/dist/Switcher/SwitcherMenuItem.cjs.map +1 -1
  429. package/dist/Switcher/SwitcherMenuItem.js.map +1 -1
  430. package/dist/Switcher/index.cjs.map +1 -1
  431. package/dist/Switcher/index.js.map +1 -1
  432. package/dist/Table/Table.cjs +17 -9
  433. package/dist/Table/Table.cjs.map +1 -1
  434. package/dist/Table/Table.js +17 -9
  435. package/dist/Table/Table.js.map +1 -1
  436. package/dist/Table/TableBody.cjs +8 -7
  437. package/dist/Table/TableBody.cjs.map +1 -1
  438. package/dist/Table/TableBody.d.ts +1 -3
  439. package/dist/Table/TableBody.js +8 -7
  440. package/dist/Table/TableBody.js.map +1 -1
  441. package/dist/Table/TableFooter.cjs.map +1 -1
  442. package/dist/Table/TableFooter.js.map +1 -1
  443. package/dist/Table/TableHeaders.cjs +2 -2
  444. package/dist/Table/TableHeaders.cjs.map +1 -1
  445. package/dist/Table/TableHeaders.js +2 -2
  446. package/dist/Table/TableHeaders.js.map +1 -1
  447. package/dist/Table/TableStyles.cjs +1 -1
  448. package/dist/Table/TableStyles.cjs.map +1 -1
  449. package/dist/Table/TableStyles.js +1 -1
  450. package/dist/Table/TableStyles.js.map +1 -1
  451. package/dist/Table/TableTypes.cjs.map +1 -1
  452. package/dist/Table/TableTypes.d.ts +6 -1
  453. package/dist/Table/TableTypes.js.map +1 -1
  454. package/dist/Table/index.cjs.map +1 -1
  455. package/dist/Table/index.d.ts +1 -1
  456. package/dist/Table/index.js.map +1 -1
  457. package/dist/Tabs/HorizontalTabs.cjs +2 -2
  458. package/dist/Tabs/HorizontalTabs.cjs.map +1 -1
  459. package/dist/Tabs/HorizontalTabs.js +2 -2
  460. package/dist/Tabs/HorizontalTabs.js.map +1 -1
  461. package/dist/Tabs/TabLink.cjs +16 -20
  462. package/dist/Tabs/TabLink.cjs.map +1 -1
  463. package/dist/Tabs/TabLink.d.ts +1 -1
  464. package/dist/Tabs/TabLink.js +17 -20
  465. package/dist/Tabs/TabLink.js.map +1 -1
  466. package/dist/Tabs/Tabs.cjs.map +1 -1
  467. package/dist/Tabs/Tabs.js.map +1 -1
  468. package/dist/Tabs/VerticalTabs.cjs +1 -2
  469. package/dist/Tabs/VerticalTabs.cjs.map +1 -1
  470. package/dist/Tabs/VerticalTabs.d.ts +1 -3
  471. package/dist/Tabs/VerticalTabs.js +1 -2
  472. package/dist/Tabs/VerticalTabs.js.map +1 -1
  473. package/dist/Tabs/index.cjs.map +1 -1
  474. package/dist/Tabs/index.js.map +1 -1
  475. package/dist/Tag/Tag.cjs +2 -2
  476. package/dist/Tag/Tag.cjs.map +1 -1
  477. package/dist/Tag/Tag.js +2 -2
  478. package/dist/Tag/Tag.js.map +1 -1
  479. package/dist/Tag/index.cjs.map +1 -1
  480. package/dist/Tag/index.js.map +1 -1
  481. package/dist/Tile/Tile.cjs +2 -2
  482. package/dist/Tile/Tile.cjs.map +1 -1
  483. package/dist/Tile/Tile.js +2 -2
  484. package/dist/Tile/Tile.js.map +1 -1
  485. package/dist/Tile/TileBody.cjs.map +1 -1
  486. package/dist/Tile/TileBody.d.ts +1 -0
  487. package/dist/Tile/TileBody.js.map +1 -1
  488. package/dist/Tile/TileCommonItems.cjs +2 -2
  489. package/dist/Tile/TileCommonItems.cjs.map +1 -1
  490. package/dist/Tile/TileCommonItems.js +2 -2
  491. package/dist/Tile/TileCommonItems.js.map +1 -1
  492. package/dist/Tile/TileFooter.cjs.map +1 -1
  493. package/dist/Tile/TileFooter.js.map +1 -1
  494. package/dist/Tile/TileHeader.cjs.map +1 -1
  495. package/dist/Tile/TileHeader.js.map +1 -1
  496. package/dist/Tile/TileTypes.cjs.map +1 -1
  497. package/dist/Tile/TileTypes.js.map +1 -1
  498. package/dist/Tile/index.cjs.map +1 -1
  499. package/dist/Tile/index.js.map +1 -1
  500. package/dist/Toasters/Toast.cjs +2 -2
  501. package/dist/Toasters/Toast.cjs.map +1 -1
  502. package/dist/Toasters/Toast.js +2 -2
  503. package/dist/Toasters/Toast.js.map +1 -1
  504. package/dist/Toasters/ToastContext.cjs +7 -2
  505. package/dist/Toasters/ToastContext.cjs.map +1 -1
  506. package/dist/Toasters/ToastContext.d.ts +6 -4
  507. package/dist/Toasters/ToastContext.js +6 -2
  508. package/dist/Toasters/ToastContext.js.map +1 -1
  509. package/dist/Toasters/index.cjs.map +1 -1
  510. package/dist/Toasters/index.js.map +1 -1
  511. package/dist/Toggles/ToggleButton.cjs +2 -2
  512. package/dist/Toggles/ToggleButton.cjs.map +1 -1
  513. package/dist/Toggles/ToggleButton.js +2 -2
  514. package/dist/Toggles/ToggleButton.js.map +1 -1
  515. package/dist/Toggles/ToggleSwitch.cjs +2 -2
  516. package/dist/Toggles/ToggleSwitch.cjs.map +1 -1
  517. package/dist/Toggles/ToggleSwitch.js +2 -2
  518. package/dist/Toggles/ToggleSwitch.js.map +1 -1
  519. package/dist/Toggles/TogglerStyles.cjs.map +1 -1
  520. package/dist/Toggles/TogglerStyles.js.map +1 -1
  521. package/dist/Toggles/TogglerTypes.cjs.map +1 -1
  522. package/dist/Toggles/TogglerTypes.js.map +1 -1
  523. package/dist/Toggles/index.cjs.map +1 -1
  524. package/dist/Toggles/index.js.map +1 -1
  525. package/dist/Tooltips/TooltipStyles.cjs.map +1 -1
  526. package/dist/Tooltips/TooltipStyles.d.ts +1 -1
  527. package/dist/Tooltips/TooltipStyles.js.map +1 -1
  528. package/dist/Tooltips/TooltipTypes.cjs.map +1 -1
  529. package/dist/Tooltips/TooltipTypes.js.map +1 -1
  530. package/dist/Tooltips/TooltipWrapper.cjs +2 -2
  531. package/dist/Tooltips/TooltipWrapper.cjs.map +1 -1
  532. package/dist/Tooltips/TooltipWrapper.js +2 -2
  533. package/dist/Tooltips/TooltipWrapper.js.map +1 -1
  534. package/dist/Tooltips/index.cjs.map +1 -1
  535. package/dist/Tooltips/index.js.map +1 -1
  536. package/dist/assets/index.cjs.map +1 -1
  537. package/dist/assets/index.js.map +1 -1
  538. package/dist/common/ActionWithin.cjs.map +1 -1
  539. package/dist/common/ActionWithin.js.map +1 -1
  540. package/dist/common/ClickOutside.cjs.map +1 -1
  541. package/dist/common/ClickOutside.js.map +1 -1
  542. package/dist/common/EventHandlers.cjs.map +1 -1
  543. package/dist/common/EventHandlers.js.map +1 -1
  544. package/dist/common/FocusOutside.cjs.map +1 -1
  545. package/dist/common/FocusOutside.js.map +1 -1
  546. package/dist/common/FocusVisible.cjs.map +1 -1
  547. package/dist/common/FocusVisible.d.ts +1 -1
  548. package/dist/common/FocusVisible.js.map +1 -1
  549. package/dist/common/InputStyling.cjs.map +1 -1
  550. package/dist/common/InputStyling.js.map +1 -1
  551. package/dist/common/NavigationHelper.cjs +8 -6
  552. package/dist/common/NavigationHelper.cjs.map +1 -1
  553. package/dist/common/NavigationHelper.js +9 -7
  554. package/dist/common/NavigationHelper.js.map +1 -1
  555. package/dist/common/ScrollableContainer.cjs +44 -0
  556. package/dist/common/ScrollableContainer.cjs.map +1 -0
  557. package/dist/common/ScrollableContainer.d.ts +2 -0
  558. package/dist/common/ScrollableContainer.js +28 -0
  559. package/dist/common/ScrollableContainer.js.map +1 -0
  560. package/dist/common/StackState.cjs.map +1 -1
  561. package/dist/common/StackState.js.map +1 -1
  562. package/dist/common/index.cjs.map +1 -1
  563. package/dist/common/index.js.map +1 -1
  564. package/dist/icons/contenticons/ContentIcons.cjs +83 -2
  565. package/dist/icons/contenticons/ContentIcons.cjs.map +1 -1
  566. package/dist/icons/contenticons/ContentIcons.d.ts +3 -0
  567. package/dist/icons/contenticons/ContentIcons.js +72 -0
  568. package/dist/icons/contenticons/ContentIcons.js.map +1 -1
  569. package/dist/icons/index.cjs +14 -7
  570. package/dist/icons/index.cjs.map +1 -1
  571. package/dist/icons/index.d.ts +1 -0
  572. package/dist/icons/index.js +14 -7
  573. package/dist/icons/index.js.map +1 -1
  574. package/dist/icons/systemicons/SystemIcons.cjs +30 -1
  575. package/dist/icons/systemicons/SystemIcons.cjs.map +1 -1
  576. package/dist/icons/systemicons/SystemIcons.d.ts +1 -0
  577. package/dist/icons/systemicons/SystemIcons.js +26 -0
  578. package/dist/icons/systemicons/SystemIcons.js.map +1 -1
  579. package/dist/index.cjs.map +1 -1
  580. package/dist/index.js.map +1 -1
  581. package/dist/styles/breakpoints.cjs.map +1 -1
  582. package/dist/styles/breakpoints.js.map +1 -1
  583. package/dist/styles/colors.cjs.map +1 -1
  584. package/dist/styles/colors.js.map +1 -1
  585. package/dist/styles/focus-styles.cjs.map +1 -1
  586. package/dist/styles/focus-styles.js.map +1 -1
  587. package/dist/styles/global.cjs.map +1 -1
  588. package/dist/styles/global.js.map +1 -1
  589. package/dist/styles/index.cjs.map +1 -1
  590. package/dist/styles/index.js.map +1 -1
  591. package/dist/styles/shadowstyles.cjs.map +1 -1
  592. package/dist/styles/shadowstyles.js.map +1 -1
  593. package/dist/styles/typography.cjs +24 -12
  594. package/dist/styles/typography.cjs.map +1 -1
  595. package/dist/styles/typography.d.ts +2 -0
  596. package/dist/styles/typography.js +24 -12
  597. package/dist/styles/typography.js.map +1 -1
  598. package/dist/styles/z-indexes.cjs.map +1 -1
  599. package/dist/styles/z-indexes.js.map +1 -1
  600. package/dist/types.cjs.map +1 -1
  601. package/dist/types.js.map +1 -1
  602. package/package.json +50 -44
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/ChipsInput/ChipDropdownInput.tsx"],"names":["Wrapper","styled","div","ChipInputContainer","Z_INDEXES","dropdown","ChipDropdownInput","React","forwardRef","ref","list","onInputChange","disableSorting","messageOnNoResults","values","inputId","variants","placeholder","validationMessage","onValueChange","suggestion","loading","maxSelectedItems","multiLine","size","Size","Medium","icon","disableFiltering","disabled","altPlaceholder","required","rest","useState","givenList","setGivenList","chips","setChips","value","setValue","restartFilter","setRestartFilter","filteredList","setFilteredList","dropdownIsOpen","setDropdownIsOpen","dropdownList","setDropdownList","dropdownValue","setDropdownValue","focused","setFocused","containerRef","inputRef","useRef","useImperativeHandle","current","useEffect","map","a","find","b","label","index","variant","States","Default","newList","e","options","filter","option","toUpperCase","indexOf","secondaryLabel","sort","push","o","length","handleClickOutside","contains","target","document","addEventListener","removeEventListener","x","displayLabel","noteLabel","SystemIcons","addChip","newChip","handleInputValueChange","handleValueUpdate","item","focus","handleInputKeyDown","event","key","stopPropagation","handleOnChipRemoved","newChips","splice","chip","action","pinTopItem","itemsType","scrollable","actionLabel","multiSelect","onValueUpdate","items"],"mappings":"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","sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom components.\n */\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\nimport {Size, States} from '../types';\nimport {DropdownContent, DropdownItem} from '../Dropdown';\nimport {SystemIcons} from '../icons';\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\nimport {useClickOutsideRef, useFocusOutsideRef} from '../common';\nimport {Z_INDEXES} from '../styles';\n\nconst Wrapper = styled.div`\n position: relative;\n display: inline-block;\n width: 100%;\n\n ${ChipInputContainer} {\n position: relative;\n\n &:focus, &.focus-visible-within {\n z-index: ${Z_INDEXES.dropdown + 1} !important;\n }\n }\n`;\n\n\ninterface ListItem extends ChipItem {\n secondaryLabel?: string;\n value: string;\n}\n\ninterface ChipDropdownInputProps extends ChipInputProps {\n list: ListItem[] | string[];\n onInputChange?: (input: string) => void;\n messageOnNoResults?: string;\n suggestion?: ListItem;\n loading?: boolean;\n maxSelectedItems?: number;\n disableSorting?: boolean;\n disableFiltering?: boolean;\n}\n\nexport const ChipDropdownInput = React.forwardRef<HTMLInputElement | undefined, ChipDropdownInputProps>(({\n list,\n onInputChange,\n disableSorting,\n messageOnNoResults,\n values,\n inputId,\n variants,\n placeholder,\n validationMessage,\n onValueChange,\n suggestion,\n loading,\n maxSelectedItems,\n multiLine = true,\n size = Size.Medium,\n icon,\n disableFiltering,\n disabled,\n altPlaceholder,\n required,\n ...rest\n }: ChipDropdownInputProps, ref) => {\n // Initiate states\n const [givenList, setGivenList] = React.useState<ListItem[]>([]);\n const [chips, setChips] = React.useState<ListItem[]>([]);\n\n const [value, setValue] = React.useState<string>('');\n const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\n const [filteredList, setFilteredList] = React.useState<ListItem[]>();\n\n const [dropdownIsOpen, setDropdownIsOpen] = React.useState<boolean>(false);\n const [dropdownList, setDropdownList] = React.useState<DropdownItem[]>([]);\n const [dropdownValue, setDropdownValue] = React.useState<string>('');\n\n const [focused, setFocused] = React.useState<number | null>(null);\n\n const containerRef = useClickOutsideRef(() => setDropdownIsOpen(false), [], useFocusOutsideRef(() => setDropdownIsOpen(false)));\n const inputRef = React.useRef<any>();\n\n React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\n\n\n /**\n * Sets initial values for the chips.\n */\n React.useEffect(() => {\n\n const list =\n values.map((a) => chips.find(b => b.value === a) || givenList.find(b => b.value === a) || {\n label: a,\n value: a,\n icon: icon\n })\n .map((a, index) => ({...a, variant: a.variant || (variants && variants[index]) || States.Default}))\n .map((a, index) => ({...a, icon: a.icon || icon}));\n\n setChips(list);\n }, [values, variants, icon, givenList]);\n\n /**\n * Convert string[] to List[] if necessary\n */\n React.useEffect(() => {\n if (typeof list[0] === 'string') {\n const newList: ListItem[] = (list as string[]).map((e: string) => ({label: e, value: e}));\n setGivenList(newList);\n } else {\n setGivenList(list as ListItem[]);\n }\n }, [list]);\n\n /**\n * filter and sort list if remoteOperations is false\n * */\n React.useEffect(() => {\n let options = [...givenList];\n if (!disableFiltering) {\n if (!restartFilter && value !== '') {\n options = options.filter((option) => option.label.toUpperCase().indexOf(value.toUpperCase()) !== -1 ||\n (option.secondaryLabel && option.secondaryLabel?.toUpperCase().indexOf(value.toUpperCase()) !== -1));\n }\n }\n\n if (!disableSorting) {\n options = options.sort();\n }\n\n suggestion && options.push(suggestion);\n\n options = options.filter((o) => !chips.find(a => a.value === o.value));\n setFilteredList(options);\n }, [value, givenList, chips, disableFiltering, disableSorting]);\n\n /**\n * if there is only one active item in dropdown mark it as focused\n * */\n React.useEffect(() => {\n if (dropdownIsOpen && !!value && dropdownList?.filter(a => !a.disabled).length === 1) {\n setDropdownValue(dropdownList.find(a => !a.disabled)!.value);\n } else {\n setDropdownValue('');\n }\n }, [dropdownList, dropdownIsOpen, value]);\n\n const handleClickOutside = (e: any) => {\n if (!containerRef.current?.contains(e.target)) {\n if (dropdownIsOpen) {\n setDropdownIsOpen(false);\n if (!givenList.find((e) => e.value === value)) {\n setValue('');\n }\n }\n }\n };\n\n /**\n * register click outside event listener\n * */\n React.useEffect(() => {\n document.addEventListener('click', handleClickOutside);\n return () => {\n document.removeEventListener('click', handleClickOutside);\n };\n });\n\n /**\n * update dropdown items when filtered list changes\n * */\n React.useEffect(() => {\n setDropdownList(filteredList?.map(x => ({\n value: x.value,\n displayLabel: x.label,\n noteLabel: x.secondaryLabel,\n icon: (x.icon ?? icon) && SystemIcons[(x.icon || icon)!]({}),\n disabled: x.disabled,\n })) ?? []);\n }, [filteredList]);\n\n const addChip = (newChip: ListItem) => {\n const newList = [...chips, newChip];\n // Let's add the chip\n setChips(newList);\n onValueChange(newList.map(a => a.value));\n\n setValue('');\n };\n\n const handleInputValueChange = (value: string) => {\n setValue(value);\n setRestartFilter(false);\n setDropdownIsOpen(true);\n onInputChange && onInputChange(value);\n }\n\n /**\n * Add chip from dropdown\n * */\n const handleValueUpdate = (values: string[]) => {\n const item = filteredList?.find(a => a.value === values[0]);\n item && addChip(item);\n setRestartFilter(true);\n inputRef?.current?.focus();\n }\n\n /**\n * Adds a chip to the chip list.\n * @param event - Event handler from the key down event.\n */\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n // Let's trigger only on enter, comma and space key press\n if ((event.key === 'Enter' || event.key === ' ') && value) {\n if (dropdownList?.filter(a => !a.disabled).length === 1) {\n handleValueUpdate([dropdownList!.find(a => !a.disabled)!.value]);\n event.stopPropagation();\n }\n }\n\n if ((event.key === 'ArrowDown' || event.key === 'Down' || event.key === 'ArrowUp' || event.key === 'Up') && !!dropdownList?.length) {\n setDropdownIsOpen(true);\n }\n };\n\n /**\n * Removes a specific chip from the chip list.\n * @param index - Index of the chip that needs to be removed.\n */\n const handleOnChipRemoved = (index: number): void => {\n // Let's copy the chips\n const newChips = [...chips];\n\n // Let's delete the chip\n // If necessary, let's replace it with a different chip\n newChips.splice(index, 1);\n\n // Let's update the chip list\n setChips([...newChips]);\n onValueChange(newChips.map((e) => e.value));\n };\n\n return (\n <Wrapper ref={containerRef}>\n <ChipInputField inputId={inputId}\n ref={inputRef}\n items={chips}\n required={required}\n inputValue={value}\n size={size}\n placeholder={placeholder}\n altPlaceholder={altPlaceholder}\n disabled={disabled}\n multiLine={multiLine}\n validationMessage={validationMessage}\n loading={loading}\n onRemoveItem={(chip, index) => handleOnChipRemoved(index)}\n onInputValueChange={handleInputValueChange}\n onInputKeyDown={handleInputKeyDown}\n onActivationChange={(value) => setDropdownIsOpen(value)}\n {...rest}/>\n <DropdownContent\n containerRef={containerRef}\n customizationProps={{\n action: () => {\n },\n pinTopItem: true,\n\n itemsType: 'normal',\n scrollable: true,\n actionLabel: '',\n multiSelect: false,\n onValueUpdate: handleValueUpdate,\n items: dropdownList\n }}\n focused={focused}\n setFocused={setFocused}\n selectedValues={[dropdownValue]}\n messageOnNoResults={messageOnNoResults ?? ''}\n setSelectedValues={() => {\n }}\n isOpen={(!maxSelectedItems || (!!maxSelectedItems && chips.length < maxSelectedItems)) && dropdownIsOpen}\n setIsOpen={setDropdownIsOpen}\n filter={''}\n isButton={false}\n id={`${inputId}_dropdowncontent`}/>\n\n </Wrapper>\n );\n});\n"],"file":"ChipDropdownInput.cjs"}
1
+ {"version":3,"file":"ChipDropdownInput.cjs","names":["Wrapper","styled","div","ChipInputContainer","Z_INDEXES","dropdown","ChipDropdownInput","React","forwardRef","ref","list","onInputChange","disableSorting","messageOnNoResults","values","inputId","variants","placeholder","validationMessage","onValueChange","suggestion","loading","maxSelectedItems","multiLine","size","Size","Medium","icon","disableFiltering","disabled","altPlaceholder","required","rest","useState","givenList","setGivenList","chips","setChips","activeDescendant","setActiveDescendant","value","setValue","restartFilter","setRestartFilter","filteredList","setFilteredList","dropdownIsOpen","setDropdownIsOpen","dropdownList","setDropdownList","dropdownValue","setDropdownValue","focused","setFocused","containerRef","useClickOutsideRef","useFocusOutsideRef","inputRef","useRef","useImperativeHandle","current","useEffect","map","a","find","b","label","index","variant","States","Default","newList","e","options","filter","option","toUpperCase","indexOf","secondaryLabel","sort","push","o","length","handleClickOutside","contains","target","document","addEventListener","removeEventListener","x","displayLabel","noteLabel","SystemIcons","addChip","newChip","handleInputValueChange","handleValueUpdate","item","focus","handleInputKeyDown","event","key","stopPropagation","handleOnChipRemoved","newChips","splice","chip","action","pinTopItem","itemsType","scrollable","actionLabel","multiSelect","onValueUpdate","items"],"sources":["../../src/ChipsInput/ChipDropdownInput.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom components.\n */\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\nimport {Size, States} from '../types';\nimport {DropdownContent, DropdownItem} from '../Dropdown';\nimport {SystemIcons} from '../icons';\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\nimport {useClickOutsideRef, useFocusOutsideRef} from '../common';\nimport {Z_INDEXES} from '../styles';\n\nconst Wrapper = styled.div`\n position: relative;\n display: inline-block;\n width: 100%;\n\n ${ChipInputContainer} {\n position: relative;\n\n &:focus, &.focus-visible-within {\n z-index: ${Z_INDEXES.dropdown + 1} !important;\n }\n }\n`;\n\n\ninterface ListItem extends ChipItem {\n secondaryLabel?: string;\n value: string;\n}\n\ninterface ChipDropdownInputProps extends ChipInputProps {\n list: ListItem[] | string[];\n onInputChange?: (input: string) => void;\n messageOnNoResults?: string;\n suggestion?: ListItem;\n loading?: boolean;\n maxSelectedItems?: number;\n disableSorting?: boolean;\n disableFiltering?: boolean;\n}\n\nexport const ChipDropdownInput = React.forwardRef<HTMLInputElement | undefined, ChipDropdownInputProps>(({\n list,\n onInputChange,\n disableSorting,\n messageOnNoResults,\n values,\n inputId,\n variants,\n placeholder,\n validationMessage,\n onValueChange,\n suggestion,\n loading,\n maxSelectedItems,\n multiLine = true,\n size = Size.Medium,\n icon,\n disableFiltering,\n disabled,\n altPlaceholder,\n required,\n ...rest\n }: ChipDropdownInputProps, ref) => {\n // Initiate states\n const [givenList, setGivenList] = React.useState<ListItem[]>([]);\n const [chips, setChips] = React.useState<ListItem[]>([]);\n\n const [activeDescendant, setActiveDescendant] = React.useState<string>();\n const [value, setValue] = React.useState<string>('');\n const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\n const [filteredList, setFilteredList] = React.useState<ListItem[]>();\n\n const [dropdownIsOpen, setDropdownIsOpen] = React.useState<boolean>(false);\n const [dropdownList, setDropdownList] = React.useState<DropdownItem[]>([]);\n const [dropdownValue, setDropdownValue] = React.useState<string>('');\n\n const [focused, setFocused] = React.useState<number | null>(null);\n\n const containerRef = useClickOutsideRef(() => setDropdownIsOpen(false), [], useFocusOutsideRef(() => setDropdownIsOpen(false)));\n const inputRef = React.useRef<any>();\n\n React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\n\n\n /**\n * Sets initial values for the chips.\n */\n React.useEffect(() => {\n\n const list =\n values.map((a) => chips.find(b => b.value === a) || givenList.find(b => b.value === a) || {\n label: a,\n value: a,\n icon: icon\n })\n .map((a, index) => ({...a, variant: a.variant || (variants && variants[index]) || States.Default}))\n .map((a, index) => ({...a, icon: a.icon || icon}));\n\n setChips(list);\n }, [values, variants, icon, givenList]);\n\n /**\n * Convert string[] to List[] if necessary\n */\n React.useEffect(() => {\n if (typeof list[0] === 'string') {\n const newList: ListItem[] = (list as string[]).map((e: string) => ({label: e, value: e}));\n setGivenList(newList);\n } else {\n setGivenList(list as ListItem[]);\n }\n }, [list]);\n\n /**\n * filter and sort list if remoteOperations is false\n * */\n React.useEffect(() => {\n let options = [...givenList];\n if (!disableFiltering) {\n if (!restartFilter && value !== '') {\n options = options.filter((option) => option.label.toUpperCase().indexOf(value.toUpperCase()) !== -1 ||\n (option.secondaryLabel && option.secondaryLabel?.toUpperCase().indexOf(value.toUpperCase()) !== -1));\n }\n }\n\n if (!disableSorting) {\n options = options.sort();\n }\n\n suggestion && options.push(suggestion);\n\n options = options.filter((o) => !chips.find(a => a.value === o.value));\n setFilteredList(options);\n }, [value, givenList, chips, disableFiltering, disableSorting]);\n\n /**\n * if there is only one active item in dropdown mark it as focused\n * */\n React.useEffect(() => {\n if (dropdownIsOpen && !!value && dropdownList?.filter(a => !a.disabled).length === 1) {\n setDropdownValue(dropdownList.find(a => !a.disabled)!.value);\n } else {\n setDropdownValue('');\n }\n }, [dropdownList, dropdownIsOpen, value]);\n\n const handleClickOutside = (e: any) => {\n if (!containerRef.current?.contains(e.target)) {\n if (dropdownIsOpen) {\n setDropdownIsOpen(false);\n if (!givenList.find((e) => e.value === value)) {\n setValue('');\n }\n }\n }\n };\n\n /**\n * register click outside event listener\n * */\n React.useEffect(() => {\n document.addEventListener('click', handleClickOutside);\n return () => {\n document.removeEventListener('click', handleClickOutside);\n };\n });\n\n /**\n * update dropdown items when filtered list changes\n * */\n React.useEffect(() => {\n setDropdownList(filteredList?.map(x => ({\n value: x.value,\n displayLabel: x.label,\n noteLabel: x.secondaryLabel,\n icon: (x.icon ?? icon) && SystemIcons[(x.icon || icon)!]({}),\n disabled: x.disabled,\n })) ?? []);\n }, [filteredList]);\n\n const addChip = (newChip: ListItem) => {\n const newList = [...chips, newChip];\n // Let's add the chip\n setChips(newList);\n onValueChange(newList.map(a => a.value));\n\n setValue('');\n };\n\n const handleInputValueChange = (value: string) => {\n setValue(value);\n setRestartFilter(false);\n setDropdownIsOpen(true);\n onInputChange && onInputChange(value);\n }\n\n /**\n * Add chip from dropdown\n * */\n const handleValueUpdate = (values: string[]) => {\n const item = filteredList?.find(a => a.value === values[0]);\n item && addChip(item);\n setRestartFilter(true);\n inputRef?.current?.focus();\n }\n\n /**\n * Adds a chip to the chip list.\n * @param event - Event handler from the key down event.\n */\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n // Let's trigger only on enter, comma and space key press\n if ((event.key === 'Enter' || event.key === ' ') && value) {\n if (dropdownList?.filter(a => !a.disabled).length === 1) {\n handleValueUpdate([dropdownList!.find(a => !a.disabled)!.value]);\n event.stopPropagation();\n }\n }\n\n if ((event.key === 'ArrowDown' || event.key === 'Down' || event.key === 'ArrowUp' || event.key === 'Up') && !!dropdownList?.length) {\n setDropdownIsOpen(true);\n }\n };\n\n /**\n * Removes a specific chip from the chip list.\n * @param index - Index of the chip that needs to be removed.\n */\n const handleOnChipRemoved = (index: number): void => {\n // Let's copy the chips\n const newChips = [...chips];\n\n // Let's delete the chip\n // If necessary, let's replace it with a different chip\n newChips.splice(index, 1);\n\n // Let's update the chip list\n setChips([...newChips]);\n onValueChange(newChips.map((e) => e.value));\n };\n\n return (\n <Wrapper ref={containerRef}>\n <ChipInputField inputId={inputId}\n ref={inputRef}\n items={chips}\n required={required}\n inputValue={value}\n role=\"combobox\"\n aria-activedescendant={activeDescendant}\n size={size}\n placeholder={placeholder}\n altPlaceholder={altPlaceholder}\n disabled={disabled}\n multiLine={multiLine}\n validationMessage={validationMessage}\n loading={loading}\n onRemoveItem={(chip, index) => handleOnChipRemoved(index)}\n onInputValueChange={handleInputValueChange}\n onInputKeyDown={handleInputKeyDown}\n onActivationChange={(value) => setDropdownIsOpen(value)}\n {...rest}/>\n <DropdownContent\n containerRef={containerRef}\n customizationProps={{\n action: () => {\n },\n pinTopItem: true,\n\n itemsType: 'normal',\n scrollable: true,\n actionLabel: '',\n multiSelect: false,\n onValueUpdate: handleValueUpdate,\n items: dropdownList,\n }}\n ariaRolesType=\"input\"\n focused={focused}\n setFocused={setFocused}\n onActiveDescendantChanged={(e) => setActiveDescendant(e)}\n selectedValues={[dropdownValue]}\n messageOnNoResults={messageOnNoResults ?? ''}\n setSelectedValues={() => {\n }}\n isOpen={(!maxSelectedItems || (!!maxSelectedItems && chips.length < maxSelectedItems)) && dropdownIsOpen}\n setIsOpen={setDropdownIsOpen}\n filter={''}\n isButton={false}\n id={`${inputId}_dropdowncontent`}/>\n\n </Wrapper>\n );\n});\n"],"mappings":"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"}
@@ -8,9 +8,9 @@ var _excluded = ["list", "onInputChange", "disableSorting", "messageOnNoResults"
8
8
 
9
9
  var _templateObject;
10
10
 
11
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
11
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
12
12
 
13
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
13
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
14
14
 
15
15
  /**
16
16
  * Import React libraries.
@@ -70,40 +70,45 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
70
70
  chips = _React$useState4[0],
71
71
  setChips = _React$useState4[1];
72
72
 
73
- var _React$useState5 = React.useState(''),
73
+ var _React$useState5 = React.useState(),
74
74
  _React$useState6 = _slicedToArray(_React$useState5, 2),
75
- value = _React$useState6[0],
76
- setValue = _React$useState6[1];
75
+ activeDescendant = _React$useState6[0],
76
+ setActiveDescendant = _React$useState6[1];
77
77
 
78
- var _React$useState7 = React.useState(false),
78
+ var _React$useState7 = React.useState(''),
79
79
  _React$useState8 = _slicedToArray(_React$useState7, 2),
80
- restartFilter = _React$useState8[0],
81
- setRestartFilter = _React$useState8[1];
80
+ value = _React$useState8[0],
81
+ setValue = _React$useState8[1];
82
82
 
83
- var _React$useState9 = React.useState(),
83
+ var _React$useState9 = React.useState(false),
84
84
  _React$useState10 = _slicedToArray(_React$useState9, 2),
85
- filteredList = _React$useState10[0],
86
- setFilteredList = _React$useState10[1];
85
+ restartFilter = _React$useState10[0],
86
+ setRestartFilter = _React$useState10[1];
87
87
 
88
- var _React$useState11 = React.useState(false),
88
+ var _React$useState11 = React.useState(),
89
89
  _React$useState12 = _slicedToArray(_React$useState11, 2),
90
- dropdownIsOpen = _React$useState12[0],
91
- setDropdownIsOpen = _React$useState12[1];
90
+ filteredList = _React$useState12[0],
91
+ setFilteredList = _React$useState12[1];
92
92
 
93
- var _React$useState13 = React.useState([]),
93
+ var _React$useState13 = React.useState(false),
94
94
  _React$useState14 = _slicedToArray(_React$useState13, 2),
95
- dropdownList = _React$useState14[0],
96
- setDropdownList = _React$useState14[1];
95
+ dropdownIsOpen = _React$useState14[0],
96
+ setDropdownIsOpen = _React$useState14[1];
97
97
 
98
- var _React$useState15 = React.useState(''),
98
+ var _React$useState15 = React.useState([]),
99
99
  _React$useState16 = _slicedToArray(_React$useState15, 2),
100
- dropdownValue = _React$useState16[0],
101
- setDropdownValue = _React$useState16[1];
100
+ dropdownList = _React$useState16[0],
101
+ setDropdownList = _React$useState16[1];
102
102
 
103
- var _React$useState17 = React.useState(null),
103
+ var _React$useState17 = React.useState(''),
104
104
  _React$useState18 = _slicedToArray(_React$useState17, 2),
105
- focused = _React$useState18[0],
106
- setFocused = _React$useState18[1];
105
+ dropdownValue = _React$useState18[0],
106
+ setDropdownValue = _React$useState18[1];
107
+
108
+ var _React$useState19 = React.useState(null),
109
+ _React$useState20 = _slicedToArray(_React$useState19, 2),
110
+ focused = _React$useState20[0],
111
+ setFocused = _React$useState20[1];
107
112
 
108
113
  var containerRef = useClickOutsideRef(function () {
109
114
  return setDropdownIsOpen(false);
@@ -330,6 +335,8 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
330
335
  items: chips,
331
336
  required: required,
332
337
  inputValue: value,
338
+ role: "combobox",
339
+ "aria-activedescendant": activeDescendant,
333
340
  size: size,
334
341
  placeholder: placeholder,
335
342
  altPlaceholder: altPlaceholder,
@@ -357,8 +364,12 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
357
364
  onValueUpdate: handleValueUpdate,
358
365
  items: dropdownList
359
366
  },
367
+ ariaRolesType: "input",
360
368
  focused: focused,
361
369
  setFocused: setFocused,
370
+ onActiveDescendantChanged: function onActiveDescendantChanged(e) {
371
+ return setActiveDescendant(e);
372
+ },
362
373
  selectedValues: [dropdownValue],
363
374
  messageOnNoResults: messageOnNoResults !== null && messageOnNoResults !== void 0 ? messageOnNoResults : '',
364
375
  setSelectedValues: function setSelectedValues() {},
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/ChipsInput/ChipDropdownInput.tsx"],"names":["React","styled","ChipInputContainer","ChipInputField","Size","States","DropdownContent","SystemIcons","useClickOutsideRef","useFocusOutsideRef","Z_INDEXES","Wrapper","div","dropdown","ChipDropdownInput","forwardRef","ref","list","onInputChange","disableSorting","messageOnNoResults","values","inputId","variants","placeholder","validationMessage","onValueChange","suggestion","loading","maxSelectedItems","multiLine","size","Medium","icon","disableFiltering","disabled","altPlaceholder","required","rest","useState","givenList","setGivenList","chips","setChips","value","setValue","restartFilter","setRestartFilter","filteredList","setFilteredList","dropdownIsOpen","setDropdownIsOpen","dropdownList","setDropdownList","dropdownValue","setDropdownValue","focused","setFocused","containerRef","inputRef","useRef","useImperativeHandle","current","useEffect","map","a","find","b","label","index","variant","Default","newList","e","options","filter","option","toUpperCase","indexOf","secondaryLabel","sort","push","o","length","handleClickOutside","contains","target","document","addEventListener","removeEventListener","x","displayLabel","noteLabel","addChip","newChip","handleInputValueChange","handleValueUpdate","item","focus","handleInputKeyDown","event","key","stopPropagation","handleOnChipRemoved","newChips","splice","chip","action","pinTopItem","itemsType","scrollable","actionLabel","multiSelect","onValueUpdate","items"],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA;AACA;AACA;;AACA,SAAQC,kBAAR,EAA4BC,cAA5B,QAAiD,kBAAjD;AACA,SAAQC,IAAR,EAAcC,MAAd,QAA2B,UAA3B;AACA,SAAQC,eAAR,QAA4C,aAA5C;AACA,SAAQC,WAAR,QAA0B,UAA1B;AAEA,SAAQC,kBAAR,EAA4BC,kBAA5B,QAAqD,WAArD;AACA,SAAQC,SAAR,QAAwB,WAAxB;;;AAEA,IAAMC,OAAO,GAAGV,MAAM,CAACW,GAAV,oQAKTV,kBALS,EASIQ,SAAS,CAACG,QAAV,GAAqB,CATzB,CAAb;AA+BA,OAAO,IAAMC,iBAAiB,gBAAGd,KAAK,CAACe,UAAN,CAAuE,gBAsBgBC,GAtBhB,EAsBwB;AAAA,MArBjCC,IAqBiC,QArBjCA,IAqBiC;AAAA,MApBjCC,aAoBiC,QApBjCA,aAoBiC;AAAA,MAnBjCC,cAmBiC,QAnBjCA,cAmBiC;AAAA,MAlBjCC,kBAkBiC,QAlBjCA,kBAkBiC;AAAA,MAjBjCC,MAiBiC,QAjBjCA,MAiBiC;AAAA,MAhBjCC,OAgBiC,QAhBjCA,OAgBiC;AAAA,MAfjCC,QAeiC,QAfjCA,QAeiC;AAAA,MAdjCC,WAciC,QAdjCA,WAciC;AAAA,MAbjCC,iBAaiC,QAbjCA,iBAaiC;AAAA,MAZjCC,aAYiC,QAZjCA,aAYiC;AAAA,MAXjCC,UAWiC,QAXjCA,UAWiC;AAAA,MAVjCC,OAUiC,QAVjCA,OAUiC;AAAA,MATjCC,gBASiC,QATjCA,gBASiC;AAAA,4BARjCC,SAQiC;AAAA,MARjCA,SAQiC,+BARrB,IAQqB;AAAA,uBAPjCC,IAOiC;AAAA,MAPjCA,IAOiC,0BAP1B3B,IAAI,CAAC4B,MAOqB;AAAA,MANjCC,IAMiC,QANjCA,IAMiC;AAAA,MALjCC,gBAKiC,QALjCA,gBAKiC;AAAA,MAJjCC,QAIiC,QAJjCA,QAIiC;AAAA,MAHjCC,cAGiC,QAHjCA,cAGiC;AAAA,MAFjCC,QAEiC,QAFjCA,QAEiC;AAAA,MAD9BC,IAC8B;;AAC9H;AACA,wBAAkCtC,KAAK,CAACuC,QAAN,CAA2B,EAA3B,CAAlC;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AACA,yBAA0BzC,KAAK,CAACuC,QAAN,CAA2B,EAA3B,CAA1B;AAAA;AAAA,MAAOG,KAAP;AAAA,MAAcC,QAAd;;AAEA,yBAA0B3C,KAAK,CAACuC,QAAN,CAAuB,EAAvB,CAA1B;AAAA;AAAA,MAAOK,KAAP;AAAA,MAAcC,QAAd;;AACA,yBAA0C7C,KAAK,CAACuC,QAAN,CAAwB,KAAxB,CAA1C;AAAA;AAAA,MAAOO,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,yBAAwC/C,KAAK,CAACuC,QAAN,EAAxC;AAAA;AAAA,MAAOS,YAAP;AAAA,MAAqBC,eAArB;;AAEA,0BAA4CjD,KAAK,CAACuC,QAAN,CAAwB,KAAxB,CAA5C;AAAA;AAAA,MAAOW,cAAP;AAAA,MAAuBC,iBAAvB;;AACA,0BAAwCnD,KAAK,CAACuC,QAAN,CAA+B,EAA/B,CAAxC;AAAA;AAAA,MAAOa,YAAP;AAAA,MAAqBC,eAArB;;AACA,0BAA0CrD,KAAK,CAACuC,QAAN,CAAuB,EAAvB,CAA1C;AAAA;AAAA,MAAOe,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,0BAA8BvD,KAAK,CAACuC,QAAN,CAA8B,IAA9B,CAA9B;AAAA;AAAA,MAAOiB,OAAP;AAAA,MAAgBC,UAAhB;;AAEA,MAAMC,YAAY,GAAGlD,kBAAkB,CAAC;AAAA,WAAM2C,iBAAiB,CAAC,KAAD,CAAvB;AAAA,GAAD,EAAiC,EAAjC,EAAqC1C,kBAAkB,CAAC;AAAA,WAAM0C,iBAAiB,CAAC,KAAD,CAAvB;AAAA,GAAD,CAAvD,CAAvC;AACA,MAAMQ,QAAQ,GAAG3D,KAAK,CAAC4D,MAAN,EAAjB;AAEA5D,EAAAA,KAAK,CAAC6D,mBAAN,CAA0B7C,GAA1B,EAA+B;AAAA,WAAM2C,QAAQ,CAACG,OAAf;AAAA,GAA/B,EAAuD,CAACH,QAAD,CAAvD;AAGA;AACF;AACA;;AACE3D,EAAAA,KAAK,CAAC+D,SAAN,CAAgB,YAAM;AAEpB,QAAM9C,IAAI,GACRI,MAAM,CAAC2C,GAAP,CAAW,UAACC,CAAD;AAAA,aAAOvB,KAAK,CAACwB,IAAN,CAAW,UAAAC,CAAC;AAAA,eAAIA,CAAC,CAACvB,KAAF,KAAYqB,CAAhB;AAAA,OAAZ,KAAkCzB,SAAS,CAAC0B,IAAV,CAAe,UAAAC,CAAC;AAAA,eAAIA,CAAC,CAACvB,KAAF,KAAYqB,CAAhB;AAAA,OAAhB,CAAlC,IAAwE;AACxFG,QAAAA,KAAK,EAAEH,CADiF;AAExFrB,QAAAA,KAAK,EAAEqB,CAFiF;AAGxFhC,QAAAA,IAAI,EAAEA;AAHkF,OAA/E;AAAA,KAAX,EAKG+B,GALH,CAKO,UAACC,CAAD,EAAII,KAAJ;AAAA,6CAAmBJ,CAAnB;AAAsBK,QAAAA,OAAO,EAAEL,CAAC,CAACK,OAAF,IAAc/C,QAAQ,IAAIA,QAAQ,CAAC8C,KAAD,CAAlC,IAA8ChE,MAAM,CAACkE;AAApF;AAAA,KALP,EAMGP,GANH,CAMO,UAACC,CAAD,EAAII,KAAJ;AAAA,6CAAmBJ,CAAnB;AAAsBhC,QAAAA,IAAI,EAAEgC,CAAC,CAAChC,IAAF,IAAUA;AAAtC;AAAA,KANP,CADF;AASAU,IAAAA,QAAQ,CAAC1B,IAAD,CAAR;AACD,GAZD,EAYG,CAACI,MAAD,EAASE,QAAT,EAAmBU,IAAnB,EAAyBO,SAAzB,CAZH;AAcA;AACF;AACA;;AACExC,EAAAA,KAAK,CAAC+D,SAAN,CAAgB,YAAM;AACpB,QAAI,OAAO9C,IAAI,CAAC,CAAD,CAAX,KAAmB,QAAvB,EAAiC;AAC/B,UAAMuD,OAAmB,GAAIvD,IAAD,CAAmB+C,GAAnB,CAAuB,UAACS,CAAD;AAAA,eAAgB;AAACL,UAAAA,KAAK,EAAEK,CAAR;AAAW7B,UAAAA,KAAK,EAAE6B;AAAlB,SAAhB;AAAA,OAAvB,CAA5B;AACAhC,MAAAA,YAAY,CAAC+B,OAAD,CAAZ;AACD,KAHD,MAGO;AACL/B,MAAAA,YAAY,CAACxB,IAAD,CAAZ;AACD;AACF,GAPD,EAOG,CAACA,IAAD,CAPH;AASA;AACF;AACA;;AACEjB,EAAAA,KAAK,CAAC+D,SAAN,CAAgB,YAAM;AACpB,QAAIW,OAAO,sBAAOlC,SAAP,CAAX;;AACA,QAAI,CAACN,gBAAL,EAAuB;AACrB,UAAI,CAACY,aAAD,IAAkBF,KAAK,KAAK,EAAhC,EAAoC;AAClC8B,QAAAA,OAAO,GAAGA,OAAO,CAACC,MAAR,CAAe,UAACC,MAAD;AAAA;;AAAA,iBAAYA,MAAM,CAACR,KAAP,CAAaS,WAAb,GAA2BC,OAA3B,CAAmClC,KAAK,CAACiC,WAAN,EAAnC,MAA4D,CAAC,CAA7D,IAClCD,MAAM,CAACG,cAAP,IAAyB,0BAAAH,MAAM,CAACG,cAAP,gFAAuBF,WAAvB,GAAqCC,OAArC,CAA6ClC,KAAK,CAACiC,WAAN,EAA7C,OAAsE,CAAC,CAD1E;AAAA,SAAf,CAAV;AAED;AACF;;AAED,QAAI,CAAC1D,cAAL,EAAqB;AACnBuD,MAAAA,OAAO,GAAGA,OAAO,CAACM,IAAR,EAAV;AACD;;AAEDrD,IAAAA,UAAU,IAAI+C,OAAO,CAACO,IAAR,CAAatD,UAAb,CAAd;AAEA+C,IAAAA,OAAO,GAAGA,OAAO,CAACC,MAAR,CAAe,UAACO,CAAD;AAAA,aAAO,CAACxC,KAAK,CAACwB,IAAN,CAAW,UAAAD,CAAC;AAAA,eAAIA,CAAC,CAACrB,KAAF,KAAYsC,CAAC,CAACtC,KAAlB;AAAA,OAAZ,CAAR;AAAA,KAAf,CAAV;AACAK,IAAAA,eAAe,CAACyB,OAAD,CAAf;AACD,GAjBD,EAiBG,CAAC9B,KAAD,EAAQJ,SAAR,EAAmBE,KAAnB,EAA0BR,gBAA1B,EAA4Cf,cAA5C,CAjBH;AAmBA;AACF;AACA;;AACEnB,EAAAA,KAAK,CAAC+D,SAAN,CAAgB,YAAM;AACpB,QAAIb,cAAc,IAAI,CAAC,CAACN,KAApB,IAA6B,CAAAQ,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAEuB,MAAd,CAAqB,UAAAV,CAAC;AAAA,aAAI,CAACA,CAAC,CAAC9B,QAAP;AAAA,KAAtB,EAAuCgD,MAAvC,MAAkD,CAAnF,EAAsF;AACpF5B,MAAAA,gBAAgB,CAACH,YAAY,CAACc,IAAb,CAAkB,UAAAD,CAAC;AAAA,eAAI,CAACA,CAAC,CAAC9B,QAAP;AAAA,OAAnB,EAAqCS,KAAtC,CAAhB;AACD,KAFD,MAEO;AACLW,MAAAA,gBAAgB,CAAC,EAAD,CAAhB;AACD;AACF,GAND,EAMG,CAACH,YAAD,EAAeF,cAAf,EAA+BN,KAA/B,CANH;;AAQA,MAAMwC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACX,CAAD,EAAY;AAAA;;AACrC,QAAI,2BAACf,YAAY,CAACI,OAAd,kDAAC,sBAAsBuB,QAAtB,CAA+BZ,CAAC,CAACa,MAAjC,CAAD,CAAJ,EAA+C;AAC7C,UAAIpC,cAAJ,EAAoB;AAClBC,QAAAA,iBAAiB,CAAC,KAAD,CAAjB;;AACA,YAAI,CAACX,SAAS,CAAC0B,IAAV,CAAe,UAACO,CAAD;AAAA,iBAAOA,CAAC,CAAC7B,KAAF,KAAYA,KAAnB;AAAA,SAAf,CAAL,EAA+C;AAC7CC,UAAAA,QAAQ,CAAC,EAAD,CAAR;AACD;AACF;AACF;AACF,GATD;AAWA;AACF;AACA;;;AACE7C,EAAAA,KAAK,CAAC+D,SAAN,CAAgB,YAAM;AACpBwB,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,OAA1B,EAAmCJ,kBAAnC;AACA,WAAO,YAAM;AACXG,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,OAA7B,EAAsCL,kBAAtC;AACD,KAFD;AAGD,GALD;AAOA;AACF;AACA;;AACEpF,EAAAA,KAAK,CAAC+D,SAAN,CAAgB,YAAM;AAAA;;AACpBV,IAAAA,eAAe,sBAACL,YAAD,aAACA,YAAD,uBAACA,YAAY,CAAEgB,GAAd,CAAkB,UAAA0B,CAAC;AAAA;;AAAA,aAAK;AACtC9C,QAAAA,KAAK,EAAE8C,CAAC,CAAC9C,KAD6B;AAEtC+C,QAAAA,YAAY,EAAED,CAAC,CAACtB,KAFsB;AAGtCwB,QAAAA,SAAS,EAAEF,CAAC,CAACX,cAHyB;AAItC9C,QAAAA,IAAI,EAAE,YAACyD,CAAC,CAACzD,IAAH,6CAAWA,IAAX,KAAoB1B,WAAW,CAAEmF,CAAC,CAACzD,IAAF,IAAUA,IAAZ,CAAX,CAA+B,EAA/B,CAJY;AAKtCE,QAAAA,QAAQ,EAAEuD,CAAC,CAACvD;AAL0B,OAAL;AAAA,KAAnB,CAAD,iEAMR,EANQ,CAAf;AAOD,GARD,EAQG,CAACa,YAAD,CARH;;AAUA,MAAM6C,OAAO,GAAG,SAAVA,OAAU,CAACC,OAAD,EAAuB;AACrC,QAAMtB,OAAO,gCAAO9B,KAAP,IAAcoD,OAAd,EAAb,CADqC,CAErC;;AACAnD,IAAAA,QAAQ,CAAC6B,OAAD,CAAR;AACA9C,IAAAA,aAAa,CAAC8C,OAAO,CAACR,GAAR,CAAY,UAAAC,CAAC;AAAA,aAAIA,CAAC,CAACrB,KAAN;AAAA,KAAb,CAAD,CAAb;AAEAC,IAAAA,QAAQ,CAAC,EAAD,CAAR;AACD,GAPD;;AASA,MAAMkD,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACnD,KAAD,EAAmB;AAChDC,IAAAA,QAAQ,CAACD,KAAD,CAAR;AACAG,IAAAA,gBAAgB,CAAC,KAAD,CAAhB;AACAI,IAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACAjC,IAAAA,aAAa,IAAIA,aAAa,CAAC0B,KAAD,CAA9B;AACD,GALD;AAOA;AACF;AACA;;;AACE,MAAMoD,iBAAiB,GAAG,SAApBA,iBAAoB,CAAC3E,MAAD,EAAsB;AAAA;;AAC9C,QAAM4E,IAAI,GAAGjD,YAAH,aAAGA,YAAH,uBAAGA,YAAY,CAAEkB,IAAd,CAAmB,UAAAD,CAAC;AAAA,aAAIA,CAAC,CAACrB,KAAF,KAAYvB,MAAM,CAAC,CAAD,CAAtB;AAAA,KAApB,CAAb;AACA4E,IAAAA,IAAI,IAAIJ,OAAO,CAACI,IAAD,CAAf;AACAlD,IAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACAY,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,iCAAAA,QAAQ,CAAEG,OAAV,wEAAmBoC,KAAnB;AACD,GALD;AAOA;AACF;AACA;AACA;;;AACE,MAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAwD;AACjF;AACA,QAAI,CAACA,KAAK,CAACC,GAAN,KAAc,OAAd,IAAyBD,KAAK,CAACC,GAAN,KAAc,GAAxC,KAAgDzD,KAApD,EAA2D;AACzD,UAAI,CAAAQ,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAEuB,MAAd,CAAqB,UAAAV,CAAC;AAAA,eAAI,CAACA,CAAC,CAAC9B,QAAP;AAAA,OAAtB,EAAuCgD,MAAvC,MAAkD,CAAtD,EAAyD;AACvDa,QAAAA,iBAAiB,CAAC,CAAC5C,YAAY,CAAEc,IAAd,CAAmB,UAAAD,CAAC;AAAA,iBAAI,CAACA,CAAC,CAAC9B,QAAP;AAAA,SAApB,EAAsCS,KAAvC,CAAD,CAAjB;AACAwD,QAAAA,KAAK,CAACE,eAAN;AACD;AACF;;AAED,QAAI,CAACF,KAAK,CAACC,GAAN,KAAc,WAAd,IAA6BD,KAAK,CAACC,GAAN,KAAc,MAA3C,IAAqDD,KAAK,CAACC,GAAN,KAAc,SAAnE,IAAgFD,KAAK,CAACC,GAAN,KAAc,IAA/F,KAAwG,CAAC,EAACjD,YAAD,aAACA,YAAD,eAACA,YAAY,CAAE+B,MAAf,CAA7G,EAAoI;AAClIhC,MAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD;AACF,GAZD;AAcA;AACF;AACA;AACA;;;AACE,MAAMoD,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAClC,KAAD,EAAyB;AACnD;AACA,QAAMmC,QAAQ,sBAAO9D,KAAP,CAAd,CAFmD,CAInD;AACA;;;AACA8D,IAAAA,QAAQ,CAACC,MAAT,CAAgBpC,KAAhB,EAAuB,CAAvB,EANmD,CAQnD;;AACA1B,IAAAA,QAAQ,oBAAK6D,QAAL,EAAR;AACA9E,IAAAA,aAAa,CAAC8E,QAAQ,CAACxC,GAAT,CAAa,UAACS,CAAD;AAAA,aAAOA,CAAC,CAAC7B,KAAT;AAAA,KAAb,CAAD,CAAb;AACD,GAXD;;AAaA,sBACE,MAAC,OAAD;AAAS,IAAA,GAAG,EAAEc,YAAd;AAAA,4BACE,KAAC,cAAD;AAAgB,MAAA,OAAO,EAAEpC,OAAzB;AACgB,MAAA,GAAG,EAAEqC,QADrB;AAEgB,MAAA,KAAK,EAAEjB,KAFvB;AAGgB,MAAA,QAAQ,EAAEL,QAH1B;AAIgB,MAAA,UAAU,EAAEO,KAJ5B;AAKgB,MAAA,IAAI,EAAEb,IALtB;AAMgB,MAAA,WAAW,EAAEP,WAN7B;AAOgB,MAAA,cAAc,EAAEY,cAPhC;AAQgB,MAAA,QAAQ,EAAED,QAR1B;AASgB,MAAA,SAAS,EAAEL,SAT3B;AAUgB,MAAA,iBAAiB,EAAEL,iBAVnC;AAWgB,MAAA,OAAO,EAAEG,OAXzB;AAYgB,MAAA,YAAY,EAAE,sBAAC8E,IAAD,EAAOrC,KAAP;AAAA,eAAiBkC,mBAAmB,CAAClC,KAAD,CAApC;AAAA,OAZ9B;AAagB,MAAA,kBAAkB,EAAE0B,sBAbpC;AAcgB,MAAA,cAAc,EAAEI,kBAdhC;AAegB,MAAA,kBAAkB,EAAE,4BAACvD,KAAD;AAAA,eAAWO,iBAAiB,CAACP,KAAD,CAA5B;AAAA;AAfpC,OAgBoBN,IAhBpB,EADF,eAkBE,KAAC,eAAD;AACE,MAAA,YAAY,EAAEoB,YADhB;AAEE,MAAA,kBAAkB,EAAE;AAClBiD,QAAAA,MAAM,EAAE,kBAAM,CACb,CAFiB;AAGlBC,QAAAA,UAAU,EAAE,IAHM;AAKlBC,QAAAA,SAAS,EAAE,QALO;AAMlBC,QAAAA,UAAU,EAAE,IANM;AAOlBC,QAAAA,WAAW,EAAE,EAPK;AAQlBC,QAAAA,WAAW,EAAE,KARK;AASlBC,QAAAA,aAAa,EAAEjB,iBATG;AAUlBkB,QAAAA,KAAK,EAAE9D;AAVW,OAFtB;AAcE,MAAA,OAAO,EAAEI,OAdX;AAeE,MAAA,UAAU,EAAEC,UAfd;AAgBE,MAAA,cAAc,EAAE,CAACH,aAAD,CAhBlB;AAiBE,MAAA,kBAAkB,EAAElC,kBAAF,aAAEA,kBAAF,cAAEA,kBAAF,GAAwB,EAjB5C;AAkBE,MAAA,iBAAiB,EAAE,6BAAM,CACxB,CAnBH;AAoBE,MAAA,MAAM,EAAE,CAAC,CAACS,gBAAD,IAAsB,CAAC,CAACA,gBAAF,IAAsBa,KAAK,CAACyC,MAAN,GAAetD,gBAA5D,KAAkFqB,cApB5F;AAqBE,MAAA,SAAS,EAAEC,iBArBb;AAsBE,MAAA,MAAM,EAAE,EAtBV;AAuBE,MAAA,QAAQ,EAAE,KAvBZ;AAwBE,MAAA,EAAE,YAAK7B,OAAL;AAxBJ,MAlBF;AAAA,IADF;AA+CD,CAvPgC,CAA1B;;AAVLL,EAAAA,I;AALA8D,IAAAA,c;AACAnC,IAAAA,K;;AAKA1B,EAAAA,a;AACAE,EAAAA,kB;AACAO,EAAAA,U;AARAoD,IAAAA,c;AACAnC,IAAAA,K;;AAQAhB,EAAAA,O;AACAC,EAAAA,gB;AACAV,EAAAA,c;AACAe,EAAAA,gB","sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom components.\n */\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\nimport {Size, States} from '../types';\nimport {DropdownContent, DropdownItem} from '../Dropdown';\nimport {SystemIcons} from '../icons';\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\nimport {useClickOutsideRef, useFocusOutsideRef} from '../common';\nimport {Z_INDEXES} from '../styles';\n\nconst Wrapper = styled.div`\n position: relative;\n display: inline-block;\n width: 100%;\n\n ${ChipInputContainer} {\n position: relative;\n\n &:focus, &.focus-visible-within {\n z-index: ${Z_INDEXES.dropdown + 1} !important;\n }\n }\n`;\n\n\ninterface ListItem extends ChipItem {\n secondaryLabel?: string;\n value: string;\n}\n\ninterface ChipDropdownInputProps extends ChipInputProps {\n list: ListItem[] | string[];\n onInputChange?: (input: string) => void;\n messageOnNoResults?: string;\n suggestion?: ListItem;\n loading?: boolean;\n maxSelectedItems?: number;\n disableSorting?: boolean;\n disableFiltering?: boolean;\n}\n\nexport const ChipDropdownInput = React.forwardRef<HTMLInputElement | undefined, ChipDropdownInputProps>(({\n list,\n onInputChange,\n disableSorting,\n messageOnNoResults,\n values,\n inputId,\n variants,\n placeholder,\n validationMessage,\n onValueChange,\n suggestion,\n loading,\n maxSelectedItems,\n multiLine = true,\n size = Size.Medium,\n icon,\n disableFiltering,\n disabled,\n altPlaceholder,\n required,\n ...rest\n }: ChipDropdownInputProps, ref) => {\n // Initiate states\n const [givenList, setGivenList] = React.useState<ListItem[]>([]);\n const [chips, setChips] = React.useState<ListItem[]>([]);\n\n const [value, setValue] = React.useState<string>('');\n const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\n const [filteredList, setFilteredList] = React.useState<ListItem[]>();\n\n const [dropdownIsOpen, setDropdownIsOpen] = React.useState<boolean>(false);\n const [dropdownList, setDropdownList] = React.useState<DropdownItem[]>([]);\n const [dropdownValue, setDropdownValue] = React.useState<string>('');\n\n const [focused, setFocused] = React.useState<number | null>(null);\n\n const containerRef = useClickOutsideRef(() => setDropdownIsOpen(false), [], useFocusOutsideRef(() => setDropdownIsOpen(false)));\n const inputRef = React.useRef<any>();\n\n React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\n\n\n /**\n * Sets initial values for the chips.\n */\n React.useEffect(() => {\n\n const list =\n values.map((a) => chips.find(b => b.value === a) || givenList.find(b => b.value === a) || {\n label: a,\n value: a,\n icon: icon\n })\n .map((a, index) => ({...a, variant: a.variant || (variants && variants[index]) || States.Default}))\n .map((a, index) => ({...a, icon: a.icon || icon}));\n\n setChips(list);\n }, [values, variants, icon, givenList]);\n\n /**\n * Convert string[] to List[] if necessary\n */\n React.useEffect(() => {\n if (typeof list[0] === 'string') {\n const newList: ListItem[] = (list as string[]).map((e: string) => ({label: e, value: e}));\n setGivenList(newList);\n } else {\n setGivenList(list as ListItem[]);\n }\n }, [list]);\n\n /**\n * filter and sort list if remoteOperations is false\n * */\n React.useEffect(() => {\n let options = [...givenList];\n if (!disableFiltering) {\n if (!restartFilter && value !== '') {\n options = options.filter((option) => option.label.toUpperCase().indexOf(value.toUpperCase()) !== -1 ||\n (option.secondaryLabel && option.secondaryLabel?.toUpperCase().indexOf(value.toUpperCase()) !== -1));\n }\n }\n\n if (!disableSorting) {\n options = options.sort();\n }\n\n suggestion && options.push(suggestion);\n\n options = options.filter((o) => !chips.find(a => a.value === o.value));\n setFilteredList(options);\n }, [value, givenList, chips, disableFiltering, disableSorting]);\n\n /**\n * if there is only one active item in dropdown mark it as focused\n * */\n React.useEffect(() => {\n if (dropdownIsOpen && !!value && dropdownList?.filter(a => !a.disabled).length === 1) {\n setDropdownValue(dropdownList.find(a => !a.disabled)!.value);\n } else {\n setDropdownValue('');\n }\n }, [dropdownList, dropdownIsOpen, value]);\n\n const handleClickOutside = (e: any) => {\n if (!containerRef.current?.contains(e.target)) {\n if (dropdownIsOpen) {\n setDropdownIsOpen(false);\n if (!givenList.find((e) => e.value === value)) {\n setValue('');\n }\n }\n }\n };\n\n /**\n * register click outside event listener\n * */\n React.useEffect(() => {\n document.addEventListener('click', handleClickOutside);\n return () => {\n document.removeEventListener('click', handleClickOutside);\n };\n });\n\n /**\n * update dropdown items when filtered list changes\n * */\n React.useEffect(() => {\n setDropdownList(filteredList?.map(x => ({\n value: x.value,\n displayLabel: x.label,\n noteLabel: x.secondaryLabel,\n icon: (x.icon ?? icon) && SystemIcons[(x.icon || icon)!]({}),\n disabled: x.disabled,\n })) ?? []);\n }, [filteredList]);\n\n const addChip = (newChip: ListItem) => {\n const newList = [...chips, newChip];\n // Let's add the chip\n setChips(newList);\n onValueChange(newList.map(a => a.value));\n\n setValue('');\n };\n\n const handleInputValueChange = (value: string) => {\n setValue(value);\n setRestartFilter(false);\n setDropdownIsOpen(true);\n onInputChange && onInputChange(value);\n }\n\n /**\n * Add chip from dropdown\n * */\n const handleValueUpdate = (values: string[]) => {\n const item = filteredList?.find(a => a.value === values[0]);\n item && addChip(item);\n setRestartFilter(true);\n inputRef?.current?.focus();\n }\n\n /**\n * Adds a chip to the chip list.\n * @param event - Event handler from the key down event.\n */\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n // Let's trigger only on enter, comma and space key press\n if ((event.key === 'Enter' || event.key === ' ') && value) {\n if (dropdownList?.filter(a => !a.disabled).length === 1) {\n handleValueUpdate([dropdownList!.find(a => !a.disabled)!.value]);\n event.stopPropagation();\n }\n }\n\n if ((event.key === 'ArrowDown' || event.key === 'Down' || event.key === 'ArrowUp' || event.key === 'Up') && !!dropdownList?.length) {\n setDropdownIsOpen(true);\n }\n };\n\n /**\n * Removes a specific chip from the chip list.\n * @param index - Index of the chip that needs to be removed.\n */\n const handleOnChipRemoved = (index: number): void => {\n // Let's copy the chips\n const newChips = [...chips];\n\n // Let's delete the chip\n // If necessary, let's replace it with a different chip\n newChips.splice(index, 1);\n\n // Let's update the chip list\n setChips([...newChips]);\n onValueChange(newChips.map((e) => e.value));\n };\n\n return (\n <Wrapper ref={containerRef}>\n <ChipInputField inputId={inputId}\n ref={inputRef}\n items={chips}\n required={required}\n inputValue={value}\n size={size}\n placeholder={placeholder}\n altPlaceholder={altPlaceholder}\n disabled={disabled}\n multiLine={multiLine}\n validationMessage={validationMessage}\n loading={loading}\n onRemoveItem={(chip, index) => handleOnChipRemoved(index)}\n onInputValueChange={handleInputValueChange}\n onInputKeyDown={handleInputKeyDown}\n onActivationChange={(value) => setDropdownIsOpen(value)}\n {...rest}/>\n <DropdownContent\n containerRef={containerRef}\n customizationProps={{\n action: () => {\n },\n pinTopItem: true,\n\n itemsType: 'normal',\n scrollable: true,\n actionLabel: '',\n multiSelect: false,\n onValueUpdate: handleValueUpdate,\n items: dropdownList\n }}\n focused={focused}\n setFocused={setFocused}\n selectedValues={[dropdownValue]}\n messageOnNoResults={messageOnNoResults ?? ''}\n setSelectedValues={() => {\n }}\n isOpen={(!maxSelectedItems || (!!maxSelectedItems && chips.length < maxSelectedItems)) && dropdownIsOpen}\n setIsOpen={setDropdownIsOpen}\n filter={''}\n isButton={false}\n id={`${inputId}_dropdowncontent`}/>\n\n </Wrapper>\n );\n});\n"],"file":"ChipDropdownInput.js"}
1
+ {"version":3,"file":"ChipDropdownInput.js","names":["React","styled","ChipInputContainer","ChipInputField","Size","States","DropdownContent","SystemIcons","useClickOutsideRef","useFocusOutsideRef","Z_INDEXES","Wrapper","div","dropdown","ChipDropdownInput","forwardRef","ref","list","onInputChange","disableSorting","messageOnNoResults","values","inputId","variants","placeholder","validationMessage","onValueChange","suggestion","loading","maxSelectedItems","multiLine","size","Medium","icon","disableFiltering","disabled","altPlaceholder","required","rest","useState","givenList","setGivenList","chips","setChips","activeDescendant","setActiveDescendant","value","setValue","restartFilter","setRestartFilter","filteredList","setFilteredList","dropdownIsOpen","setDropdownIsOpen","dropdownList","setDropdownList","dropdownValue","setDropdownValue","focused","setFocused","containerRef","inputRef","useRef","useImperativeHandle","current","useEffect","map","a","find","b","label","index","variant","Default","newList","e","options","filter","option","toUpperCase","indexOf","secondaryLabel","sort","push","o","length","handleClickOutside","contains","target","document","addEventListener","removeEventListener","x","displayLabel","noteLabel","addChip","newChip","handleInputValueChange","handleValueUpdate","item","focus","handleInputKeyDown","event","key","stopPropagation","handleOnChipRemoved","newChips","splice","chip","action","pinTopItem","itemsType","scrollable","actionLabel","multiSelect","onValueUpdate","items"],"sources":["../../src/ChipsInput/ChipDropdownInput.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom components.\n */\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\nimport {Size, States} from '../types';\nimport {DropdownContent, DropdownItem} from '../Dropdown';\nimport {SystemIcons} from '../icons';\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\nimport {useClickOutsideRef, useFocusOutsideRef} from '../common';\nimport {Z_INDEXES} from '../styles';\n\nconst Wrapper = styled.div`\n position: relative;\n display: inline-block;\n width: 100%;\n\n ${ChipInputContainer} {\n position: relative;\n\n &:focus, &.focus-visible-within {\n z-index: ${Z_INDEXES.dropdown + 1} !important;\n }\n }\n`;\n\n\ninterface ListItem extends ChipItem {\n secondaryLabel?: string;\n value: string;\n}\n\ninterface ChipDropdownInputProps extends ChipInputProps {\n list: ListItem[] | string[];\n onInputChange?: (input: string) => void;\n messageOnNoResults?: string;\n suggestion?: ListItem;\n loading?: boolean;\n maxSelectedItems?: number;\n disableSorting?: boolean;\n disableFiltering?: boolean;\n}\n\nexport const ChipDropdownInput = React.forwardRef<HTMLInputElement | undefined, ChipDropdownInputProps>(({\n list,\n onInputChange,\n disableSorting,\n messageOnNoResults,\n values,\n inputId,\n variants,\n placeholder,\n validationMessage,\n onValueChange,\n suggestion,\n loading,\n maxSelectedItems,\n multiLine = true,\n size = Size.Medium,\n icon,\n disableFiltering,\n disabled,\n altPlaceholder,\n required,\n ...rest\n }: ChipDropdownInputProps, ref) => {\n // Initiate states\n const [givenList, setGivenList] = React.useState<ListItem[]>([]);\n const [chips, setChips] = React.useState<ListItem[]>([]);\n\n const [activeDescendant, setActiveDescendant] = React.useState<string>();\n const [value, setValue] = React.useState<string>('');\n const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\n const [filteredList, setFilteredList] = React.useState<ListItem[]>();\n\n const [dropdownIsOpen, setDropdownIsOpen] = React.useState<boolean>(false);\n const [dropdownList, setDropdownList] = React.useState<DropdownItem[]>([]);\n const [dropdownValue, setDropdownValue] = React.useState<string>('');\n\n const [focused, setFocused] = React.useState<number | null>(null);\n\n const containerRef = useClickOutsideRef(() => setDropdownIsOpen(false), [], useFocusOutsideRef(() => setDropdownIsOpen(false)));\n const inputRef = React.useRef<any>();\n\n React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\n\n\n /**\n * Sets initial values for the chips.\n */\n React.useEffect(() => {\n\n const list =\n values.map((a) => chips.find(b => b.value === a) || givenList.find(b => b.value === a) || {\n label: a,\n value: a,\n icon: icon\n })\n .map((a, index) => ({...a, variant: a.variant || (variants && variants[index]) || States.Default}))\n .map((a, index) => ({...a, icon: a.icon || icon}));\n\n setChips(list);\n }, [values, variants, icon, givenList]);\n\n /**\n * Convert string[] to List[] if necessary\n */\n React.useEffect(() => {\n if (typeof list[0] === 'string') {\n const newList: ListItem[] = (list as string[]).map((e: string) => ({label: e, value: e}));\n setGivenList(newList);\n } else {\n setGivenList(list as ListItem[]);\n }\n }, [list]);\n\n /**\n * filter and sort list if remoteOperations is false\n * */\n React.useEffect(() => {\n let options = [...givenList];\n if (!disableFiltering) {\n if (!restartFilter && value !== '') {\n options = options.filter((option) => option.label.toUpperCase().indexOf(value.toUpperCase()) !== -1 ||\n (option.secondaryLabel && option.secondaryLabel?.toUpperCase().indexOf(value.toUpperCase()) !== -1));\n }\n }\n\n if (!disableSorting) {\n options = options.sort();\n }\n\n suggestion && options.push(suggestion);\n\n options = options.filter((o) => !chips.find(a => a.value === o.value));\n setFilteredList(options);\n }, [value, givenList, chips, disableFiltering, disableSorting]);\n\n /**\n * if there is only one active item in dropdown mark it as focused\n * */\n React.useEffect(() => {\n if (dropdownIsOpen && !!value && dropdownList?.filter(a => !a.disabled).length === 1) {\n setDropdownValue(dropdownList.find(a => !a.disabled)!.value);\n } else {\n setDropdownValue('');\n }\n }, [dropdownList, dropdownIsOpen, value]);\n\n const handleClickOutside = (e: any) => {\n if (!containerRef.current?.contains(e.target)) {\n if (dropdownIsOpen) {\n setDropdownIsOpen(false);\n if (!givenList.find((e) => e.value === value)) {\n setValue('');\n }\n }\n }\n };\n\n /**\n * register click outside event listener\n * */\n React.useEffect(() => {\n document.addEventListener('click', handleClickOutside);\n return () => {\n document.removeEventListener('click', handleClickOutside);\n };\n });\n\n /**\n * update dropdown items when filtered list changes\n * */\n React.useEffect(() => {\n setDropdownList(filteredList?.map(x => ({\n value: x.value,\n displayLabel: x.label,\n noteLabel: x.secondaryLabel,\n icon: (x.icon ?? icon) && SystemIcons[(x.icon || icon)!]({}),\n disabled: x.disabled,\n })) ?? []);\n }, [filteredList]);\n\n const addChip = (newChip: ListItem) => {\n const newList = [...chips, newChip];\n // Let's add the chip\n setChips(newList);\n onValueChange(newList.map(a => a.value));\n\n setValue('');\n };\n\n const handleInputValueChange = (value: string) => {\n setValue(value);\n setRestartFilter(false);\n setDropdownIsOpen(true);\n onInputChange && onInputChange(value);\n }\n\n /**\n * Add chip from dropdown\n * */\n const handleValueUpdate = (values: string[]) => {\n const item = filteredList?.find(a => a.value === values[0]);\n item && addChip(item);\n setRestartFilter(true);\n inputRef?.current?.focus();\n }\n\n /**\n * Adds a chip to the chip list.\n * @param event - Event handler from the key down event.\n */\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n // Let's trigger only on enter, comma and space key press\n if ((event.key === 'Enter' || event.key === ' ') && value) {\n if (dropdownList?.filter(a => !a.disabled).length === 1) {\n handleValueUpdate([dropdownList!.find(a => !a.disabled)!.value]);\n event.stopPropagation();\n }\n }\n\n if ((event.key === 'ArrowDown' || event.key === 'Down' || event.key === 'ArrowUp' || event.key === 'Up') && !!dropdownList?.length) {\n setDropdownIsOpen(true);\n }\n };\n\n /**\n * Removes a specific chip from the chip list.\n * @param index - Index of the chip that needs to be removed.\n */\n const handleOnChipRemoved = (index: number): void => {\n // Let's copy the chips\n const newChips = [...chips];\n\n // Let's delete the chip\n // If necessary, let's replace it with a different chip\n newChips.splice(index, 1);\n\n // Let's update the chip list\n setChips([...newChips]);\n onValueChange(newChips.map((e) => e.value));\n };\n\n return (\n <Wrapper ref={containerRef}>\n <ChipInputField inputId={inputId}\n ref={inputRef}\n items={chips}\n required={required}\n inputValue={value}\n role=\"combobox\"\n aria-activedescendant={activeDescendant}\n size={size}\n placeholder={placeholder}\n altPlaceholder={altPlaceholder}\n disabled={disabled}\n multiLine={multiLine}\n validationMessage={validationMessage}\n loading={loading}\n onRemoveItem={(chip, index) => handleOnChipRemoved(index)}\n onInputValueChange={handleInputValueChange}\n onInputKeyDown={handleInputKeyDown}\n onActivationChange={(value) => setDropdownIsOpen(value)}\n {...rest}/>\n <DropdownContent\n containerRef={containerRef}\n customizationProps={{\n action: () => {\n },\n pinTopItem: true,\n\n itemsType: 'normal',\n scrollable: true,\n actionLabel: '',\n multiSelect: false,\n onValueUpdate: handleValueUpdate,\n items: dropdownList,\n }}\n ariaRolesType=\"input\"\n focused={focused}\n setFocused={setFocused}\n onActiveDescendantChanged={(e) => setActiveDescendant(e)}\n selectedValues={[dropdownValue]}\n messageOnNoResults={messageOnNoResults ?? ''}\n setSelectedValues={() => {\n }}\n isOpen={(!maxSelectedItems || (!!maxSelectedItems && chips.length < maxSelectedItems)) && dropdownIsOpen}\n setIsOpen={setDropdownIsOpen}\n filter={''}\n isButton={false}\n id={`${inputId}_dropdowncontent`}/>\n\n </Wrapper>\n );\n});\n"],"mappings":"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"}
@@ -31,9 +31,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
31
31
 
32
32
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
33
33
 
34
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
34
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
35
35
 
36
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
36
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
37
37
 
38
38
  var ChipInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
39
39
  var values = _ref.values,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/ChipsInput/ChipInput.tsx"],"names":["ChipInput","React","forwardRef","ref","values","inputId","variants","icon","placeholder","disabled","altPlaceholder","validationMessage","onValueChange","multiLine","size","Size","Medium","rest","useState","chips","setChips","value","setValue","chipItems","setChipItems","useEffect","map","chip","index","label","variant","handleInputKeyDown","event","key","preventDefault","onRemoveChip","newChips","splice","item"],"mappings":"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","sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom components.\n */\nimport {Size} from '../types';\nimport {ChipInputField} from './ChipInputField';\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\n\n\nconst ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(({\n values,\n inputId,\n variants,\n icon,\n placeholder,\n disabled,\n altPlaceholder,\n validationMessage,\n onValueChange,\n multiLine = true,\n size = Size.Medium,\n ...rest\n }: ChipInputProps, ref) => {\n\n const [chips, setChips] = React.useState<string[]>([]);\n const [value, setValue] = React.useState<string>('');\n const [chipItems, setChipItems] = React.useState<ChipItem[]>([]);\n\n /**\n * Sets initial values for the chips.\n */\n React.useEffect(() => {\n // Let's add initial chip values\n setChips(values);\n }, [values]);\n\n /**\n * Set chip items for chip input field\n * */\n React.useEffect(() => {\n setChipItems(chips.map((chip, index) => ({\n label: chip,\n icon: icon,\n disabled: false,\n variant: variants && variants[index],\n })));\n }, [chips, variants, icon, size]);\n\n /**\n * Adds a chip to the chip list.\n * @param event - Event handler from the key down event.\n */\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n if ((event.key === 'Enter' || event.key === ' ') && value) {\n event.preventDefault();\n\n setChips([...chips, value]);\n onValueChange([...chips, value]);\n\n setValue('');\n }\n };\n\n /**\n * Removes a specific chip from the chip list.\n * @param index - Index of the chip that needs to be removed.\n */\n const onRemoveChip = (index: number): void => {\n const newChips = [...chips];\n newChips.splice(index, 1);\n\n setChips(newChips);\n onValueChange(newChips);\n };\n\n /**\n * Return Chip Input component.\n */\n return (\n <ChipInputField inputId={inputId}\n ref={ref}\n items={chipItems}\n onRemoveItem={(item, index) => onRemoveChip(index)}\n inputValue={value}\n onInputValueChange={value => setValue(value)}\n onInputKeyDown={handleInputKeyDown}\n placeholder={placeholder}\n altPlaceholder={altPlaceholder}\n disabled={disabled}\n validationMessage={validationMessage}\n multiLine={multiLine}\n size={size}\n {...rest}\n />\n );\n});\n\nexport default ChipInput;\n"],"file":"ChipInput.cjs"}
1
+ {"version":3,"file":"ChipInput.cjs","names":["ChipInput","React","forwardRef","ref","values","inputId","variants","icon","placeholder","disabled","altPlaceholder","validationMessage","onValueChange","multiLine","size","Size","Medium","rest","useState","chips","setChips","value","setValue","chipItems","setChipItems","useEffect","map","chip","index","label","variant","handleInputKeyDown","event","key","preventDefault","onRemoveChip","newChips","splice","item"],"sources":["../../src/ChipsInput/ChipInput.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom components.\n */\nimport {Size} from '../types';\nimport {ChipInputField} from './ChipInputField';\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\n\n\nconst ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(({\n values,\n inputId,\n variants,\n icon,\n placeholder,\n disabled,\n altPlaceholder,\n validationMessage,\n onValueChange,\n multiLine = true,\n size = Size.Medium,\n ...rest\n }: ChipInputProps, ref) => {\n\n const [chips, setChips] = React.useState<string[]>([]);\n const [value, setValue] = React.useState<string>('');\n const [chipItems, setChipItems] = React.useState<ChipItem[]>([]);\n\n /**\n * Sets initial values for the chips.\n */\n React.useEffect(() => {\n // Let's add initial chip values\n setChips(values);\n }, [values]);\n\n /**\n * Set chip items for chip input field\n * */\n React.useEffect(() => {\n setChipItems(chips.map((chip, index) => ({\n label: chip,\n icon: icon,\n disabled: false,\n variant: variants && variants[index],\n })));\n }, [chips, variants, icon, size]);\n\n /**\n * Adds a chip to the chip list.\n * @param event - Event handler from the key down event.\n */\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n if ((event.key === 'Enter' || event.key === ' ') && value) {\n event.preventDefault();\n\n setChips([...chips, value]);\n onValueChange([...chips, value]);\n\n setValue('');\n }\n };\n\n /**\n * Removes a specific chip from the chip list.\n * @param index - Index of the chip that needs to be removed.\n */\n const onRemoveChip = (index: number): void => {\n const newChips = [...chips];\n newChips.splice(index, 1);\n\n setChips(newChips);\n onValueChange(newChips);\n };\n\n /**\n * Return Chip Input component.\n */\n return (\n <ChipInputField inputId={inputId}\n ref={ref}\n items={chipItems}\n onRemoveItem={(item, index) => onRemoveChip(index)}\n inputValue={value}\n onInputValueChange={value => setValue(value)}\n onInputKeyDown={handleInputKeyDown}\n placeholder={placeholder}\n altPlaceholder={altPlaceholder}\n disabled={disabled}\n validationMessage={validationMessage}\n multiLine={multiLine}\n size={size}\n {...rest}\n />\n );\n});\n\nexport default ChipInput;\n"],"mappings":"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"}
@@ -4,9 +4,9 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
5
  var _excluded = ["values", "inputId", "variants", "icon", "placeholder", "disabled", "altPlaceholder", "validationMessage", "onValueChange", "multiLine", "size"];
6
6
 
7
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
7
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
8
8
 
9
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
9
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
10
10
 
11
11
  /**
12
12
  * Import React libraries.
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/ChipsInput/ChipInput.tsx"],"names":["React","Size","ChipInputField","ChipInput","forwardRef","ref","values","inputId","variants","icon","placeholder","disabled","altPlaceholder","validationMessage","onValueChange","multiLine","size","Medium","rest","useState","chips","setChips","value","setValue","chipItems","setChipItems","useEffect","map","chip","index","label","variant","handleInputKeyDown","event","key","preventDefault","onRemoveChip","newChips","splice","item"],"mappings":"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","sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom components.\n */\nimport {Size} from '../types';\nimport {ChipInputField} from './ChipInputField';\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\n\n\nconst ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(({\n values,\n inputId,\n variants,\n icon,\n placeholder,\n disabled,\n altPlaceholder,\n validationMessage,\n onValueChange,\n multiLine = true,\n size = Size.Medium,\n ...rest\n }: ChipInputProps, ref) => {\n\n const [chips, setChips] = React.useState<string[]>([]);\n const [value, setValue] = React.useState<string>('');\n const [chipItems, setChipItems] = React.useState<ChipItem[]>([]);\n\n /**\n * Sets initial values for the chips.\n */\n React.useEffect(() => {\n // Let's add initial chip values\n setChips(values);\n }, [values]);\n\n /**\n * Set chip items for chip input field\n * */\n React.useEffect(() => {\n setChipItems(chips.map((chip, index) => ({\n label: chip,\n icon: icon,\n disabled: false,\n variant: variants && variants[index],\n })));\n }, [chips, variants, icon, size]);\n\n /**\n * Adds a chip to the chip list.\n * @param event - Event handler from the key down event.\n */\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n if ((event.key === 'Enter' || event.key === ' ') && value) {\n event.preventDefault();\n\n setChips([...chips, value]);\n onValueChange([...chips, value]);\n\n setValue('');\n }\n };\n\n /**\n * Removes a specific chip from the chip list.\n * @param index - Index of the chip that needs to be removed.\n */\n const onRemoveChip = (index: number): void => {\n const newChips = [...chips];\n newChips.splice(index, 1);\n\n setChips(newChips);\n onValueChange(newChips);\n };\n\n /**\n * Return Chip Input component.\n */\n return (\n <ChipInputField inputId={inputId}\n ref={ref}\n items={chipItems}\n onRemoveItem={(item, index) => onRemoveChip(index)}\n inputValue={value}\n onInputValueChange={value => setValue(value)}\n onInputKeyDown={handleInputKeyDown}\n placeholder={placeholder}\n altPlaceholder={altPlaceholder}\n disabled={disabled}\n validationMessage={validationMessage}\n multiLine={multiLine}\n size={size}\n {...rest}\n />\n );\n});\n\nexport default ChipInput;\n"],"file":"ChipInput.js"}
1
+ {"version":3,"file":"ChipInput.js","names":["React","Size","ChipInputField","ChipInput","forwardRef","ref","values","inputId","variants","icon","placeholder","disabled","altPlaceholder","validationMessage","onValueChange","multiLine","size","Medium","rest","useState","chips","setChips","value","setValue","chipItems","setChipItems","useEffect","map","chip","index","label","variant","handleInputKeyDown","event","key","preventDefault","onRemoveChip","newChips","splice","item"],"sources":["../../src/ChipsInput/ChipInput.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom components.\n */\nimport {Size} from '../types';\nimport {ChipInputField} from './ChipInputField';\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\n\n\nconst ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(({\n values,\n inputId,\n variants,\n icon,\n placeholder,\n disabled,\n altPlaceholder,\n validationMessage,\n onValueChange,\n multiLine = true,\n size = Size.Medium,\n ...rest\n }: ChipInputProps, ref) => {\n\n const [chips, setChips] = React.useState<string[]>([]);\n const [value, setValue] = React.useState<string>('');\n const [chipItems, setChipItems] = React.useState<ChipItem[]>([]);\n\n /**\n * Sets initial values for the chips.\n */\n React.useEffect(() => {\n // Let's add initial chip values\n setChips(values);\n }, [values]);\n\n /**\n * Set chip items for chip input field\n * */\n React.useEffect(() => {\n setChipItems(chips.map((chip, index) => ({\n label: chip,\n icon: icon,\n disabled: false,\n variant: variants && variants[index],\n })));\n }, [chips, variants, icon, size]);\n\n /**\n * Adds a chip to the chip list.\n * @param event - Event handler from the key down event.\n */\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n if ((event.key === 'Enter' || event.key === ' ') && value) {\n event.preventDefault();\n\n setChips([...chips, value]);\n onValueChange([...chips, value]);\n\n setValue('');\n }\n };\n\n /**\n * Removes a specific chip from the chip list.\n * @param index - Index of the chip that needs to be removed.\n */\n const onRemoveChip = (index: number): void => {\n const newChips = [...chips];\n newChips.splice(index, 1);\n\n setChips(newChips);\n onValueChange(newChips);\n };\n\n /**\n * Return Chip Input component.\n */\n return (\n <ChipInputField inputId={inputId}\n ref={ref}\n items={chipItems}\n onRemoveItem={(item, index) => onRemoveChip(index)}\n inputValue={value}\n onInputValueChange={value => setValue(value)}\n onInputKeyDown={handleInputKeyDown}\n placeholder={placeholder}\n altPlaceholder={altPlaceholder}\n disabled={disabled}\n validationMessage={validationMessage}\n multiLine={multiLine}\n size={size}\n {...rest}\n />\n );\n});\n\nexport default ChipInput;\n"],"mappings":"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"}
@@ -43,9 +43,9 @@ var _excluded = ["inputId", "items", "disabled", "placeholder", "altPlaceholder"
43
43
 
44
44
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
45
45
 
46
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
46
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
47
47
 
48
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
48
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
49
49
 
50
50
  var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n"])));
51
51
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/ChipsInput/ChipInputField.tsx"],"names":["Wrapper","styled","div","Loading","ChipInputBoundItems","ChipInputContentContainer","Size","Small","ChipInputEl","input","ComponentTextStyle","Regular","COLORS","black","Italic","neutral_600","ChipInputContainer","neutral_400","white","focusStyles","primary_700","primary_800","critical_500","neutral_100","neutral_300","ChipInputField","React","forwardRef","ref","inputId","items","disabled","placeholder","altPlaceholder","multiLine","size","Medium","validationMessage","loading","onRemoveItem","onInputValueChange","onInputKeyDown","onActivationChange","inputValue","required","onBlur","rest","containerRef","useRef","inputRef","useImperativeHandle","current","useEffect","document","activeElement","scrollIntoView","block","inline","handleInputKeyDown","e","key","value","repeat","length","handleItemRemove","event","item","index","focus","focusVisible","detail","handleInputClear","handleContainerKeyDown","querySelectorAll","currentIndex","Array","from","indexOf","target","direction","cls","map","chip","icon","variant","States","Default","label","stopPropagation","marginLeft","critical_400"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {ChipItem} from './ChipInputTypes';\nimport {Size, States} from '../types';\nimport {InputChip} from '../Chips';\nimport {ErrorMessage} from '../InputFields/styling';\nimport {TechnicalWarning} from '../icons/systemicons/SystemIcons';\nimport {\n COLORS,\n ComponentMStyling,\n ComponentSStyling,\n ComponentTextStyle,\n focusStyles,\n scrollBarStyling\n} from '../styles';\nimport styled from 'styled-components';\nimport {LoadingIndicator} from '../LoadingIndicator';\nimport {useFocusVisibleRef} from '../common';\nimport {IconButton} from '../Button';\nimport {SystemIcons} from '../icons';\n\nconst Wrapper = styled.div`\n position: relative;\n`;\n\nconst Loading = styled.div`\n height: 20px;\n width: 20px;\n`;\n\nexport const ChipInputBoundItems = styled.div`\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n flex: 1;\n min-width: 40px;\n`;\n\nexport const ChipInputContentContainer = styled.div`\n width: 100%;\n background: transparent;\n display: flex;\n flex-direction: row;\n align-items: center;\n column-gap: 8px;\n margin-right: 6px;\n padding-right: 10px;\n padding-left: 16px;\n flex-wrap: nowrap;\n overflow-x: scroll;\n min-height: 48px;\n\n ${scrollBarStyling(Size.Small)}\n ::-webkit-scrollbar:horizontal {\n display: none;\n }\n\n .action-right:focus,\n button:focus {\n outline-offset: -4px !important;\n }\n`;\n\nexport const ChipInputEl = styled.input`\n border: none;\n outline: none;\n\n height: 40px;\n min-width: 40px;\n display: inline-flex;\n flex: 1;\n background: transparent;\n\n ${ComponentMStyling(ComponentTextStyle.Regular, null)}\n color: ${COLORS.black} !important;\n\n &::placeholder {\n ${ComponentMStyling(ComponentTextStyle.Italic, COLORS.neutral_600)}\n }\n`;\n\nexport const ChipInputContainer = styled.div`\n width: 100%;\n height: auto;\n border-radius: 4px;\n margin: 4px 0px;\n box-shadow: inset 0 0 0 1px ${COLORS.neutral_400};\n background-color: ${COLORS.white};\n box-sizing: border-box;\n cursor: text;\n outline: none;\n display: flex;\n align-items: center;\n\n ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\n &.small {\n padding: 0;\n min-height: 48px;\n\n ${ChipInputEl}::placeholder {\n ${ComponentSStyling(ComponentTextStyle.Italic, COLORS.neutral_600)}\n }\n }\n\n &.medium {\n padding: 4px 0;\n min-height: 56px;\n\n ${ChipInputEl}::placeholder {\n ${ComponentMStyling(ComponentTextStyle.Italic, COLORS.neutral_600)}\n }\n }\n\n &.multiline.medium {\n ${ChipInputContentContainer} {\n max-height: calc(48px * 3);\n flex-wrap: wrap;\n overflow-y: auto;\n overflow-x: unset;\n }\n }\n\n &.focus-visible-within,\n :focus {\n ${focusStyles}\n }\n\n &:hover {\n box-shadow: inset 0 0 0 2px ${COLORS.primary_700};\n }\n\n &:focus-within {\n box-shadow: inset 0 0 0 2px ${COLORS.primary_800};\n }\n\n &.invalid,\n &.invalid:hover,\n &.invalid:focus {\n box-shadow: inset 0 0 0 2px ${COLORS.critical_500};\n }\n\n &.disabled {\n ${ChipInputContentContainer} {\n pointer-events: none;\n }\n\n cursor: not-allowed;\n box-shadow: inset 0 0 0 1px ${COLORS.neutral_100};\n outline: none;\n color: ${COLORS.neutral_300} !important;\n }\n`;\n\nexport interface ChipInputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {\n inputId: string;\n items: ChipItem[];\n disabled?: boolean;\n placeholder?: string;\n altPlaceholder?: string;\n multiLine?: boolean;\n size?: Size.Large | Size.Medium | Size.Small;\n loading?: boolean;\n required?: boolean;\n\n validationMessage?: string;\n\n onRemoveItem: (item: ChipItem, index: number) => void;\n inputValue: string;\n onInputValueChange: (value: string) => void;\n onInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n onActivationChange?: (active: boolean) => void;\n}\n\nexport const ChipInputField = React.forwardRef<HTMLInputElement, ChipInputFieldProps>(\n (\n {\n inputId,\n items,\n disabled = false,\n placeholder,\n altPlaceholder,\n multiLine = true,\n size = Size.Medium,\n validationMessage,\n loading,\n onRemoveItem,\n onInputValueChange,\n onInputKeyDown,\n onActivationChange,\n inputValue,\n required,\n onBlur,\n ...rest\n },\n ref,\n ) => {\n const containerRef = React.useRef<HTMLDivElement>(null);\n const inputRef = useFocusVisibleRef([containerRef]);\n \n React.useImperativeHandle(ref, () => inputRef.current, [inputRef])\n\n /**\n * Scroll container to last item on change\n * */\n React.useEffect(() => {\n if (inputRef.current && document.activeElement === inputRef.current) {\n inputRef.current.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n }\n }, [containerRef, inputRef, items]);\n\n /**\n * Remove last cheap on backspace\n * */\n const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Backspace' && !inputRef.current?.value && !e.repeat && items.length > 0) {\n onRemoveItem(items[items.length - 1], items.length - 1);\n } else {\n onInputKeyDown(e);\n }\n };\n\n const handleItemRemove = (event: any, item: ChipItem, index: number) => {\n onRemoveItem(item, index);\n inputRef.current?.focus({focusVisible: event.detail !== 1} as any);\n };\n\n const handleInputClear = (e: any) => {\n onInputValueChange('');\n inputRef.current?.focus({focusVisible: e?.detail !== 1} as any);\n };\n\n const handleContainerKeyDown = (e: React.KeyboardEvent) => {\n if (!containerRef.current || (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight')) return;\n\n const items = containerRef.current.querySelectorAll('[tabindex=\"0\"]') as NodeListOf<HTMLElement>;\n const currentIndex = Array.from(items).indexOf(e.target as any);\n const direction = e.key === 'ArrowLeft' ? -1 : 1;\n const item = items[currentIndex + direction];\n item?.focus({focusVisible: true} as any);\n\n onActivationChange && onActivationChange(false);\n };\n\n const cls = `${multiLine ? 'multiline' : ''} ${validationMessage ? 'invalid' : ''} ${size} ${loading ? 'loading' : ''} ${disabled ? 'disabled' : ''}`;\n\n return (\n <Wrapper onBlur={onBlur}>\n <ChipInputContainer\n data-testid=\"chip-input-container\"\n ref={containerRef}\n onKeyDown={handleContainerKeyDown}\n onClick={() => !disabled && inputRef.current?.focus()}\n className={cls}>\n <ChipInputContentContainer>\n {items?.map((chip: ChipItem, index: number) => (\n <InputChip\n key={`chip_${index}`}\n icon={chip?.icon}\n size={size}\n disabled={chip.disabled || disabled}\n variant={chip.variant || States.Default}\n text={chip.label}\n onRemove={(e) => handleItemRemove(e, chip, index)}\n />\n ))}\n <ChipInputBoundItems>\n <ChipInputEl\n ref={inputRef}\n type=\"text\"\n id={inputId}\n required={required}\n tabIndex={disabled ? -1 : 0}\n value={inputValue}\n onChange={(e) => onInputValueChange(e.target.value)}\n onKeyDown={handleInputKeyDown}\n placeholder={items?.length === 0 ? placeholder : altPlaceholder || ''}\n onClick={(e) => {\n e.stopPropagation();\n onActivationChange && onActivationChange(true);\n }}\n {...rest}\n />\n {inputValue && !disabled && (\n <IconButton\n id=\"clear-btn\"\n action={handleInputClear}\n ref={(ref) => {\n ref?.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n }}\n useTransparentBackground={true}\n shape={'circular'}\n style={{marginLeft: '-8px'}}\n variant={'secondary'}>\n <SystemIcons.Clear/>\n </IconButton>\n )}\n\n {loading && (\n <Loading className={size}>\n <LoadingIndicator size={Size.Small} color={COLORS.neutral_600}/>\n </Loading>\n )}\n </ChipInputBoundItems>\n </ChipInputContentContainer>\n </ChipInputContainer>\n {validationMessage && (\n <ErrorMessage>\n <TechnicalWarning color={COLORS.critical_400}/>\n <span>{validationMessage}</span>\n </ErrorMessage>\n )}\n </Wrapper>\n );\n },\n);\n"],"file":"ChipInputField.cjs"}
1
+ {"version":3,"file":"ChipInputField.cjs","names":["Wrapper","styled","div","Loading","ChipInputBoundItems","ChipInputContentContainer","scrollBarStyling","Size","Small","ChipInputEl","input","ComponentMStyling","ComponentTextStyle","Regular","COLORS","black","Italic","neutral_600","ChipInputContainer","neutral_400","white","ComponentSStyling","focusStyles","primary_700","primary_800","critical_500","neutral_100","neutral_300","ChipInputField","React","forwardRef","ref","inputId","items","disabled","placeholder","altPlaceholder","multiLine","size","Medium","validationMessage","loading","onRemoveItem","onInputValueChange","onInputKeyDown","onActivationChange","inputValue","required","onBlur","rest","containerRef","useRef","inputRef","useFocusVisibleRef","useImperativeHandle","current","useEffect","document","activeElement","scrollIntoView","block","inline","handleInputKeyDown","e","key","value","repeat","length","handleItemRemove","event","item","index","focus","focusVisible","detail","handleInputClear","handleContainerKeyDown","querySelectorAll","currentIndex","Array","from","indexOf","target","direction","cls","map","chip","icon","variant","States","Default","label","stopPropagation","marginLeft","critical_400"],"sources":["../../src/ChipsInput/ChipInputField.tsx"],"sourcesContent":["import React from 'react';\nimport {ChipItem} from './ChipInputTypes';\nimport {Size, States} from '../types';\nimport {InputChip} from '../Chips';\nimport {ErrorMessage} from '../InputFields/styling';\nimport {TechnicalWarning} from '../icons/systemicons/SystemIcons';\nimport {\n COLORS,\n ComponentMStyling,\n ComponentSStyling,\n ComponentTextStyle,\n focusStyles,\n scrollBarStyling\n} from '../styles';\nimport styled from 'styled-components';\nimport {LoadingIndicator} from '../LoadingIndicator';\nimport {useFocusVisibleRef} from '../common';\nimport {IconButton} from '../Button';\nimport {SystemIcons} from '../icons';\n\nconst Wrapper = styled.div`\n position: relative;\n`;\n\nconst Loading = styled.div`\n height: 20px;\n width: 20px;\n`;\n\nexport const ChipInputBoundItems = styled.div`\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n flex: 1;\n min-width: 40px;\n`;\n\nexport const ChipInputContentContainer = styled.div`\n width: 100%;\n background: transparent;\n display: flex;\n flex-direction: row;\n align-items: center;\n column-gap: 8px;\n margin-right: 6px;\n padding-right: 10px;\n padding-left: 16px;\n flex-wrap: nowrap;\n overflow-x: scroll;\n min-height: 48px;\n\n ${scrollBarStyling(Size.Small)}\n ::-webkit-scrollbar:horizontal {\n display: none;\n }\n\n .action-right:focus,\n button:focus {\n outline-offset: -4px !important;\n }\n`;\n\nexport const ChipInputEl = styled.input`\n border: none;\n outline: none;\n\n height: 40px;\n min-width: 40px;\n display: inline-flex;\n flex: 1;\n background: transparent;\n\n ${ComponentMStyling(ComponentTextStyle.Regular, null)}\n color: ${COLORS.black} !important;\n\n &::placeholder {\n ${ComponentMStyling(ComponentTextStyle.Italic, COLORS.neutral_600)}\n }\n`;\n\nexport const ChipInputContainer = styled.div`\n width: 100%;\n height: auto;\n border-radius: 4px;\n margin: 4px 0px;\n box-shadow: inset 0 0 0 1px ${COLORS.neutral_400};\n background-color: ${COLORS.white};\n box-sizing: border-box;\n cursor: text;\n outline: none;\n display: flex;\n align-items: center;\n\n ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\n &.small {\n padding: 0;\n min-height: 48px;\n\n ${ChipInputEl}::placeholder {\n ${ComponentSStyling(ComponentTextStyle.Italic, COLORS.neutral_600)}\n }\n }\n\n &.medium {\n padding: 4px 0;\n min-height: 56px;\n\n ${ChipInputEl}::placeholder {\n ${ComponentMStyling(ComponentTextStyle.Italic, COLORS.neutral_600)}\n }\n }\n\n &.multiline.medium {\n ${ChipInputContentContainer} {\n max-height: calc(48px * 3);\n flex-wrap: wrap;\n overflow-y: auto;\n overflow-x: unset;\n }\n }\n\n &.focus-visible-within,\n :focus {\n ${focusStyles}\n }\n\n &:hover {\n box-shadow: inset 0 0 0 2px ${COLORS.primary_700};\n }\n\n &:focus-within {\n box-shadow: inset 0 0 0 2px ${COLORS.primary_800};\n }\n\n &.invalid,\n &.invalid:hover,\n &.invalid:focus {\n box-shadow: inset 0 0 0 2px ${COLORS.critical_500};\n }\n\n &.disabled {\n ${ChipInputContentContainer} {\n pointer-events: none;\n }\n\n cursor: not-allowed;\n box-shadow: inset 0 0 0 1px ${COLORS.neutral_100};\n outline: none;\n color: ${COLORS.neutral_300} !important;\n }\n`;\n\nexport interface ChipInputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {\n inputId: string;\n items: ChipItem[];\n disabled?: boolean;\n placeholder?: string;\n altPlaceholder?: string;\n multiLine?: boolean;\n size?: Size.Large | Size.Medium | Size.Small;\n loading?: boolean;\n required?: boolean;\n\n validationMessage?: string;\n\n onRemoveItem: (item: ChipItem, index: number) => void;\n inputValue: string;\n onInputValueChange: (value: string) => void;\n onInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n onActivationChange?: (active: boolean) => void;\n}\n\nexport const ChipInputField = React.forwardRef<HTMLInputElement, ChipInputFieldProps>(\n (\n {\n inputId,\n items,\n disabled = false,\n placeholder,\n altPlaceholder,\n multiLine = true,\n size = Size.Medium,\n validationMessage,\n loading,\n onRemoveItem,\n onInputValueChange,\n onInputKeyDown,\n onActivationChange,\n inputValue,\n required,\n onBlur,\n ...rest\n },\n ref,\n ) => {\n const containerRef = React.useRef<HTMLDivElement>(null);\n const inputRef = useFocusVisibleRef([containerRef]);\n \n React.useImperativeHandle(ref, () => inputRef.current, [inputRef])\n\n /**\n * Scroll container to last item on change\n * */\n React.useEffect(() => {\n if (inputRef.current && document.activeElement === inputRef.current) {\n inputRef.current.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n }\n }, [containerRef, inputRef, items]);\n\n /**\n * Remove last cheap on backspace\n * */\n const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Backspace' && !inputRef.current?.value && !e.repeat && items.length > 0) {\n onRemoveItem(items[items.length - 1], items.length - 1);\n } else {\n onInputKeyDown(e);\n }\n };\n\n const handleItemRemove = (event: any, item: ChipItem, index: number) => {\n onRemoveItem(item, index);\n inputRef.current?.focus({focusVisible: event.detail !== 1} as any);\n };\n\n const handleInputClear = (e: any) => {\n onInputValueChange('');\n inputRef.current?.focus({focusVisible: e?.detail !== 1} as any);\n };\n\n const handleContainerKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n if (!containerRef.current || (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight')) return;\n\n const items = containerRef.current.querySelectorAll('[tabindex=\"0\"]') as NodeListOf<HTMLElement>;\n const currentIndex = Array.from(items).indexOf(e.target as any);\n const direction = e.key === 'ArrowLeft' ? -1 : 1;\n const item = items[currentIndex + direction];\n item?.focus({focusVisible: true} as any);\n\n onActivationChange && onActivationChange(false);\n };\n\n const cls = `${multiLine ? 'multiline' : ''} ${validationMessage ? 'invalid' : ''} ${size} ${loading ? 'loading' : ''} ${disabled ? 'disabled' : ''}`;\n\n return (\n <Wrapper onBlur={onBlur}>\n <ChipInputContainer\n data-testid=\"chip-input-container\"\n ref={containerRef}\n onKeyDown={handleContainerKeyDown}\n onClick={() => !disabled && inputRef.current?.focus()}\n className={cls}>\n <ChipInputContentContainer>\n {items?.map((chip: ChipItem, index: number) => (\n <InputChip\n key={`chip_${index}`}\n icon={chip?.icon}\n size={size}\n disabled={chip.disabled || disabled}\n variant={chip.variant || States.Default}\n text={chip.label}\n onRemove={(e) => handleItemRemove(e, chip, index)}\n />\n ))}\n <ChipInputBoundItems>\n <ChipInputEl\n ref={inputRef}\n type=\"text\"\n id={inputId}\n required={required}\n tabIndex={disabled ? -1 : 0}\n value={inputValue}\n onChange={(e) => onInputValueChange(e.target.value)}\n onKeyDown={handleInputKeyDown}\n placeholder={items?.length === 0 ? placeholder : altPlaceholder || ''}\n onClick={(e) => {\n e.stopPropagation();\n onActivationChange && onActivationChange(true);\n }}\n {...rest}\n />\n {inputValue && !disabled && (\n <IconButton\n id=\"clear-btn\"\n action={handleInputClear}\n ref={(ref) => {\n ref?.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n }}\n useTransparentBackground={true}\n shape={'circular'}\n style={{marginLeft: '-8px'}}\n variant={'secondary'}>\n <SystemIcons.Clear/>\n </IconButton>\n )}\n\n {loading && (\n <Loading className={size}>\n <LoadingIndicator size={Size.Small} color={COLORS.neutral_600}/>\n </Loading>\n )}\n </ChipInputBoundItems>\n </ChipInputContentContainer>\n </ChipInputContainer>\n {validationMessage && (\n <ErrorMessage>\n <TechnicalWarning color={COLORS.critical_400}/>\n <span>{validationMessage}</span>\n </ErrorMessage>\n )}\n </Wrapper>\n );\n },\n);\n"],"mappings":"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"}
@@ -6,9 +6,9 @@ var _excluded = ["inputId", "items", "disabled", "placeholder", "altPlaceholder"
6
6
 
7
7
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
8
8
 
9
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
9
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
10
10
 
11
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
11
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
12
12
 
13
13
  import React from 'react';
14
14
  import { Size, States } from '../types';