@instincthub/react-ui 0.1.13 → 0.1.15
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/dist/node_modules/lucide-react/dist/esm/icons/x.js +1 -1
- package/dist/node_modules/lucide-react/dist/esm/icons/x.js.map +1 -1
- package/dist/src/assets/css/main.css +1 -57
- package/dist/src/assets/css/navbar/sidenav.css +28 -12
- package/dist/src/components/auth/PasswordsMatch.js +1 -1
- package/dist/src/components/forms/DropFile.js +1 -1
- package/dist/src/components/navbar/ResponsiveNavbar.js +1 -1
- package/dist/src/components/status/DeleteConfirmationModal.js +1 -1
- package/dist/src/components/status/ModalWrapper.js +2 -0
- package/dist/src/components/status/ModalWrapper.js.map +1 -0
- package/dist/src/components/ui/ComponentLists.js +1 -1
- package/dist/src/components/ui/GetSuccessFailedIcon.js +2 -0
- package/dist/src/components/ui/GetSuccessFailedIcon.js.map +1 -0
- package/dist/src/components/ui/StatusIcon.js +2 -0
- package/dist/src/components/ui/StatusIcon.js.map +1 -0
- package/dist/src/index.js +1 -1
- package/dist/src/types/components/auth/PasswordsMatch.d.ts +9 -1
- package/dist/src/types/components/forms/DropFile.d.ts +2 -0
- package/dist/src/types/components/navbar/ResponsiveNavbar.d.ts +1 -1
- package/dist/src/types/components/status/DeleteConfirmationModal.d.ts +2 -0
- package/dist/src/types/components/status/ModalWrapper.d.ts +10 -0
- package/dist/src/types/components/ui/GetSuccessFailedIcon.d.ts +39 -0
- package/dist/src/types/components/ui/StatusIcon.d.ts +29 -0
- package/dist/src/types/index.d.ts +3 -0
- package/dist/src/types/types/index.d.ts +29 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import t from"@mui/icons-material/CheckCircle";import r from"@mui/icons-material/Cancel";var a=function(a){return a?e(t,{className:"text-green-600 ihub-text-success",fontSize:"small"}):e(r,{className:"text-red-600 ihub-text-danger",fontSize:"small"})};export{a as default};
|
|
2
|
+
//# sourceMappingURL=GetSuccessFailedIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GetSuccessFailedIcon.js","sources":["../../../../src/components/ui/GetSuccessFailedIcon.tsx"],"sourcesContent":["import CheckCircleIcon from \"@mui/icons-material/CheckCircle\";\r\nimport CancelIcon from \"@mui/icons-material/Cancel\";\r\n\r\n/**\r\n * GetSuccessFailedIcon - A simple icon component that displays success or error icons based on a boolean value\r\n * \r\n * @deprecated This component is deprecated. Please use the more flexible `StatusIcon` component instead,\r\n * which offers multiple status types, customization options, and better accessibility features.\r\n * \r\n * @param success - Boolean value determining which icon to display\r\n * @returns JSX element containing either a success (CheckCircle) or error (Cancel) icon\r\n * \r\n * @example\r\n * ```tsx\r\n * // Basic usage\r\n * const successIcon = GetSuccessFailedIcon(true); // Shows green check circle\r\n * const errorIcon = GetSuccessFailedIcon(false); // Shows red cancel icon\r\n * \r\n * // In a component\r\n * function StatusIndicator({ isValid }: { isValid: boolean }) {\r\n * return (\r\n * <div>\r\n * Status: {GetSuccessFailedIcon(isValid)}\r\n * </div>\r\n * );\r\n * }\r\n * \r\n * // Migration to StatusIcon (recommended)\r\n * import { StatusIcon } from '@instincthub/react-ui';\r\n * <StatusIcon status={success ? \"success\" : \"error\"} size=\"small\" />\r\n * ```\r\n * \r\n * @remarks\r\n * - Success icon: Green CheckCircleIcon with classes \"text-green-600 ihub-text-success\"\r\n * - Error icon: Red CancelIcon with classes \"text-red-600 ihub-text-danger\"\r\n * - Both icons use fontSize=\"small\"\r\n * - No customization options available (use StatusIcon for customization)\r\n * \r\n * @see {@link StatusIcon} - Modern replacement with more features\r\n */\r\nconst GetSuccessFailedIcon = (success: boolean): JSX.Element => {\r\n return success ? (\r\n <CheckCircleIcon\r\n className=\"text-green-600 ihub-text-success\"\r\n fontSize=\"small\"\r\n />\r\n ) : (\r\n <CancelIcon className=\"text-red-600 ihub-text-danger\" fontSize=\"small\" />\r\n );\r\n};\r\n\r\nexport default GetSuccessFailedIcon;\r\n"],"names":["GetSuccessFailedIcon","success","_jsx","CheckCircleIcon","className","fontSize","CancelIcon"],"mappings":"iIAwCA,IAAMA,EAAuB,SAACC,GAC5B,OAAOA,EACLC,EAACC,EACC,CAAAC,UAAU,mCACVC,SAAS,UAGXH,EAACI,EAAW,CAAAF,UAAU,gCAAgCC,SAAS,SAEnE"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{objectSpread2 as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t}from"react/jsx-runtime";import o from"@mui/icons-material/CheckCircle";import a from"@mui/icons-material/Info";import r from"@mui/icons-material/Warning";import i from"@mui/icons-material/Help";import l from"@mui/icons-material/Error";import n from"@mui/icons-material/Pending";import s from"@mui/icons-material/Check";import u from"@mui/icons-material/Close";import c from"@mui/icons-material/Autorenew";var f=function(f){var m=f.status,d=f.size,C=void 0===d?"small":d,p=f.className,x=void 0===p?"":p,b=f.color,h=f.animated,g=void 0!==h&&h,I=f.title,v=f.onClick,F=f.style,k=["ihub-status-icon","ihub-icon-".concat(C),v?"ihub-clickable":"",g?"ihub-animated":"",x].filter(Boolean).join(" "),y=function(){switch(m){case"success":return{Icon:o,defaultClasses:"ihub-text-success text-green-600",defaultColor:"#4CAF50"};case"error":return{Icon:l,defaultClasses:"ihub-text-danger text-red-600",defaultColor:"#F44336"};case"warning":return{Icon:r,defaultClasses:"ihub-text-warning text-yellow-600",defaultColor:"#FF9800"};case"info":return{Icon:a,defaultClasses:"ihub-text-info text-blue-600",defaultColor:"#2196F3"};case"pending":return{Icon:n,defaultClasses:"ihub-text-pending text-orange-500",defaultColor:"#FF5722"};case"loading":return{Icon:c,defaultClasses:"ihub-text-loading text-blue-500",defaultColor:"#2196F3"};case"question":return{Icon:i,defaultClasses:"ihub-text-question text-purple-600",defaultColor:"#9C27B0"};case"check":return{Icon:s,defaultClasses:"ihub-text-check text-green-500",defaultColor:"#4CAF50"};case"close":return{Icon:u,defaultClasses:"ihub-text-close text-red-500",defaultColor:"#F44336"};default:return{Icon:a,defaultClasses:"ihub-text-default text-gray-600",defaultColor:"#757575"}}}(),w=y.Icon,j=y.defaultClasses,A=y.defaultColor,B=e({color:b||A,cursor:v?"pointer":"default",transition:"all 0.2s ease-in-out"},F);return t(w,{className:"".concat(k," ").concat(j),fontSize:C,style:B,onClick:v?function(e){v&&(e.preventDefault(),e.stopPropagation(),v())}:void 0,onKeyDown:v?function(e){!v||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),v())}:void 0,titleAccess:I,tabIndex:v?0:void 0,role:v?"button":void 0,"aria-label":I||"".concat(m," status icon")})};export{f as default};
|
|
2
|
+
//# sourceMappingURL=StatusIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusIcon.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/src/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{default as ActionDropdown}from"./components/forms/ActionDropdown.js";export{default as AnimatedBox}from"./components/forms/AnimatedBox.js";export{default as PasswordField}from"./components/forms/PasswordField.js";export{default as DateInput}from"./components/forms/DateInput.js";export{default as DateTimeInput}from"./components/forms/DateTimeInput.js";export{default as DropFile}from"./components/forms/DropFile.js";export{default as EmailList}from"./components/forms/EmailList.js";export{default as FilterArray}from"./components/forms/FilterArray.js";export{default as FilterBy}from"./components/forms/FilterBy.js";export{default as FilterObjects}from"./components/forms/FilterObjects.js";export{default as FormError}from"./components/forms/FormError.js";export{default as HandleError}from"./components/forms/HandleError.js";export{default as Logout}from"./components/forms/Logout.js";export{default as MessageDisplay}from"./components/forms/MessageDisplay.js";export{default as MultipleEmail}from"./components/forms/MultipleEmail.js";export{PageLoading}from"./components/forms/PageLoading.js";export{default as IsUsernameEmailTaken}from"./components/auth/IsUsernameEmailTaken.js";export{default as ClientDetector}from"./components/auth/ClientDetector.js";export{default as PasswordsMatch}from"./components/auth/PasswordsMatch.js";export{default as FromInstinctHub}from"./components/auth/FromInstinctHub.js";export{default as LoginForm}from"./components/auth/LoginForm.js";export{default as ReactClientProviders}from"./components/auth/ReactClientProviders.js";export{default as PhoneNumberInput}from"./components/forms/PhoneNumberInput.js";export{default as RadioField}from"./components/forms/RadioField.js";export{default as RadioSimple}from"./components/forms/RadioSimple.js";export{default as ReactTimeAgo}from"./components/forms/ReactTimeAgo.js";export{default as ReadTermsAndCondition}from"./components/forms/ReadTermsAndCondition.js";export{default as SearchField}from"./components/forms/SearchField.js";export{default as SearchFieldDB}from"./components/forms/SearchFieldDB.js";export{default as StepProgressBar}from"./components/forms/StepProgressBar.js";export{default as SubmitButton}from"./components/forms/SubmitButton.js";export{default as Tables}from"./components/forms/Tables.js";export{default as TextArea}from"./components/forms/TextArea.js";export{default as TextField}from"./components/forms/TextField.js";export{default as Tooltip}from"./components/forms/Tooltip.js";export{default as UnsplashRandomImage}from"./components/forms/UnsplashRandomImage.js";export{default as DownloadAsExcel}from"./components/forms/DownloadAsExcel.js";export{default as THeadSortBtn}from"./components/forms/THeadSortBtn.js";export{default as THeadSortList}from"./components/forms/THeadSortList.js";export{default as TBodyNoData}from"./components/forms/TBodyNoData.js";export{default as ActionCallbackDropdown}from"./components/forms/ActionCallbackDropdown.js";export{default as InputNumber}from"./components/forms/InputNumber.js";export{default as InputText}from"./components/forms/InputText.js";export{default as InputTextarea}from"./components/forms/InputTextarea.js";export{default as SearchObjectsFromDB}from"./components/forms/SearchObjectsFromDB.js";export{default as ToggleButton}from"./components/forms/ToggleButton.js";export{default as CheckBoxesField}from"./components/forms/CheckboxesField.js";export{default as CheckBoxes}from"./components/forms/CheckBoxes.js";export{default as DateInputPicker}from"./components/forms/DateInputPicker.js";export{default as DateTimePicker}from"./components/forms/DateTimePicker.js";export{default as TimePicker}from"./components/forms/TimePicker.js";export{default as ChipsInput}from"./components/forms/ChipsInput.js";export{default as RadioButton}from"./components/forms/radio-btn/RadioButton.js";export{default as RadioGroup}from"./components/forms/radio-btn/RadioGroup.js";export{default as InputAmount}from"./components/forms/InputAmount.js";export{default as FileField}from"./components/forms/FileField.js";export{default as CountryInput}from"./components/forms/CountryInput.js";export{default as CountryStateInput}from"./components/forms/CountryStateInput.js";export{default as InputSearchDropdown}from"./components/forms/InputSearchDropdown.js";export{default as RangeRadio}from"./components/forms/RangeRadio.js";export{default as ChannelListAvatar}from"./components/navbar/ChannelListAvatar.js";export{default as MenuDropdown}from"./components/navbar/MenuDropdown.js";export{default as Breadcrumb}from"./components/navbar/Breadcrumb.js";export{default as ResponsiveNavbar}from"./components/navbar/ResponsiveNavbar.js";export{default as SideNavbar}from"./components/navbar/SideNavbar.js";export{default as FileUploader}from"./components/forms/uploads/FileUploader.js";export{default as IhubFileUploader}from"./components/forms/uploads/IhubFileUploader.js";export{default as CustomTextEditor}from"./components/ui/editor/CustomTextEditor.js";export{default as ContentViewer}from"./components/ui/viewer/ContentViewer.js";export{default as ContentViewOrEdit}from"./components/ui/viewer/ContentViewOrEdit.js";export{default as CodeDisplay}from"./components/ui/viewer/CodeDisplay.js";export{IHubTable}from"./components/ui/tables/IHubTable.js";export{IHubTableServer}from"./components/ui/tables/IHubTableServer.js";export{default as OrDivider}from"./components/ui/OrDivider.js";export{default as RandomGradientImage}from"./components/ui/images/RandomGradientImage.js";export{default as ComponentLists}from"./components/ui/ComponentLists.js";export{default as Action}from"./components/ui/Action.js";export{default as Dialog}from"./components/ui/dialogs/Dialog.js";export{default as Badge}from"./components/ui/Badge.js";export{default as Dropdown}from"./components/ui/Dropdown.js";export{default as ColorPicker}from"./components/ui/ColorPicker.js";export{default as Pagination}from"./components/ui/pagination/Pagination.js";export{default as PaginationDemo}from"./components/ui/pagination/PaginationDemo.js";export{default as CreateButton}from"./components/ui/create-button/CreateButton.js";export{default as CreateButtonExample}from"./components/ui/create-button/CreateButtonExample.js";export{default as Card}from"./components/ui/cards/Card.js";export{default as CardList}from"./components/ui/cards/CardList.js";export{default as CardGrid}from"./components/ui/cards/CardGrid.js";export{default as FeatureCard}from"./components/ui/cards/FeatureCard.js";export{default as HorizontalCard}from"./components/ui/cards/HorizontalCard.js";export{default as MediaCard}from"./components/ui/cards/MediaCard.js";export{default as PricingCard}from"./components/ui/cards/PricingCard.js";export{default as ProfileCard}from"./components/ui/cards/ProfileCard.js";export{default as InstinctHubChart}from"./components/ui/charts/InstinctHubChart.js";export{default as InstinctHubChartDashboard}from"./components/ui/charts/InstinctHubChartDashboard.js";export{default as ChartConfigurator}from"./components/ui/charts/ChartConfigurator.js";export{default as ChangeStyleVariable}from"./components/theme/ChangeStyleVariable.js";export{default as DarkModeProvider}from"./components/theme/DarkModeProvider.js";export{default as LoadingAnimate}from"./components/theme/LoadingAnimate.js";export{default as SessionProviders}from"./components/theme/SessionProviders.js";export{default as SessionExpiresLogout}from"./components/theme/signout/SessionExpiresLogout.js";export{default as SignOutSession}from"./components/theme/signout/SignOutSession.js";export{default as ReactTimeTracker,default as TimeTracker}from"./components/status/ReactTimeTracker.js";export{default as SessionHandleProvider}from"./components/status/SessionHandleProvider.js";export{default as Error500}from"./components/status/Error500.js";export{default as ErrorState}from"./components/status/ErrorState.js";export{default as DeleteConfirmationModal}from"./components/status/DeleteConfirmationModal.js";export{default as CopyToClipboard}from"./components/status/CopyToClipBoard.js";export{default as MultiPurposeModal}from"./components/status/MultiPurposeModal.js";export{default as ModalExamples}from"./components/status/ModalExamples.js";export{default as NotFound}from"./components/status/NotFound.js";export{default as Unauthorized}from"./components/status/Unauthorized.js";export{default as Tabs}from"./components/tabs/Tabs.js";export{default as VerticalTabs}from"./components/tabs/VerticalTabs.js";export{default as TabContent}from"./components/tabs/TabContent.js";export{default as Cursor}from"./components/cursors/Cursor.js";export{default as CursorControlDemo}from"./components/cursors/CursorControlDemo.js";export{default as MagneticButton}from"./components/cursors/MagneticButton.js";export{default as useCursorInteraction}from"./components/cursors/useCursorInteraction.js";export{useClientSide}from"./components/auth/useClientSide.js";export{useFormattedDate}from"./components/auth/useFormattedDate.js";export{useStableRandom}from"./components/auth/useStableRandom.js";export{useExternalData}from"./components/auth/useExternalData.js";export{default as ClientOnly}from"./components/auth/ClientOnly.js";export{default as SideNavbarContext}from"./components/navbar/SideNavbarContext.js";export{default as PermissionWrapper}from"./components/auth/PermissionWrapper.js";export{makeReduxStore,reduxStore,useDispatch,useSelector}from"./components/lib/redux/store.js";export{courseFilterSubject}from"./components/lib/redux/slices/courseSlice/courseFilterSubject.js";export{courseFilterLevel}from"./components/lib/redux/slices/courseSlice/courseFilterLevel.js";export{courseFilterDuration}from"./components/lib/redux/slices/courseSlice/courseFilterDuration.js";export{courseSearch}from"./components/lib/redux/slices/courseSlice/courseSearch.js";export{stepQuestions}from"./components/lib/redux/slices/courseSlice/stepQuestions.js";export{stepContent}from"./components/lib/redux/slices/courseSlice/stepContent.js";export{videoTimestamp}from"./components/lib/redux/slices/courseSlice/videoTimestamp.js";export{videoTimestampObject}from"./components/lib/redux/slices/courseSlice/videoTimestampObject.js";export{courseModules}from"./components/lib/redux/slices/courseSlice/courseModules.js";export{courseOverview}from"./components/lib/redux/slices/courseSlice/courseOverview.js";export{selectedCourses}from"./components/lib/redux/slices/courseSlice/selectedCourses.js";export{selectCourseDetails,selectCourseFilterDuration,selectCourseFilterLevel,selectCourseFilterSubject,selectCourseModules,selectCourseOverview,selectCourseSearch,selectSelectedCourses,selectStepContent,selectStepQuestions,selectVideoTimestamp,selectVideoTimestampObject}from"./components/lib/redux/slices/courseSlice/selectors.js";export{appToggle}from"./components/lib/redux/slices/navigationSlice/appToggle.js";export{toggleCreateCourse}from"./components/lib/redux/slices/navigationSlice/toggleCreateCourse.js";export{toggleCreateCohort}from"./components/lib/redux/slices/navigationSlice/toggleCreateCohort.js";export{confirmDelete}from"./components/lib/redux/slices/navigationSlice/confirmDelete.js";export{selectAppToggle,selectConfirmDelete,selectCourseNextStep,selectCurrentPromo,selectIPAdress,selectSearchValue,selectSettingsToggle,selectToggleCreateCohort,selectToggleCreateCourse,selectToggleCreateTrack,selectUserLocation}from"./components/lib/redux/slices/navigationSlice/selectors.js";export{IPAdress}from"./components/lib/redux/slices/navigationSlice/IPAdress.js";export{settingsToggle}from"./components/lib/redux/slices/navigationSlice/settingsToggle.js";export{userLocation}from"./components/lib/redux/slices/navigationSlice/userLocation.js";export{searchValue}from"./components/lib/redux/slices/navigationSlice/searchValue.js";export{currentPromo}from"./components/lib/redux/slices/navigationSlice/currentPromo.js";export{courseNextStep}from"./components/lib/redux/slices/navigationSlice/courseNextStep.js";export{activeChannel}from"./components/lib/redux/slices/channelSlice/activeChannel.js";export{channelDetails}from"./components/lib/redux/slices/channelSlice/channelDetails.js";export{instructorChannelList}from"./components/lib/redux/slices/channelSlice/instructorChannelList.js";export{channelHandle}from"./components/lib/redux/slices/channelSlice/channelHandle.js";export{selectActiveChannel,selectChannelDetails,selectChannelHandle,selectInstructorChannelList}from"./components/lib/redux/slices/channelSlice/selectors.js";export{clearObject,objectSlice,setObject,updateObject}from"./components/lib/redux/slices/generics/objectSlice.js";export{addToArray,arraySlice,clearArray,removeFromArray,setArray,updateInArray}from"./components/lib/redux/slices/generics/arraySlice.js";export{feedbackToggle}from"./components/lib/redux/slices/messageSlice/feedbackToggle.js";export{statusMessageState}from"./components/lib/redux/slices/messageSlice/statusMessageState.js";export{selectFeedbackToggle,selectStatusMessageState}from"./components/lib/redux/slices/messageSlice/selectors.js";export{screenSize}from"./components/lib/redux/slices/utilsSlice/screenSize.js";export{selectScreenSize}from"./components/lib/redux/slices/utilsSlice/selectors.js";export{channelCallbackUrl}from"./components/lib/redux/slices/authSlice/channelCallbackUrl.js";export{selectCallbackUrl}from"./components/lib/redux/slices/authSlice/selectors.js";export{selectArraySlice,selectObjectSlice}from"./components/lib/redux/slices/generics/selectors.js";
|
|
1
|
+
export{default as ActionDropdown}from"./components/forms/ActionDropdown.js";export{default as AnimatedBox}from"./components/forms/AnimatedBox.js";export{default as PasswordField}from"./components/forms/PasswordField.js";export{default as DateInput}from"./components/forms/DateInput.js";export{default as DateTimeInput}from"./components/forms/DateTimeInput.js";export{default as DropFile}from"./components/forms/DropFile.js";export{default as EmailList}from"./components/forms/EmailList.js";export{default as FilterArray}from"./components/forms/FilterArray.js";export{default as FilterBy}from"./components/forms/FilterBy.js";export{default as FilterObjects}from"./components/forms/FilterObjects.js";export{default as FormError}from"./components/forms/FormError.js";export{default as HandleError}from"./components/forms/HandleError.js";export{default as Logout}from"./components/forms/Logout.js";export{default as MessageDisplay}from"./components/forms/MessageDisplay.js";export{default as MultipleEmail}from"./components/forms/MultipleEmail.js";export{PageLoading}from"./components/forms/PageLoading.js";export{default as IsUsernameEmailTaken}from"./components/auth/IsUsernameEmailTaken.js";export{default as ClientDetector}from"./components/auth/ClientDetector.js";export{default as PasswordsMatch}from"./components/auth/PasswordsMatch.js";export{default as FromInstinctHub}from"./components/auth/FromInstinctHub.js";export{default as LoginForm}from"./components/auth/LoginForm.js";export{default as ReactClientProviders}from"./components/auth/ReactClientProviders.js";export{default as PhoneNumberInput}from"./components/forms/PhoneNumberInput.js";export{default as RadioField}from"./components/forms/RadioField.js";export{default as RadioSimple}from"./components/forms/RadioSimple.js";export{default as ReactTimeAgo}from"./components/forms/ReactTimeAgo.js";export{default as ReadTermsAndCondition}from"./components/forms/ReadTermsAndCondition.js";export{default as SearchField}from"./components/forms/SearchField.js";export{default as SearchFieldDB}from"./components/forms/SearchFieldDB.js";export{default as StepProgressBar}from"./components/forms/StepProgressBar.js";export{default as SubmitButton}from"./components/forms/SubmitButton.js";export{default as Tables}from"./components/forms/Tables.js";export{default as TextArea}from"./components/forms/TextArea.js";export{default as TextField}from"./components/forms/TextField.js";export{default as Tooltip}from"./components/forms/Tooltip.js";export{default as UnsplashRandomImage}from"./components/forms/UnsplashRandomImage.js";export{default as DownloadAsExcel}from"./components/forms/DownloadAsExcel.js";export{default as THeadSortBtn}from"./components/forms/THeadSortBtn.js";export{default as THeadSortList}from"./components/forms/THeadSortList.js";export{default as TBodyNoData}from"./components/forms/TBodyNoData.js";export{default as ActionCallbackDropdown}from"./components/forms/ActionCallbackDropdown.js";export{default as InputNumber}from"./components/forms/InputNumber.js";export{default as InputText}from"./components/forms/InputText.js";export{default as InputTextarea}from"./components/forms/InputTextarea.js";export{default as SearchObjectsFromDB}from"./components/forms/SearchObjectsFromDB.js";export{default as ToggleButton}from"./components/forms/ToggleButton.js";export{default as CheckBoxesField}from"./components/forms/CheckboxesField.js";export{default as CheckBoxes}from"./components/forms/CheckBoxes.js";export{default as DateInputPicker}from"./components/forms/DateInputPicker.js";export{default as DateTimePicker}from"./components/forms/DateTimePicker.js";export{default as TimePicker}from"./components/forms/TimePicker.js";export{default as ChipsInput}from"./components/forms/ChipsInput.js";export{default as RadioButton}from"./components/forms/radio-btn/RadioButton.js";export{default as RadioGroup}from"./components/forms/radio-btn/RadioGroup.js";export{default as InputAmount}from"./components/forms/InputAmount.js";export{default as FileField}from"./components/forms/FileField.js";export{default as CountryInput}from"./components/forms/CountryInput.js";export{default as CountryStateInput}from"./components/forms/CountryStateInput.js";export{default as InputSearchDropdown}from"./components/forms/InputSearchDropdown.js";export{default as RangeRadio}from"./components/forms/RangeRadio.js";export{default as ChannelListAvatar}from"./components/navbar/ChannelListAvatar.js";export{default as MenuDropdown}from"./components/navbar/MenuDropdown.js";export{default as Breadcrumb}from"./components/navbar/Breadcrumb.js";export{default as ResponsiveNavbar}from"./components/navbar/ResponsiveNavbar.js";export{default as SideNavbar}from"./components/navbar/SideNavbar.js";export{default as FileUploader}from"./components/forms/uploads/FileUploader.js";export{default as IhubFileUploader}from"./components/forms/uploads/IhubFileUploader.js";export{default as CustomTextEditor}from"./components/ui/editor/CustomTextEditor.js";export{default as ContentViewer}from"./components/ui/viewer/ContentViewer.js";export{default as ContentViewOrEdit}from"./components/ui/viewer/ContentViewOrEdit.js";export{default as CodeDisplay}from"./components/ui/viewer/CodeDisplay.js";export{IHubTable}from"./components/ui/tables/IHubTable.js";export{IHubTableServer}from"./components/ui/tables/IHubTableServer.js";export{default as OrDivider}from"./components/ui/OrDivider.js";export{default as RandomGradientImage}from"./components/ui/images/RandomGradientImage.js";export{default as ComponentLists}from"./components/ui/ComponentLists.js";export{default as Action}from"./components/ui/Action.js";export{default as Dialog}from"./components/ui/dialogs/Dialog.js";export{default as Badge}from"./components/ui/Badge.js";export{default as Dropdown}from"./components/ui/Dropdown.js";export{default as ColorPicker}from"./components/ui/ColorPicker.js";export{default as Pagination}from"./components/ui/pagination/Pagination.js";export{default as PaginationDemo}from"./components/ui/pagination/PaginationDemo.js";export{default as CreateButton}from"./components/ui/create-button/CreateButton.js";export{default as CreateButtonExample}from"./components/ui/create-button/CreateButtonExample.js";export{default as StatusIcon}from"./components/ui/StatusIcon.js";export{default as GetSuccessFailedIcon}from"./components/ui/GetSuccessFailedIcon.js";export{default as Card}from"./components/ui/cards/Card.js";export{default as CardList}from"./components/ui/cards/CardList.js";export{default as CardGrid}from"./components/ui/cards/CardGrid.js";export{default as FeatureCard}from"./components/ui/cards/FeatureCard.js";export{default as HorizontalCard}from"./components/ui/cards/HorizontalCard.js";export{default as MediaCard}from"./components/ui/cards/MediaCard.js";export{default as PricingCard}from"./components/ui/cards/PricingCard.js";export{default as ProfileCard}from"./components/ui/cards/ProfileCard.js";export{default as InstinctHubChart}from"./components/ui/charts/InstinctHubChart.js";export{default as InstinctHubChartDashboard}from"./components/ui/charts/InstinctHubChartDashboard.js";export{default as ChartConfigurator}from"./components/ui/charts/ChartConfigurator.js";export{default as ChangeStyleVariable}from"./components/theme/ChangeStyleVariable.js";export{default as DarkModeProvider}from"./components/theme/DarkModeProvider.js";export{default as LoadingAnimate}from"./components/theme/LoadingAnimate.js";export{default as SessionProviders}from"./components/theme/SessionProviders.js";export{default as SessionExpiresLogout}from"./components/theme/signout/SessionExpiresLogout.js";export{default as SignOutSession}from"./components/theme/signout/SignOutSession.js";export{default as ReactTimeTracker,default as TimeTracker}from"./components/status/ReactTimeTracker.js";export{default as SessionHandleProvider}from"./components/status/SessionHandleProvider.js";export{default as Error500}from"./components/status/Error500.js";export{default as ErrorState}from"./components/status/ErrorState.js";export{default as DeleteConfirmationModal}from"./components/status/DeleteConfirmationModal.js";export{default as CopyToClipboard}from"./components/status/CopyToClipBoard.js";export{default as MultiPurposeModal}from"./components/status/MultiPurposeModal.js";export{default as ModalExamples}from"./components/status/ModalExamples.js";export{default as NotFound}from"./components/status/NotFound.js";export{default as Unauthorized}from"./components/status/Unauthorized.js";export{default as ModalWrapper}from"./components/status/ModalWrapper.js";export{default as Tabs}from"./components/tabs/Tabs.js";export{default as VerticalTabs}from"./components/tabs/VerticalTabs.js";export{default as TabContent}from"./components/tabs/TabContent.js";export{default as Cursor}from"./components/cursors/Cursor.js";export{default as CursorControlDemo}from"./components/cursors/CursorControlDemo.js";export{default as MagneticButton}from"./components/cursors/MagneticButton.js";export{default as useCursorInteraction}from"./components/cursors/useCursorInteraction.js";export{useClientSide}from"./components/auth/useClientSide.js";export{useFormattedDate}from"./components/auth/useFormattedDate.js";export{useStableRandom}from"./components/auth/useStableRandom.js";export{useExternalData}from"./components/auth/useExternalData.js";export{default as ClientOnly}from"./components/auth/ClientOnly.js";export{default as SideNavbarContext}from"./components/navbar/SideNavbarContext.js";export{default as PermissionWrapper}from"./components/auth/PermissionWrapper.js";export{makeReduxStore,reduxStore,useDispatch,useSelector}from"./components/lib/redux/store.js";export{courseFilterSubject}from"./components/lib/redux/slices/courseSlice/courseFilterSubject.js";export{courseFilterLevel}from"./components/lib/redux/slices/courseSlice/courseFilterLevel.js";export{courseFilterDuration}from"./components/lib/redux/slices/courseSlice/courseFilterDuration.js";export{courseSearch}from"./components/lib/redux/slices/courseSlice/courseSearch.js";export{stepQuestions}from"./components/lib/redux/slices/courseSlice/stepQuestions.js";export{stepContent}from"./components/lib/redux/slices/courseSlice/stepContent.js";export{videoTimestamp}from"./components/lib/redux/slices/courseSlice/videoTimestamp.js";export{videoTimestampObject}from"./components/lib/redux/slices/courseSlice/videoTimestampObject.js";export{courseModules}from"./components/lib/redux/slices/courseSlice/courseModules.js";export{courseOverview}from"./components/lib/redux/slices/courseSlice/courseOverview.js";export{selectedCourses}from"./components/lib/redux/slices/courseSlice/selectedCourses.js";export{selectCourseDetails,selectCourseFilterDuration,selectCourseFilterLevel,selectCourseFilterSubject,selectCourseModules,selectCourseOverview,selectCourseSearch,selectSelectedCourses,selectStepContent,selectStepQuestions,selectVideoTimestamp,selectVideoTimestampObject}from"./components/lib/redux/slices/courseSlice/selectors.js";export{appToggle}from"./components/lib/redux/slices/navigationSlice/appToggle.js";export{toggleCreateCourse}from"./components/lib/redux/slices/navigationSlice/toggleCreateCourse.js";export{toggleCreateCohort}from"./components/lib/redux/slices/navigationSlice/toggleCreateCohort.js";export{confirmDelete}from"./components/lib/redux/slices/navigationSlice/confirmDelete.js";export{selectAppToggle,selectConfirmDelete,selectCourseNextStep,selectCurrentPromo,selectIPAdress,selectSearchValue,selectSettingsToggle,selectToggleCreateCohort,selectToggleCreateCourse,selectToggleCreateTrack,selectUserLocation}from"./components/lib/redux/slices/navigationSlice/selectors.js";export{IPAdress}from"./components/lib/redux/slices/navigationSlice/IPAdress.js";export{settingsToggle}from"./components/lib/redux/slices/navigationSlice/settingsToggle.js";export{userLocation}from"./components/lib/redux/slices/navigationSlice/userLocation.js";export{searchValue}from"./components/lib/redux/slices/navigationSlice/searchValue.js";export{currentPromo}from"./components/lib/redux/slices/navigationSlice/currentPromo.js";export{courseNextStep}from"./components/lib/redux/slices/navigationSlice/courseNextStep.js";export{activeChannel}from"./components/lib/redux/slices/channelSlice/activeChannel.js";export{channelDetails}from"./components/lib/redux/slices/channelSlice/channelDetails.js";export{instructorChannelList}from"./components/lib/redux/slices/channelSlice/instructorChannelList.js";export{channelHandle}from"./components/lib/redux/slices/channelSlice/channelHandle.js";export{selectActiveChannel,selectChannelDetails,selectChannelHandle,selectInstructorChannelList}from"./components/lib/redux/slices/channelSlice/selectors.js";export{clearObject,objectSlice,setObject,updateObject}from"./components/lib/redux/slices/generics/objectSlice.js";export{addToArray,arraySlice,clearArray,removeFromArray,setArray,updateInArray}from"./components/lib/redux/slices/generics/arraySlice.js";export{feedbackToggle}from"./components/lib/redux/slices/messageSlice/feedbackToggle.js";export{statusMessageState}from"./components/lib/redux/slices/messageSlice/statusMessageState.js";export{selectFeedbackToggle,selectStatusMessageState}from"./components/lib/redux/slices/messageSlice/selectors.js";export{screenSize}from"./components/lib/redux/slices/utilsSlice/screenSize.js";export{selectScreenSize}from"./components/lib/redux/slices/utilsSlice/selectors.js";export{channelCallbackUrl}from"./components/lib/redux/slices/authSlice/channelCallbackUrl.js";export{selectCallbackUrl}from"./components/lib/redux/slices/authSlice/selectors.js";export{selectArraySlice,selectObjectSlice}from"./components/lib/redux/slices/generics/selectors.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export
|
|
2
|
+
export interface PasswordsMatchProps {
|
|
3
|
+
/** Default password value to pre-populate the password field */
|
|
4
|
+
defaultPassword?: string;
|
|
5
|
+
/** Callback function triggered when passwords are validated */
|
|
6
|
+
onPasswordChange?: (password: string, isValid: boolean) => void;
|
|
7
|
+
/** Callback function triggered when password confirmation is validated */
|
|
8
|
+
onConfirmPasswordChange?: (confirmPassword: string, isValid: boolean) => void;
|
|
9
|
+
}
|
|
10
|
+
export default function PasswordsMatch({ defaultPassword, onPasswordChange, onConfirmPasswordChange, }: PasswordsMatchProps): JSX.Element;
|
|
@@ -10,6 +10,8 @@ interface DropFileProps {
|
|
|
10
10
|
maxSize?: number;
|
|
11
11
|
/** Template download URL */
|
|
12
12
|
tmplateUrl?: string;
|
|
13
|
+
/** Function called when template download button is clicked */
|
|
14
|
+
onTemplateDownload?: () => void;
|
|
13
15
|
/** Allow multiple files */
|
|
14
16
|
multiple?: boolean;
|
|
15
17
|
/** Custom className */
|
|
@@ -25,5 +25,5 @@ import { NavbarPropsType } from "../../types";
|
|
|
25
25
|
* @param {boolean} hideTopBanner - Whether to hide the top banner
|
|
26
26
|
* @param {boolean} hideBottomBanner - Whether to hide the bottom banner
|
|
27
27
|
* */
|
|
28
|
-
declare const ResponsiveNavbar: ({ session, logoSrc, logoAlt, navLinks, userAreaLinks, theme: initialTheme, containerClass, topBanner, bottomBanner, hideTopBanner, hideBottomBanner, }: NavbarPropsType) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
declare const ResponsiveNavbar: ({ session, logoSrc, logoAlt, navLinks, userAreaLinks, theme: initialTheme, containerClass, topBanner, bottomBanner, hideTopBanner, hideBottomBanner, userDropdownOpen: controlledDropdownOpen, onUserDropdownToggle, renderUserDropdown, }: NavbarPropsType) => import("react/jsx-runtime").JSX.Element;
|
|
29
29
|
export default ResponsiveNavbar;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
interface DeleteConfirmationModalProps {
|
|
3
|
+
token: string | null;
|
|
3
4
|
itemTitle?: string;
|
|
4
5
|
}
|
|
5
6
|
/**
|
|
@@ -10,6 +11,7 @@ interface DeleteConfirmationModalProps {
|
|
|
10
11
|
* <DeleteConfirmationModal
|
|
11
12
|
* url="http://endpoint"
|
|
12
13
|
* title="Some Title"
|
|
14
|
+
* token={token}
|
|
13
15
|
* onSuccess={() => {
|
|
14
16
|
* // Additional actions after successful deletion
|
|
15
17
|
* }}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface ModalWrapperProps {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
onClose: () => void;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
title?: string;
|
|
7
|
+
size?: "small" | "medium" | "large" | "full";
|
|
8
|
+
}
|
|
9
|
+
declare const ModalWrapper: React.FC<ModalWrapperProps>;
|
|
10
|
+
export default ModalWrapper;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* GetSuccessFailedIcon - A simple icon component that displays success or error icons based on a boolean value
|
|
3
|
+
*
|
|
4
|
+
* @deprecated This component is deprecated. Please use the more flexible `StatusIcon` component instead,
|
|
5
|
+
* which offers multiple status types, customization options, and better accessibility features.
|
|
6
|
+
*
|
|
7
|
+
* @param success - Boolean value determining which icon to display
|
|
8
|
+
* @returns JSX element containing either a success (CheckCircle) or error (Cancel) icon
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* // Basic usage
|
|
13
|
+
* const successIcon = GetSuccessFailedIcon(true); // Shows green check circle
|
|
14
|
+
* const errorIcon = GetSuccessFailedIcon(false); // Shows red cancel icon
|
|
15
|
+
*
|
|
16
|
+
* // In a component
|
|
17
|
+
* function StatusIndicator({ isValid }: { isValid: boolean }) {
|
|
18
|
+
* return (
|
|
19
|
+
* <div>
|
|
20
|
+
* Status: {GetSuccessFailedIcon(isValid)}
|
|
21
|
+
* </div>
|
|
22
|
+
* );
|
|
23
|
+
* }
|
|
24
|
+
*
|
|
25
|
+
* // Migration to StatusIcon (recommended)
|
|
26
|
+
* import { StatusIcon } from '@instincthub/react-ui';
|
|
27
|
+
* <StatusIcon status={success ? "success" : "error"} size="small" />
|
|
28
|
+
* ```
|
|
29
|
+
*
|
|
30
|
+
* @remarks
|
|
31
|
+
* - Success icon: Green CheckCircleIcon with classes "text-green-600 ihub-text-success"
|
|
32
|
+
* - Error icon: Red CancelIcon with classes "text-red-600 ihub-text-danger"
|
|
33
|
+
* - Both icons use fontSize="small"
|
|
34
|
+
* - No customization options available (use StatusIcon for customization)
|
|
35
|
+
*
|
|
36
|
+
* @see {@link StatusIcon} - Modern replacement with more features
|
|
37
|
+
*/
|
|
38
|
+
declare const GetSuccessFailedIcon: (success: boolean) => JSX.Element;
|
|
39
|
+
export default GetSuccessFailedIcon;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IconSize, StatusIconProps } from "@/types";
|
|
3
|
+
/**
|
|
4
|
+
* StatusIcon component - A versatile status indicator with multiple icon types and customization options
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* ```tsx
|
|
8
|
+
* // Basic usage
|
|
9
|
+
* <StatusIcon status="success" />
|
|
10
|
+
* <StatusIcon status="error" />
|
|
11
|
+
*
|
|
12
|
+
* // With custom size and animation
|
|
13
|
+
* <StatusIcon status="loading" size="large" animated />
|
|
14
|
+
*
|
|
15
|
+
* // With click handler
|
|
16
|
+
* <StatusIcon
|
|
17
|
+
* status="warning"
|
|
18
|
+
* onClick={() => console.log('Warning clicked')}
|
|
19
|
+
* title="Click for more info"
|
|
20
|
+
* />
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
23
|
+
declare const StatusIcon: React.FC<StatusIconProps>;
|
|
24
|
+
/**
|
|
25
|
+
* Backward compatibility function - maintains the original API
|
|
26
|
+
* @deprecated Use StatusIcon component instead
|
|
27
|
+
*/
|
|
28
|
+
export declare const GetSuccessFailedIcon: (success: boolean, size?: IconSize) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
export default StatusIcon;
|
|
@@ -84,6 +84,8 @@ export { default as Pagination } from "./components/ui/pagination/Pagination";
|
|
|
84
84
|
export { default as PaginationDemo } from "./components/ui/pagination/PaginationDemo";
|
|
85
85
|
export { default as CreateButton } from "./components/ui/create-button/CreateButton";
|
|
86
86
|
export { default as CreateButtonExample } from "./components/ui/create-button/CreateButtonExample";
|
|
87
|
+
export { default as StatusIcon } from "./components/ui/StatusIcon";
|
|
88
|
+
export { default as GetSuccessFailedIcon } from "./components/ui/GetSuccessFailedIcon";
|
|
87
89
|
export * from "./components/ui/cards";
|
|
88
90
|
export * from "./components/ui/charts";
|
|
89
91
|
export { default as ChangeStyleVariable } from "./components/theme/ChangeStyleVariable";
|
|
@@ -103,6 +105,7 @@ export { default as MultiPurposeModal } from "./components/status/MultiPurposeMo
|
|
|
103
105
|
export { default as ModalExamples } from "./components/status/ModalExamples";
|
|
104
106
|
export { default as NotFound } from "./components/status/NotFound";
|
|
105
107
|
export { default as Unauthorized } from "./components/status/Unauthorized";
|
|
108
|
+
export { default as ModalWrapper } from "./components/status/ModalWrapper";
|
|
106
109
|
export { default as Tabs } from "./components/tabs/Tabs";
|
|
107
110
|
export { default as VerticalTabs } from "./components/tabs/VerticalTabs";
|
|
108
111
|
export { default as TabContent } from "./components/tabs/TabContent";
|
|
@@ -244,6 +244,12 @@ export interface UserAreaLinkType {
|
|
|
244
244
|
buttonStyle?: "primary" | "outline";
|
|
245
245
|
submenu?: UserSubMenuItemType[];
|
|
246
246
|
}
|
|
247
|
+
export interface DropdownRenderProps {
|
|
248
|
+
user: any;
|
|
249
|
+
isOpen: boolean;
|
|
250
|
+
toggleDropdown: () => void;
|
|
251
|
+
closeDropdown: () => void;
|
|
252
|
+
}
|
|
247
253
|
export interface NavbarPropsType {
|
|
248
254
|
session: SessionType | null;
|
|
249
255
|
logoSrc: string;
|
|
@@ -256,6 +262,9 @@ export interface NavbarPropsType {
|
|
|
256
262
|
hideTopBanner?: boolean;
|
|
257
263
|
bottomBanner?: React.ReactNode | JSX.Element | null;
|
|
258
264
|
hideBottomBanner?: boolean;
|
|
265
|
+
userDropdownOpen?: boolean;
|
|
266
|
+
onUserDropdownToggle?: (isOpen: boolean) => void;
|
|
267
|
+
renderUserDropdown?: (props: DropdownRenderProps) => React.ReactNode;
|
|
259
268
|
}
|
|
260
269
|
export interface LoginFormPropsType {
|
|
261
270
|
session?: Session;
|
|
@@ -642,3 +651,23 @@ export interface DateTimePickerPropsType {
|
|
|
642
651
|
/** Input mode: datetime (default), date only, or time only */
|
|
643
652
|
mode?: "datetime" | "date" | "time";
|
|
644
653
|
}
|
|
654
|
+
export type StatusType = "success" | "error" | "warning" | "info" | "pending" | "loading" | "question" | "check" | "close";
|
|
655
|
+
export type IconSize = "small" | "medium" | "large" | "inherit";
|
|
656
|
+
export interface StatusIconProps {
|
|
657
|
+
/** Status type to determine which icon to show */
|
|
658
|
+
status: StatusType;
|
|
659
|
+
/** Size of the icon */
|
|
660
|
+
size?: IconSize;
|
|
661
|
+
/** Custom CSS classes */
|
|
662
|
+
className?: string;
|
|
663
|
+
/** Custom color override */
|
|
664
|
+
color?: string;
|
|
665
|
+
/** Show animated loading spinner for pending/loading states */
|
|
666
|
+
animated?: boolean;
|
|
667
|
+
/** Custom title/tooltip text */
|
|
668
|
+
title?: string;
|
|
669
|
+
/** Click handler */
|
|
670
|
+
onClick?: () => void;
|
|
671
|
+
/** Custom style object */
|
|
672
|
+
style?: React.CSSProperties;
|
|
673
|
+
}
|