ab-ui-library 1.38.0 → 1.39.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (566) hide show
  1. package/{RadioGroup-beb51e7b.js → RadioGroup-e3ddaecf.js} +2 -2
  2. package/assets/styles/styles.css +161 -0
  3. package/assets/styles/styles.scss +1 -1
  4. package/components/AdvancedTable/AdvancedPagination.js +7 -7
  5. package/components/AdvancedTable/ColumnHeader.js +3 -3
  6. package/components/AdvancedTable/ColumnSettings.js +7 -7
  7. package/components/AdvancedTable/IndeterminateCheckbox.js +5 -5
  8. package/components/AdvancedTable/Table.js +7 -7
  9. package/components/AdvancedTable/hooks/useTableControl.js +6 -6
  10. package/components/AdvancedTable/index.js +7 -7
  11. package/components/Alert/Alert.js +6 -6
  12. package/components/Alert/index.js +6 -6
  13. package/components/Avatar/Avatar.js +7 -7
  14. package/components/Avatar/AvatarGroup.js +7 -7
  15. package/components/Avatar/index.js +7 -7
  16. package/components/Button/Button.js +6 -6
  17. package/components/Button/index.js +6 -6
  18. package/components/ButtonIcon/ButtonIcon.js +6 -6
  19. package/components/ButtonIcon/index.js +6 -6
  20. package/components/CardBody/CardBody.js +6 -6
  21. package/components/CardBody/index.js +6 -6
  22. package/components/CardSelect/CardSelect.js +6 -6
  23. package/components/CardSelect/CardSelectGroup.js +6 -6
  24. package/components/CardSelect/components/CardChips.js +3 -3
  25. package/components/CardSelect/components/CardInput.js +6 -6
  26. package/components/CardSelect/components/index.js +6 -6
  27. package/components/CardSelect/index.js +6 -6
  28. package/components/Cards/CardItem.js +1 -1
  29. package/components/Cards/index.js +1 -1
  30. package/components/Checkbox/Checkbox.js +5 -5
  31. package/components/Checkbox/index.js +5 -5
  32. package/components/Chips/Chips.js +3 -3
  33. package/components/Chips/index.js +3 -3
  34. package/components/Collapse/CollapseGroup/CollapseGroup.js +5 -5
  35. package/components/Collapse/CollapseItem/CollapseItem.js +3 -3
  36. package/components/Collapse/index.js +5 -5
  37. package/components/Copy/Copy.js +6 -6
  38. package/components/Copy/index.js +6 -6
  39. package/components/Counter/Counter.js +6 -6
  40. package/components/Counter/index.js +6 -6
  41. package/components/DatePicker/CustomHeader/CustomHeader.js +7 -7
  42. package/components/DatePicker/RangeDatePicker.js +6 -6
  43. package/components/DatePicker/SimpleDatePicker.js +7 -7
  44. package/components/DatePicker/TimePicker.js +6 -6
  45. package/components/DatePicker/hooks.js +2 -2
  46. package/components/DatePicker/index.js +7 -7
  47. package/components/Empty/Empty.js +6 -6
  48. package/components/Empty/index.js +6 -6
  49. package/components/FileUpload/FileUpload.js +7 -7
  50. package/components/FileUpload/UploadItems.js +6 -6
  51. package/components/FileUpload/index.js +7 -7
  52. package/components/FormContainer/FormContainer.js +6 -6
  53. package/components/FormContainer/index.js +6 -6
  54. package/components/FormField/FormField.js +5 -5
  55. package/components/FormField/index.js +5 -5
  56. package/components/Input/Input.js +6 -6
  57. package/components/Input/InputPassword.js +6 -6
  58. package/components/Input/index.js +6 -6
  59. package/components/ItemSelect/ItemSelect.js +5 -5
  60. package/components/ItemSelect/ItemSelectGroup.js +5 -5
  61. package/components/ItemSelect/index.js +5 -5
  62. package/components/Link/Link.js +2 -2
  63. package/components/Link/index.js +2 -2
  64. package/components/Menu/Menu.js +7 -7
  65. package/components/Menu/NestedMenu.js +7 -7
  66. package/components/Menu/index.js +7 -7
  67. package/components/Modal/Modal.js +6 -6
  68. package/components/Modal/ModalConfirmation.js +6 -6
  69. package/components/Modal/index.js +6 -6
  70. package/components/More/More.js +6 -6
  71. package/components/More/index.js +6 -6
  72. package/components/MultiTextareaWithChips/InputWrapper.d.ts +7 -0
  73. package/components/MultiTextareaWithChips/InputWrapper.js +13 -0
  74. package/components/MultiTextareaWithChips/MultiTextareaWithChips.d.ts +3 -0
  75. package/components/MultiTextareaWithChips/MultiTextareaWithChips.js +377 -0
  76. package/components/MultiTextareaWithChips/index.d.ts +3 -0
  77. package/components/MultiTextareaWithChips/index.js +38 -0
  78. package/components/MultiTextareaWithChips/types.d.ts +44 -0
  79. package/components/MultiTextareaWithChips/types.js +1 -0
  80. package/components/OneTimePassword/OneTimePassword.js +7 -7
  81. package/components/OneTimePassword/index.js +7 -7
  82. package/components/Pagination/Pagination.js +3 -3
  83. package/components/Pagination/index.js +3 -3
  84. package/components/Popover/Popover.js +3 -3
  85. package/components/Popover/index.js +3 -3
  86. package/components/Progress/ProgressBarWrapper.js +2 -2
  87. package/components/Progress/index.js +2 -2
  88. package/components/ProgressStep/ProgressStep.js +2 -2
  89. package/components/ProgressStep/Step.js +2 -2
  90. package/components/ProgressStep/index.js +2 -2
  91. package/components/Radio/RadioGroup.js +5 -5
  92. package/components/Radio/index.js +5 -5
  93. package/components/SVGIcons/IconAdd.js +2 -2
  94. package/components/SVGIcons/IconAddCircle.js +2 -2
  95. package/components/SVGIcons/IconAddCircleFilled.js +2 -2
  96. package/components/SVGIcons/IconAddFilled.js +2 -2
  97. package/components/SVGIcons/IconAlert.js +2 -2
  98. package/components/SVGIcons/IconAlertBadge.js +2 -2
  99. package/components/SVGIcons/IconAlertBadgeFilled.js +2 -2
  100. package/components/SVGIcons/IconAlertFilled.js +2 -2
  101. package/components/SVGIcons/IconAm.js +2 -2
  102. package/components/SVGIcons/IconAmd.js +2 -2
  103. package/components/SVGIcons/IconAmdFilled.js +2 -2
  104. package/components/SVGIcons/IconApple.js +2 -2
  105. package/components/SVGIcons/IconAppsList.js +2 -2
  106. package/components/SVGIcons/IconAppsListDetail.js +2 -2
  107. package/components/SVGIcons/IconAppsListDetailFilled.js +2 -2
  108. package/components/SVGIcons/IconAppsListFilled.js +2 -2
  109. package/components/SVGIcons/IconArrowCircleDown.js +2 -2
  110. package/components/SVGIcons/IconArrowCircleDownSplit.js +2 -2
  111. package/components/SVGIcons/IconArrowDown.js +2 -2
  112. package/components/SVGIcons/IconArrowDownFilled.js +2 -2
  113. package/components/SVGIcons/IconArrowDownLeft.js +2 -2
  114. package/components/SVGIcons/IconArrowDownLeftFilled.js +2 -2
  115. package/components/SVGIcons/IconArrowDownload.js +2 -2
  116. package/components/SVGIcons/IconArrowDownloadFilled.js +2 -2
  117. package/components/SVGIcons/IconArrowEnter.js +2 -2
  118. package/components/SVGIcons/IconArrowEnterFilled.js +2 -2
  119. package/components/SVGIcons/IconArrowExit.js +2 -2
  120. package/components/SVGIcons/IconArrowExitFilled.js +2 -2
  121. package/components/SVGIcons/IconArrowExportLeftToRight.js +2 -2
  122. package/components/SVGIcons/IconArrowExportLeftToRightFilled.js +2 -2
  123. package/components/SVGIcons/IconArrowExportRightToLeft.js +2 -2
  124. package/components/SVGIcons/IconArrowExportRightToLeftFilled.js +2 -2
  125. package/components/SVGIcons/IconArrowExportUp.js +2 -2
  126. package/components/SVGIcons/IconArrowExportUpFilled.js +2 -2
  127. package/components/SVGIcons/IconArrowImport.js +2 -2
  128. package/components/SVGIcons/IconArrowImportFilled.js +2 -2
  129. package/components/SVGIcons/IconArrowLeft.js +2 -2
  130. package/components/SVGIcons/IconArrowLeftFilled.js +2 -2
  131. package/components/SVGIcons/IconArrowRepeatAll.js +2 -2
  132. package/components/SVGIcons/IconArrowRepeatAllFilled.js +2 -2
  133. package/components/SVGIcons/IconArrowReset.js +2 -2
  134. package/components/SVGIcons/IconArrowResetFilled.js +2 -2
  135. package/components/SVGIcons/IconArrowRight.js +2 -2
  136. package/components/SVGIcons/IconArrowRightFilled.js +2 -2
  137. package/components/SVGIcons/IconArrowSort.js +2 -2
  138. package/components/SVGIcons/IconArrowSortFilled.js +2 -2
  139. package/components/SVGIcons/IconArrowSwap.js +2 -2
  140. package/components/SVGIcons/IconArrowSwapFilled.js +2 -2
  141. package/components/SVGIcons/IconArrowSync.js +2 -2
  142. package/components/SVGIcons/IconArrowSyncFilled.js +2 -2
  143. package/components/SVGIcons/IconArrowUp.js +2 -2
  144. package/components/SVGIcons/IconArrowUpFilled.js +2 -2
  145. package/components/SVGIcons/IconArrowUpLeft.js +2 -2
  146. package/components/SVGIcons/IconArrowUpLeftFilled.js +2 -2
  147. package/components/SVGIcons/IconArrowUpRight.js +2 -2
  148. package/components/SVGIcons/IconArrowUpRightFilled.js +2 -2
  149. package/components/SVGIcons/IconAttach.js +2 -2
  150. package/components/SVGIcons/IconAttachFilled.js +2 -2
  151. package/components/SVGIcons/IconBadge.js +2 -2
  152. package/components/SVGIcons/IconBadgeFilled.js +2 -2
  153. package/components/SVGIcons/IconBeach.js +2 -2
  154. package/components/SVGIcons/IconBeachFilled.js +2 -2
  155. package/components/SVGIcons/IconBed.js +2 -2
  156. package/components/SVGIcons/IconBedFilled.js +2 -2
  157. package/components/SVGIcons/IconBook.js +2 -2
  158. package/components/SVGIcons/IconBookFilled.js +2 -2
  159. package/components/SVGIcons/IconBookOpen.js +2 -2
  160. package/components/SVGIcons/IconBookOpenFilled.js +2 -2
  161. package/components/SVGIcons/IconBookmark.js +2 -2
  162. package/components/SVGIcons/IconBookmarkFilled.js +2 -2
  163. package/components/SVGIcons/IconBriefcase.js +2 -2
  164. package/components/SVGIcons/IconBriefcaseFilled.js +2 -2
  165. package/components/SVGIcons/IconBroom.js +2 -2
  166. package/components/SVGIcons/IconBroomFilled.js +2 -2
  167. package/components/SVGIcons/IconBuilding.js +2 -2
  168. package/components/SVGIcons/IconBuildingBank.js +2 -2
  169. package/components/SVGIcons/IconBuildingBankFilled.js +2 -2
  170. package/components/SVGIcons/IconBuildingFilled.js +2 -2
  171. package/components/SVGIcons/IconBuildingHome.js +2 -2
  172. package/components/SVGIcons/IconBuildingHomeFilled.js +2 -2
  173. package/components/SVGIcons/IconBuildingShop.js +2 -2
  174. package/components/SVGIcons/IconBuildingShopFilled.js +2 -2
  175. package/components/SVGIcons/IconBulletListAdd.js +2 -2
  176. package/components/SVGIcons/IconBulletListAddFilled.js +2 -2
  177. package/components/SVGIcons/IconCalculator.js +2 -2
  178. package/components/SVGIcons/IconCalculatorFilled.js +2 -2
  179. package/components/SVGIcons/IconCalendarCheckmark.js +2 -2
  180. package/components/SVGIcons/IconCalendarCheckmarkFilled.js +2 -2
  181. package/components/SVGIcons/IconCalendarClock.js +2 -2
  182. package/components/SVGIcons/IconCalendarClockFilled.js +2 -2
  183. package/components/SVGIcons/IconCalendarDay.js +2 -2
  184. package/components/SVGIcons/IconCalendarDayFilled.js +2 -2
  185. package/components/SVGIcons/IconCalendarLeft.js +2 -2
  186. package/components/SVGIcons/IconCalendarLeftFilled.js +2 -2
  187. package/components/SVGIcons/IconCalendarRight.js +2 -2
  188. package/components/SVGIcons/IconCalendarRightFilled.js +2 -2
  189. package/components/SVGIcons/IconCall.js +2 -2
  190. package/components/SVGIcons/IconCallFilled.js +2 -2
  191. package/components/SVGIcons/IconCameraDome.js +2 -2
  192. package/components/SVGIcons/IconCameraDomeFilled.js +2 -2
  193. package/components/SVGIcons/IconCard.js +2 -2
  194. package/components/SVGIcons/IconCardFilled.js +2 -2
  195. package/components/SVGIcons/IconCaretDown.js +2 -2
  196. package/components/SVGIcons/IconCaretDownFilled.js +2 -2
  197. package/components/SVGIcons/IconCaretDownRight.js +2 -2
  198. package/components/SVGIcons/IconCaretDownRightFilled.js +2 -2
  199. package/components/SVGIcons/IconCaretLeft.js +2 -2
  200. package/components/SVGIcons/IconCaretLeftFilled.js +2 -2
  201. package/components/SVGIcons/IconCaretRight.js +2 -2
  202. package/components/SVGIcons/IconCaretRightFilled.js +2 -2
  203. package/components/SVGIcons/IconCaretUp.js +2 -2
  204. package/components/SVGIcons/IconCaretUpFilled.js +2 -2
  205. package/components/SVGIcons/IconChat.js +2 -2
  206. package/components/SVGIcons/IconChatFilled.js +2 -2
  207. package/components/SVGIcons/IconChatMultiple.js +2 -2
  208. package/components/SVGIcons/IconChatMultipleFilled.js +2 -2
  209. package/components/SVGIcons/IconCheckboxArrowRight.js +2 -2
  210. package/components/SVGIcons/IconCheckboxArrowRightFilled.js +2 -2
  211. package/components/SVGIcons/IconCheckmark.js +2 -2
  212. package/components/SVGIcons/IconCheckmarkCircle.js +2 -2
  213. package/components/SVGIcons/IconCheckmarkCircleFilled.js +2 -2
  214. package/components/SVGIcons/IconCheckmarkFilled.js +2 -2
  215. package/components/SVGIcons/IconCheckmarkStarburst.js +2 -2
  216. package/components/SVGIcons/IconCheckmarkStarburstFilled.js +2 -2
  217. package/components/SVGIcons/IconChevronDoubleLeft.js +2 -2
  218. package/components/SVGIcons/IconChevronDoubleLeftFilled.js +2 -2
  219. package/components/SVGIcons/IconChevronDoubleRight.js +2 -2
  220. package/components/SVGIcons/IconChevronDoubleRightFilled.js +2 -2
  221. package/components/SVGIcons/IconChevronDown.js +2 -2
  222. package/components/SVGIcons/IconChevronDownFilled.js +2 -2
  223. package/components/SVGIcons/IconChevronLeft.js +2 -2
  224. package/components/SVGIcons/IconChevronLeftFilled.js +2 -2
  225. package/components/SVGIcons/IconChevronRight.js +2 -2
  226. package/components/SVGIcons/IconChevronRightFilled.js +2 -2
  227. package/components/SVGIcons/IconChevronUp.js +2 -2
  228. package/components/SVGIcons/IconChevronUpDown.js +2 -2
  229. package/components/SVGIcons/IconChevronUpDownFilled.js +2 -2
  230. package/components/SVGIcons/IconChevronUpFilled.js +2 -2
  231. package/components/SVGIcons/IconCircleOff.js +2 -2
  232. package/components/SVGIcons/IconCircleOffFilled.js +2 -2
  233. package/components/SVGIcons/IconClock.js +2 -2
  234. package/components/SVGIcons/IconClockDismiss.js +2 -2
  235. package/components/SVGIcons/IconClockDismissFilled.js +2 -2
  236. package/components/SVGIcons/IconClockFilled.js +2 -2
  237. package/components/SVGIcons/IconColor.js +2 -2
  238. package/components/SVGIcons/IconColorFilled.js +2 -2
  239. package/components/SVGIcons/IconComment.js +2 -2
  240. package/components/SVGIcons/IconCommentFilled.js +2 -2
  241. package/components/SVGIcons/IconCompareCar.js +2 -2
  242. package/components/SVGIcons/IconCompareCarFilled.js +2 -2
  243. package/components/SVGIcons/IconContractCard.js +2 -2
  244. package/components/SVGIcons/IconContractCardFilled.js +2 -2
  245. package/components/SVGIcons/IconCopy.js +2 -2
  246. package/components/SVGIcons/IconCopyFilled.js +2 -2
  247. package/components/SVGIcons/IconCubeTree.js +2 -2
  248. package/components/SVGIcons/IconCubeTreeFilled.js +2 -2
  249. package/components/SVGIcons/IconDatabase.js +2 -2
  250. package/components/SVGIcons/IconDatabaseFilled.js +2 -2
  251. package/components/SVGIcons/IconDelete.js +2 -2
  252. package/components/SVGIcons/IconDeleteFilled.js +2 -2
  253. package/components/SVGIcons/IconDesignIdeas.js +2 -2
  254. package/components/SVGIcons/IconDesignIdeasFilled.js +2 -2
  255. package/components/SVGIcons/IconDeviceMeetingRoom.js +2 -2
  256. package/components/SVGIcons/IconDeviceMeetingRoomFilled.js +2 -2
  257. package/components/SVGIcons/IconDismiss.js +2 -2
  258. package/components/SVGIcons/IconDismissCircle.js +2 -2
  259. package/components/SVGIcons/IconDismissCircleFilled.js +2 -2
  260. package/components/SVGIcons/IconDismissFilled.js +2 -2
  261. package/components/SVGIcons/IconDocument.js +2 -2
  262. package/components/SVGIcons/IconDocumentBulletList.js +2 -2
  263. package/components/SVGIcons/IconDocumentBulletListFilled.js +2 -2
  264. package/components/SVGIcons/IconDocumentEdit.js +2 -2
  265. package/components/SVGIcons/IconDocumentEditFilled.js +2 -2
  266. package/components/SVGIcons/IconDocumentFilled.js +2 -2
  267. package/components/SVGIcons/IconDocumentFooter.js +2 -2
  268. package/components/SVGIcons/IconDocumentFooterFilled.js +2 -2
  269. package/components/SVGIcons/IconDocumentOnePage.js +2 -2
  270. package/components/SVGIcons/IconDocumentOnePageFilled.js +2 -2
  271. package/components/SVGIcons/IconEdit.js +2 -2
  272. package/components/SVGIcons/IconEditFilled.js +2 -2
  273. package/components/SVGIcons/IconEngine.js +2 -2
  274. package/components/SVGIcons/IconEngineFilled.js +2 -2
  275. package/components/SVGIcons/IconErrorCircle.js +2 -2
  276. package/components/SVGIcons/IconErrorCircleFilled.js +2 -2
  277. package/components/SVGIcons/IconEur.js +2 -2
  278. package/components/SVGIcons/IconEurFilled.js +2 -2
  279. package/components/SVGIcons/IconExpandUpLeft.js +2 -2
  280. package/components/SVGIcons/IconExpandUpLeftFilled.js +2 -2
  281. package/components/SVGIcons/IconExpandUpRight.js +2 -2
  282. package/components/SVGIcons/IconExpandUpRightFilled.js +2 -2
  283. package/components/SVGIcons/IconEyeOff.js +2 -2
  284. package/components/SVGIcons/IconEyeOffFilled.js +2 -2
  285. package/components/SVGIcons/IconEyeOn.js +2 -2
  286. package/components/SVGIcons/IconEyeOnFilled.js +2 -2
  287. package/components/SVGIcons/IconFacebook.js +2 -2
  288. package/components/SVGIcons/IconFilter.js +2 -2
  289. package/components/SVGIcons/IconFilterFilled.js +2 -2
  290. package/components/SVGIcons/IconFlag.js +2 -2
  291. package/components/SVGIcons/IconFlagFilled.js +2 -2
  292. package/components/SVGIcons/IconFlash.js +2 -2
  293. package/components/SVGIcons/IconFlashFilled.js +2 -2
  294. package/components/SVGIcons/IconFolderLink.js +2 -2
  295. package/components/SVGIcons/IconFolderLinkFilled.js +2 -2
  296. package/components/SVGIcons/IconFolderPerson.js +2 -2
  297. package/components/SVGIcons/IconFolderPersonFilled.js +2 -2
  298. package/components/SVGIcons/IconFunnel.js +2 -2
  299. package/components/SVGIcons/IconFunnelFilled.js +2 -2
  300. package/components/SVGIcons/IconGas.js +2 -2
  301. package/components/SVGIcons/IconGb.js +2 -2
  302. package/components/SVGIcons/IconGlobe.js +2 -2
  303. package/components/SVGIcons/IconGlobeFilled.js +2 -2
  304. package/components/SVGIcons/IconGlobeLocation.js +2 -2
  305. package/components/SVGIcons/IconGlobeLocationFilled.js +2 -2
  306. package/components/SVGIcons/IconGoogle.js +2 -2
  307. package/components/SVGIcons/IconGrid.js +2 -2
  308. package/components/SVGIcons/IconGridFilled.js +2 -2
  309. package/components/SVGIcons/IconHandOpenHeart.js +2 -2
  310. package/components/SVGIcons/IconHandOpenHeartFilled.js +2 -2
  311. package/components/SVGIcons/IconHandWave.js +2 -2
  312. package/components/SVGIcons/IconHandWaveFilled.js +2 -2
  313. package/components/SVGIcons/IconHdm.js +2 -2
  314. package/components/SVGIcons/IconHdmFilled.js +2 -2
  315. package/components/SVGIcons/IconHeart.js +2 -2
  316. package/components/SVGIcons/IconHeartFilled.js +2 -2
  317. package/components/SVGIcons/IconHistory.js +2 -2
  318. package/components/SVGIcons/IconHistoryFilled.js +2 -2
  319. package/components/SVGIcons/IconHome.js +2 -2
  320. package/components/SVGIcons/IconHomeAdd.js +2 -2
  321. package/components/SVGIcons/IconHomeAddFilled.js +2 -2
  322. package/components/SVGIcons/IconHomeFilled.js +2 -2
  323. package/components/SVGIcons/IconImage.js +2 -2
  324. package/components/SVGIcons/IconImageFilled.js +2 -2
  325. package/components/SVGIcons/IconInfo.js +2 -2
  326. package/components/SVGIcons/IconInfoFilled.js +2 -2
  327. package/components/SVGIcons/IconInstagram.js +2 -2
  328. package/components/SVGIcons/IconKey.js +2 -2
  329. package/components/SVGIcons/IconKeyFilled.js +2 -2
  330. package/components/SVGIcons/IconKeyReset.js +2 -2
  331. package/components/SVGIcons/IconKeyResetFilled.js +2 -2
  332. package/components/SVGIcons/IconLaptop.js +2 -2
  333. package/components/SVGIcons/IconLaptopFilled.js +2 -2
  334. package/components/SVGIcons/IconLeaf.js +2 -2
  335. package/components/SVGIcons/IconLeafFilled.js +2 -2
  336. package/components/SVGIcons/IconLightbulb.js +2 -2
  337. package/components/SVGIcons/IconLightbulbFilled.js +2 -2
  338. package/components/SVGIcons/IconLink.js +2 -2
  339. package/components/SVGIcons/IconLinkFilled.js +2 -2
  340. package/components/SVGIcons/IconLinkedin.js +2 -2
  341. package/components/SVGIcons/IconList.js +2 -2
  342. package/components/SVGIcons/IconListFilled.js +2 -2
  343. package/components/SVGIcons/IconLoan.js +2 -2
  344. package/components/SVGIcons/IconLoanFilled.js +2 -2
  345. package/components/SVGIcons/IconLocation.js +2 -2
  346. package/components/SVGIcons/IconLocationFilled.js +2 -2
  347. package/components/SVGIcons/IconLockClosed.js +2 -2
  348. package/components/SVGIcons/IconLockClosedFilled.js +2 -2
  349. package/components/SVGIcons/IconLockMultiple.js +2 -2
  350. package/components/SVGIcons/IconLockMultipleFilled.js +2 -2
  351. package/components/SVGIcons/IconLockOpen.js +2 -2
  352. package/components/SVGIcons/IconLockOpenFilled.js +2 -2
  353. package/components/SVGIcons/IconMail.js +2 -2
  354. package/components/SVGIcons/IconMailAdd.js +2 -2
  355. package/components/SVGIcons/IconMailAddFilled.js +2 -2
  356. package/components/SVGIcons/IconMailArrowForward.js +2 -2
  357. package/components/SVGIcons/IconMailArrowForwardFilled.js +2 -2
  358. package/components/SVGIcons/IconMailFilled.js +2 -2
  359. package/components/SVGIcons/IconMailLink.js +2 -2
  360. package/components/SVGIcons/IconMailLinkFilled.js +2 -2
  361. package/components/SVGIcons/IconMedium.js +2 -2
  362. package/components/SVGIcons/IconMention.js +2 -2
  363. package/components/SVGIcons/IconMentionFilled.js +2 -2
  364. package/components/SVGIcons/IconMoney.js +2 -2
  365. package/components/SVGIcons/IconMoneyFilled.js +2 -2
  366. package/components/SVGIcons/IconMoneyHand.js +2 -2
  367. package/components/SVGIcons/IconMoneyHandFilled.js +2 -2
  368. package/components/SVGIcons/IconMore.js +2 -2
  369. package/components/SVGIcons/IconMoreFilled.js +2 -2
  370. package/components/SVGIcons/IconMoreVertical.js +2 -2
  371. package/components/SVGIcons/IconMoreVerticalFilled.js +2 -2
  372. package/components/SVGIcons/IconNavigation.js +2 -2
  373. package/components/SVGIcons/IconNavigationFilled.js +2 -2
  374. package/components/SVGIcons/IconNotebook.js +2 -2
  375. package/components/SVGIcons/IconNotebookAdd.js +2 -2
  376. package/components/SVGIcons/IconNotebookAddFilled.js +2 -2
  377. package/components/SVGIcons/IconNotebookFilled.js +2 -2
  378. package/components/SVGIcons/IconNumberSymbolSquare.js +2 -2
  379. package/components/SVGIcons/IconNumberSymbolSquareFilled.js +2 -2
  380. package/components/SVGIcons/IconOnlyEmployee.js +2 -2
  381. package/components/SVGIcons/IconOpen.js +2 -2
  382. package/components/SVGIcons/IconOpenFilled.js +2 -2
  383. package/components/SVGIcons/IconPaintBrush.js +2 -2
  384. package/components/SVGIcons/IconPaintBrushFilled.js +2 -2
  385. package/components/SVGIcons/IconPanelLeft.js +2 -2
  386. package/components/SVGIcons/IconPanelLeftFilled.js +2 -2
  387. package/components/SVGIcons/IconPanelRight.js +2 -2
  388. package/components/SVGIcons/IconPanelRightFilled.js +2 -2
  389. package/components/SVGIcons/IconPatient.js +2 -2
  390. package/components/SVGIcons/IconPatientFilled.js +2 -2
  391. package/components/SVGIcons/IconPeople.js +2 -2
  392. package/components/SVGIcons/IconPeopleAdd.js +2 -2
  393. package/components/SVGIcons/IconPeopleAddFilled.js +2 -2
  394. package/components/SVGIcons/IconPeopleFilled.js +2 -2
  395. package/components/SVGIcons/IconPercent.js +2 -2
  396. package/components/SVGIcons/IconPerson.js +2 -2
  397. package/components/SVGIcons/IconPersonAccount.js +2 -2
  398. package/components/SVGIcons/IconPersonAccountFilled.js +2 -2
  399. package/components/SVGIcons/IconPersonAdd.js +2 -2
  400. package/components/SVGIcons/IconPersonAddFilled.js +2 -2
  401. package/components/SVGIcons/IconPersonFilled.js +2 -2
  402. package/components/SVGIcons/IconPersonNote.js +2 -2
  403. package/components/SVGIcons/IconPersonNoteFilled.js +2 -2
  404. package/components/SVGIcons/IconPersonStar.js +2 -2
  405. package/components/SVGIcons/IconPersonStarFilled.js +2 -2
  406. package/components/SVGIcons/IconPersonSubtract.js +2 -2
  407. package/components/SVGIcons/IconPersonSubtractFilled.js +2 -2
  408. package/components/SVGIcons/IconPhone.js +2 -2
  409. package/components/SVGIcons/IconPhoneFilled.js +2 -2
  410. package/components/SVGIcons/IconPlay.js +2 -2
  411. package/components/SVGIcons/IconPlayFilled.js +2 -2
  412. package/components/SVGIcons/IconPos.js +2 -2
  413. package/components/SVGIcons/IconPosFilled.js +2 -2
  414. package/components/SVGIcons/IconProhibited.js +2 -2
  415. package/components/SVGIcons/IconProhibitedFilled.js +2 -2
  416. package/components/SVGIcons/IconProjectProduct.js +2 -2
  417. package/components/SVGIcons/IconQuestionCircle.js +2 -2
  418. package/components/SVGIcons/IconQuestionCircleFilled.js +2 -2
  419. package/components/SVGIcons/IconRedo.js +2 -2
  420. package/components/SVGIcons/IconRedoFilled.js +2 -2
  421. package/components/SVGIcons/IconRu.js +2 -2
  422. package/components/SVGIcons/IconRub.js +2 -2
  423. package/components/SVGIcons/IconRubFilled.js +2 -2
  424. package/components/SVGIcons/IconSave.js +2 -2
  425. package/components/SVGIcons/IconSaveFilled.js +2 -2
  426. package/components/SVGIcons/IconSavings.js +2 -2
  427. package/components/SVGIcons/IconSavingsFilled.js +2 -2
  428. package/components/SVGIcons/IconSearch.js +2 -2
  429. package/components/SVGIcons/IconSearchFilled.js +2 -2
  430. package/components/SVGIcons/IconSelectAllOff.js +2 -2
  431. package/components/SVGIcons/IconSelectAllOffFilled.js +2 -2
  432. package/components/SVGIcons/IconSelectAllOn.js +2 -2
  433. package/components/SVGIcons/IconSelectAllOnFilled.js +2 -2
  434. package/components/SVGIcons/IconSend.js +2 -2
  435. package/components/SVGIcons/IconSendFilled.js +2 -2
  436. package/components/SVGIcons/IconSettings.js +2 -2
  437. package/components/SVGIcons/IconSettingsFilled.js +2 -2
  438. package/components/SVGIcons/IconShare.js +2 -2
  439. package/components/SVGIcons/IconShareAndroid.js +2 -2
  440. package/components/SVGIcons/IconShareAndroidFilled.js +2 -2
  441. package/components/SVGIcons/IconShareFilled.js +2 -2
  442. package/components/SVGIcons/IconShower.js +2 -2
  443. package/components/SVGIcons/IconSign.js +2 -2
  444. package/components/SVGIcons/IconSignFilled.js +2 -2
  445. package/components/SVGIcons/IconSignOut.js +2 -2
  446. package/components/SVGIcons/IconSignOutFilled.js +2 -2
  447. package/components/SVGIcons/IconSlideText.js +2 -2
  448. package/components/SVGIcons/IconSlideTextFilled.js +2 -2
  449. package/components/SVGIcons/IconSpinner.js +2 -2
  450. package/components/SVGIcons/IconSpinnerFilled.js +2 -2
  451. package/components/SVGIcons/IconStar.js +2 -2
  452. package/components/SVGIcons/IconStarFilled.js +2 -2
  453. package/components/SVGIcons/IconStatus.js +2 -2
  454. package/components/SVGIcons/IconStatusFilled.js +2 -2
  455. package/components/SVGIcons/IconSubtract.js +2 -2
  456. package/components/SVGIcons/IconSubtractCircle.js +2 -2
  457. package/components/SVGIcons/IconSubtractCircleFilled.js +2 -2
  458. package/components/SVGIcons/IconSubtractFilled.js +2 -2
  459. package/components/SVGIcons/IconTableCellEdit.js +2 -2
  460. package/components/SVGIcons/IconTableCellEditFilled.js +2 -2
  461. package/components/SVGIcons/IconTelegram.js +2 -2
  462. package/components/SVGIcons/IconTextBulletListSquarePerson.js +2 -2
  463. package/components/SVGIcons/IconTextBulletListSquarePersonFilled.js +2 -2
  464. package/components/SVGIcons/IconTextboxSettings.js +2 -2
  465. package/components/SVGIcons/IconTextboxSettingsFilled.js +2 -2
  466. package/components/SVGIcons/IconTimer.js +2 -2
  467. package/components/SVGIcons/IconTimerFilled.js +2 -2
  468. package/components/SVGIcons/IconTin.js +2 -2
  469. package/components/SVGIcons/IconTinFilled.js +2 -2
  470. package/components/SVGIcons/IconTv.js +2 -2
  471. package/components/SVGIcons/IconTvFilled.js +2 -2
  472. package/components/SVGIcons/IconTwitter.js +2 -2
  473. package/components/SVGIcons/IconUndo.js +2 -2
  474. package/components/SVGIcons/IconUndoFilled.js +2 -2
  475. package/components/SVGIcons/IconUnitsEmployee.js +2 -2
  476. package/components/SVGIcons/IconUs.js +2 -2
  477. package/components/SVGIcons/IconUsd.js +2 -2
  478. package/components/SVGIcons/IconUsdFilled.js +2 -2
  479. package/components/SVGIcons/IconVehicleTruckProfile.js +2 -2
  480. package/components/SVGIcons/IconVehicleTruckProfileFilled.js +2 -2
  481. package/components/SVGIcons/IconViber.js +2 -2
  482. package/components/SVGIcons/IconVideo.js +2 -2
  483. package/components/SVGIcons/IconVideoFilled.js +2 -2
  484. package/components/SVGIcons/IconVpos.js +2 -2
  485. package/components/SVGIcons/IconVposFilled.js +2 -2
  486. package/components/SVGIcons/IconWallet.js +2 -2
  487. package/components/SVGIcons/IconWalletFilled.js +2 -2
  488. package/components/SVGIcons/IconWarning.js +2 -2
  489. package/components/SVGIcons/IconWarningFilled.js +2 -2
  490. package/components/SVGIcons/IconWhatsapp.js +2 -2
  491. package/components/SVGIcons/IconWrenchScrewdriver.js +2 -2
  492. package/components/SVGIcons/IconWrenchScrewdriverFilled.js +2 -2
  493. package/components/SVGIcons/IconXboxConsole.js +2 -2
  494. package/components/SVGIcons/IconXboxConsoleFilled.js +2 -2
  495. package/components/SVGIcons/IconYoutube.js +2 -2
  496. package/components/SVGIcons/IconZoomIn.js +2 -2
  497. package/components/SVGIcons/IconZoomInFilled.js +2 -2
  498. package/components/SVGIcons/IconZoomOut.js +2 -2
  499. package/components/SVGIcons/IconZoomOutFilled.js +2 -2
  500. package/components/SVGIcons/index.js +2 -2
  501. package/components/Select/ButtonSelect/ButtonSelect.js +7 -7
  502. package/components/Select/FilterSelect/FilterDropdown.js +7 -7
  503. package/components/Select/FilterSelect/FilterGroupDropdown.js +7 -7
  504. package/components/Select/FilterSelect/FilterSelect.js +7 -7
  505. package/components/Select/MultiSelect/MultiBase/MultiBase.js +7 -7
  506. package/components/Select/MultiSelect/MultiSelect.js +7 -7
  507. package/components/Select/MultiSelect/MultiSelectGrouped/MultiSelectGrouped.js +7 -7
  508. package/components/Select/MultiSelect/MultiSelectTree/MultiSelectTree.js +7 -7
  509. package/components/Select/MultiSelect/MultiSelectWithTabs/MultiSelectWithTabs.js +7 -7
  510. package/components/Select/MultiSelect/OptionsWrapper.js +7 -7
  511. package/components/Select/MultiSelect/RadioSelectGrouped/RadioSelectGrouped.js +7 -7
  512. package/components/Select/NestedSelect/NestedSelect.js +7 -7
  513. package/components/Select/ProfileDropdown/index.js +3 -3
  514. package/components/Select/Select/Select.js +14 -10
  515. package/components/Select/SharedComponents/Actions.js +7 -7
  516. package/components/Select/SharedComponents/ButtonSelectWrapper/Button/Button.js +2 -2
  517. package/components/Select/SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js +3 -3
  518. package/components/Select/SharedComponents/ContentTop.js +7 -7
  519. package/components/Select/SharedComponents/Footer.js +6 -6
  520. package/components/Select/SharedComponents/InputSelectWrapper/InputSelectWrapper.js +6 -6
  521. package/components/Select/SharedComponents/index.js +7 -7
  522. package/components/Select/index.js +7 -7
  523. package/components/SideNavigation/NavigationItem/index.js +6 -6
  524. package/components/SideNavigation/SideNavigation.js +6 -6
  525. package/components/SideNavigation/index.js +6 -6
  526. package/components/SideSheet/Footer/Footer.js +6 -6
  527. package/components/SideSheet/SideSheet.js +6 -6
  528. package/components/SideSheet/index.js +6 -6
  529. package/components/Snackbar/Snackbar.js +6 -6
  530. package/components/Snackbar/index.js +6 -6
  531. package/components/Status/Status.js +3 -3
  532. package/components/Status/index.js +3 -3
  533. package/components/Stepper/Stepper.js +1 -1
  534. package/components/Stepper/index.js +1 -1
  535. package/components/Switcher/Switcher.js +5 -5
  536. package/components/Switcher/index.js +5 -5
  537. package/components/Tab/Tab.js +2 -2
  538. package/components/Tab/TabItem.js +1 -1
  539. package/components/Tab/index.js +2 -2
  540. package/components/Table/Header.js +6 -6
  541. package/components/Table/IndeterminateCheckbox.js +5 -5
  542. package/components/Table/Row.js +6 -6
  543. package/components/Table/Table.js +7 -7
  544. package/components/Table/index.js +7 -7
  545. package/components/Table/utils.js +6 -6
  546. package/components/Textarea/Textarea.js +6 -6
  547. package/components/Textarea/index.js +6 -6
  548. package/components/Tooltip/Tooltip.js +1 -1
  549. package/components/Tooltip/index.js +1 -1
  550. package/{defineProperty-dcc6cb5b.js → defineProperty-3d30b669.js} +1 -1
  551. package/helperComponents/OptionItem/OptionItem.js +7 -7
  552. package/helperComponents/OptionItem/index.js +7 -7
  553. package/helperComponents/index.js +7 -7
  554. package/hooks/index.js +1 -1
  555. package/hooks/useHideBodyScroll.js +1 -1
  556. package/hooks/useScreenSize.js +1 -1
  557. package/hooks/useSideNavigation.js +1 -1
  558. package/index.d.ts +1 -0
  559. package/index.js +9 -7
  560. package/package.json +1 -1
  561. package/stories/MultiTextareaWithChips.stories.d.ts +24 -0
  562. package/{toConsumableArray-9b03ca05.js → toConsumableArray-96c5590c.js} +1 -1
  563. /package/{extends-b9dd3c41.js → extends-d0c248d6.js} +0 -0
  564. /package/{objectWithoutProperties-813e1bb8.js → objectWithoutProperties-0b2ab164.js} +0 -0
  565. /package/{slicedToArray-61b449e7.js → slicedToArray-31c0261f.js} +0 -0
  566. /package/{typeof-bb041404.js → typeof-f5583e42.js} +0 -0
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ interface TInputWrapperProps {
3
+ children: React.ReactNode;
4
+ className?: string;
5
+ }
6
+ export declare const InputWrapper: React.FC<TInputWrapperProps>;
7
+ export {};
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+
3
+ var InputWrapper = function InputWrapper(_ref) {
4
+ var children = _ref.children,
5
+ _ref$className = _ref.className,
6
+ className = _ref$className === void 0 ? '' : _ref$className;
7
+ return /*#__PURE__*/React.createElement("div", {
8
+ className: "bg-gray-50 border border-gray-300 rounded-lg p-3 min-h-12 ".concat(className)
9
+ }, children);
10
+ };
11
+ InputWrapper.displayName = 'InputWrapper';
12
+
13
+ export { InputWrapper };
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import type { TMultiTextareaWithChipsProps } from './types';
3
+ export declare const MultiTextareaWithChips: React.FC<TMultiTextareaWithChipsProps>;
@@ -0,0 +1,377 @@
1
+ import { _ as _extends } from '../../extends-d0c248d6.js';
2
+ import { _ as _toConsumableArray } from '../../toConsumableArray-96c5590c.js';
3
+ import { _ as _slicedToArray } from '../../slicedToArray-31c0261f.js';
4
+ import React, { useState, useRef, useMemo, useEffect } from 'react';
5
+ import { Chips } from '../Chips/Chips.js';
6
+ import classNames from 'classnames';
7
+ import { ErrorMessage } from '../../helperComponents/ErrorMessage/ErrorMessage.js';
8
+ import '../../RadioGroup-e3ddaecf.js';
9
+ import 'dayjs';
10
+ import { useFormProps } from '../../hooks/useFormProps.js';
11
+ import '../../hooks/useScreenSize.js';
12
+ import 'react-hook-form';
13
+ import '../Radio/Radio.js';
14
+ import 'react-syntax-highlighter';
15
+ import '../Text/Text.js';
16
+ import '../../utils/helpers.js';
17
+ import '../Chips/types.js';
18
+ import '../SVGIcons/IconDismissCircleFilled.js';
19
+ import '../../defineProperty-3d30b669.js';
20
+ import '../../typeof-f5583e42.js';
21
+ import '../Chips/consts.js';
22
+ import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
23
+ import '../../helperComponents/IconDynamicComponent/constants.js';
24
+ import '../../helperComponents/Label/Label.js';
25
+ import '../Popover/Popover.js';
26
+ import '../../hooks/useGetTooltipStyles.js';
27
+ import '../../hooks/useGetElemSizes.js';
28
+ import '../../hooks/useGetElemPositions.js';
29
+ import '../../hooks/useGetTooltipPosition.js';
30
+ import '../Tooltip/types.js';
31
+ import '../../hooks/useHideOnScroll.js';
32
+ import '../../consts/index.js';
33
+ import '../../hooks/useOnOutsideClick.js';
34
+ import '../Link/Link.js';
35
+ import '../SVGIcons/IconInfo.js';
36
+ import '../../context/types.js';
37
+
38
+ var MultiTextareaWithChips = function MultiTextareaWithChips(_ref) {
39
+ var label = _ref.label,
40
+ placeholder = _ref.placeholder,
41
+ helperText = _ref.helperText,
42
+ _ref$chips = _ref.chips,
43
+ chips = _ref$chips === void 0 ? [] : _ref$chips,
44
+ onAddChip = _ref.onAddChip,
45
+ onRemoveChip = _ref.onRemoveChip,
46
+ _ref$className = _ref.className,
47
+ className = _ref$className === void 0 ? '' : _ref$className,
48
+ _ref$disabled = _ref.disabled,
49
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
50
+ _ref$availableOptions = _ref.availableOptions,
51
+ availableOptions = _ref$availableOptions === void 0 ? [] : _ref$availableOptions,
52
+ _ref$allowCustomValue = _ref.allowCustomValues,
53
+ allowCustomValues = _ref$allowCustomValue === void 0 ? true : _ref$allowCustomValue,
54
+ searchPlaceholder = _ref.searchPlaceholder,
55
+ chipValidationSchema = _ref.chipValidationSchema,
56
+ chipValidationErrorMessage = _ref.chipValidationErrorMessage,
57
+ _ref$allowInvalidChip = _ref.allowInvalidChips,
58
+ allowInvalidChips = _ref$allowInvalidChip === void 0 ? false : _ref$allowInvalidChip,
59
+ _ref$searchPlaceholde = _ref.searchPlaceholderText,
60
+ searchPlaceholderText = _ref$searchPlaceholde === void 0 ? 'Search and select...' : _ref$searchPlaceholde,
61
+ _ref$typeAndEnterPlac = _ref.typeAndEnterPlaceholderText,
62
+ typeAndEnterPlaceholderText = _ref$typeAndEnterPlac === void 0 ? 'Type and press Enter...' : _ref$typeAndEnterPlac,
63
+ _ref$noOptionsPlaceho = _ref.noOptionsPlaceholderText,
64
+ noOptionsPlaceholderText = _ref$noOptionsPlaceho === void 0 ? 'No more options available' : _ref$noOptionsPlaceho,
65
+ formProps = _ref.formProps;
66
+ var _useState = useState(''),
67
+ _useState2 = _slicedToArray(_useState, 2),
68
+ inputValue = _useState2[0],
69
+ setInputValue = _useState2[1];
70
+ var _useState3 = useState(false),
71
+ _useState4 = _slicedToArray(_useState3, 2),
72
+ showDropdown = _useState4[0],
73
+ setShowDropdown = _useState4[1];
74
+ var _useState5 = useState([]),
75
+ _useState6 = _slicedToArray(_useState5, 2),
76
+ filteredOptions = _useState6[0],
77
+ setFilteredOptions = _useState6[1];
78
+ var _useState7 = useState(''),
79
+ _useState8 = _slicedToArray(_useState7, 2),
80
+ selectedOption = _useState8[0],
81
+ setSelectedOption = _useState8[1];
82
+ var _useState9 = useState(''),
83
+ _useState0 = _slicedToArray(_useState9, 2),
84
+ chipError = _useState0[0],
85
+ setChipError = _useState0[1];
86
+ var _useState1 = useState(chips),
87
+ _useState10 = _slicedToArray(_useState1, 2),
88
+ localChips = _useState10[0],
89
+ setLocalChips = _useState10[1];
90
+ var inputRef = useRef(null);
91
+ var _useFormProps = useFormProps(),
92
+ errors = _useFormProps.errors,
93
+ setValue = _useFormProps.setValue;
94
+ console.log(errors);
95
+
96
+ // Memoize chip texts for performance optimization
97
+ var chipTexts = useMemo(function () {
98
+ return localChips.map(function (chip) {
99
+ return typeof chip === 'string' ? chip : chip.text;
100
+ });
101
+ }, [localChips]);
102
+
103
+ // useEffect(() => {
104
+ // if (inputValue.trim() && availableOptions.length > 0) {
105
+ // // Use memoized chipTexts for O(1) lookup performance
106
+ // const chipTextsSet = new Set(chipTexts)
107
+
108
+ // const filtered = availableOptions.filter(option =>
109
+ // option.toLowerCase().includes(inputValue.toLowerCase()) &&
110
+ // !chipTextsSet.has(option)
111
+ // )
112
+ // setFilteredOptions(filtered)
113
+ // setShowDropdown(filtered.length > 0)
114
+ // } else {
115
+ // setShowDropdown(false)
116
+ // setFilteredOptions([])
117
+ // }
118
+ // }, [inputValue, availableOptions, chipTexts])
119
+
120
+ useEffect(function () {
121
+ console.log('chips', localChips);
122
+ if (formProps !== null && formProps !== void 0 && formProps.setFieldValue) {
123
+ formProps.setFieldValue('skills', localChips);
124
+ }
125
+ }, [localChips]);
126
+ var handleKeyDown = function handleKeyDown(e) {
127
+ if (disabled) return;
128
+ if (e.key === 'Enter') {
129
+ e.preventDefault();
130
+ if (selectedOption) {
131
+ handleSelectOption(selectedOption);
132
+ } else if (filteredOptions.length > 0) {
133
+ handleSelectOption(filteredOptions[0]);
134
+ setFilteredOptions([]);
135
+ } else if (allowCustomValues && inputValue.trim()) {
136
+ handleAddCustomValue(inputValue.trim());
137
+ }
138
+ } else if (e.key === ',' && allowCustomValues && inputValue.trim()) {
139
+ e.preventDefault();
140
+ handleAddCustomValue(inputValue.trim());
141
+ } else if (e.key === 'Escape') {
142
+ var _inputRef$current;
143
+ setShowDropdown(false);
144
+ setSelectedOption('');
145
+ (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.blur();
146
+ } else if (e.key === 'ArrowDown') {
147
+ e.preventDefault();
148
+ if (filteredOptions.length > 0) {
149
+ var currentIndex = selectedOption ? filteredOptions.indexOf(selectedOption) : -1;
150
+ var nextIndex = currentIndex < filteredOptions.length - 1 ? currentIndex + 1 : 0;
151
+ setSelectedOption(filteredOptions[nextIndex]);
152
+ }
153
+ } else if (e.key === 'ArrowUp') {
154
+ e.preventDefault();
155
+ if (filteredOptions.length > 0) {
156
+ var _currentIndex = selectedOption ? filteredOptions.indexOf(selectedOption) : -1;
157
+ var prevIndex = _currentIndex > 0 ? _currentIndex - 1 : filteredOptions.length - 1;
158
+ setSelectedOption(filteredOptions[prevIndex]);
159
+ }
160
+ } else if (e.key === 'Backspace' && !inputValue && localChips.length > 0) {
161
+ e.preventDefault();
162
+ var lastChip = localChips[localChips.length - 1];
163
+ var chipText = typeof lastChip === 'string' ? lastChip : lastChip.text;
164
+ handleRemoveChip(chipText);
165
+ }
166
+ };
167
+ var handleInputChange = function handleInputChange(e) {
168
+ if (disabled) return;
169
+ setInputValue(e.target.value);
170
+ setSelectedOption('');
171
+ };
172
+ var handleInputFocus = function handleInputFocus() {
173
+ if (availableOptions.length > 0 && inputValue.trim()) {
174
+ setShowDropdown(true);
175
+ }
176
+ };
177
+ var handleRemoveChip = function handleRemoveChip(chipToRemove) {
178
+ if (disabled) return;
179
+ var newChips = localChips.filter(function (c) {
180
+ var chipText = typeof c === 'string' ? c : c.text;
181
+ return chipText !== chipToRemove;
182
+ });
183
+ setLocalChips(newChips);
184
+ onRemoveChip === null || onRemoveChip === void 0 || onRemoveChip(chipToRemove);
185
+ // Sync with form state - only valid chips (strings)
186
+ if (setValue) {
187
+ var validChips = newChips.filter(function (chip) {
188
+ return typeof chip === 'string';
189
+ });
190
+ setValue('skills', validChips);
191
+ }
192
+ setChipError('');
193
+ };
194
+ var handleSelectOption = function handleSelectOption(option) {
195
+ // Check if option already exists in chips using memoized chipTexts
196
+ if (!chipTexts.includes(option)) {
197
+ if (chipValidationSchema) {
198
+ try {
199
+ chipValidationSchema.validateSync(option);
200
+ } catch (e) {
201
+ var message = chipValidationErrorMessage || e.message || 'Invalid value';
202
+ if (allowInvalidChips) {
203
+ var item = {
204
+ text: option,
205
+ hasError: true,
206
+ errorMessage: message
207
+ };
208
+ var _newChips = [].concat(_toConsumableArray(localChips), [item]);
209
+ setLocalChips(_newChips);
210
+ // Sync with form state - only valid chips (strings)
211
+ if (setValue) {
212
+ var validChips = _newChips.filter(function (chip) {
213
+ return typeof chip === 'string';
214
+ });
215
+ setValue('skills', validChips);
216
+ }
217
+ setInputValue('');
218
+ setShowDropdown(false);
219
+ setSelectedOption('');
220
+ return;
221
+ } else {
222
+ setChipError(message);
223
+ return;
224
+ }
225
+ }
226
+ }
227
+ onAddChip === null || onAddChip === void 0 || onAddChip(option);
228
+ var newChips = [].concat(_toConsumableArray(localChips), [option]);
229
+ setLocalChips(newChips);
230
+ // Sync with form state - only valid chips (strings)
231
+ if (setValue) {
232
+ var _validChips = newChips.filter(function (chip) {
233
+ return typeof chip === 'string';
234
+ });
235
+ setValue('skills', _validChips);
236
+ }
237
+ setInputValue('');
238
+ setShowDropdown(false);
239
+ setSelectedOption('');
240
+ setChipError('');
241
+ }
242
+ };
243
+ var handleAddCustomValue = function handleAddCustomValue(value) {
244
+ // Check if value already exists in chips
245
+ var chipTexts = localChips.map(function (chip) {
246
+ return typeof chip === 'string' ? chip : chip.text;
247
+ });
248
+ if (!chipTexts.includes(value)) {
249
+ // validate value if schema provided
250
+ if (chipValidationSchema) {
251
+ try {
252
+ chipValidationSchema.validateSync(value);
253
+ var item = {
254
+ text: value,
255
+ hasError: false,
256
+ errorMessage: ''
257
+ };
258
+ var newChips = [].concat(_toConsumableArray(localChips), [item]);
259
+ setLocalChips(newChips);
260
+ if (formProps !== null && formProps !== void 0 && formProps.setFieldValue) {
261
+ formProps.setFieldValue('skills', newChips);
262
+ }
263
+ if (setValue) {
264
+ var validChips = newChips.filter(function (chip) {
265
+ return !chip.hasError;
266
+ });
267
+ setValue('skills', validChips);
268
+ }
269
+ } catch (e) {
270
+ var message = chipValidationErrorMessage || e.message || 'Invalid value';
271
+ if (allowInvalidChips) {
272
+ var _item = {
273
+ text: value,
274
+ hasError: true,
275
+ errorMessage: message
276
+ };
277
+ var _newChips2 = [].concat(_toConsumableArray(localChips), [_item]);
278
+ console.log(_newChips2, 'newChips - INVALID');
279
+ setLocalChips(_newChips2);
280
+ if (formProps !== null && formProps !== void 0 && formProps.setFieldValue) {
281
+ formProps === null || formProps === void 0 || formProps.setFieldValue('skills', _newChips2);
282
+ }
283
+ if (setValue) {
284
+ var _validChips2 = _newChips2.filter(function (chip) {
285
+ return !chip.hasError;
286
+ });
287
+ setValue('skills', _validChips2);
288
+ }
289
+ } else {
290
+ setChipError(message);
291
+ return;
292
+ }
293
+ }
294
+ } else {
295
+ var _newChips3 = [].concat(_toConsumableArray(localChips), [value]);
296
+ setLocalChips(_newChips3);
297
+ if (setValue) {
298
+ setValue('skills', _newChips3);
299
+ }
300
+ }
301
+ setInputValue('');
302
+ setChipError('');
303
+ }
304
+ };
305
+ var getInputPlaceholder = function getInputPlaceholder() {
306
+ if (localChips.length === 0) return placeholder;
307
+ if (availableOptions.length > 0) return searchPlaceholder || searchPlaceholderText;
308
+ if (allowCustomValues) return typeAndEnterPlaceholderText;
309
+ return noOptionsPlaceholderText;
310
+ };
311
+ return /*#__PURE__*/React.createElement("div", {
312
+ className: classNames('multi-textarea-chips', className)
313
+ }, label && /*#__PURE__*/React.createElement("div", {
314
+ className: "multi-textarea-chips__label"
315
+ }, label), /*#__PURE__*/React.createElement("div", {
316
+ className: classNames('multi-textarea-input-wrapper', {
317
+ 'with-error-styles': !!chipError
318
+ })
319
+ }, /*#__PURE__*/React.createElement("div", {
320
+ className: "multi-textarea-chips__content"
321
+ }, localChips.map(function (chip, index) {
322
+ var isItem = typeof chip !== 'string';
323
+ var text = isItem ? chip.text : chip;
324
+ var hasError = isItem ? Boolean(chip.hasError) : false;
325
+ return /*#__PURE__*/React.createElement(Chips, {
326
+ key: "".concat(text, "-").concat(index),
327
+ text: text,
328
+ withAction: true,
329
+ onClick: function onClick() {
330
+ return handleRemoveChip(text);
331
+ },
332
+ size: "medium",
333
+ color: hasError ? 'danger' : 'primary',
334
+ type: "accent",
335
+ disabled: disabled
336
+ });
337
+ }), /*#__PURE__*/React.createElement("div", {
338
+ className: "multi-textarea-chips__input-container"
339
+ }, /*#__PURE__*/React.createElement("input", _extends({}, formProps, {
340
+ ref: inputRef,
341
+ type: "text",
342
+ value: inputValue,
343
+ onChange: handleInputChange,
344
+ onKeyDown: handleKeyDown,
345
+ onFocus: handleInputFocus,
346
+ placeholder: getInputPlaceholder(),
347
+ className: "multi-textarea-chips__input",
348
+ disabled: disabled
349
+ })), showDropdown && /*#__PURE__*/React.createElement("div", {
350
+ className: "multi-textarea-chips__dropdown"
351
+ }, filteredOptions.map(function (option) {
352
+ return /*#__PURE__*/React.createElement("div", {
353
+ key: option,
354
+ className: classNames('multi-textarea-chips__dropdown-item', {
355
+ 'multi-textarea-chips__dropdown-item--selected': selectedOption === option
356
+ }),
357
+ onClick: function onClick() {
358
+ return handleSelectOption(option);
359
+ }
360
+ }, /*#__PURE__*/React.createElement("div", {
361
+ className: "multi-textarea-chips__radio"
362
+ }, /*#__PURE__*/React.createElement("div", {
363
+ className: classNames('multi-textarea-chips__radio-button', {
364
+ 'multi-textarea-chips__radio-button--selected': selectedOption === option
365
+ })
366
+ })), /*#__PURE__*/React.createElement("span", {
367
+ className: "multi-textarea-chips__option-text"
368
+ }, option));
369
+ }))))), !!chipError && /*#__PURE__*/React.createElement(ErrorMessage, {
370
+ message: chipError
371
+ }), helperText && !chipError && /*#__PURE__*/React.createElement("div", {
372
+ className: "multi-textarea-chips__helper"
373
+ }, helperText));
374
+ };
375
+ MultiTextareaWithChips.displayName = 'MultiTextareaWithChips';
376
+
377
+ export { MultiTextareaWithChips };
@@ -0,0 +1,3 @@
1
+ export * from './MultiTextareaWithChips';
2
+ export * from './InputWrapper';
3
+ export * from './types';
@@ -0,0 +1,38 @@
1
+ export { MultiTextareaWithChips } from './MultiTextareaWithChips.js';
2
+ export { InputWrapper } from './InputWrapper.js';
3
+ import '../../extends-d0c248d6.js';
4
+ import '../../toConsumableArray-96c5590c.js';
5
+ import '../../slicedToArray-31c0261f.js';
6
+ import 'react';
7
+ import '../Chips/Chips.js';
8
+ import '../Text/Text.js';
9
+ import 'classnames';
10
+ import '../../utils/helpers.js';
11
+ import 'dayjs';
12
+ import '../Chips/types.js';
13
+ import '../SVGIcons/IconDismissCircleFilled.js';
14
+ import '../../defineProperty-3d30b669.js';
15
+ import '../../typeof-f5583e42.js';
16
+ import '../Chips/consts.js';
17
+ import '../../helperComponents/ErrorMessage/ErrorMessage.js';
18
+ import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
19
+ import '../../helperComponents/IconDynamicComponent/constants.js';
20
+ import '../../RadioGroup-e3ddaecf.js';
21
+ import '../Radio/Radio.js';
22
+ import '../../helperComponents/Label/Label.js';
23
+ import '../Popover/Popover.js';
24
+ import '../../hooks/useGetTooltipStyles.js';
25
+ import '../../hooks/useGetElemSizes.js';
26
+ import '../../hooks/useGetElemPositions.js';
27
+ import '../../hooks/useGetTooltipPosition.js';
28
+ import '../Tooltip/types.js';
29
+ import '../../hooks/useHideOnScroll.js';
30
+ import '../../consts/index.js';
31
+ import '../../hooks/useOnOutsideClick.js';
32
+ import '../../hooks/useScreenSize.js';
33
+ import 'react-hook-form';
34
+ import '../Link/Link.js';
35
+ import '../SVGIcons/IconInfo.js';
36
+ import 'react-syntax-highlighter';
37
+ import '../../hooks/useFormProps.js';
38
+ import '../../context/types.js';
@@ -0,0 +1,44 @@
1
+ import type { AnySchema } from 'yup';
2
+ export interface TMultiTextareaWithChipsProps extends IFormCompProps {
3
+ allowCustomValues?: boolean;
4
+ allowInvalidChips?: boolean;
5
+ autoFormIntegration?: boolean;
6
+ availableOptions?: string[];
7
+ chipValidationErrorMessage?: string;
8
+ chipValidationSchema?: AnySchema;
9
+ chips?: Array<string | TChipItem>;
10
+ className?: string;
11
+ disabled?: boolean;
12
+ error?: string;
13
+ formProps?: {
14
+ setFieldValue?: (fieldName: string, value: TFormValue, shouldValidate?: {
15
+ shouldValidate: boolean;
16
+ }) => void;
17
+ [key: string]: TFormValue | ((fieldName: string, value: TFormValue, shouldValidate?: {
18
+ shouldValidate: boolean;
19
+ }) => void) | undefined;
20
+ };
21
+ helperText?: string;
22
+ label: string;
23
+ maxChipLength?: number;
24
+ maxChips?: number;
25
+ minChipLength?: number;
26
+ minChips?: number;
27
+ noOptionsPlaceholderText?: string;
28
+ onAddChip?: (chip: string) => void;
29
+ onAddChipItem?: (chip: TChipItem) => void;
30
+ onRemoveChip?: (chip: string) => void;
31
+ onRemoveChipItem?: (chip: TChipItem) => void;
32
+ placeholder: string;
33
+ required?: boolean;
34
+ searchPlaceholder?: string;
35
+ searchPlaceholderText?: string;
36
+ typeAndEnterPlaceholderText?: string;
37
+ validateChip?: (chip: string) => void;
38
+ }
39
+ export type TChipItem = {
40
+ text: string;
41
+ hasError?: boolean;
42
+ errorMessage?: string;
43
+ id?: string | number;
44
+ };
@@ -1,14 +1,14 @@
1
- import { _ as _extends } from '../../extends-b9dd3c41.js';
2
- import { _ as _toConsumableArray } from '../../toConsumableArray-9b03ca05.js';
3
- import { _ as _slicedToArray } from '../../slicedToArray-61b449e7.js';
4
- import { _ as _objectWithoutProperties } from '../../objectWithoutProperties-813e1bb8.js';
1
+ import { _ as _extends } from '../../extends-d0c248d6.js';
2
+ import { _ as _toConsumableArray } from '../../toConsumableArray-96c5590c.js';
3
+ import { _ as _slicedToArray } from '../../slicedToArray-31c0261f.js';
4
+ import { _ as _objectWithoutProperties } from '../../objectWithoutProperties-0b2ab164.js';
5
5
  import React, { useState, useRef, useCallback } from 'react';
6
6
  import classNames from 'classnames';
7
7
  import { Input } from '../Input/Input.js';
8
8
  import '../Input/InputPassword.js';
9
9
  import { Label } from '../../helperComponents/Label/Label.js';
10
10
  import { ErrorMessage } from '../../helperComponents/ErrorMessage/ErrorMessage.js';
11
- import '../../RadioGroup-beb51e7b.js';
11
+ import '../../RadioGroup-e3ddaecf.js';
12
12
  import { Text } from '../Text/Text.js';
13
13
  import 'dayjs';
14
14
  import '../../hooks/useScreenSize.js';
@@ -16,8 +16,8 @@ import 'react-hook-form';
16
16
  import '../Radio/Radio.js';
17
17
  import 'react-syntax-highlighter';
18
18
  import { IconCheckmarkCircleFilled } from '../SVGIcons/IconCheckmarkCircleFilled.js';
19
- import '../../defineProperty-dcc6cb5b.js';
20
- import '../../typeof-bb041404.js';
19
+ import '../../defineProperty-3d30b669.js';
20
+ import '../../typeof-f5583e42.js';
21
21
  import 'react-input-mask';
22
22
  import 'react-number-format';
23
23
  import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
@@ -1,13 +1,13 @@
1
1
  export { OneTimePassword } from './OneTimePassword.js';
2
- import '../../extends-b9dd3c41.js';
3
- import '../../toConsumableArray-9b03ca05.js';
4
- import '../../slicedToArray-61b449e7.js';
5
- import '../../objectWithoutProperties-813e1bb8.js';
2
+ import '../../extends-d0c248d6.js';
3
+ import '../../toConsumableArray-96c5590c.js';
4
+ import '../../slicedToArray-31c0261f.js';
5
+ import '../../objectWithoutProperties-0b2ab164.js';
6
6
  import 'react';
7
7
  import 'classnames';
8
8
  import '../Input/Input.js';
9
- import '../../defineProperty-dcc6cb5b.js';
10
- import '../../typeof-bb041404.js';
9
+ import '../../defineProperty-3d30b669.js';
10
+ import '../../typeof-f5583e42.js';
11
11
  import 'react-input-mask';
12
12
  import 'react-number-format';
13
13
  import '../../helperComponents/Label/Label.js';
@@ -17,7 +17,7 @@ import '../../utils/helpers.js';
17
17
  import 'dayjs';
18
18
  import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
19
19
  import '../../helperComponents/IconDynamicComponent/constants.js';
20
- import '../../RadioGroup-beb51e7b.js';
20
+ import '../../RadioGroup-e3ddaecf.js';
21
21
  import '../Radio/Radio.js';
22
22
  import '../Popover/Popover.js';
23
23
  import '../../hooks/useGetTooltipStyles.js';
@@ -1,4 +1,4 @@
1
- import { _ as _extends } from '../../extends-b9dd3c41.js';
1
+ import { _ as _extends } from '../../extends-d0c248d6.js';
2
2
  import React from 'react';
3
3
  import ReactPaginate from 'react-paginate';
4
4
  import { PAGE_RANGE_DISPLAYED } from './consts.js';
@@ -6,8 +6,8 @@ import classNames from 'classnames';
6
6
  import { IconChevronRight } from '../SVGIcons/IconChevronRight.js';
7
7
  import { IconChevronLeft } from '../SVGIcons/IconChevronLeft.js';
8
8
  import { IconMore } from '../SVGIcons/IconMore.js';
9
- import '../../defineProperty-dcc6cb5b.js';
10
- import '../../typeof-bb041404.js';
9
+ import '../../defineProperty-3d30b669.js';
10
+ import '../../typeof-f5583e42.js';
11
11
 
12
12
  var Pagination = function Pagination(props) {
13
13
  var totalCount = props.totalCount,
@@ -1,11 +1,11 @@
1
1
  export { Pagination } from './Pagination.js';
2
- import '../../extends-b9dd3c41.js';
2
+ import '../../extends-d0c248d6.js';
3
3
  import 'react';
4
4
  import 'react-paginate';
5
5
  import './consts.js';
6
6
  import 'classnames';
7
7
  import '../SVGIcons/IconChevronRight.js';
8
- import '../../defineProperty-dcc6cb5b.js';
9
- import '../../typeof-bb041404.js';
8
+ import '../../defineProperty-3d30b669.js';
9
+ import '../../typeof-f5583e42.js';
10
10
  import '../SVGIcons/IconChevronLeft.js';
11
11
  import '../SVGIcons/IconMore.js';
@@ -1,4 +1,4 @@
1
- import { _ as _slicedToArray } from '../../slicedToArray-61b449e7.js';
1
+ import { _ as _slicedToArray } from '../../slicedToArray-31c0261f.js';
2
2
  import React, { useState, useId, useEffect } from 'react';
3
3
  import classNames from 'classnames';
4
4
  import { useGetTooltipStyles } from '../../hooks/useGetTooltipStyles.js';
@@ -15,8 +15,8 @@ import '../../hooks/useGetTooltipPosition.js';
15
15
  import '../Tooltip/types.js';
16
16
  import '../../consts/index.js';
17
17
  import '../../utils/helpers.js';
18
- import '../../defineProperty-dcc6cb5b.js';
19
- import '../../typeof-bb041404.js';
18
+ import '../../defineProperty-3d30b669.js';
19
+ import '../../typeof-f5583e42.js';
20
20
 
21
21
  var Popover = function Popover(props) {
22
22
  var dataId = props.dataId,
@@ -1,5 +1,5 @@
1
1
  export { Popover } from './Popover.js';
2
- import '../../slicedToArray-61b449e7.js';
2
+ import '../../slicedToArray-31c0261f.js';
3
3
  import 'react';
4
4
  import 'classnames';
5
5
  import '../../hooks/useGetTooltipStyles.js';
@@ -16,5 +16,5 @@ import 'react-hook-form';
16
16
  import '../Text/Text.js';
17
17
  import '../../utils/helpers.js';
18
18
  import '../Link/Link.js';
19
- import '../../defineProperty-dcc6cb5b.js';
20
- import '../../typeof-bb041404.js';
19
+ import '../../defineProperty-3d30b669.js';
20
+ import '../../typeof-f5583e42.js';
@@ -1,5 +1,5 @@
1
- import { _ as _extends } from '../../extends-b9dd3c41.js';
2
- import { _ as _objectWithoutProperties } from '../../objectWithoutProperties-813e1bb8.js';
1
+ import { _ as _extends } from '../../extends-d0c248d6.js';
2
+ import { _ as _objectWithoutProperties } from '../../objectWithoutProperties-0b2ab164.js';
3
3
  import React from 'react';
4
4
  import classNames from 'classnames';
5
5
 
@@ -2,5 +2,5 @@ export { Progress } from './Progress.js';
2
2
  export { ProgressBarWrapper } from './ProgressBarWrapper.js';
3
3
  import 'react';
4
4
  import 'classnames';
5
- import '../../extends-b9dd3c41.js';
6
- import '../../objectWithoutProperties-813e1bb8.js';
5
+ import '../../extends-d0c248d6.js';
6
+ import '../../objectWithoutProperties-0b2ab164.js';
@@ -7,8 +7,8 @@ import 'dayjs';
7
7
  import './types.js';
8
8
  import './consts.js';
9
9
  import '../SVGIcons/IconDismissCircle.js';
10
- import '../../defineProperty-dcc6cb5b.js';
11
- import '../../typeof-bb041404.js';
10
+ import '../../defineProperty-3d30b669.js';
11
+ import '../../typeof-f5583e42.js';
12
12
  import '../SVGIcons/IconCheckmarkCircle.js';
13
13
 
14
14
  var ProgressStep = function ProgressStep(props) {