@instincthub/react-ui 0.0.5 → 0.0.6

package/dist/src/types/components/status/MultiPurposeModal.d.ts

@@ -14,6 +14,17 @@ interface MultiPurposeModalProps {
     disableScroll?: boolean;
     handleSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;
     removeForm?: boolean;
+    /**
+     * Controls whether the modal should force re-render when children change
+     * @default true
+     * Set to false when using forms or components that manage their own state
+     */
+    enableContentRefresh?: boolean;
+    /**
+     * Preserves scroll position when content refreshes (only works when enableContentRefresh is true)
+     * @default true
+     */
+    preserveScrollPosition?: boolean;
 }
 /**
  * A multipurpose modal component for InstinctHub applications
@@ -21,20 +32,24 @@ interface MultiPurposeModalProps {
  * @component
  * @example
  * ```tsx
+ * // For forms - disable content refresh to prevent scroll jumping
  * <MultiPurposeModal
  *   isOpen={isOpen}
  *   onClose={onClose}
- *   title="Some Title"
- *   size="medium"
- *   showFooter={true}
- *   footerContent={<div>Some Footer Content</div>}
- *   showCloseButton={true}
- *   closeOnOverlayClick={true}
- *   className="ihub-modal-class"
- *   disableScroll={true}
- *   handleSubmit={handleSubmit}
+ *   title="User Form"
+ *   enableContentRefresh={false}
  * >
- *   <div>Some Content</div>
+ *   <UserForm />
+ * </MultiPurposeModal>
+ *
+ * // For dynamic content - enable content refresh (default behavior)
+ * <MultiPurposeModal
+ *   isOpen={isOpen}
+ *   onClose={onClose}
+ *   title="Dynamic Content"
+ *   enableContentRefresh={true}
+ * >
+ *   {dynamicContent}
  * </MultiPurposeModal>
  * ```
  *
@@ -52,6 +67,8 @@ interface MultiPurposeModalProps {
  * @param disableScroll Whether to disable body scrolling when modal is open
  * @param handleSubmit Function to call when the modal is submitted
  * @param removeForm Whether to remove the default form element
+ * @param enableContentRefresh Whether to force re-render when children change (default: true)
+ * @param preserveScrollPosition Whether to maintain scroll position during refreshes (default: true)
  */
 declare const MultiPurposeModal: React.FC<MultiPurposeModalProps>;
 export default MultiPurposeModal;

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

@@ -0,0 +1,11 @@
+export { default as TimeTracker } from "./ReactTimeTracker";
+export { default as SessionHandleProvider } from "./SessionHandleProvider";
+export { default as Error500 } from "./Error500";
+export { default as ErrorState } from "./ErrorState";
+export { default as ReactTimeTracker } from "./ReactTimeTracker";
+export { default as DeleteConfirmationModal } from "./DeleteConfirmationModal";
+export { default as CopyToClipboard } from "./CopyToClipBoard";
+export { default as MultiPurposeModal } from "./MultiPurposeModal";
+export { default as ModalExamples } from "./ModalExamples";
+export { default as NotFound } from "./NotFound";
+export { default as Unauthorized } from "./Unauthorized";

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

@@ -0,0 +1,3 @@
+export { default as Tabs } from "./Tabs";
+export { default as VerticalTabs } from "./VerticalTabs";
+export { default as TabContent } from "./TabContent";

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

@@ -0,0 +1,6 @@
+export { default as ChangeStyleVariable } from "./ChangeStyleVariable";
+export { default as DarkModeProvider } from "./DarkModeProvider";
+export { default as LoadingAnimate } from "./LoadingAnimate";
+export { default as SessionProviders } from "./SessionProviders";
+export { default as SessionExpiresLogout } from "./signout/SessionExpiresLogout";
+export { default as SignOutSession } from "./signout/SignOutSession";

package/dist/src/types/components/ui/create-button/CreateButton.d.ts

