impact-ui 4.0.5 → 4.0.6

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 (425) hide show
  1. package/MIGRATION_GUIDE.md +15 -15
  2. package/README.md +298 -113
  3. package/bin/migrate.js +5 -5
  4. package/codemods/transform.js +1 -1
  5. package/dist/_virtual/index13.js +2 -2
  6. package/dist/_virtual/index14.js +2 -2
  7. package/dist/_virtual/index15.js +2 -2
  8. package/dist/_virtual/index16.js +2 -2
  9. package/dist/_virtual/index3.js +2 -4
  10. package/dist/_virtual/index4.js +3 -3
  11. package/dist/_virtual/index5.js +4 -2
  12. package/dist/components/AccordionModern/SortableAccordionComp.d.ts +2 -2
  13. package/dist/components/AccordionModern/SortableAccordionComp.d.ts.map +1 -1
  14. package/dist/components/AccordionModern/index.d.ts +1 -1
  15. package/dist/components/AccordionModern/index.d.ts.map +1 -1
  16. package/dist/components/AccordionModern/index.js +1 -1
  17. package/dist/components/Badge/filled/filledIconLabelBadges/index.d.ts +1 -1
  18. package/dist/components/Badge/filled/filledIconLabelBadges/index.d.ts.map +1 -1
  19. package/dist/components/Badge/filled/filledOnlyIconBadges/index.d.ts +1 -1
  20. package/dist/components/Badge/filled/filledOnlyIconBadges/index.d.ts.map +1 -1
  21. package/dist/components/Badge/filled/filledOnlyLabelBadges/index.d.ts +1 -1
  22. package/dist/components/Badge/filled/filledOnlyLabelBadges/index.d.ts.map +1 -1
  23. package/dist/components/Badge/filled/index.d.ts +1 -1
  24. package/dist/components/Badge/filled/index.d.ts.map +1 -1
  25. package/dist/components/Badge/index.d.ts +1 -1
  26. package/dist/components/Badge/stroke/index.d.ts +1 -1
  27. package/dist/components/Badge/stroke/index.d.ts.map +1 -1
  28. package/dist/components/Badge/stroke/strokeIconLabelBadges/index.d.ts +1 -1
  29. package/dist/components/Badge/stroke/strokeIconLabelBadges/index.d.ts.map +1 -1
  30. package/dist/components/Badge/stroke/strokeOnlyIconBadges/index.d.ts +1 -1
  31. package/dist/components/Badge/stroke/strokeOnlyIconBadges/index.d.ts.map +1 -1
  32. package/dist/components/Badge/stroke/strokeOnlyLabelBadges/index.d.ts +1 -1
  33. package/dist/components/Badge/stroke/strokeOnlyLabelBadges/index.d.ts.map +1 -1
  34. package/dist/components/Badge/subtle/index.d.ts +1 -1
  35. package/dist/components/Badge/subtle/index.d.ts.map +1 -1
  36. package/dist/components/Badge/subtle/subtleIOnlyIconBadges/index.d.ts +1 -1
  37. package/dist/components/Badge/subtle/subtleIOnlyIconBadges/index.d.ts.map +1 -1
  38. package/dist/components/Badge/subtle/subtleIconLabelBadges/index.d.ts +1 -1
  39. package/dist/components/Badge/subtle/subtleIconLabelBadges/index.d.ts.map +1 -1
  40. package/dist/components/Badge/subtle/subtleOnlyLabelBadges/index.d.ts +1 -1
  41. package/dist/components/Badge/subtle/subtleOnlyLabelBadges/index.d.ts.map +1 -1
  42. package/dist/components/BottomSheet/index.d.ts +1 -1
  43. package/dist/components/BottomSheet/index.d.ts.map +1 -1
  44. package/dist/components/Breadcrumbs/HomeIcon.d.ts +1 -1
  45. package/dist/components/Breadcrumbs/HomeIcon.d.ts.map +1 -1
  46. package/dist/components/Breadcrumbs/index.d.ts +1 -1
  47. package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
  48. package/dist/components/ButtonGroup/index.d.ts +1 -1
  49. package/dist/components/ButtonGroup/index.d.ts.map +1 -1
  50. package/dist/components/Chart/ChartSkeleton.d.ts +1 -1
  51. package/dist/components/Chart/ChartSkeleton.d.ts.map +1 -1
  52. package/dist/components/Chart/index.d.ts +1 -2
  53. package/dist/components/Chart/index.d.ts.map +1 -1
  54. package/dist/components/Chart/index.js +1 -1
  55. package/dist/components/Chatbot/bookMarkPanel.d.ts +1 -1
  56. package/dist/components/Chatbot/bookMarkPanel.d.ts.map +1 -1
  57. package/dist/components/Chatbot/chatBotFooter.d.ts +1 -1
  58. package/dist/components/Chatbot/chatBotFooter.d.ts.map +1 -1
  59. package/dist/components/Chatbot/chatBotLandingScreen.d.ts +1 -1
  60. package/dist/components/Chatbot/chatBotLandingScreen.d.ts.map +1 -1
  61. package/dist/components/Chatbot/chatInput.d.ts +1 -1
  62. package/dist/components/Chatbot/chatInput.d.ts.map +1 -1
  63. package/dist/components/Chatbot/chatbotModuleMenu.d.ts +1 -1
  64. package/dist/components/Chatbot/chatbotModuleMenu.d.ts.map +1 -1
  65. package/dist/components/Chatbot/conversationScreen.d.ts +1 -1
  66. package/dist/components/Chatbot/conversationScreen.d.ts.map +1 -1
  67. package/dist/components/Chatbot/customScreen.d.ts +1 -1
  68. package/dist/components/Chatbot/customScreen.d.ts.map +1 -1
  69. package/dist/components/Chatbot/historyPanel.d.ts +1 -1
  70. package/dist/components/Chatbot/historyPanel.d.ts.map +1 -1
  71. package/dist/components/Chatbot/index.d.ts +1 -1
  72. package/dist/components/Chatbot/index.d.ts.map +1 -1
  73. package/dist/components/Chatbot/index.js +1 -1
  74. package/dist/components/Chatbot/newChatComponent.d.ts +1 -1
  75. package/dist/components/Chatbot/newChatComponent.d.ts.map +1 -1
  76. package/dist/components/Checkbox/WithDropDown.d.ts +1 -1
  77. package/dist/components/Checkbox/WithDropDown.d.ts.map +1 -1
  78. package/dist/components/Checkbox/WithoutFormLabel.d.ts +1 -1
  79. package/dist/components/Checkbox/WithoutFormLabel.d.ts.map +1 -1
  80. package/dist/components/Chips/index.js +1 -1
  81. package/dist/components/CommentsPanel/CommentsContext.d.ts +5 -3
  82. package/dist/components/CommentsPanel/CommentsContext.d.ts.map +1 -1
  83. package/dist/components/CommentsPanel/CommentsPanel.impl.d.ts +1 -1
  84. package/dist/components/CommentsPanel/CommentsPanel.impl.d.ts.map +1 -1
  85. package/dist/components/CommentsPanel/CommentsPanel.impl.js +1 -1
  86. package/dist/components/CommentsPanel/CommentsPanel.types.d.ts +26 -0
  87. package/dist/components/CommentsPanel/CommentsPanel.types.d.ts.map +1 -1
  88. package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts +4 -10
  89. package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts.map +1 -1
  90. package/dist/components/CreateItemFlow/index.d.ts +15 -3
  91. package/dist/components/CreateItemFlow/index.d.ts.map +1 -1
  92. package/dist/components/CreateItemFlow/index.js +63 -134
  93. package/dist/components/DatePicker/datePickerDropdown.d.ts +1 -1
  94. package/dist/components/DatePicker/datePickerDropdown.d.ts.map +1 -1
  95. package/dist/components/DatePicker/datePickerFooter.d.ts +1 -1
  96. package/dist/components/DatePicker/datePickerFooter.d.ts.map +1 -1
  97. package/dist/components/DatePicker/index.js +1 -1
  98. package/dist/components/DatePicker/showMonthYearSelect.d.ts +1 -1
  99. package/dist/components/DatePicker/showMonthYearSelect.d.ts.map +1 -1
  100. package/dist/components/DateRangePicker/dateRangePickerCustom.d.ts +1 -1
  101. package/dist/components/DateRangePicker/dateRangePickerCustom.d.ts.map +1 -1
  102. package/dist/components/DateRangePicker/dateRangePickerDropdown.d.ts +1 -3
  103. package/dist/components/DateRangePicker/dateRangePickerDropdown.d.ts.map +1 -1
  104. package/dist/components/DateRangePicker/dateRangePickerFooter.d.ts +1 -1
  105. package/dist/components/DateRangePicker/dateRangePickerFooter.d.ts.map +1 -1
  106. package/dist/components/DateRangePicker/dateRangePickerInput.d.ts +1 -1
  107. package/dist/components/DateRangePicker/dateRangePickerInput.d.ts.map +1 -1
  108. package/dist/components/DateRangePicker/index.js +1 -1
  109. package/dist/components/DateRangePicker/showMonthYearSelect.d.ts +1 -1
  110. package/dist/components/DateRangePicker/showMonthYearSelect.d.ts.map +1 -1
  111. package/dist/components/DynamicLayout/index.d.ts +11 -9
  112. package/dist/components/DynamicLayout/index.d.ts.map +1 -1
  113. package/dist/components/DynamicLayout/index.js +38 -37
  114. package/dist/components/EmptyState/EmptyStateImage.d.ts +1 -1
  115. package/dist/components/EmptyState/EmptyStateImage.d.ts.map +1 -1
  116. package/dist/components/EmptyState/index.d.ts +1 -1
  117. package/dist/components/EmptyState/index.d.ts.map +1 -1
  118. package/dist/components/FileUpload/TemplatePreview.d.ts +1 -1
  119. package/dist/components/FileUpload/TemplatePreview.d.ts.map +1 -1
  120. package/dist/components/FileUpload/index.d.ts +1 -1
  121. package/dist/components/FileUpload/index.d.ts.map +1 -1
  122. package/dist/components/FileUpload/index.js +1 -1
  123. package/dist/components/FilterPanel/FilterPanelHeader.d.ts +1 -1
  124. package/dist/components/FilterPanel/FilterPanelHeader.d.ts.map +1 -1
  125. package/dist/components/FilterPanel/PanelFooter.d.ts +1 -1
  126. package/dist/components/FilterPanel/PanelFooter.d.ts.map +1 -1
  127. package/dist/components/FilterPanel/PanelSidebar.d.ts +1 -1
  128. package/dist/components/FilterPanel/PanelSidebar.d.ts.map +1 -1
  129. package/dist/components/FilterPanel/index.d.ts +1 -1
  130. package/dist/components/FilterPanel/index.d.ts.map +1 -1
  131. package/dist/components/FilterPanel/index.js +1 -1
  132. package/dist/components/FiltersStrip/AppliedFilters.d.ts +1 -1
  133. package/dist/components/FiltersStrip/AppliedFilters.d.ts.map +1 -1
  134. package/dist/components/FiltersStrip/FilterDropDown.d.ts +1 -1
  135. package/dist/components/FiltersStrip/FilterDropDown.d.ts.map +1 -1
  136. package/dist/components/FiltersStrip/FilterSlider.d.ts +1 -1
  137. package/dist/components/FiltersStrip/FilterSlider.d.ts.map +1 -1
  138. package/dist/components/FiltersStrip/FilterSliderPortal.d.ts +1 -1
  139. package/dist/components/FiltersStrip/FilterSliderPortal.d.ts.map +1 -1
  140. package/dist/components/FiltersStrip/index.d.ts +1 -1
  141. package/dist/components/FiltersStrip/index.d.ts.map +1 -1
  142. package/dist/components/Header/index.d.ts +1 -1
  143. package/dist/components/Header/index.d.ts.map +1 -1
  144. package/dist/components/HomePage/index.d.ts +1 -1
  145. package/dist/components/HomePage/index.d.ts.map +1 -1
  146. package/dist/components/HomePage/index.js +1 -1
  147. package/dist/components/Input/HelperText.d.ts +1 -1
  148. package/dist/components/Input/HelperText.d.ts.map +1 -1
  149. package/dist/components/Input/InputWithIcon.d.ts +1 -1
  150. package/dist/components/Input/InputWithIcon.d.ts.map +1 -1
  151. package/dist/components/Input/VanillaInput.d.ts +1 -1
  152. package/dist/components/Input/VanillaInput.d.ts.map +1 -1
  153. package/dist/components/Input/index.js +1 -1
  154. package/dist/components/KeyboardShortCuts/Keycombo.d.ts +2 -2
  155. package/dist/components/KeyboardShortCuts/Keycombo.d.ts.map +1 -1
  156. package/dist/components/KeyboardShortCuts/ShortcutLandingPage.d.ts +1 -1
  157. package/dist/components/KeyboardShortCuts/ShortcutLandingPage.d.ts.map +1 -1
  158. package/dist/components/KeyboardShortCuts/ShortcutLandingPage.js +1 -1
  159. package/dist/components/KeyboardShortCuts/ShortcutModal.d.ts +1 -1
  160. package/dist/components/KeyboardShortCuts/ShortcutModal.d.ts.map +1 -1
  161. package/dist/components/KeyboardShortCuts/ShortcutModal.js +1 -1
  162. package/dist/components/KeyboardShortCuts/StarOutlineIcon.d.ts +1 -1
  163. package/dist/components/KeyboardShortCuts/StarOutlineIcon.d.ts.map +1 -1
  164. package/dist/components/KeyboardShortCuts/allSetBox.d.ts +1 -1
  165. package/dist/components/KeyboardShortCuts/allSetBox.d.ts.map +1 -1
  166. package/dist/components/KeyboardShortCuts/allSetBox.js +1 -1
  167. package/dist/components/KeyboardShortCuts/index.d.ts +1 -1
  168. package/dist/components/KeyboardShortCuts/index.d.ts.map +1 -1
  169. package/dist/components/KeyboardShortCuts/index.js +1 -1
  170. package/dist/components/KeyboardShortCuts/screen2.d.ts +1 -1
  171. package/dist/components/KeyboardShortCuts/screen2.d.ts.map +1 -1
  172. package/dist/components/KeyboardShortCuts/screen3.d.ts +1 -1
  173. package/dist/components/KeyboardShortCuts/screen3.d.ts.map +1 -1
  174. package/dist/components/KeyboardShortCuts/tutorial.d.ts +1 -2
  175. package/dist/components/KeyboardShortCuts/tutorial.d.ts.map +1 -1
  176. package/dist/components/KeyboardShortCuts/tutorial.js +1 -1
  177. package/dist/components/Loader/index.d.ts +1 -1
  178. package/dist/components/Loader/index.d.ts.map +1 -1
  179. package/dist/components/Menu/IconMenuItem.js +1 -1
  180. package/dist/components/Menu/MenuHeaderInfo.d.ts +2 -2
  181. package/dist/components/Menu/MenuHeaderInfo.d.ts.map +1 -1
  182. package/dist/components/Menu/NestedMenuItem.js +1 -1
  183. package/dist/components/Menu/index.js +1 -1
  184. package/dist/components/Menu/nestedMenuItemsFromObject.js +1 -1
  185. package/dist/components/Modal/index.d.ts +1 -1
  186. package/dist/components/Modal/index.d.ts.map +1 -1
  187. package/dist/components/Modal/index.js +1 -1
  188. package/dist/components/MonthPicker/index.d.ts +1 -1
  189. package/dist/components/MonthPicker/index.d.ts.map +1 -1
  190. package/dist/components/MonthRangePicker/index.d.ts +1 -1
  191. package/dist/components/MonthRangePicker/index.d.ts.map +1 -1
  192. package/dist/components/MonthRangePicker/index.js +1 -1
  193. package/dist/components/Notification/NotificationBody/NotificationList/NotificationChipsList.d.ts +1 -1
  194. package/dist/components/Notification/NotificationBody/NotificationList/NotificationChipsList.d.ts.map +1 -1
  195. package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.d.ts +1 -1
  196. package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.d.ts.map +1 -1
  197. package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.js +1 -1
  198. package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.d.ts +1 -1
  199. package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.d.ts.map +1 -1
  200. package/dist/components/Notification/NotificationBody/NotificationPanelContent.d.ts +1 -1
  201. package/dist/components/Notification/NotificationBody/NotificationPanelContent.d.ts.map +1 -1
  202. package/dist/components/Notification/NotificationBody/NotificationTaskList.d.ts +1 -1
  203. package/dist/components/Notification/NotificationBody/NotificationTaskList.d.ts.map +1 -1
  204. package/dist/components/Notification/NotificationBody/index.d.ts +1 -1
  205. package/dist/components/Notification/NotificationBody/index.d.ts.map +1 -1
  206. package/dist/components/Notification/index.d.ts +1 -1
  207. package/dist/components/Notification/index.d.ts.map +1 -1
  208. package/dist/components/Notification/index.js +1 -1
  209. package/dist/components/Panel/index.d.ts +1 -1
  210. package/dist/components/Panel/index.d.ts.map +1 -1
  211. package/dist/components/Popover/index.d.ts +1 -1
  212. package/dist/components/Popover/index.d.ts.map +1 -1
  213. package/dist/components/ProgressBar/index.d.ts +1 -1
  214. package/dist/components/ProgressBar/index.d.ts.map +1 -1
  215. package/dist/components/Prompt/index.d.ts +1 -1
  216. package/dist/components/Prompt/index.d.ts.map +1 -1
  217. package/dist/components/RadioButtonGroup/index.d.ts +1 -1
  218. package/dist/components/RadioButtonGroup/index.d.ts.map +1 -1
  219. package/dist/components/Select/customGroupHeading.d.ts +1 -1
  220. package/dist/components/Select/customGroupHeading.d.ts.map +1 -1
  221. package/dist/components/Select/dropdown.d.ts +1 -1
  222. package/dist/components/Select/dropdown.d.ts.map +1 -1
  223. package/dist/components/Select/index.js +1 -1
  224. package/dist/components/Select/menuList.d.ts +1 -2
  225. package/dist/components/Select/menuList.d.ts.map +1 -1
  226. package/dist/components/Select/optionList.d.ts +1 -2
  227. package/dist/components/Select/optionList.d.ts.map +1 -1
  228. package/dist/components/Select/selected-option-tags.d.ts +1 -1
  229. package/dist/components/Select/selected-option-tags.d.ts.map +1 -1
  230. package/dist/components/Shortcuts/ShortcutHint.d.ts +1 -1
  231. package/dist/components/Shortcuts/ShortcutHint.d.ts.map +1 -1
  232. package/dist/components/Shortcuts/ShortcutScope.d.ts +1 -1
  233. package/dist/components/Shortcuts/ShortcutScope.d.ts.map +1 -1
  234. package/dist/components/Shortcuts/ShortcutsProvider.d.ts +1 -1
  235. package/dist/components/Shortcuts/ShortcutsProvider.d.ts.map +1 -1
  236. package/dist/components/Sidebar/ChildMenu.d.ts +1 -1
  237. package/dist/components/Sidebar/ChildMenu.d.ts.map +1 -1
  238. package/dist/components/Sidebar/ParentMenu.d.ts +1 -1
  239. package/dist/components/Sidebar/ParentMenu.d.ts.map +1 -1
  240. package/dist/components/Sidebar/SidebarActions.d.ts +1 -1
  241. package/dist/components/Sidebar/SidebarActions.d.ts.map +1 -1
  242. package/dist/components/Sidebar/SidebarMenus.d.ts +1 -1
  243. package/dist/components/Sidebar/SidebarMenus.d.ts.map +1 -1
  244. package/dist/components/Sidebar/index.d.ts +1 -1
  245. package/dist/components/Sidebar/index.d.ts.map +1 -1
  246. package/dist/components/Skeleton/index.d.ts +1 -1
  247. package/dist/components/Skeleton/index.d.ts.map +1 -1
  248. package/dist/components/Slider/index.d.ts +1 -1
  249. package/dist/components/Slider/index.d.ts.map +1 -1
  250. package/dist/components/Slider/index.js +1 -1
  251. package/dist/components/Stepper/index.d.ts +1 -1
  252. package/dist/components/Stepper/index.d.ts.map +1 -1
  253. package/dist/components/Stepper/index.js +1 -1
  254. package/dist/components/Table/AdvanceSearchModalItem.d.ts +1 -1
  255. package/dist/components/Table/AdvanceSearchModalItem.d.ts.map +1 -1
  256. package/dist/components/Table/AdvanceSortModal.d.ts +1 -1
  257. package/dist/components/Table/AdvanceSortModal.d.ts.map +1 -1
  258. package/dist/components/Table/AgGridHeader.d.ts +1 -3
  259. package/dist/components/Table/AgGridHeader.d.ts.map +1 -1
  260. package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts +1 -3
  261. package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts.map +1 -1
  262. package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts +1 -1
  263. package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts.map +1 -1
  264. package/dist/components/Table/NoComments.d.ts +1 -1
  265. package/dist/components/Table/NoComments.d.ts.map +1 -1
  266. package/dist/components/Table/actionBar.d.ts +1 -1
  267. package/dist/components/Table/actionBar.d.ts.map +1 -1
  268. package/dist/components/Table/advanceSearchModal.d.ts +1 -1
  269. package/dist/components/Table/advanceSearchModal.d.ts.map +1 -1
  270. package/dist/components/Table/index.js +1 -1
  271. package/dist/components/Table/tableHeader.d.ts +1 -1
  272. package/dist/components/Table/tableHeader.d.ts.map +1 -1
  273. package/dist/components/Table/tableIcons.d.ts +2 -4
  274. package/dist/components/Table/tableIcons.d.ts.map +1 -1
  275. package/dist/components/Table/tableMoreOptions.d.ts +1 -1
  276. package/dist/components/Table/tableMoreOptions.d.ts.map +1 -1
  277. package/dist/components/Table/tablePagination.d.ts +1 -1
  278. package/dist/components/Table/tablePagination.d.ts.map +1 -1
  279. package/dist/components/Table/tableSettings.d.ts +1 -1
  280. package/dist/components/Table/tableSettings.d.ts.map +1 -1
  281. package/dist/components/Table/withCommentIcon.d.ts +1 -1
  282. package/dist/components/Table/withCommentIcon.d.ts.map +1 -1
  283. package/dist/components/Table/withCommentIcon.js +3 -1
  284. package/dist/components/TableChat/EmptyContainer.d.ts +1 -2
  285. package/dist/components/TableChat/EmptyContainer.d.ts.map +1 -1
  286. package/dist/components/TableChat/TableChatSidePanel.d.ts +1 -1
  287. package/dist/components/TableChat/TableChatSidePanel.d.ts.map +1 -1
  288. package/dist/components/TableChat/components/ChatMessageSkeleton/ChatFooterSkeleton.d.ts +1 -2
  289. package/dist/components/TableChat/components/ChatMessageSkeleton/ChatFooterSkeleton.d.ts.map +1 -1
  290. package/dist/components/TableChat/components/ChatMessageSkeleton/ChatHeaderSkeleton.d.ts +1 -2
  291. package/dist/components/TableChat/components/ChatMessageSkeleton/ChatHeaderSkeleton.d.ts.map +1 -1
  292. package/dist/components/TableChat/components/ChatMessageSkeleton/ChatMessageListSkeleton.d.ts +1 -2
  293. package/dist/components/TableChat/components/ChatMessageSkeleton/ChatMessageListSkeleton.d.ts.map +1 -1
  294. package/dist/components/TableChat/components/ChatMessageSkeleton/ChatSkeleton.d.ts +1 -2
  295. package/dist/components/TableChat/components/ChatMessageSkeleton/ChatSkeleton.d.ts.map +1 -1
  296. package/dist/components/TableChat/components/SkeletonList.d.ts +1 -1
  297. package/dist/components/TableChat/components/SkeletonList.d.ts.map +1 -1
  298. package/dist/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.d.ts +1 -1
  299. package/dist/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.d.ts.map +1 -1
  300. package/dist/components/TableChat/components/TableChatLeftSection/ChannelCheckbox/ChannelCheckbox.d.ts +1 -3
  301. package/dist/components/TableChat/components/TableChatLeftSection/ChannelCheckbox/ChannelCheckbox.d.ts.map +1 -1
  302. package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelItem.d.ts +1 -1
  303. package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelItem.d.ts.map +1 -1
  304. package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelList.d.ts +1 -1
  305. package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelList.d.ts.map +1 -1
  306. package/dist/components/TableChat/components/TableChatLeftSection/ChatHeaderButton/ChatHeaderButton.d.ts +2 -2
  307. package/dist/components/TableChat/components/TableChatLeftSection/ChatHeaderButton/ChatHeaderButton.d.ts.map +1 -1
  308. package/dist/components/TableChat/components/TableChatLeftSection/ChatIconButton/ChatIconButton.d.ts +1 -3
  309. package/dist/components/TableChat/components/TableChatLeftSection/ChatIconButton/ChatIconButton.d.ts.map +1 -1
  310. package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.d.ts +1 -1
  311. package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.d.ts.map +1 -1
  312. package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.js +1 -1
  313. package/dist/components/TableChat/components/TableChatLeftSection/UnreadBadge/UnreadBadge.d.ts +1 -3
  314. package/dist/components/TableChat/components/TableChatLeftSection/UnreadBadge/UnreadBadge.d.ts.map +1 -1
  315. package/dist/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.d.ts +2 -2
  316. package/dist/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.d.ts.map +1 -1
  317. package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.d.ts +1 -1
  318. package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.d.ts.map +1 -1
  319. package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.js +1 -1
  320. package/dist/components/TableChat/components/TableChatRightSection/ChatDeleteMessageType/ChatDeletedMessageType.d.ts +1 -1
  321. package/dist/components/TableChat/components/TableChatRightSection/ChatDeleteMessageType/ChatDeletedMessageType.d.ts.map +1 -1
  322. package/dist/components/TableChat/components/TableChatRightSection/ChatEditedMessageType/ChatEditedMessageType.d.ts +1 -1
  323. package/dist/components/TableChat/components/TableChatRightSection/ChatEditedMessageType/ChatEditedMessageType.d.ts.map +1 -1
  324. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.d.ts +1 -1
  325. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.d.ts.map +1 -1
  326. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.d.ts +1 -1
  327. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.d.ts.map +1 -1
  328. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.d.ts +1 -1
  329. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.d.ts.map +1 -1
  330. package/dist/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.d.ts +1 -2
  331. package/dist/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.d.ts.map +1 -1
  332. package/dist/components/TableChat/components/TableChatRightSection/ChatMessageActions/ChatMessageActions.d.ts +1 -1
  333. package/dist/components/TableChat/components/TableChatRightSection/ChatMessageActions/ChatMessageActions.d.ts.map +1 -1
  334. package/dist/components/TableChat/components/TableChatRightSection/ChatMessageAvatar/ChatMessageAvatar.d.ts +1 -2
  335. package/dist/components/TableChat/components/TableChatRightSection/ChatMessageAvatar/ChatMessageAvatar.d.ts.map +1 -1
  336. package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.d.ts +1 -1
  337. package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.d.ts.map +1 -1
  338. package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.js +1 -1
  339. package/dist/components/TableChat/components/TableChatRightSection/ChatNotificationSettings/ChatNotificationSettings.d.ts +1 -1
  340. package/dist/components/TableChat/components/TableChatRightSection/ChatNotificationSettings/ChatNotificationSettings.d.ts.map +1 -1
  341. package/dist/components/TableChat/components/TableChatRightSection/DateSeparator/DateSeparator.d.ts +1 -1
  342. package/dist/components/TableChat/components/TableChatRightSection/DateSeparator/DateSeparator.d.ts.map +1 -1
  343. package/dist/components/TableChat/components/TableChatRightSection/DateSeparator/DateSeparator.js +1 -1
  344. package/dist/components/TableChat/components/TableChatRightSection/EmojiPicker/EmojiPicker.d.ts +1 -3
  345. package/dist/components/TableChat/components/TableChatRightSection/EmojiPicker/EmojiPicker.d.ts.map +1 -1
  346. package/dist/components/TableChat/components/TableChatRightSection/FileUploader/FileUploader.d.ts +1 -3
  347. package/dist/components/TableChat/components/TableChatRightSection/FileUploader/FileUploader.d.ts.map +1 -1
  348. package/dist/components/TableChat/components/TableChatRightSection/ImageUploader/ImageUploader.d.ts +1 -1
  349. package/dist/components/TableChat/components/TableChatRightSection/ImageUploader/ImageUploader.d.ts.map +1 -1
  350. package/dist/components/TableChat/components/TableChatRightSection/PinedChatPanel/PinedChatPanel.d.ts +1 -1
  351. package/dist/components/TableChat/components/TableChatRightSection/PinedChatPanel/PinedChatPanel.d.ts.map +1 -1
  352. package/dist/components/TableChat/components/TableChatRightSection/PinedChatPanel/PinedChatPanel.js +1 -1
  353. package/dist/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.d.ts +1 -1
  354. package/dist/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.d.ts.map +1 -1
  355. package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.d.ts +1 -2
  356. package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.d.ts.map +1 -1
  357. package/dist/components/TableChat/components/TextEditor/Mention.js +1 -1
  358. package/dist/components/TableOld/AgGridHeader.d.ts +1 -3
  359. package/dist/components/TableOld/AgGridHeader.d.ts.map +1 -1
  360. package/dist/components/TableOld/actionBar.d.ts +1 -1
  361. package/dist/components/TableOld/actionBar.d.ts.map +1 -1
  362. package/dist/components/TableOld/index.js +1 -1
  363. package/dist/components/TableOld/tableHeader.d.ts +1 -1
  364. package/dist/components/TableOld/tableHeader.d.ts.map +1 -1
  365. package/dist/components/TableOld/tableIcons.d.ts +2 -4
  366. package/dist/components/TableOld/tableIcons.d.ts.map +1 -1
  367. package/dist/components/TableOld/tablePagination.d.ts +1 -1
  368. package/dist/components/TableOld/tablePagination.d.ts.map +1 -1
  369. package/dist/components/TableOld/tableSettings.d.ts +1 -1
  370. package/dist/components/TableOld/tableSettings.d.ts.map +1 -1
  371. package/dist/components/Tabs/TabPanel.d.ts +1 -1
  372. package/dist/components/Tabs/TabPanel.d.ts.map +1 -1
  373. package/dist/components/Tabs/index.d.ts +1 -1
  374. package/dist/components/Tabs/index.d.ts.map +1 -1
  375. package/dist/components/Tag/filled.d.ts +1 -1
  376. package/dist/components/Tag/filled.d.ts.map +1 -1
  377. package/dist/components/Tag/solid.d.ts +1 -1
  378. package/dist/components/Tag/solid.d.ts.map +1 -1
  379. package/dist/components/Tag/stroke.d.ts +1 -1
  380. package/dist/components/Tag/stroke.d.ts.map +1 -1
  381. package/dist/components/TagGroup/index.d.ts +1 -1
  382. package/dist/components/TagGroup/index.d.ts.map +1 -1
  383. package/dist/components/TextArea/index.d.ts +1 -1
  384. package/dist/components/TextArea/index.d.ts.map +1 -1
  385. package/dist/components/TextArea/index.js +1 -1
  386. package/dist/components/Toast/index.d.ts +1 -1
  387. package/dist/components/Toast/index.d.ts.map +1 -1
  388. package/dist/components/common/HelperText/index.d.ts +1 -1
  389. package/dist/components/common/HelperText/index.d.ts.map +1 -1
  390. package/dist/components/common/MentionEditor/index.js +1 -1
  391. package/dist/i18n/I18nContext.d.ts +1 -1
  392. package/dist/i18n/I18nContext.d.ts.map +1 -1
  393. package/dist/mcp-component-registry.json +6471 -1
  394. package/dist/node_modules/@mui/icons-material/utils/createSvgIcon.js +3 -3
  395. package/dist/node_modules/@mui/system/colorManipulator.js +2 -2
  396. package/dist/node_modules/@mui/system/esm/createStyled.js +1 -1
  397. package/dist/node_modules/call-bind/index.js +3 -3
  398. package/dist/node_modules/es-to-primitive/es2015.js +28 -28
  399. package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.development.js +1 -1
  400. package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.production.min.js +1 -1
  401. package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
  402. package/dist/node_modules/is-symbol/index.js +1 -1
  403. package/dist/node_modules/lodash/lodash.js +16 -14
  404. package/dist/node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js +1 -1
  405. package/dist/node_modules/react-dates/lib/theme/DefaultTheme.js +4 -4
  406. package/dist/node_modules/react-dates/lib/utils/registerCSSInterfaceWithDefaultTheme.js +3 -3
  407. package/dist/node_modules/react-dates/lib/utils/registerInterfaceWithDefaultTheme.js +3 -3
  408. package/dist/node_modules/react-is/index.js +1 -1
  409. package/dist/node_modules/react-with-styles/lib/ThemedStyleSheet.js +6 -6
  410. package/dist/node_modules/react-with-styles-interface-css/dist/index.js +5 -5
  411. package/dist/node_modules/react-with-styles-interface-css/dist/utils/getClassName.js +3 -3
  412. package/dist/node_modules/react-with-styles-interface-css/dist/utils/separateStyles.js +4 -4
  413. package/dist/node_modules/string.prototype.trim/implementation.js +4 -12
  414. package/dist/stories/i18nDemo.d.ts +1 -1
  415. package/dist/stories/i18nDemo.d.ts.map +1 -1
  416. package/dist/utils/shortcuts/shortcuts.extra.test.d.ts +2 -0
  417. package/dist/utils/shortcuts/shortcuts.extra.test.d.ts.map +1 -0
  418. package/package.json +2 -1
  419. package/dist/node_modules/es-abstract/2025/ToString.js +0 -21
  420. package/dist/node_modules/es-abstract-get/GetMethod.js +0 -33
  421. package/dist/node_modules/es-abstract-get/GetV.js +0 -25
  422. package/dist/node_modules/es-abstract-get/isPropertyKey.js +0 -13
  423. /package/dist/_virtual/{react-is2.development.js → react-is.development2.js} +0 -0
  424. /package/dist/_virtual/{react-is3.development.js → react-is.development3.js} +0 -0
  425. /package/dist/_virtual/{react-is2.production.min.js → react-is.production.min2.js} +0 -0
