@instincthub/react-ui 0.0.5 → 0.0.6

package/dist/src/index.js

@@ -1,2 +1,2 @@
-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 DateInputPicker}from"./components/forms/DateInputPicker.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 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 Dialog}from"./components/ui/dialogs/Dialog.js";export{default as Badge}from"./components/ui/Badge.js";export{default as Action}from"./components/ui/Action.js";export{default as Dropdown}from"./components/ui/Dropdown.js";export{default as ColorPicker}from"./components/ui/ColorPicker.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 ComponentLists}from"./components/ComponentLists.js";
+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 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 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";
 //# sourceMappingURL=index.js.map

package/dist/src/types/components/auth/LoginForm.d.ts

@@ -22,9 +22,11 @@ import { LoginFormPropsType } from "../../types";
  * @property {string} endpointPath - The endpoint path for the LoginForm component
  * @property {string} verificationPath - The verification path for the LoginForm component
  * @property {string} redirectPath - The redirect path for the LoginForm component
+ * @property {boolean} hideResetPassword - Whether to hide the reset password option
+ * @property {boolean} hideSignup - Whether to hide the signup option
  * @property {string} type - The type for the LoginForm component | sis, skills, lms, crm, ecommerce, inventory, hr.
  *
  * @returns {React.ReactElement} The LoginForm component
  */
-declare const LoginForm: ({ params, searchParams, endpointPath, verificationPath, redirectPath, type, }: LoginFormPropsType) => import("react/jsx-runtime").JSX.Element;
+declare const LoginForm: ({ params, searchParams, endpointPath, verificationPath, redirectPath, hideResetPassword, hideSignup, type, }: LoginFormPropsType) => import("react/jsx-runtime").JSX.Element;
 export default LoginForm;

package/dist/src/types/components/auth/index.d.ts

@@ -1,5 +1,10 @@
 export { default as ClientDetector } from "./ClientDetector";
 export { default as ClientOnly } from "./ClientOnly";
+export { default as IsUsernameEmailTaken } from "./IsUsernameEmailTaken";
+export { default as PasswordsMatch } from "./PasswordsMatch";
+export { default as FromInstinctHub } from "./FromInstinctHub";
+export { default as LoginForm } from "./LoginForm";
+export { default as ReactClientProviders } from "./ReactClientProviders";
 export { default as useClientSide } from "./useClientSide";
 export { default as useFormattedDate } from "./useFormattedDate";
 export { default as useStableRandom } from "./useStableRandom";

package/dist/src/types/components/forms/CheckBoxes.d.ts

@@ -1,15 +1,42 @@
+import React from "react";
 interface Option {
     id: string | number;
-    title?: string;
+    title: string;
     status?: boolean;
     [key: string]: any;
 }
 interface CheckBoxesProps {
-    objects: Record<string, Option>;
-    labels: string;
-    names: string;
+    objects: Record<string, Option> | Option[];
+    label: string;
+    name: string;
     key_name?: string;
-    defaultValues?: boolean;
+    selected: Option[];
+    setSelected: (selected: Option[]) => void | React.Dispatch<React.SetStateAction<Option[]>>;
 }