@@ -0,0 +1,54 @@
+import React from "react";
+interface CreateButtonProps {
+    /** Text to display on the button */
+    label?: string;
+    /** Search parameter key-value to add to URL */
+    searchParam?: {
+        key: string;
+        value: string;
+    };
+    /** Fallback function when no searchParam is provided */
+    onClick?: () => void;
+    /** Button variant style */
+    variant?: "primary" | "outlined" | "important" | "danger";
+    /** Whether the button is disabled */
+    disabled?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Button size */
+    size?: "small" | "medium" | "large";
+    /** Show loading state */
+    loading?: boolean;
+    /** Icon to display before text */
+    icon?: React.ReactNode;
+    /** Whether to show animation effects */
+    animated?: boolean;
+    /** Additional HTML button attributes */
+    buttonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+}
+/**
+ * Modern create button component with URL search parameter support
+ * @example
+ * ```tsx
+ * <CreateButton
+ *   label="Create Course"
+ *   searchParam={{ key: "create", value: "course" }}
+ *   variant="important"
+ *   animated={true}
+ * />
+ * @param props - Component props
+ * @param props.label - Button text
+ * @param props.searchParam - Search parameter to add to URL
+ * @param props.onClick - Callback function for click events
+ * @param props.variant - Button variant style
+ * @param props.disabled - Disable the button
+ * @param props.className - Additional CSS class name
+ * @param props.size - Button size
+ * @param props.loading - Loading state
+ * @param props.icon - Icon to display before text
+ * @param props.animated - Animated button spinner
+ * @param props.buttonProps - Additional button props
+ * @returns JSX.Element
+ */
+declare const CreateButton: React.FC<CreateButtonProps>;
+export default CreateButton;

package/dist/src/types/components/ui/create-button/CreateButtonExample.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const CreateButtonExample: React.FC;
+export default CreateButtonExample;

package/dist/src/types/components/ui/editor/CustomTextEditor.d.ts

@@ -2,14 +2,15 @@ interface TextEditorProps {
     label?: string;
     name?: string;
     note?: string;
-    onChange: (html: string) => void;
+    onChange?: (html: string) => void;
     setIsEditing?: (html: boolean) => void;
     isEditing?: boolean;
-    content: string;
+    content?: string;
     charLimit?: number;
     placeholder?: string;
     lastUpdated?: string;
     showPreviewBtn?: boolean;
+    required?: boolean;
 }
 /**
  * CustomTextEditor is a component that allows you to create a text editor with a menu bar and a preview button.
@@ -34,8 +35,11 @@ interface TextEditorProps {
  * @param {string} props.placeholder - The placeholder for the editor.
  * @param {string} props.lastUpdated - The last updated date for the editor.
  * @param {boolean} props.showPreviewBtn - Whether to show the preview button.
+ * @param {string} props.note - The note to display below the editor.
+ * @param {function} props.setIsEditing - Function to set the editing state.
+ * @param {boolean} props.required - Whether the editor is required.
  * @returns {React.ReactNode} The CustomTextEditor component.
  *
  */