@@ -1,13 +1,13 @@
1
1
  # Migrating to impact-ui v4.0
2
2
 
3
- ## Private npm packages `@impactsmartsuite/*` (v5.0+)
3
+ ## npm packages
4
4
 
5
- The UI library and MCP server are published to [npm](https://www.npmjs.com/) under the **impactsmartsuite** organization as **private** scoped packages:
5
+ The UI library and MCP server are published as unscoped npm packages:
6
6
 
7
- - `@impactsmartsuite/impact-ui`
8
- - `@impactsmartsuite/impact-ui-mcp-server`
7
+ - `impact-ui`
8
+ - `impact-ui-mcp-server`
9
9
 
10
- Your npm user (or CI token) must have permission to install and publish these packages on that org. Authenticate against the default registry (`https://registry.npmjs.org/`):
10
+ Authenticate against the default registry (`https://registry.npmjs.org/`) if you need to publish:
11
11
 
12
12
  ```bash
13
13
  npm login
@@ -18,14 +18,14 @@ For automation, use a granular access token with **read/publish** as appropriate
18
18
  **Install:**
19
19
 
20
20
  ```bash
21
- npm install @impactsmartsuite/impact-ui
21
+ npm install impact-ui
22
22
  ```
23
23
 
24
24
  **Imports** (same subpath style as before, with the scoped package name):
25
25
 
26
26
  ```tsx
27
- import { Button, Badge } from '@impactsmartsuite/impact-ui';
28
- import { Button } from '@impactsmartsuite/impact-ui/Button';
27
+ import { Button, Badge } from 'impact-ui';
28
+ import { Button } from 'impact-ui/Button';
29
29
  ```
30
30
 
31
31
  ---
@@ -37,7 +37,7 @@ Version 4.0 introduces **tree shaking support** for significantly smaller bundle
37
37
  ### Step 1: Update the Package
38
38
 
39
39
  ```bash
40
- npm install @impactsmartsuite/impact-ui@latest
40
+ npm install impact-ui@latest
41
41
  ```
42
42
 
43
43
  ### Step 2: Run Automatic Migration
@@ -50,15 +50,15 @@ This will automatically transform all your barrel imports to direct imports:
50
50
 
51
51
  **Before:**
52
52
  ```tsx
53
- import { Button, Input, Card, Alert } from '@impactsmartsuite/impact-ui';
53
+ import { Button, Input, Card, Alert } from 'impact-ui';
54
54
  ```
55
55
 
56
56
  **After:**
57
57
  ```tsx
58
- import { Button } from '@impactsmartsuite/impact-ui/Button';
59
- import { Input } from '@impactsmartsuite/impact-ui/Input';
60
- import { Card } from '@impactsmartsuite/impact-ui/Card';
61
- import { Alert } from '@impactsmartsuite/impact-ui/Alert';
58
+ import { Button } from 'impact-ui/Button';
59
+ import { Input } from 'impact-ui/Input';
60
+ import { Card } from 'impact-ui/Card';
61
+ import { Alert } from 'impact-ui/Alert';
62
62
  ```
63
63
 
64
64
  ### Step 3: Verify Changes
@@ -290,7 +290,7 @@ If you see warnings about unknown exports:
290
290
 
291
291
  ### ESLint rule not working
292
292
 
293
- 1. Ensure the plugin is installed: `npm install @impactsmartsuite/impact-ui`
293
+ 1. Ensure the plugin is installed: `npm install impact-ui`
294
294
  2. Restart your IDE/editor
295
295
  3. Check ESLint is configured correctly
296
296
 
package/README.md CHANGED
@@ -1,30 +1,53 @@
1
- # @impactsmartsuite/impact-ui
1
+ # impact-ui
2
2
 
3
- Impact Analytics UI Component Library - A modern, accessible React component library built with TypeScript and Vite (private npm package).
3
+ <p align="center">
4
+ <strong>Impact Analytics UI Component Library</strong><br/>
5
+ Modern, accessible React components — TypeScript, Vite, and the Impact design system.
6
+ </p>
4
7
 
5
- ## Features
8
+ <p align="center">
9
+ <img alt="npm version" src="https://img.shields.io/npm/v/impact-ui?style=for-the-badge&color=4259ee" />
10
+ <img alt="TypeScript" src="https://img.shields.io/badge/TypeScript-First-3178C6?style=for-the-badge&logo=typescript&logoColor=white" />
11
+ <img alt="License MIT" src="https://img.shields.io/badge/License-MIT-3bb273?style=for-the-badge" />
12
+ <img alt="WCAG AA" src="https://img.shields.io/badge/WCAG-2.1%20AA-e1bc29?style=for-the-badge" />
13
+ </p>
6
14
 
7
- - 🎨 **48+ Production-Ready Components** - Comprehensive UI component library
8
- - 🔒 **TypeScript First** - Full type safety with TypeScript definitions
9
- - ♿ **Accessibility** - WCAG 2.1 Level AA compliant
10
- - ⚡ **Fast** - Built with Vite for optimal performance
11
- - 🎭 **Storybook** - Interactive component documentation
12
- - 🧪 **Well Tested** - Unit tests with accessibility checks
13
- - 📦 **Tree Shakeable** - Import only what you need
15
+ **v4.0.5** · [Migration from v3.x](./MIGRATION_GUIDE.md) · [Storybook](http://localhost:6006/) · [MCP server](../mcp-server/README.md)
14
16
 
15
- ## Installation
17
+ ---
18
+
19
+ ## 🚀 Features
20
+
21
+ | | KPI | What you get |
22
+ | --- | ----------------------------- | --------------------------------------------------------------- |
23
+ | 🎨 | **60+ production components** | Forms, tables, filters, overlays, navigation, chat |
24
+ | 🔒 | **TypeScript first** | Exported props types (`ButtonProps`, `Table` save-view APIs, …) |
25
+ | ♿ | **Accessibility** | WCAG 2.1 Level AA — keyboard, ARIA, focus, screen readers |
26
+ | ⚡ | **Fast** | Built with Vite for a small, modern bundle |
27
+ | 🎭 | **Storybook** | Interactive docs, variations, and play tests |
28
+ | 🧪 | **Well tested** | Unit tests plus accessibility checks |
29
+ | 📦 | **Tree-shakeable** | Import only what you need (`impact-ui/Button` or the barrel) |
30
+ | 🤖 | **AI-ready** | `impact-ui-mcp-server` looks up real props — no guessed APIs |
31
+
32
+ ---
33
+
34
+ ## 📥 Installation
16
35
 
17
36
  ```bash
18
- npm install @impactsmartsuite/impact-ui
37
+ npm install impact-ui
19
38
  ```
20
39
 
21
- ## Usage
40
+ Peer stack: React 18+ with the MUI / AG Grid versions this library expects.
22
41
 
23
- ### Basic Example
42
+ ---
24
43
 
25
- ```typescript
26
- import { Button } from '@impactsmartsuite/impact-ui';
27
- import '@impactsmartsuite/impact-ui/styles';
44
+ ## 💻 Usage
45
+
46
+ ### Basic example
47
+
48
+ ```tsx
49
+ import { Button } from 'impact-ui';
50
+ import 'impact-ui/styles';
28
51
 
29
52
  function App() {
30
53
  return (
@@ -35,10 +58,25 @@ function App() {
35
58
  }
36
59
  ```
37
60
 
38
- ### TypeScript Support
61
+ ### 🌳 Tree-shaking (recommended)
62
+
63
+ Subpath imports keep unused components out of the bundle:
64
+
65
+ ```tsx
66
+ import { Button } from 'impact-ui/Button';
67
+ import { Table } from 'impact-ui/Table';
68
+ ```
69
+
70
+ The barrel still works when you need several pieces at once:
39
71
 
40
- ```typescript
41
- import { Button, type ButtonProps } from '@impactsmartsuite/impact-ui';
72
+ ```tsx
73
+ import { Button, Input, Modal } from 'impact-ui';
74
+ ```
75
+
76
+ ### 🔒 TypeScript
77
+
78
+ ```tsx
79
+ import { Button, type ButtonProps } from 'impact-ui';
42
80
 
43
81
  const props: ButtonProps = {
44
82
  variant: 'primary',
@@ -47,127 +85,274 @@ const props: ButtonProps = {
47
85
  };
48
86
  ```
49
87
 
50
- ## Development
51
-
52
- ### Prerequisites
88
+ ---
89
+
90
+ ## 🧩 Component catalog
91
+
92
+ Live names from the **impact-ui MCP** `list_components` tool, plus source-only pieces (`Skeleton`, `TableChat`, `YearSelect`). For every prop, use Storybook or MCP `get_component_info`.
93
+
94
+ ### 📝 Actions & forms
95
+
96
+ | Component | Use for | Details |
97
+ | ------------------ | ------------------- | --------------------------------------------- |
98
+ | `Button` | CTAs, submit, icons | `variant`, `size`, `icon`, loading / disabled |
99
+ | `ButtonGroup` | Segmented actions | Related `options` |
100
+ | `Input` | Text & search | `label`, `required`, helper / error, sizes |
101
+ | `TextArea` | Multi-line | Same labeling pattern as Input |
102
+ | `Select` | Single / multi | Search, keyboard navigation |
103
+ | `Checkbox` | Booleans / lists | Variants, optional dropdown items |
104
+ | `RadioButtonGroup` | One-of-many | `options` with labels & values |
105
+ | `Switch` | Settings | Labeled on / off |
106
+ | `Slider` | Numeric range | Orientation, input position |
107
+ | `FileUpload` | Files | MIME map, size rules, item list |
108
+ | `DatePicker` | Single date | Calendar + label |
109
+ | `DateRangePicker` | Start–end | Range selection |
110
+ | `MonthPicker` | Month + year | `YearOption` |
111
+ | `MonthRangePicker` | Month range | Same family as month picker |
112
+ | `HelperText` | Hint / error | Under fields |
113
+ | `YearSelect` | Year only | `src/components/YearSelect` |
114
+
115
+ ### 📊 Data display
116
+
117
+ | Component | Use for | Details |
118
+ | ------------------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
119
+ | `Table` | AG Grid v32 | `columnDefs`, `rowData`, `gridId`, save views, comments, filters, bulk actions. **`isViewNameUniqueAcrossTypes`** controls whether saved-view names are unique across types or only within a type. AG Grid props pass through. |
120
+ | `OldTable` | Legacy grid | Prefer `Table` for new work |
121
+ | `Chart` | Visualizations | Impact chart wrapper |
122
+ | `Card` | Content blocks | Size variants |
123
+ | `Badge` | Status | Color, filled, icon + label |
124
+ | `Tag` / `TagGroup` | Labels | Size & variant |
125
+ | `Chips` | Selectable chips | `ChipType` |
126
+ | `Avatar` | User | Image or initials |
127
+ | `EmptyState` | No data | Message + optional action |
128
+ | `ProgressBar` | Progress | Status colors |
129
+ | `Skeleton` | Loading | Variants + shimmer |
130
+ | `Stepper` | Wizard progress | `StepperStep[]` |
131
+ | `Accordion` / `AccordionModern` | Collapsible | Modern supports sortable items |
132
+ | `DynamicLayout` | Layout slots | Injected layout props |
133
+ | `AGLocaleMap` | Grid locales | From i18n exports |
134
+
135
+ ### 💬 Feedback & overlays
136
+
137
+ | Component | Use for | Details |
138
+ | ------------------------- | ---------------- | ------------------------------------- |
139
+ | `Alert` | Inline message | `severity` |
140
+ | `Toast` | Transient notice | `position`, `variant` |
141
+ | `Loader` | Spinner | `size` |
142
+ | `Prompt` | Confirm | `variant` (incl. destructive) |
143
+ | `Tooltip` | Hover hint | `variant` |
144
+ | `Modal` | Dialog | `open`, title, footer buttons, `size` |
145
+ | `Panel` | Slide-over | `anchor`, `size` |
146
+ | `BottomSheet` | Mobile sheet | Panel family |
147
+ | `Popover` | Anchored layer | Trigger + content |
148
+ | `Portal` | Other DOM root | `container` |
149
+ | `Menu` / `MenuHeaderInfo` | Action menus | Nested `options` |
150
+
151
+ ### 🗺️ Layout, navigation & patterns
152
+
153
+ | Component | Use for | Details |
154
+ | ---------------------------------------------------- | ------------------ | ------------------------------------------- |
155
+ | `Header` | App chrome | User, notifications, menus |
156
+ | `Sidebar` | Nav | `routes` (`label`, `value`, `icon`, `link`) |
157
+ | `Tabs` | Sections | Items + panels |
158
+ | `Breadcrumbs` | Hierarchy | `BreadcrumbItem[]` |
159
+ | `HomePage` | Landing | Toolkit, Smart AI, config menus |
160
+ | `FiltersStrip` | Horizontal filters | Tags, saved, recent |
161
+ | `FilterDropDown` / `FilterSlider` / `AppliedFilters` | Filter pieces | Used with FiltersStrip |
162
+ | `FilterPanel` | Side filters | Items, anchor, size |
163
+ | `FilterPanelHeader` / `PanelSidebar` / `PanelFooter` | Filter chrome | Companion exports |
164
+ | `Notification` | Inbox drawer | List, tasks, tabs |
165
+ | `CreateItemFlow` | Create wizard | Multi-step |
166
+ | `CommentsPanel` | Threads | `CommentsProvider`, `useComments` |
167
+
168
+ ### 🤖 Chat, i18n & shortcuts
169
+
170
+ | Component | Use for | Details |
171
+ | -------------------------------------------------------------------------- | ------------------ | ----------------------------------------------------------------------------------------- |
172
+ | `ChatBotComponent` | Product chatbot | Landing, modules, conversation |
173
+ | `TableChat` | Row / channel chat | `chatConfiguration` + WebSocket. MCP: `scaffold_table_chat` (`objectType`, `uniqueRowId`) |
174
+ | `I18nProvider` / `I18nContext` | Translations | `useTranslation`, locale registry |
175
+ | `ShortcutsProvider` / `ShortcutScope` / `ShortcutHint` / `ShortcutManager` | Hotkeys | Config + display helpers |
176
+ | `KeyboardShortcuts` / `ShortcutModal` | Shortcut UI | List & capture |
177
+
178
+ **MCP names (components):** AGLocaleMap, Accordion, AccordionModern, Alert, AppliedFilters, Avatar, Badge, BottomSheet, Breadcrumbs, Button, ButtonGroup, Card, Chart, ChatBotComponent, Checkbox, Chips, CommentsContext, CommentsProvider, CreateItemFlow, DatePicker, DateRangePicker, DynamicLayout, EmptyState, FileUpload, FilterDropDown, FilterPanel, FilterPanelHeader, FilterSlider, HelperText, I18nContext, I18nProvider, Input, KeyboardShortcuts, Loader, Menu, MenuHeaderInfo, Modal, MonthPicker, MonthRangePicker, OldTable, Panel, PanelFooter, PanelSidebar, Popover, Portal, ProgressBar, Prompt, RadioButtonGroup, Select, ShortcutHint, ShortcutManager, ShortcutModal, ShortcutScope, ShortcutsConfigContext, ShortcutsProvider, Slider, Stepper, Switch, Table, Tabs, Tag, TagGroup, TextArea, Toast, Tooltip
179
+
180
+ **MCP names (patterns):** FiltersStrip, Header, HomePage, Notification, Sidebar
181
+
182
+ ---
183
+
184
+ ## 🧪 Quick recipes
185
+
186
+ <details>
187
+ <summary><strong>🪟 Form in a Modal</strong></summary>
188
+
189
+ ```tsx
190
+ import { Modal, Input, Select } from 'impact-ui';
191
+
192
+ <Modal
193
+ open={open}
194
+ onClose={onClose}
195
+ title="Create item"
196
+ primaryButtonLabel="Save"
197
+ secondaryButtonLabel="Cancel"
198
+ onPrimaryButtonClick={handleSave}
199
+ >
200
+ <Input label="Name" required />
201
+ <Select label="Category" options={categories} />
202
+ </Modal>;
203
+ ```
53
204
 
54
- - Node.js 16+
55
- - npm or yarn
205
+ </details>
56
206
 
57
- ### Setup
207
+ <details>
208
+ <summary><strong>📋 Table with Save View</strong></summary>
58
209
 
59
- ```bash
60
- # Install dependencies
61
- npm install
210
+ ```tsx
211
+ import { Table } from 'impact-ui';
62
212
 
63
- # Start development server
64
- npm run dev
213
+ <Table
214
+ tableHeader="Items"
215
+ gridId="items-grid"
216
+ columnDefs={columnDefs}
217
+ rowData={rowData}
218
+ isSaveViewEnabled
219
+ isViewNameUniqueAcrossTypes={false}
220
+ />;
221
+ ```
65
222
 
66
- # Run Storybook
67
- npm run storybook
223
+ </details>
68
224
 
69
- # Run tests
70
- npm run test
225
+ <details>
226
+ <summary><strong>🏠 App shell</strong></summary>
71
227
 
72
- # Run tests with UI
73
- npm run test:ui
74
- ```
228
+ ```tsx
229
+ import { Header, Sidebar, Card } from 'impact-ui';
75
230
 
76
- ### Scripts
77
-
78
- - `npm run dev` - Start Vite dev server
79
- - `npm run build` - Build library for production
80
- - `npm run build:lib` - Build library (alias)
81
- - `npm run preview` - Preview production build
82
- - `npm run storybook` - Start Storybook dev server
83
- - `npm run build:storybook` - Build Storybook static site
84
- - `npm run test` - Run tests with Vitest
85
- - `npm run test:ui` - Run tests with UI
86
- - `npm run test:storybook` - Run Storybook play tests (Vitest + Playwright)
87
- - `npm run playwright:install` - Install Chromium only (required for `test:storybook`)
88
- - `npm run lint` - Lint TypeScript files
89
- - `npm run lint:fix` - Fix linting errors
90
- - `npm run lint:a11y` - Check accessibility compliance
91
- - `npm run format` - Format code with Prettier
92
- - `npm run format:check` - Check code formatting
93
- - `npm run type-check` - Type check without emitting files
94
-
95
- ### Storybook tests and Playwright
96
-
97
- To run Storybook play tests (`npm run test:storybook`), install Chromium first:
98
-
99
- ```bash
100
- npm run playwright:install
231
+ <>
232
+ <Header title="Product" userName="Alex" />
233
+ <Sidebar routes={routes} isOpen={open} />
234
+ <Card>{children}</Card>
235
+ </>;
101
236
  ```
102
237
 
103
- If you see **"unable to get local issuer certificate"** (common on corporate networks with a custom CA):
238
+ </details>
104
239
 
105
- 1. **Recommended:** Point Node at your CA bundle:
106
- `NODE_EXTRA_CA_CERTS=/path/to/your/ca-bundle.pem npm run playwright:install`
107
- 2. **Last resort (insecure):** Disable TLS verification only for the install:
108
- `NODE_TLS_REJECT_UNAUTHORIZED=0 npm run playwright:install`
240
+ ---
109
241
 
110
- ## Project Structure
242
+ ## 📁 Project structure
111
243
 
112
244
  ```
113
245
  frontend/
114
- ├── .storybook/ # Storybook configuration
246
+ ├── .storybook/ # 🎭 Storybook config
115
247
  ├── src/
116
- │ ├── components/ # UI components
117
- │ ├── styles/ # Global styles
118
- ├── test/ # Test utilities
119
- └── types/ # TypeScript type definitions
120
- ├── dist/ # Build output
121
- ├── tsconfig.json # TypeScript configuration
122
- ├── vite.config.ts # Vite configuration
123
- └── vitest.config.ts # Vitest configuration
248
+ │ ├── components/ # 🧩 One folder per component
249
+ ├── common/ # HelperText and shared bits
250
+ │ └── index.ts # Package barrel
251
+ ├── i18n/ # 🌍 Locales, I18nProvider, AGLocaleMap
252
+ ├── styles/ # 🎨 Tokens → impact-ui/styles
253
+ ├── types/ # 🔒 Shared TypeScript types
254
+ ├── utils/ # Helpers (incl. saved-view names)
255
+ │ ├── stories/ # 🎭 Stories
256
+ │ ├── assets/ # Icons & images
257
+ │ └── test/ # 🧪 Test setup
258
+ ├── dist/ # 📦 npm build output
259
+ ├── bin/ # impact-ui-migrate
260
+ ├── eslint-plugin/
261
+ ├── vite.config.ts
262
+ ├── vitest.config.ts
263
+ └── README.md # This file (published to npm)
264
+ ```
265
+
266
+ Typical component folder:
267
+
268
+ ```
269
+ ComponentName/
270
+ ├── index.tsx
271
+ ├── ComponentName.types.ts
272
+ ├── ComponentName.styles.scss
273
+ └── ComponentName.test.tsx
124
274
  ```
125
275
 
126
- ## Contributing
276
+ ---
277
+
278
+ ## 🛠️ Development
279
+
280
+ **Prerequisites:** Node.js 18+, npm or yarn.
281
+
282
+ ```bash
283
+ npm install
284
+ npm run dev # Vite playground
285
+ npm run storybook # http://localhost:6006
286
+ npm run test
287
+ npm run test:ui
288
+ npm run build:lib
289
+ ```
290
+
291
+ | Script | Purpose |
292
+ | --------------------------------- | --------------------------------- |
293
+ | `npm run dev` | ⚡ Vite dev server |
294
+ | `npm run build` / `build:lib` | 📦 Library + styles |
295
+ | `npm run preview` | Preview production build |
296
+ | `npm run storybook` | 🎭 Storybook |
297
+ | `npm run build:storybook` | Static Storybook |
298
+ | `npm run test` | 🧪 Vitest |
299
+ | `npm run test:ui` | Vitest UI |
300
+ | `npm run test:storybook` | Story play tests (needs Chromium) |
301
+ | `npm run playwright:install` | Install Chromium for story tests |
302
+ | `npm run lint` / `lint:fix` | ESLint |
303
+ | `npm run lint:a11y` | ♿ Accessibility lint |
304
+ | `npm run format` / `format:check` | Prettier |
305
+ | `npm run type-check` | 🔒 `tsc --noEmit` |
306
+
307
+ **Storybook + Playwright:** run `npm run playwright:install` first. Corporate CA errors: set `NODE_EXTRA_CA_CERTS=/path/to/ca-bundle.pem` then install. Last resort only: `NODE_TLS_REJECT_UNAUTHORIZED=0` (insecure).
308
+
309
+ ---
310
+
311
+ ## 🤖 Cursor / MCP
312
+
313
+ Install **`impact-ui-mcp-server`**, then ask:
314
+
315
+ - “List Impact UI components”
316
+ - “What props does Table accept?”
317
+ - “Build a list page with FiltersStrip and Table”
318
+
319
+ Tools: `list_components`, `get_component_info`, `build_ui`, `get_design_tokens`, `scaffold_table_chat`.
320
+
321
+ ---
322
+
323
+ ## 🤝 Contributing
127
324
 
128
325
  1. Create a feature branch
129
326
  2. Make your changes
130
- 3. Run tests: `npm run test`
131
- 4. Run linting: `npm run lint`
132
- 5. Format code: `npm run format`
133
- 6. Type check: `npm run type-check`
134
- 7. Submit a pull request
135
-
136
- ### Code Quality
137
-
138
- All code must pass:
139
- - TypeScript compilation without errors
140
- - ESLint checks (including accessibility)
141
- - Prettier formatting
142
- - Unit tests with accessibility checks
143
-
144
- ## Accessibility
145
-
146
- This library follows WCAG 2.1 Level AA standards. All components include:
147
- - Proper semantic HTML
148
- - ARIA attributes where needed
149
- - Keyboard navigation support
150
- - Screen reader compatibility
151
- - Focus management
152
-
153
- Run accessibility checks:
327
+ 3. `npm run test` · `npm run lint` · `npm run format` · `npm run type-check`
328
+ 4. Open a pull request
329
+
330
+ **Code quality gate:** TypeScript clean, ESLint (incl. a11y), Prettier, unit tests with accessibility checks.
331
+
332
+ ---
333
+
334
+ ## ♿ Accessibility
335
+
336
+ WCAG 2.1 Level AA: semantic HTML, ARIA where needed, keyboard navigation, screen readers, focus management.
337
+
154
338
  ```bash
155
339
  npm run lint:a11y
156
340
  ```
157
341
 
158
- ## Browser Support
342
+ ---
159
343
 
160
- - Chrome (latest)
161
- - Firefox (latest)
162
- - Safari (latest)
163
- - Edge (latest)
344
+ ## 🌐 Browser support
164
345
 
165
- ## License
346
+ Chrome · Firefox · Safari · Edge (latest)
166
347
 
167
- MIT
348
+ ---
168
349
 
169
- ## Version
350
+ ## 👥 Authors
170
351
 
171
- Current version: 4.0.0-alpha.1
352
+ Himansu · Narendra · Shravani Mishra · Abhishek
172
353
 
173
- See [MIGRATION_GUIDE.md](./MIGRATION_GUIDE.md) for upgrading from v3.x.
354
+ ---
355
+
356
+ ## 📄 License
357
+
358
+ MIT
package/bin/migrate.js CHANGED
@@ -73,12 +73,12 @@ ${colors.bright}Examples:${colors.reset}
73
73
 
74
74
  ${colors.bright}What it does:${colors.reset}
75
75
  ${colors.red}Before:${colors.reset}
76
- import { Button, Input, Card } from '@impactsmartsuite/impact-ui';
76
+ import { Button, Input, Card } from 'impact-ui';
77
77
 
78
78
  ${colors.green}After:${colors.reset}
79
- import { Button } from '@impactsmartsuite/impact-ui/Button';
80
- import { Input } from '@impactsmartsuite/impact-ui/Input';
81
- import { Card } from '@impactsmartsuite/impact-ui/Card';
79
+ import { Button } from 'impact-ui/Button';
80
+ import { Input } from 'impact-ui/Input';
81
+ import { Card } from 'impact-ui/Card';
82
82
 
83
83
  ${colors.bright}Benefits:${colors.reset}
84
84
  - Enables tree shaking for smaller bundle sizes
@@ -202,7 +202,7 @@ function main() {
202
202
  `${colors.red}Error: Transform file not found at ${transformPath}${colors.reset}`
203
203
  );
204
204
  console.error('This might indicate a corrupted impact-ui installation.');
205
- console.error('Try reinstalling: npm install @impactsmartsuite/impact-ui');
205
+ console.error('Try reinstalling: npm install impact-ui');
206
206
  process.exit(1);
207
207
  }
208
208
 
@@ -10,7 +10,7 @@
10
10
  *
11
11
  * After:
12
12
  * import { Button } from 'impact-ui/Button';
13
- * import { Button } from '@impactsmartsuite/impact-ui/Button';
13
+ * import { Button } from 'impact-ui/Button';
14
14
  */
15
15
 
16
16
  const { buildExportLookup } = require('./component-map');
@@ -1,4 +1,4 @@
1
- var dist = {};
1
+ var reactIs = { exports: {} };
2
2
  export {
3
- dist as __exports
3
+ reactIs as __module
4
4
  };
@@ -1,4 +1,4 @@
1
- var callBind = { exports: {} };
1
+ var dist = {};
2
2
  export {
3
- callBind as __module
3
+ dist as __exports
4
4
  };
@@ -1,4 +1,4 @@
1
- var isSymbol = { exports: {} };
1
+ var callBind = { exports: {} };
2
2
  export {
3
- isSymbol as __module
3
+ callBind as __module
4
4
  };
@@ -1,4 +1,4 @@
1
- var reactIs = { exports: {} };
1
+ var isSymbol = { exports: {} };
2
2
  export {
3
- reactIs as __module
3
+ isSymbol as __module
4
4
  };
@@ -1,6 +1,4 @@
1
- import { getAugmentedNamespace } from "./_commonjsHelpers.js";
2
- import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js";
3
- const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
1
+ var reactIs = { exports: {} };
4
2
  export {
5
- require$$1 as default
3
+ reactIs as __module
6
4
  };
@@ -1,6 +1,6 @@
1
1
  import { getAugmentedNamespace } from "./_commonjsHelpers.js";
2
- import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js";
3
- const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
2
+ import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js";
3
+ const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
4
4
  export {
5
- require$$2 as default
5
+ require$$1 as default
6
6
  };
@@ -1,4 +1,6 @@
1
- var reactIs = { exports: {} };
1
+ import { getAugmentedNamespace } from "./_commonjsHelpers.js";
2
+ import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js";
3
+ const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
2
4
  export {
3
- reactIs as __module
5
+ require$$2 as default
4
6
  };
@@ -13,7 +13,7 @@ interface SortableAccordionCompProps {
13
13
  isDragging?: boolean;
14
14
  isOverlay?: boolean;
15
15
  }
16
- export declare function SortableAccordionComp({ item, handleMultiAccordionChange, checkExpand, isDragging, isOverlay, }: SortableAccordionCompProps): import("react").JSX.Element;
17
- export declare function SortableAccordionList({ data, handleMultiAccordionChange, checkExpand, }: SortableAccordionListProps): import("react").JSX.Element;
16
+ export declare function SortableAccordionComp({ item, handleMultiAccordionChange, checkExpand, isDragging, isOverlay, }: SortableAccordionCompProps): import("react/jsx-runtime").JSX.Element;
17
+ export declare function SortableAccordionList({ data, handleMultiAccordionChange, checkExpand, }: SortableAccordionListProps): import("react/jsx-runtime").JSX.Element;
18
18
  export {};
19
19
  //# sourceMappingURL=SortableAccordionComp.d.ts.map