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.
- package/MIGRATION_GUIDE.md +15 -15
- package/README.md +298 -113
- package/bin/migrate.js +5 -5
- package/codemods/transform.js +1 -1
- package/dist/_virtual/index13.js +2 -2
- package/dist/_virtual/index14.js +2 -2
- package/dist/_virtual/index15.js +2 -2
- package/dist/_virtual/index16.js +2 -2
- package/dist/_virtual/index3.js +2 -4
- package/dist/_virtual/index4.js +3 -3
- package/dist/_virtual/index5.js +4 -2
- package/dist/components/AccordionModern/SortableAccordionComp.d.ts +2 -2
- package/dist/components/AccordionModern/SortableAccordionComp.d.ts.map +1 -1
- package/dist/components/AccordionModern/index.d.ts +1 -1
- package/dist/components/AccordionModern/index.d.ts.map +1 -1
- package/dist/components/AccordionModern/index.js +1 -1
- package/dist/components/Badge/filled/filledIconLabelBadges/index.d.ts +1 -1
- package/dist/components/Badge/filled/filledIconLabelBadges/index.d.ts.map +1 -1
- package/dist/components/Badge/filled/filledOnlyIconBadges/index.d.ts +1 -1
- package/dist/components/Badge/filled/filledOnlyIconBadges/index.d.ts.map +1 -1
- package/dist/components/Badge/filled/filledOnlyLabelBadges/index.d.ts +1 -1
- package/dist/components/Badge/filled/filledOnlyLabelBadges/index.d.ts.map +1 -1
- package/dist/components/Badge/filled/index.d.ts +1 -1
- package/dist/components/Badge/filled/index.d.ts.map +1 -1
- package/dist/components/Badge/index.d.ts +1 -1
- package/dist/components/Badge/stroke/index.d.ts +1 -1
- package/dist/components/Badge/stroke/index.d.ts.map +1 -1
- package/dist/components/Badge/stroke/strokeIconLabelBadges/index.d.ts +1 -1
- package/dist/components/Badge/stroke/strokeIconLabelBadges/index.d.ts.map +1 -1
- package/dist/components/Badge/stroke/strokeOnlyIconBadges/index.d.ts +1 -1
- package/dist/components/Badge/stroke/strokeOnlyIconBadges/index.d.ts.map +1 -1
- package/dist/components/Badge/stroke/strokeOnlyLabelBadges/index.d.ts +1 -1
- package/dist/components/Badge/stroke/strokeOnlyLabelBadges/index.d.ts.map +1 -1
- package/dist/components/Badge/subtle/index.d.ts +1 -1
- package/dist/components/Badge/subtle/index.d.ts.map +1 -1
- package/dist/components/Badge/subtle/subtleIOnlyIconBadges/index.d.ts +1 -1
- package/dist/components/Badge/subtle/subtleIOnlyIconBadges/index.d.ts.map +1 -1
- package/dist/components/Badge/subtle/subtleIconLabelBadges/index.d.ts +1 -1
- package/dist/components/Badge/subtle/subtleIconLabelBadges/index.d.ts.map +1 -1
- package/dist/components/Badge/subtle/subtleOnlyLabelBadges/index.d.ts +1 -1
- package/dist/components/Badge/subtle/subtleOnlyLabelBadges/index.d.ts.map +1 -1
- package/dist/components/BottomSheet/index.d.ts +1 -1
- package/dist/components/BottomSheet/index.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/HomeIcon.d.ts +1 -1
- package/dist/components/Breadcrumbs/HomeIcon.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/index.d.ts +1 -1
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/ButtonGroup/index.d.ts +1 -1
- package/dist/components/ButtonGroup/index.d.ts.map +1 -1
- package/dist/components/Chart/ChartSkeleton.d.ts +1 -1
- package/dist/components/Chart/ChartSkeleton.d.ts.map +1 -1
- package/dist/components/Chart/index.d.ts +1 -2
- package/dist/components/Chart/index.d.ts.map +1 -1
- package/dist/components/Chart/index.js +1 -1
- package/dist/components/Chatbot/bookMarkPanel.d.ts +1 -1
- package/dist/components/Chatbot/bookMarkPanel.d.ts.map +1 -1
- package/dist/components/Chatbot/chatBotFooter.d.ts +1 -1
- package/dist/components/Chatbot/chatBotFooter.d.ts.map +1 -1
- package/dist/components/Chatbot/chatBotLandingScreen.d.ts +1 -1
- package/dist/components/Chatbot/chatBotLandingScreen.d.ts.map +1 -1
- package/dist/components/Chatbot/chatInput.d.ts +1 -1
- package/dist/components/Chatbot/chatInput.d.ts.map +1 -1
- package/dist/components/Chatbot/chatbotModuleMenu.d.ts +1 -1
- package/dist/components/Chatbot/chatbotModuleMenu.d.ts.map +1 -1
- package/dist/components/Chatbot/conversationScreen.d.ts +1 -1
- package/dist/components/Chatbot/conversationScreen.d.ts.map +1 -1
- package/dist/components/Chatbot/customScreen.d.ts +1 -1
- package/dist/components/Chatbot/customScreen.d.ts.map +1 -1
- package/dist/components/Chatbot/historyPanel.d.ts +1 -1
- package/dist/components/Chatbot/historyPanel.d.ts.map +1 -1
- package/dist/components/Chatbot/index.d.ts +1 -1
- package/dist/components/Chatbot/index.d.ts.map +1 -1
- package/dist/components/Chatbot/index.js +1 -1
- package/dist/components/Chatbot/newChatComponent.d.ts +1 -1
- package/dist/components/Chatbot/newChatComponent.d.ts.map +1 -1
- package/dist/components/Checkbox/WithDropDown.d.ts +1 -1
- package/dist/components/Checkbox/WithDropDown.d.ts.map +1 -1
- package/dist/components/Checkbox/WithoutFormLabel.d.ts +1 -1
- package/dist/components/Checkbox/WithoutFormLabel.d.ts.map +1 -1
- package/dist/components/Chips/index.js +1 -1
- package/dist/components/CommentsPanel/CommentsContext.d.ts +5 -3
- package/dist/components/CommentsPanel/CommentsContext.d.ts.map +1 -1
- package/dist/components/CommentsPanel/CommentsPanel.impl.d.ts +1 -1
- package/dist/components/CommentsPanel/CommentsPanel.impl.d.ts.map +1 -1
- package/dist/components/CommentsPanel/CommentsPanel.impl.js +1 -1
- package/dist/components/CommentsPanel/CommentsPanel.types.d.ts +26 -0
- package/dist/components/CommentsPanel/CommentsPanel.types.d.ts.map +1 -1
- package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts +4 -10
- package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts.map +1 -1
- package/dist/components/CreateItemFlow/index.d.ts +15 -3
- package/dist/components/CreateItemFlow/index.d.ts.map +1 -1
- package/dist/components/CreateItemFlow/index.js +63 -134
- package/dist/components/DatePicker/datePickerDropdown.d.ts +1 -1
- package/dist/components/DatePicker/datePickerDropdown.d.ts.map +1 -1
- package/dist/components/DatePicker/datePickerFooter.d.ts +1 -1
- package/dist/components/DatePicker/datePickerFooter.d.ts.map +1 -1
- package/dist/components/DatePicker/index.js +1 -1
- package/dist/components/DatePicker/showMonthYearSelect.d.ts +1 -1
- package/dist/components/DatePicker/showMonthYearSelect.d.ts.map +1 -1
- package/dist/components/DateRangePicker/dateRangePickerCustom.d.ts +1 -1
- package/dist/components/DateRangePicker/dateRangePickerCustom.d.ts.map +1 -1
- package/dist/components/DateRangePicker/dateRangePickerDropdown.d.ts +1 -3
- package/dist/components/DateRangePicker/dateRangePickerDropdown.d.ts.map +1 -1
- package/dist/components/DateRangePicker/dateRangePickerFooter.d.ts +1 -1
- package/dist/components/DateRangePicker/dateRangePickerFooter.d.ts.map +1 -1
- package/dist/components/DateRangePicker/dateRangePickerInput.d.ts +1 -1
- package/dist/components/DateRangePicker/dateRangePickerInput.d.ts.map +1 -1
- package/dist/components/DateRangePicker/index.js +1 -1
- package/dist/components/DateRangePicker/showMonthYearSelect.d.ts +1 -1
- package/dist/components/DateRangePicker/showMonthYearSelect.d.ts.map +1 -1
- package/dist/components/DynamicLayout/index.d.ts +11 -9
- package/dist/components/DynamicLayout/index.d.ts.map +1 -1
- package/dist/components/DynamicLayout/index.js +38 -37
- package/dist/components/EmptyState/EmptyStateImage.d.ts +1 -1
- package/dist/components/EmptyState/EmptyStateImage.d.ts.map +1 -1
- package/dist/components/EmptyState/index.d.ts +1 -1
- package/dist/components/EmptyState/index.d.ts.map +1 -1
- package/dist/components/FileUpload/TemplatePreview.d.ts +1 -1
- package/dist/components/FileUpload/TemplatePreview.d.ts.map +1 -1
- package/dist/components/FileUpload/index.d.ts +1 -1
- package/dist/components/FileUpload/index.d.ts.map +1 -1
- package/dist/components/FileUpload/index.js +1 -1
- package/dist/components/FilterPanel/FilterPanelHeader.d.ts +1 -1
- package/dist/components/FilterPanel/FilterPanelHeader.d.ts.map +1 -1
- package/dist/components/FilterPanel/PanelFooter.d.ts +1 -1
- package/dist/components/FilterPanel/PanelFooter.d.ts.map +1 -1
- package/dist/components/FilterPanel/PanelSidebar.d.ts +1 -1
- package/dist/components/FilterPanel/PanelSidebar.d.ts.map +1 -1
- package/dist/components/FilterPanel/index.d.ts +1 -1
- package/dist/components/FilterPanel/index.d.ts.map +1 -1
- package/dist/components/FilterPanel/index.js +1 -1
- package/dist/components/FiltersStrip/AppliedFilters.d.ts +1 -1
- package/dist/components/FiltersStrip/AppliedFilters.d.ts.map +1 -1
- package/dist/components/FiltersStrip/FilterDropDown.d.ts +1 -1
- package/dist/components/FiltersStrip/FilterDropDown.d.ts.map +1 -1
- package/dist/components/FiltersStrip/FilterSlider.d.ts +1 -1
- package/dist/components/FiltersStrip/FilterSlider.d.ts.map +1 -1
- package/dist/components/FiltersStrip/FilterSliderPortal.d.ts +1 -1
- package/dist/components/FiltersStrip/FilterSliderPortal.d.ts.map +1 -1
- package/dist/components/FiltersStrip/index.d.ts +1 -1
- package/dist/components/FiltersStrip/index.d.ts.map +1 -1
- package/dist/components/Header/index.d.ts +1 -1
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/HomePage/index.d.ts +1 -1
- package/dist/components/HomePage/index.d.ts.map +1 -1
- package/dist/components/HomePage/index.js +1 -1
- package/dist/components/Input/HelperText.d.ts +1 -1
- package/dist/components/Input/HelperText.d.ts.map +1 -1
- package/dist/components/Input/InputWithIcon.d.ts +1 -1
- package/dist/components/Input/InputWithIcon.d.ts.map +1 -1
- package/dist/components/Input/VanillaInput.d.ts +1 -1
- package/dist/components/Input/VanillaInput.d.ts.map +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/KeyboardShortCuts/Keycombo.d.ts +2 -2
- package/dist/components/KeyboardShortCuts/Keycombo.d.ts.map +1 -1
- package/dist/components/KeyboardShortCuts/ShortcutLandingPage.d.ts +1 -1
- package/dist/components/KeyboardShortCuts/ShortcutLandingPage.d.ts.map +1 -1
- package/dist/components/KeyboardShortCuts/ShortcutLandingPage.js +1 -1
- package/dist/components/KeyboardShortCuts/ShortcutModal.d.ts +1 -1
- package/dist/components/KeyboardShortCuts/ShortcutModal.d.ts.map +1 -1
- package/dist/components/KeyboardShortCuts/ShortcutModal.js +1 -1
- package/dist/components/KeyboardShortCuts/StarOutlineIcon.d.ts +1 -1
- package/dist/components/KeyboardShortCuts/StarOutlineIcon.d.ts.map +1 -1
- package/dist/components/KeyboardShortCuts/allSetBox.d.ts +1 -1
- package/dist/components/KeyboardShortCuts/allSetBox.d.ts.map +1 -1
- package/dist/components/KeyboardShortCuts/allSetBox.js +1 -1
- package/dist/components/KeyboardShortCuts/index.d.ts +1 -1
- package/dist/components/KeyboardShortCuts/index.d.ts.map +1 -1
- package/dist/components/KeyboardShortCuts/index.js +1 -1
- package/dist/components/KeyboardShortCuts/screen2.d.ts +1 -1
- package/dist/components/KeyboardShortCuts/screen2.d.ts.map +1 -1
- package/dist/components/KeyboardShortCuts/screen3.d.ts +1 -1
- package/dist/components/KeyboardShortCuts/screen3.d.ts.map +1 -1
- package/dist/components/KeyboardShortCuts/tutorial.d.ts +1 -2
- package/dist/components/KeyboardShortCuts/tutorial.d.ts.map +1 -1
- package/dist/components/KeyboardShortCuts/tutorial.js +1 -1
- package/dist/components/Loader/index.d.ts +1 -1
- package/dist/components/Loader/index.d.ts.map +1 -1
- package/dist/components/Menu/IconMenuItem.js +1 -1
- package/dist/components/Menu/MenuHeaderInfo.d.ts +2 -2
- package/dist/components/Menu/MenuHeaderInfo.d.ts.map +1 -1
- package/dist/components/Menu/NestedMenuItem.js +1 -1
- package/dist/components/Menu/index.js +1 -1
- package/dist/components/Menu/nestedMenuItemsFromObject.js +1 -1
- package/dist/components/Modal/index.d.ts +1 -1
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Modal/index.js +1 -1
- package/dist/components/MonthPicker/index.d.ts +1 -1
- package/dist/components/MonthPicker/index.d.ts.map +1 -1
- package/dist/components/MonthRangePicker/index.d.ts +1 -1
- package/dist/components/MonthRangePicker/index.d.ts.map +1 -1
- package/dist/components/MonthRangePicker/index.js +1 -1
- package/dist/components/Notification/NotificationBody/NotificationList/NotificationChipsList.d.ts +1 -1
- package/dist/components/Notification/NotificationBody/NotificationList/NotificationChipsList.d.ts.map +1 -1
- package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.d.ts +1 -1
- package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.d.ts.map +1 -1
- package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.js +1 -1
- package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.d.ts +1 -1
- package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.d.ts.map +1 -1
- package/dist/components/Notification/NotificationBody/NotificationPanelContent.d.ts +1 -1
- package/dist/components/Notification/NotificationBody/NotificationPanelContent.d.ts.map +1 -1
- package/dist/components/Notification/NotificationBody/NotificationTaskList.d.ts +1 -1
- package/dist/components/Notification/NotificationBody/NotificationTaskList.d.ts.map +1 -1
- package/dist/components/Notification/NotificationBody/index.d.ts +1 -1
- package/dist/components/Notification/NotificationBody/index.d.ts.map +1 -1
- package/dist/components/Notification/index.d.ts +1 -1
- package/dist/components/Notification/index.d.ts.map +1 -1
- package/dist/components/Notification/index.js +1 -1
- package/dist/components/Panel/index.d.ts +1 -1
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Popover/index.d.ts +1 -1
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/ProgressBar/index.d.ts +1 -1
- package/dist/components/ProgressBar/index.d.ts.map +1 -1
- package/dist/components/Prompt/index.d.ts +1 -1
- package/dist/components/Prompt/index.d.ts.map +1 -1
- package/dist/components/RadioButtonGroup/index.d.ts +1 -1
- package/dist/components/RadioButtonGroup/index.d.ts.map +1 -1
- package/dist/components/Select/customGroupHeading.d.ts +1 -1
- package/dist/components/Select/customGroupHeading.d.ts.map +1 -1
- package/dist/components/Select/dropdown.d.ts +1 -1
- package/dist/components/Select/dropdown.d.ts.map +1 -1
- package/dist/components/Select/index.js +1 -1
- package/dist/components/Select/menuList.d.ts +1 -2
- package/dist/components/Select/menuList.d.ts.map +1 -1
- package/dist/components/Select/optionList.d.ts +1 -2
- package/dist/components/Select/optionList.d.ts.map +1 -1
- package/dist/components/Select/selected-option-tags.d.ts +1 -1
- package/dist/components/Select/selected-option-tags.d.ts.map +1 -1
- package/dist/components/Shortcuts/ShortcutHint.d.ts +1 -1
- package/dist/components/Shortcuts/ShortcutHint.d.ts.map +1 -1
- package/dist/components/Shortcuts/ShortcutScope.d.ts +1 -1
- package/dist/components/Shortcuts/ShortcutScope.d.ts.map +1 -1
- package/dist/components/Shortcuts/ShortcutsProvider.d.ts +1 -1
- package/dist/components/Shortcuts/ShortcutsProvider.d.ts.map +1 -1
- package/dist/components/Sidebar/ChildMenu.d.ts +1 -1
- package/dist/components/Sidebar/ChildMenu.d.ts.map +1 -1
- package/dist/components/Sidebar/ParentMenu.d.ts +1 -1
- package/dist/components/Sidebar/ParentMenu.d.ts.map +1 -1
- package/dist/components/Sidebar/SidebarActions.d.ts +1 -1
- package/dist/components/Sidebar/SidebarActions.d.ts.map +1 -1
- package/dist/components/Sidebar/SidebarMenus.d.ts +1 -1
- package/dist/components/Sidebar/SidebarMenus.d.ts.map +1 -1
- package/dist/components/Sidebar/index.d.ts +1 -1
- package/dist/components/Sidebar/index.d.ts.map +1 -1
- package/dist/components/Skeleton/index.d.ts +1 -1
- package/dist/components/Skeleton/index.d.ts.map +1 -1
- package/dist/components/Slider/index.d.ts +1 -1
- package/dist/components/Slider/index.d.ts.map +1 -1
- package/dist/components/Slider/index.js +1 -1
- package/dist/components/Stepper/index.d.ts +1 -1
- package/dist/components/Stepper/index.d.ts.map +1 -1
- package/dist/components/Stepper/index.js +1 -1
- package/dist/components/Table/AdvanceSearchModalItem.d.ts +1 -1
- package/dist/components/Table/AdvanceSearchModalItem.d.ts.map +1 -1
- package/dist/components/Table/AdvanceSortModal.d.ts +1 -1
- package/dist/components/Table/AdvanceSortModal.d.ts.map +1 -1
- package/dist/components/Table/AgGridHeader.d.ts +1 -3
- package/dist/components/Table/AgGridHeader.d.ts.map +1 -1
- package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts +1 -3
- package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts.map +1 -1
- package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts +1 -1
- package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts.map +1 -1
- package/dist/components/Table/NoComments.d.ts +1 -1
- package/dist/components/Table/NoComments.d.ts.map +1 -1
- package/dist/components/Table/actionBar.d.ts +1 -1
- package/dist/components/Table/actionBar.d.ts.map +1 -1
- package/dist/components/Table/advanceSearchModal.d.ts +1 -1
- package/dist/components/Table/advanceSearchModal.d.ts.map +1 -1
- package/dist/components/Table/index.js +1 -1
- package/dist/components/Table/tableHeader.d.ts +1 -1
- package/dist/components/Table/tableHeader.d.ts.map +1 -1
- package/dist/components/Table/tableIcons.d.ts +2 -4
- package/dist/components/Table/tableIcons.d.ts.map +1 -1
- package/dist/components/Table/tableMoreOptions.d.ts +1 -1
- package/dist/components/Table/tableMoreOptions.d.ts.map +1 -1
- package/dist/components/Table/tablePagination.d.ts +1 -1
- package/dist/components/Table/tablePagination.d.ts.map +1 -1
- package/dist/components/Table/tableSettings.d.ts +1 -1
- package/dist/components/Table/tableSettings.d.ts.map +1 -1
- package/dist/components/Table/withCommentIcon.d.ts +1 -1
- package/dist/components/Table/withCommentIcon.d.ts.map +1 -1
- package/dist/components/Table/withCommentIcon.js +3 -1
- package/dist/components/TableChat/EmptyContainer.d.ts +1 -2
- package/dist/components/TableChat/EmptyContainer.d.ts.map +1 -1
- package/dist/components/TableChat/TableChatSidePanel.d.ts +1 -1
- package/dist/components/TableChat/TableChatSidePanel.d.ts.map +1 -1
- package/dist/components/TableChat/components/ChatMessageSkeleton/ChatFooterSkeleton.d.ts +1 -2
- package/dist/components/TableChat/components/ChatMessageSkeleton/ChatFooterSkeleton.d.ts.map +1 -1
- package/dist/components/TableChat/components/ChatMessageSkeleton/ChatHeaderSkeleton.d.ts +1 -2
- package/dist/components/TableChat/components/ChatMessageSkeleton/ChatHeaderSkeleton.d.ts.map +1 -1
- package/dist/components/TableChat/components/ChatMessageSkeleton/ChatMessageListSkeleton.d.ts +1 -2
- package/dist/components/TableChat/components/ChatMessageSkeleton/ChatMessageListSkeleton.d.ts.map +1 -1
- package/dist/components/TableChat/components/ChatMessageSkeleton/ChatSkeleton.d.ts +1 -2
- package/dist/components/TableChat/components/ChatMessageSkeleton/ChatSkeleton.d.ts.map +1 -1
- package/dist/components/TableChat/components/SkeletonList.d.ts +1 -1
- package/dist/components/TableChat/components/SkeletonList.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/ChannelCheckbox/ChannelCheckbox.d.ts +1 -3
- package/dist/components/TableChat/components/TableChatLeftSection/ChannelCheckbox/ChannelCheckbox.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelItem.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelItem.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelList.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelList.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/ChatHeaderButton/ChatHeaderButton.d.ts +2 -2
- package/dist/components/TableChat/components/TableChatLeftSection/ChatHeaderButton/ChatHeaderButton.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/ChatIconButton/ChatIconButton.d.ts +1 -3
- package/dist/components/TableChat/components/TableChatLeftSection/ChatIconButton/ChatIconButton.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.js +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/UnreadBadge/UnreadBadge.d.ts +1 -3
- package/dist/components/TableChat/components/TableChatLeftSection/UnreadBadge/UnreadBadge.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.d.ts +2 -2
- package/dist/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.js +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatDeleteMessageType/ChatDeletedMessageType.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatDeleteMessageType/ChatDeletedMessageType.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatEditedMessageType/ChatEditedMessageType.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatEditedMessageType/ChatEditedMessageType.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.d.ts +1 -2
- package/dist/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatMessageActions/ChatMessageActions.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatMessageActions/ChatMessageActions.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatMessageAvatar/ChatMessageAvatar.d.ts +1 -2
- package/dist/components/TableChat/components/TableChatRightSection/ChatMessageAvatar/ChatMessageAvatar.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.js +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatNotificationSettings/ChatNotificationSettings.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatNotificationSettings/ChatNotificationSettings.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/DateSeparator/DateSeparator.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/DateSeparator/DateSeparator.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/DateSeparator/DateSeparator.js +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/EmojiPicker/EmojiPicker.d.ts +1 -3
- package/dist/components/TableChat/components/TableChatRightSection/EmojiPicker/EmojiPicker.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/FileUploader/FileUploader.d.ts +1 -3
- package/dist/components/TableChat/components/TableChatRightSection/FileUploader/FileUploader.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ImageUploader/ImageUploader.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ImageUploader/ImageUploader.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/PinedChatPanel/PinedChatPanel.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/PinedChatPanel/PinedChatPanel.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/PinedChatPanel/PinedChatPanel.js +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.d.ts +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.d.ts +1 -2
- package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.d.ts.map +1 -1
- package/dist/components/TableChat/components/TextEditor/Mention.js +1 -1
- package/dist/components/TableOld/AgGridHeader.d.ts +1 -3
- package/dist/components/TableOld/AgGridHeader.d.ts.map +1 -1
- package/dist/components/TableOld/actionBar.d.ts +1 -1
- package/dist/components/TableOld/actionBar.d.ts.map +1 -1
- package/dist/components/TableOld/index.js +1 -1
- package/dist/components/TableOld/tableHeader.d.ts +1 -1
- package/dist/components/TableOld/tableHeader.d.ts.map +1 -1
- package/dist/components/TableOld/tableIcons.d.ts +2 -4
- package/dist/components/TableOld/tableIcons.d.ts.map +1 -1
- package/dist/components/TableOld/tablePagination.d.ts +1 -1
- package/dist/components/TableOld/tablePagination.d.ts.map +1 -1
- package/dist/components/TableOld/tableSettings.d.ts +1 -1
- package/dist/components/TableOld/tableSettings.d.ts.map +1 -1
- package/dist/components/Tabs/TabPanel.d.ts +1 -1
- package/dist/components/Tabs/TabPanel.d.ts.map +1 -1
- package/dist/components/Tabs/index.d.ts +1 -1
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tag/filled.d.ts +1 -1
- package/dist/components/Tag/filled.d.ts.map +1 -1
- package/dist/components/Tag/solid.d.ts +1 -1
- package/dist/components/Tag/solid.d.ts.map +1 -1
- package/dist/components/Tag/stroke.d.ts +1 -1
- package/dist/components/Tag/stroke.d.ts.map +1 -1
- package/dist/components/TagGroup/index.d.ts +1 -1
- package/dist/components/TagGroup/index.d.ts.map +1 -1
- package/dist/components/TextArea/index.d.ts +1 -1
- package/dist/components/TextArea/index.d.ts.map +1 -1
- package/dist/components/TextArea/index.js +1 -1
- package/dist/components/Toast/index.d.ts +1 -1
- package/dist/components/Toast/index.d.ts.map +1 -1
- package/dist/components/common/HelperText/index.d.ts +1 -1
- package/dist/components/common/HelperText/index.d.ts.map +1 -1
- package/dist/components/common/MentionEditor/index.js +1 -1
- package/dist/i18n/I18nContext.d.ts +1 -1
- package/dist/i18n/I18nContext.d.ts.map +1 -1
- package/dist/mcp-component-registry.json +6471 -1
- package/dist/node_modules/@mui/icons-material/utils/createSvgIcon.js +3 -3
- package/dist/node_modules/@mui/system/colorManipulator.js +2 -2
- package/dist/node_modules/@mui/system/esm/createStyled.js +1 -1
- package/dist/node_modules/call-bind/index.js +3 -3
- package/dist/node_modules/es-to-primitive/es2015.js +28 -28
- package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.development.js +1 -1
- package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.production.min.js +1 -1
- package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/is-symbol/index.js +1 -1
- package/dist/node_modules/lodash/lodash.js +16 -14
- package/dist/node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js +1 -1
- package/dist/node_modules/react-dates/lib/theme/DefaultTheme.js +4 -4
- package/dist/node_modules/react-dates/lib/utils/registerCSSInterfaceWithDefaultTheme.js +3 -3
- package/dist/node_modules/react-dates/lib/utils/registerInterfaceWithDefaultTheme.js +3 -3
- package/dist/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/react-with-styles/lib/ThemedStyleSheet.js +6 -6
- package/dist/node_modules/react-with-styles-interface-css/dist/index.js +5 -5
- package/dist/node_modules/react-with-styles-interface-css/dist/utils/getClassName.js +3 -3
- package/dist/node_modules/react-with-styles-interface-css/dist/utils/separateStyles.js +4 -4
- package/dist/node_modules/string.prototype.trim/implementation.js +4 -12
- package/dist/stories/i18nDemo.d.ts +1 -1
- package/dist/stories/i18nDemo.d.ts.map +1 -1
- package/dist/utils/shortcuts/shortcuts.extra.test.d.ts +2 -0
- package/dist/utils/shortcuts/shortcuts.extra.test.d.ts.map +1 -0
- package/package.json +2 -1
- package/dist/node_modules/es-abstract/2025/ToString.js +0 -21
- package/dist/node_modules/es-abstract-get/GetMethod.js +0 -33
- package/dist/node_modules/es-abstract-get/GetV.js +0 -25
- package/dist/node_modules/es-abstract-get/isPropertyKey.js +0 -13
- /package/dist/_virtual/{react-is2.development.js → react-is.development2.js} +0 -0
- /package/dist/_virtual/{react-is3.development.js → react-is.development3.js} +0 -0
- /package/dist/_virtual/{react-is2.production.min.js → react-is.production.min2.js} +0 -0
package/MIGRATION_GUIDE.md
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
# Migrating to impact-ui v4.0
|
|
2
2
|
|
|
3
|
-
##
|
|
3
|
+
## npm packages
|
|
4
4
|
|
|
5
|
-
The UI library and MCP server are published
|
|
5
|
+
The UI library and MCP server are published as unscoped npm packages:
|
|
6
6
|
|
|
7
|
-
-
|
|
8
|
-
-
|
|
7
|
+
- `impact-ui`
|
|
8
|
+
- `impact-ui-mcp-server`
|
|
9
9
|
|
|
10
|
-
|
|
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
|
|
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 '
|
|
28
|
-
import { Button } from '
|
|
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
|
|
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 '
|
|
53
|
+
import { Button, Input, Card, Alert } from 'impact-ui';
|
|
54
54
|
```
|
|
55
55
|
|
|
56
56
|
**After:**
|
|
57
57
|
```tsx
|
|
58
|
-
import { Button } from '
|
|
59
|
-
import { Input } from '
|
|
60
|
-
import { Card } from '
|
|
61
|
-
import { Alert } from '
|
|
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
|
|
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
|
-
#
|
|
1
|
+
# ✨ impact-ui
|
|
2
2
|
|
|
3
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
37
|
+
npm install impact-ui
|
|
19
38
|
```
|
|
20
39
|
|
|
21
|
-
|
|
40
|
+
Peer stack: React 18+ with the MUI / AG Grid versions this library expects.
|
|
22
41
|
|
|
23
|
-
|
|
42
|
+
---
|
|
24
43
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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
|
-
###
|
|
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
|
-
```
|
|
41
|
-
import { Button,
|
|
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
|
-
|
|
51
|
-
|
|
52
|
-
|
|
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
|
-
|
|
55
|
-
- npm or yarn
|
|
205
|
+
</details>
|
|
56
206
|
|
|
57
|
-
|
|
207
|
+
<details>
|
|
208
|
+
<summary><strong>📋 Table with Save View</strong></summary>
|
|
58
209
|
|
|
59
|
-
```
|
|
60
|
-
|
|
61
|
-
npm install
|
|
210
|
+
```tsx
|
|
211
|
+
import { Table } from 'impact-ui';
|
|
62
212
|
|
|
63
|
-
|
|
64
|
-
|
|
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
|
-
|
|
67
|
-
npm run storybook
|
|
223
|
+
</details>
|
|
68
224
|
|
|
69
|
-
|
|
70
|
-
|
|
225
|
+
<details>
|
|
226
|
+
<summary><strong>🏠 App shell</strong></summary>
|
|
71
227
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
```
|
|
228
|
+
```tsx
|
|
229
|
+
import { Header, Sidebar, Card } from 'impact-ui';
|
|
75
230
|
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
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
|
-
|
|
238
|
+
</details>
|
|
104
239
|
|
|
105
|
-
|
|
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
|
|
242
|
+
## 📁 Project structure
|
|
111
243
|
|
|
112
244
|
```
|
|
113
245
|
frontend/
|
|
114
|
-
├── .storybook/
|
|
246
|
+
├── .storybook/ # 🎭 Storybook config
|
|
115
247
|
├── src/
|
|
116
|
-
│ ├── components/
|
|
117
|
-
│ ├──
|
|
118
|
-
│
|
|
119
|
-
│
|
|
120
|
-
├──
|
|
121
|
-
├──
|
|
122
|
-
├──
|
|
123
|
-
|
|
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
|
-
|
|
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.
|
|
131
|
-
4.
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
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
|
-
|
|
342
|
+
---
|
|
159
343
|
|
|
160
|
-
|
|
161
|
-
- Firefox (latest)
|
|
162
|
-
- Safari (latest)
|
|
163
|
-
- Edge (latest)
|
|
344
|
+
## 🌐 Browser support
|
|
164
345
|
|
|
165
|
-
|
|
346
|
+
Chrome · Firefox · Safari · Edge (latest)
|
|
166
347
|
|
|
167
|
-
|
|
348
|
+
---
|
|
168
349
|
|
|
169
|
-
##
|
|
350
|
+
## 👥 Authors
|
|
170
351
|
|
|
171
|
-
|
|
352
|
+
Himansu · Narendra · Shravani Mishra · Abhishek
|
|
172
353
|
|
|
173
|
-
|
|
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 '
|
|
76
|
+
import { Button, Input, Card } from 'impact-ui';
|
|
77
77
|
|
|
78
78
|
${colors.green}After:${colors.reset}
|
|
79
|
-
import { Button } from '
|
|
80
|
-
import { Input } from '
|
|
81
|
-
import { Card } from '
|
|
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
|
|
205
|
+
console.error('Try reinstalling: npm install impact-ui');
|
|
206
206
|
process.exit(1);
|
|
207
207
|
}
|
|
208
208
|
|
package/codemods/transform.js
CHANGED
package/dist/_virtual/index13.js
CHANGED
package/dist/_virtual/index14.js
CHANGED
package/dist/_virtual/index15.js
CHANGED
package/dist/_virtual/index16.js
CHANGED
package/dist/_virtual/index3.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
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
|
-
|
|
3
|
+
reactIs as __module
|
|
6
4
|
};
|
package/dist/_virtual/index4.js
CHANGED
|
@@ -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/
|
|
3
|
-
const require$$
|
|
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$$
|
|
5
|
+
require$$1 as default
|
|
6
6
|
};
|
package/dist/_virtual/index5.js
CHANGED
|
@@ -1,4 +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
4
|
export {
|
|
3
|
-
|
|
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
|