-export default function CustomTextEditor({ label, name, note, onChange, setIsEditing, content, isEditing, charLimit, placeholder, lastUpdated, showPreviewBtn, }: TextEditorProps): import("react/jsx-runtime").JSX.Element;
+export default function CustomTextEditor({ label, name, note, onChange, setIsEditing, content, isEditing, charLimit, placeholder, lastUpdated, showPreviewBtn, required, }: TextEditorProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,16 @@
+export { default as CustomTextEditor } from "./editor/CustomTextEditor";
+export { default as ContentViewer } from "./viewer/ContentViewer";
+export { default as ContentViewOrEdit } from "./viewer/ContentViewOrEdit";
+export { default as CodeDisplay } from "./viewer/CodeDisplay";
+export { default as IHubTable } from "./tables/IHubTable";
+export { default as IHubTableServer } from "./tables/IHubTableServer";
+export { default as OrDivider } from "./OrDivider";
+export { default as RandomGradientImage } from "./images/RandomGradientImage";
+export { default as Dialog } from "./dialogs/Dialog";
+export { default as Badge } from "./Badge";
+export { default as Action } from "./Action";
+export { default as Dropdown } from "./Dropdown";
+export { default as ColorPicker } from "./ColorPicker";
+export { default as ComponentLists } from "./ComponentLists";
+export * from "./cards";
+export * from "./charts";

package/dist/src/types/components/ui/pagination/Pagination.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { PaginationPropsType } from "@/types";
+/**
+ * Enhanced Pagination Component with API Integration
+ * Handles pagination, search, and filtering with automatic API calls
+ */
+declare const Pagination: React.FC<PaginationPropsType>;
+export default Pagination;

package/dist/src/types/components/ui/pagination/PaginationDemo.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const PaginationDemo: React.FC;
+export default PaginationDemo;

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

@@ -44,12 +44,14 @@ export { default as InputText } from "./components/forms/InputText";
 export { default as InputTextarea } from "./components/forms/InputTextarea";
 export { default as SearchObjectsFromDB } from "./components/forms/SearchObjectsFromDB";
 export { default as ToggleButton } from "./components/forms/ToggleButton";
-export { default as CheckboxesField } from "./components/forms/CheckboxesField";
+export { default as CheckBoxesField } from "./components/forms/CheckboxesField";
+export { default as CheckBoxes } from "./components/forms/CheckBoxes";
 export { default as DateInputPicker } from "./components/forms/DateInputPicker";
 export { default as ChipsInput } from "./components/forms/ChipsInput";
 export { default as RadioButton } from "./components/forms/radio-btn/RadioButton";
 export { default as RadioGroup } from "./components/forms/radio-btn/RadioGroup";
 export { default as InputAmount } from "./components/forms/InputAmount";
+export { default as FileField } from "./components/forms/FileField";
 export { default as ChannelListAvatar } from "./components/navbar/ChannelListAvatar";
 export { default as MenuDropdown } from "./components/navbar/MenuDropdown";
 export { default as Breadcrumb } from "./components/navbar/Breadcrumb";
@@ -65,11 +67,16 @@ export { default as IHubTable } from "./components/ui/tables/IHubTable";
 export { default as IHubTableServer } from "./components/ui/tables/IHubTableServer";
 export { default as OrDivider } from "./components/ui/OrDivider";
 export { default as RandomGradientImage } from "./components/ui/images/RandomGradientImage";
+export { default as ComponentLists } from "./components/ui/ComponentLists";
+export { default as Action } from "./components/ui/Action";
 export { default as Dialog } from "./components/ui/dialogs/Dialog";
 export { default as Badge } from "./components/ui/Badge";
-export { default as Action } from "./components/ui/Action";
 export { default as Dropdown } from "./components/ui/Dropdown";
 export { default as ColorPicker } from "./components/ui/ColorPicker";
+export { default as Pagination } from "./components/ui/pagination/Pagination";
+export { default as PaginationDemo } from "./components/ui/pagination/PaginationDemo";
+export { default as CreateButton } from "./components/ui/create-button/CreateButton";
+export { default as CreateButtonExample } from "./components/ui/create-button/CreateButtonExample";
 export * from "./components/ui/cards";
 export * from "./components/ui/charts";
 export { default as ChangeStyleVariable } from "./components/theme/ChangeStyleVariable";
@@ -92,4 +99,3 @@ export { default as Unauthorized } from "./components/status/Unauthorized";
 export { default as Tabs } from "./components/tabs/Tabs";
 export { default as VerticalTabs } from "./components/tabs/VerticalTabs";
 export { default as TabContent } from "./components/tabs/TabContent";
-export { default as ComponentLists } from "./components/ComponentLists";

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

@@ -247,6 +247,8 @@ export interface LoginFormPropsType {
     endpointPath?: string;
     verificationPath?: string;
     redirectPath?: string;
+    hideResetPassword?: boolean;
+    hideSignup?: boolean;
     type?: string | "sis" | "skills" | "lms" | "crm" | "ecommerce" | "inventory" | "hr";
 }
 export interface DropdownOptionType {
@@ -348,16 +350,16 @@ export interface PaystackConfigObjectType {
     metadata?: PaystackMetadataType;
 }
 export interface PaystackConfigType {
-    authorization_code?: string;
-    reference: string;
     email: string;
     first_name: string;
     last_name: string;
     currency: string;
     amount: number;
-    publicKey: string | undefined;
-    key: string | undefined;
-    callback_url: string;
+    reference?: string;
+    authorization_code?: string;
+    publicKey?: string | undefined;
+    key?: string | undefined;
+    callback_url?: string;
     metadata?: PaystackMetadataType;
 }
 export interface PaystackResponseType {
@@ -419,3 +421,33 @@ export interface PaymentReferenceType {
     redirecturl?: string;
     [key: string]: any;
 }
+export interface PaginationData {
+    count: number;
+    next: string | null;
+    previous: string | null;
+    results: any[];
+}
+export interface PaginationPropsType {
+    /** Current offset value from URL params */
+    offset: string | number;
+    /** Pagination data from API response */
+    data: PaginationData;
+    /** Number of items per page */
+    limit: number;
+    /** API endpoint path */
+    urlPath: string;
+    /** Function to update data state */
+    setData: React.Dispatch<React.SetStateAction<any>>;
+    /** Authentication token */
+    token?: string | null;
+    /** Current tab filter value */
+    tabsValues?: string;
+    /** Current search query */
+    searchValues?: string;
+    /** Maximum number of page buttons to show */
+    rangeLimit?: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** Whether to show first/last buttons */
+    showFirstLast?: boolean;
+}

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

@@ -39,6 +39,7 @@ export interface NavLinkItem extends NavItemBase {
     isExternal?: boolean;
     /** Access control - function to determine if user has access */
     hasAccess?: () => boolean;
+    children?: NavItemType[];
 }
 /**
  * Navigation group with submenu items