-declare function CheckBoxes(props: CheckBoxesProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * CheckBoxes component for rendering multiple checkbox inputs
+ * @param {CheckBoxesProps} props - The component props
+ * @param {Record<string, Option> | Option[]} props.objects - The objects to display in the checkboxes
+ * @param {string} props.label - The label for the checkboxes
+ * @param {string} props.name - The name of the checkboxes
+ * @param {string} props.key_name - The key name to use for display text (optional, defaults to 'title')
+ * @param {(selected: Option[]) => void | React.Dispatch<React.SetStateAction<Option[]>>} props.setSelected - The function to set the selected options
+ * @param {(string | number)[]} props.defaultIDs - The default IDs of the checkboxes to be checked
+ *
+ * @example
+ * ```tsx
+ * <CheckBoxes
+ *   objects={[
+ *     { id: 1, title: "Option 1" },
+ *     { id: 2, title: "Option 2" },
+ *     { id: 3, title: "Option 3" },
+ *   ]}
+ *   label="Select Options"
+ *   name="options"
+ *   key_name="title"
+ *   defaultIDs={[1, 2]}
+ * />
+ * ```
+ */
+declare function CheckBoxes(props: CheckBoxesProps): import("react/jsx-runtime").JSX.Element;
 export default CheckBoxes;

package/dist/src/types/components/forms/CheckboxesField.d.ts

@@ -9,7 +9,7 @@ interface CheckboxesFieldProps {
     name: string;
     label: string;
     key_name?: string;
-    options: Record<string, Option>;
+    options: Record<string, Option> | Option[];
     defaultValues?: boolean;
     required?: boolean;
     disabled?: boolean;
@@ -21,6 +21,26 @@ interface CheckboxesFieldProps {
 }
 /**
  * A reusable checkbox group component using controlled components pattern
+ * @example
+ * ```tsx
+ * <CheckboxesField
+ *   name="selectName"
+ *   label="Select Label"
+ *   key_name="id"
+ *   options={[
+ *     { id: 1, title: "Option 1" },
+ *     { id: 2, title: "Option 2" },
+ *     { id: 3, title: "Option 3" },
+ *   ]}
+ *   defaultValues={1}
+ *   required={true}
+ *   error="Error message"
+ *   onChange={setValue}
+ *   onBlur={handleBlur}
+ *   fontSize="ihub-fs-sm"
+ * />
+ * ```
+ *
  * @param name The field name
  * @param label The label for the checkbox group
  * @param key_name The key name of the checkbox group (description, name key, etc)
@@ -33,6 +53,9 @@ interface CheckboxesFieldProps {
  * @param onChange Callback when values change
  * @param onBlur Callback when the field loses focus
  * @param fontSize Font size of the checkbox text
+ *
+ * @helper
+ * const categoriesObject = convertArrayToObject(categories);
  */
 declare const CheckboxesField: React.FC<CheckboxesFieldProps>;
 export default CheckboxesField;

package/dist/src/types/components/forms/FileField.d.ts

@@ -2,11 +2,15 @@ import React from "react";
 interface FileFieldProps {
     onChange?: (file: File) => void;
     defaultImageUrl?: string;
-    labels?: string;
-    names?: string;
-    requireds?: boolean;
-    dataNames?: string;
+    label?: string;
+    name?: string;
+    required?: boolean;
+    dataName?: string;
     maxLimit?: number;
+    id?: string;
+    className?: string;
+    acceptedTypes?: string;
+    helperText?: string;
 }
 declare const FileField: React.FC<FileFieldProps>;
 export default FileField;

package/dist/src/types/components/forms/FilterArray.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 interface FilterArrayProps {
-    options: string[];
+    options: string[] | [];
     defaultValue?: string;
     notUpperCase?: boolean;
     name: string;
@@ -14,6 +14,7 @@ interface FilterArrayProps {
     arrayProps?: any[];
     dataName?: string;
     notes?: string | null;
+    error?: string;
 }
 /**
  * FilterArray component
@@ -22,7 +23,7 @@ interface FilterArrayProps {
  * <FilterArray
  *   options={["Option 1", "Option 2", "Option 3"]}
  *   names="selectName"
- *   labels="Select Label"
+ *   label="Select Label"
  * />
  * @param {FilterArrayProps} props - The component props
  * @param {string[]} props.options - The options to display in the dropdown
@@ -31,6 +32,15 @@ interface FilterArrayProps {
  * @param {string} props.name - The name of the dropdown
  * @param {string} props.label - The label of the dropdown
  * @param {string} props.notes - The notes of the dropdown
+ * @param {(value: string) => void} props.setValue - The callback function to set the selected value
+ * @param {(name: string | null, value: string) => void} props.setNameValue - The callback function to set the name and value
+ * @param {any[]} props.arrayProps - The array of props to set
+ * @param {string} props.dataName - The name of the data
+ * @param {string} props.defaultWidth - The default width of the dropdown
+ * @param {boolean} props.required - Whether the dropdown is required
+ * @param {boolean} props.err - Whether the dropdown has an error
+ * @param {(arrayProps: any[], option: string) => void} props.setArrayProps - The callback function to set the array props
+ * @param {string} props.error - The error message to display
  * @returns {React.ReactElement} The FilterArray component
  */
 declare const FilterArray: React.FC<FilterArrayProps>;

package/dist/src/types/components/forms/FilterObjects.d.ts

@@ -1,6 +1,6 @@
 import { FilterObjectsType } from "src/types";
 interface FilterObjectsProps {
-    options: FilterObjectsType[];
+    options: FilterObjectsType[] | [];
     defaultValue?: FilterObjectsType | string | number;
     name: string;
     label?: string;
@@ -17,6 +17,7 @@ interface FilterObjectsProps {
     setObjects?: (option: FilterObjectsType) => void;
     status?: number;
     upperCases?: boolean;
+    error?: string;
 }
 /**
  * FilterOnject dropdown
@@ -30,7 +31,7 @@ interface FilterObjectsProps {
  *     { id: 2, title: "Option 2" },
  *     { id: 3, title: "Option 3" },
  *   ]}
- *   defaultValues={1}
+ *   defaultValue={1}
  *   name="filterObjects"
  *   label="Filter Objects"
  *   setValue={setValue}
@@ -43,14 +44,21 @@ interface FilterObjectsProps {
  * ```
  * Props interface for the FilterObjects component
  * @property {FilterObjectsType[]} options - Array of objects to filter
- * @property {string} defaultValues - Default value for the dropdown
+ * @property {string} defaultValue - Default value for the dropdown
  * @property {string} name - Name of the input field
  * @property {string} label - Label for the dropdown
  * @property {(option: FilterObjectsType) => void} setValue - Callback for setting selected values
  * @property {(option: FilterObjectsType) => void} setObjects - Callback for setting objects
+ * @property {string}: defaultWidth - Default width of the dropdown
+ * @property {boolean} required - Whether the dropdown is required
+ * @property {boolean} err - Whether the dropdown has an error
+ * @property {(arrayProps: any[], option: FilterObjectsType) => void} setArrayProps - Callback for setting array props
  * @property {any[]} arrayProps - Array of objects to set
  * @property {string} dataName - Name of the data
  * @property {string} setCookies - Cookie name to set
+ * @property {boolean} upperCases - Whether to convert the selected value to uppercase
+ * @property {number} status - Status of the field
+ * @property {string} error - Error message to display
  */
 declare const FilterObjects: (props: FilterObjectsProps) => import("react/jsx-runtime").JSX.Element;
 export default FilterObjects;

package/dist/src/types/components/forms/SearchField.d.ts

@@ -2,6 +2,22 @@ import React from "react";
 interface SearchFieldProps {
     labels?: string;
     setSearchValues?: (value: string) => void;
+    delay?: number;
+    className?: string;
+    name?: string;
 }
+/**
+ *
+ * @example
+ * ```tsx
+ * <SearchField labels="Search" setSearchValues={setSearchValues} />
+ * ```
+ * @param labels - Label text for the search field
+ * @param setSearchValues - Function to update search values
+ * @param delay - Debounce delay for search input
+ * @param className - Additional class name
+ * @param name - Name attribute for the input field
+ * @returns
+ */
 declare const SearchField: React.FC<SearchFieldProps>;
 export default SearchField;

package/dist/src/types/components/forms/TextArea.d.ts

@@ -2,11 +2,17 @@ import React from "react";
 interface TextAreaProps {
     name: string;
     label: string;
+    required?: boolean;
+    disabled?: boolean;
     rows?: number;
     defaultValue?: string;
     placeholder?: string;
+    clasName?: string;
     maxLength?: number | string;
     note?: string;
+    error?: string;
+    helperText?: string;
+    id?: string;
     setValue?: (value: string) => void;
     onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
 }
@@ -24,11 +30,17 @@ interface TextAreaProps {
  * Props interface for the TextArea component
  * @property {string} name - The name of the TextArea
  * @property {string} label - The label of the TextArea
+ * @property {boolean} [required] - Whether the TextArea is required
+ * @property {boolean} [disabled] - Whether the TextArea is disabled
  * @property {number} rows - The number of rows of the TextArea
  * @property {string} defaultValue - The default value of the TextArea
  * @property {string} placeholder - The placeholder of the TextArea
+ * @property {string} [clasName] - The class name of the TextArea
  * @property {number | string} maxLength - The max length of the TextArea
  * @property {string} note - The note of the TextArea
+ * @property {string} error - The error message of the TextArea
+ * @property {string} helperText - The helper text of the TextArea
+ * @property {string} id - The id of the TextArea
  * @property {(value: string) => void} setValue - The function to set the value of the TextArea
  * @property {(e: React.ChangeEvent<HTMLTextAreaElement>) => void} onChange - The function to handle the change of the TextArea
  * @returns {React.ReactElement} The TextArea component

package/dist/src/types/components/forms/index.d.ts

@@ -0,0 +1,49 @@
+export { default as ActionDropdown } from "./ActionDropdown";
+export { default as AnimatedBox } from "./AnimatedBox";
+export { default as PasswordField } from "./PasswordField";
+export { default as DateInput } from "./DateInput";
+export { default as DateTimeInput } from "./DateTimeInput";
+export { default as DropFile } from "./DropFile";
+export { default as EmailList } from "./EmailList";
+export { default as FilterArray } from "./FilterArray";
+export { default as FilterBy } from "./FilterBy";
+export { default as FilterObjects } from "./FilterObjects";
+export { default as FormError } from "./FormError";
+export { default as HandleError } from "./HandleError";
+export { default as Logout } from "./Logout";
+export { default as MessageDisplay } from "./MessageDisplay";
+export { default as MultipleEmail } from "./MultipleEmail";
+export { default as PageLoading } from "./PageLoading";
+export { default as ReadTermsAndCondition } from "./ReadTermsAndCondition";
+export { default as SearchField } from "./SearchField";
+export { default as SearchFieldDB } from "./SearchFieldDB";
+export { default as StepProgressBar } from "./StepProgressBar";
+export { default as SubmitButton } from "./SubmitButton";
+export { default as Tables } from "./Tables";
+export { default as TextArea } from "./TextArea";
+export { default as TextField } from "./TextField";
+export { default as Tooltip } from "./Tooltip";
+export { default as UnsplashRandomImage } from "./UnsplashRandomImage";
+export { default as DownloadAsExcel } from "./DownloadAsExcel";
+export { default as THeadSortBtn } from "./THeadSortBtn";
+export { default as THeadSortList } from "./THeadSortList";
+export { default as TBodyNoData } from "./TBodyNoData";
+export { default as ActionCallbackDropdown } from "./ActionCallbackDropdown";
+export { default as InputNumber } from "./InputNumber";
+export { default as InputText } from "./InputText";
+export { default as InputTextarea } from "./InputTextarea";
+export { default as SearchObjectsFromDB } from "./SearchObjectsFromDB";
+export { default as ToggleButton } from "./ToggleButton";
+export { default as CheckboxesField } from "./CheckboxesField";
+export { default as DateInputPicker } from "./DateInputPicker";
+export { default as ChipsInput } from "./ChipsInput";
+export { default as RadioButton } from "./radio-btn/RadioButton";
+export { default as RadioGroup } from "./radio-btn/RadioGroup";
+export { default as InputAmount } from "./InputAmount";
+export { default as FileField } from "./FileField";
+export { default as PhoneNumberInput } from "./PhoneNumberInput";
+export { default as RadioField } from "./RadioField";
+export { default as RadioSimple } from "./RadioSimple";
+export { default as ReactTimeAgo } from "./ReactTimeAgo";
+export { default as FileUploader } from "./uploads/FileUploader";
+export { default as IhubFileUploader } from "./uploads/IhubFileUploader";

package/dist/src/types/components/lib/auth/dbRequestst.d.ts

@@ -1,4 +1,5 @@
 interface RequestParams {
+    host_url?: string;
     path: string;
     data?: any;
     token?: string | null;
@@ -13,6 +14,7 @@ interface RequestParams {
  * const data = await getData({ path: "/api/data", token: "your_token" });
  * ```
  * @param params Request parameters
+ * @param params.host_url The host url to use for the request (optional)
  * @param params.path The path to the API endpoint (required) eg. "sis/${handle}/student/"
  * @param params.token The token to use for the request (optional)
  * @param params.method The method to use for the request (optional)

package/dist/src/types/components/lib/convertArrayToObject.d.ts

@@ -0,0 +1,30 @@
+type Category = {
+    id: string;
+    title: string;
+    status: boolean;
+};
+type CategoriesObject = {
+    [key: string]: Category;
+};
+/**
+ * Converts an array of category objects into an object
+ * where each key is the `id` of the category.
+ * @example
+ * ```ts
+ * const categories = [
+ *   { id: "1", title: "Category 1", status: true },
+ *   { id: "2", title: "Category 2", status: false },
+ * ];
+ * const categoriesObject = convertArrayToObject(categories);
+ * console.log(categoriesObject);
+ * // Output:
+ * {
+ *   "1": { id: "1", title: "Category 1", status: true },
+ *   "2": { id: "2", title: "Category 2", status: false },
+ * }
+ * ```
+ * @param arr - Array of Category items
+ * @returns An object with category ids as keys and category objects as values
+ */
+export default function convertArrayToObject(arr: Category[]): CategoriesObject;
+export {};

package/dist/src/types/components/lib/helpFunction.d.ts

@@ -218,6 +218,10 @@ export declare function getNestedValue(row: any, accessor: string): any;
  * @param channel Channel ID string or null
  * @param auth_sk Use auth secret boolean (true, false)
  * @returns Request options object
+ *
+ * Set environment
+ * NEXT_PUBLIC_INSTINCTHUB_SK_KEY="Your secret key name"
+ * NEXT_PUBLIC_INSTINCTHUB_AUTH_SECRET="Your seceret key"
  */
 export declare const reqOptions: (method: string, data?: BodyInit | FormData | null, token?: string | null, content_type?: "json" | "form-data" | null | false, channel?: string | null, auth_sk?: boolean) => RequestOptions;
 /**

package/dist/src/types/components/lib/index.d.ts

@@ -1,4 +1,3 @@
-export * from "./auth/actions";
 export * from "./auth/dbRequestst";
 export * from "./roles";
 export * from "./json/accounts";
@@ -6,12 +5,13 @@ export * from "./json/countryNigeria";
 export * from "./json/countryObjects";
 export * from "./json/educationLevels";
 export * from "./json/unsplashDefaultObject";
-export * from "./createSubscription";
-export * from "./elementIsVisibleInViewport";
-export * from "./fileToBase64";
+export { default as createSubscription } from "./createSubscription";
+export { default as elementIsVisibleInViewport } from "./elementIsVisibleInViewport";
+export { default as handleFormErrors } from "./formError";
+export { default as fileToBase64 } from "./fileToBase64";
+export { default as getPriceObjects } from "./getPriceObjects";
+export { default as convertArrayToObject } from "./convertArrayToObject";
 export * from "./format";
-export * from "./formError";
-export * from "./getPriceObjects";
 export * from "./helpFunction";
 export * from "./loadScript";
 export * from "./oauth_json";

package/dist/src/types/components/lib/modals/modals.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 type StatusCode = 200 | 201 | 400 | 500 | number;
 declare global {
     interface Window {
@@ -9,6 +10,6 @@ declare global {
     }
 }
 export declare const openConfirmModal: (message: string, flag?: boolean) => Promise<boolean>;
-export declare const openToast: (message?: string, status?: StatusCode) => void;
+export declare const openToast: (message?: React.ReactDOM | string, status?: StatusCode) => void;
 export declare const getUserEmailInputModal: (title: string) => Promise<string | undefined>;
 export {};

package/dist/src/types/components/lib/permissions.d.ts

@@ -1,4 +1,4 @@
-import { NextApiRequest } from 'next';
+import { NextApiRequest } from "next";
 interface Session {
     user: {
         name: {
@@ -19,4 +19,15 @@ export declare const headerUsernamePermission: (session: Session | null, req: Ne
  * @returns Promise<boolean> - True if the request has a valid header
  */
 export declare const headerKeyPermission: (req: NextApiRequest) => Promise<boolean>;
+/**
+ * Finds a permission in an array of permissions
+ * @example
+ * ```ts
+ * findPermissions(REGISTRAR_PERMISSION, instructorType)
+ * ```
+ * @param permission - Array of permissions
+ * @param option - Permission to find
+ * @returns string | undefined - Permission if found, undefined if not found
+ */
+export declare const findPermissions: (permission: string[], option: string) => string | undefined;
 export {};

package/dist/src/types/components/lib/redux/rootReducer.d.ts

@@ -1,4 +1,6 @@
 export declare const reducer: {
+    objectSlice: import("redux").Reducer<import("./slices/generics/objectSlice").ObjectState, import("redux").UnknownAction, import("./slices/generics/objectSlice").ObjectState>;
+    arraySlice: import("redux").Reducer<import("./slices/generics/arraySlice").ArrayState<any>, import("redux").UnknownAction, import("./slices/generics/arraySlice").ArrayState<any>>;
     subjects: import("redux").Reducer<import("../../../types/redux").courseFilterSubjectSliceState, import("redux").UnknownAction, import("../../../types/redux").courseFilterSubjectSliceState>;
     levels: import("redux").Reducer<import("../../../types/redux").courseFilterLevelSliceState, import("redux").UnknownAction, import("../../../types/redux").courseFilterLevelSliceState>;
     durations: import("redux").Reducer<import("../../../types/redux").courseFilterDurationSliceState, import("redux").UnknownAction, import("../../../types/redux").courseFilterDurationSliceState>;

package/dist/src/types/components/lib/redux/slices/generics/arraySlice.d.ts

@@ -0,0 +1,20 @@
+import { type PayloadAction } from "@reduxjs/toolkit";
+interface ArrayState<T = any> {
+    value: T[];
+    status: "idle" | "loading" | "failed";
+}
+export declare const arraySlice: import("@reduxjs/toolkit").Slice<ArrayState<any>, {
+    setArray(state: import("immer").WritableDraft<ArrayState<any>>, action: PayloadAction<any[]>): void;
+    addToArray(state: import("immer").WritableDraft<ArrayState<any>>, action: PayloadAction<any>): void;
+    removeFromArray(state: import("immer").WritableDraft<ArrayState<any>>, action: PayloadAction<number>): void;
+    clearArray(state: import("immer").WritableDraft<ArrayState<any>>): void;
+    updateInArray(state: import("immer").WritableDraft<ArrayState<any>>, action: PayloadAction<{
+        index: number;
+        value: any;
+    }>): void;
+}, "array", "array", import("@reduxjs/toolkit").SliceSelectors<ArrayState<any>>>;
+export declare const setArray: import("@reduxjs/toolkit").ActionCreatorWithPayload<any[], "array/setArray">, addToArray: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "array/addToArray">, removeFromArray: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "array/removeFromArray">, clearArray: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"array/clearArray">, updateInArray: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    index: number;
+    value: any;
+}, "array/updateInArray">;
+export type { ArrayState };

package/dist/src/types/components/lib/redux/slices/generics/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./objectSlice";
+export * from "./arraySlice";

package/dist/src/types/components/lib/redux/slices/generics/objectSlice.d.ts

@@ -0,0 +1,12 @@
+import { type PayloadAction } from "@reduxjs/toolkit";
+interface ObjectState {
+    value: Record<string, any>;
+    status: "idle" | "loading" | "failed";
+}
+export declare const objectSlice: import("@reduxjs/toolkit").Slice<ObjectState, {
+    setObject(state: import("immer").WritableDraft<ObjectState>, action: PayloadAction<Record<string, any>>): void;
+    updateObject(state: import("immer").WritableDraft<ObjectState>, action: PayloadAction<Partial<Record<string, any>>>): void;
+    clearObject(state: import("immer").WritableDraft<ObjectState>): void;
+}, "object", "object", import("@reduxjs/toolkit").SliceSelectors<ObjectState>>;
+export declare const setObject: import("@reduxjs/toolkit").ActionCreatorWithPayload<Record<string, any>, "object/setObject">, updateObject: import("@reduxjs/toolkit").ActionCreatorWithPayload<Partial<Record<string, any>>, "object/updateObject">, clearObject: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"object/clearObject">;
+export type { ObjectState };

package/dist/src/types/components/lib/redux/slices/generics/selectors.d.ts

@@ -0,0 +1,3 @@
+import { ReduxState } from "../../store";
+export declare const selectObjectSlice: (state: ReduxState) => Record<string, any>;
+export declare const selectArraySlice: (state: ReduxState) => any[];

package/dist/src/types/components/lib/redux/slices/index.d.ts

@@ -1,3 +1,5 @@
 export * from "./courseSlice";
 export * from "./navigationSlice";
 export * from "./channelSlice";
+export * from "./generics";
+export * from "./selectors";

package/dist/src/types/components/lib/redux/slices/selectors.d.ts

@@ -0,0 +1,5 @@
+export * from "./authSlice/selectors";
+export * from "./courseSlice/selectors";
+export * from "./channelSlice/selectors";
+export * from "./generics/selectors";
+export * from "./navigationSlice/selectors";

package/dist/src/types/components/lib/redux/store.d.ts

@@ -2,6 +2,8 @@ import { type ConfigureStoreOptions, type ThunkAction, type Action } from '@redu
 import { type TypedUseSelectorHook } from 'react-redux';
 export declare const makeReduxStore: (options?: ConfigureStoreOptions) => import("redux").Store<any, import("redux").UnknownAction, unknown>;
 export declare const reduxStore: import("@reduxjs/toolkit").EnhancedStore<{
+    objectSlice: import("./slices/generics/objectSlice").ObjectState;
+    arraySlice: import("./slices/generics/arraySlice").ArrayState<any>;
     subjects: import("../../../types/redux").courseFilterSubjectSliceState;
     levels: import("../../../types/redux").courseFilterLevelSliceState;
     durations: import("../../../types/redux").courseFilterDurationSliceState;
@@ -26,6 +28,8 @@ export declare const reduxStore: import("@reduxjs/toolkit").EnhancedStore<{
     channelHandle: import("./slices").channelHandleSliceState;
 }, import("redux").UnknownAction, import("@reduxjs/toolkit").Tuple<[import("redux").StoreEnhancer<{
     dispatch: import("redux-thunk").ThunkDispatch<{
+        objectSlice: import("./slices/generics/objectSlice").ObjectState;
+        arraySlice: import("./slices/generics/arraySlice").ArrayState<any>;
         subjects: import("../../../types/redux").courseFilterSubjectSliceState;
         levels: import("../../../types/redux").courseFilterLevelSliceState;
         durations: import("../../../types/redux").courseFilterDurationSliceState;
@@ -51,6 +55,8 @@ export declare const reduxStore: import("@reduxjs/toolkit").EnhancedStore<{
     }, undefined, import("redux").UnknownAction>;
 }, {}>, import("redux").StoreEnhancer<{}, {}>]>>;
 export declare const useDispatch: () => import("redux-thunk").ThunkDispatch<{
+    objectSlice: import("./slices/generics/objectSlice").ObjectState;
+    arraySlice: import("./slices/generics/arraySlice").ArrayState<any>;
     subjects: import("../../../types/redux").courseFilterSubjectSliceState;
     levels: import("../../../types/redux").courseFilterLevelSliceState;
     durations: import("../../../types/redux").courseFilterDurationSliceState;

package/dist/src/types/components/navbar/index.d.ts

@@ -0,0 +1,5 @@
+export { default as ChannelListAvatar } from "./ChannelListAvatar";
+export { default as MenuDropdown } from "./MenuDropdown";
+export { default as Breadcrumb } from "./Breadcrumb";
+export { default as ResponsiveNavbar } from "./ResponsiveNavbar";
+export { default as SideNavbar } from "./SideNavbar";