@instincthub/react-ui 0.0.1 → 0.0.3

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

@@ -0,0 +1,165 @@
+/**
+ * Application credential field definitions
+ */
+export interface CredentialField {
+    label: string;
+    type: string;
+    placeholder?: string;
+}
+export interface CredentialsType {
+    username: CredentialField;
+    password: CredentialField;
+    first_name: CredentialField;
+    last_name: CredentialField;
+    mobile: CredentialField;
+    date_of_birth: CredentialField;
+    password2: CredentialField;
+    coupon: CredentialField;
+    name: CredentialField;
+    channel: CredentialField;
+    company_size: CredentialField;
+    description: CredentialField;
+    industry: CredentialField;
+}
+export declare const CREDENTIALS: CredentialsType;
+/**
+ * Company size options
+ */
+export declare const COMPANY_SIZES_CHOICES: string[];
+/**
+ * Academic program levels
+ */
+export declare const PROGRAM_LEVELS: string[];
+/**
+ * Industry categories
+ */
+export declare const INDUSTRIES: string[];
+/**
+ * Data for gauge chart visualization
+ */
+export interface GaugeDataItem {
+    rating: number;
+    level: number;
+}
+export declare const gaugeData: GaugeDataItem[];
+/**
+ * Scoreboard duration filter options
+ */
+export interface ScoreboardDuration {
+    id: number;
+    title: string;
+}
+export declare const SCOREBOARD_DURATION: ScoreboardDuration[];
+/**
+ * Currency symbols for different currencies
+ */
+export declare const CURRENCY_SYMBOL: Record<string, string>;
+/**
+ * User role permission levels
+ */
+export declare const ADMIN_PERMISSION: string[];
+export declare const REGISTRAR_PERMISSION: string[];
+export declare const SUPER_PERMISSION: string[];
+/**
+ * Content type options for course materials
+ */
+export interface ContentTypeOption {
+    label: string;
+    value: string;
+    icon: string;
+    item: Record<string, any>;
+}
+export declare const CONTENT_TYPE_OPTIONS: ContentTypeOption[];
+/**
+ * Duration filter options
+ */
+export interface DurationFilter {
+    title: string;
+    id: number;
+}
+export declare const DURATION_FILTERS: DurationFilter[];
+/**
+ * Skill level categories
+ */
+export type SkillLevel = "EXPLORER" | "BEGINNER" | "INTERMEDIATE" | "EXPERT";
+export declare const SKILLS_LEVELS: SkillLevel[];
+/**
+ * Course reward options
+ */
+export interface CourseRewardOption {
+    title: string;
+    id: string;
+}
+export declare const COURSE_REWARD_OPTIONS: CourseRewardOption[];
+/**
+ * Privacy setting options
+ */
+export type PrivacyOption = "PRIVATE" | "PUBLIC" | "DRAFT";
+export declare const PRIVACY: PrivacyOption[];
+/**
+ * Subscription tier options
+ */
+export type SubscriptionOption = "Basic" | "Pro" | "Pro+" | "Pro Max";
+export declare const SUBSCRIPTION_OPTION: SubscriptionOption[];
+/**
+ * Student enrollment status options
+ */
+export type StudentStatus = "SHORTLIST" | "DELIST" | "SUSPENDED" | "DISCONTINUED" | "ACTIVE" | "PENDING";
+export declare const STUDENT_STATUS: StudentStatus[];
+/**
+ * Programming language options for code snippets
+ */
+export declare const CODE_LANGUAGES: string[];
+/**
+ * Yes/No options
+ */
+export interface YesNoOption {
+    id: string;
+    title: string;
+}
+export declare const YES_NO: YesNoOption[];
+/**
+ * True/False options
+ */
+export interface TrueFalseOption {
+    id: boolean;
+    title: string;
+}
+export declare const TRUE_FALSE: TrueFalseOption[];
+/**
+ * Video player source options
+ */
+export interface VideoPlayerOption {
+    id: string;
+    title: string;
+    pattern: RegExp;
+}
+export declare const VIDEO_PLAYER_OPTIONS: VideoPlayerOption[];
+/**
+ * SEO keyword description
+ */
+export declare const KEYWORD_DESCRIPTION: string;
+/**
+ * Payment processing options
+ */
+export interface PaymentOption {
+    id: string;
+    title: string;
+}
+export declare const PAYMENT_PROCESSING_OPTIONS: PaymentOption[];
+/**
+ * Nigerian banks and fintech options
+ */
+export interface BankOption {
+    id: string;
+    title: string;
+}
+export declare const NIGERIA_BANKS: BankOption[];
+/**
+ * Application fee type options
+ */
+export interface ApplicationFeeOption {
+    id: string;
+    title: string;
+}
+export declare const APPLICATION_FEE_TYPE_OPTIONS: ApplicationFeeOption[];

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { SessionUser } from "../theme/signout/SessionExpiresLogout";
+interface IPAddressData {
+    ip_address?: string;
+    [key: string]: any;
+}
+interface TimeTrackerProps {
+    channel_username?: string;
+    IPAdress: IPAddressData;
+    session: SessionUser;
+    selectIPAdress: any;
+    useDispatch: any;
+    useSelector: any;
+}
+declare const TimeTracker: React.FC<TimeTrackerProps>;
+export default TimeTracker;

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

@@ -0,0 +1,10 @@
+interface ThemeChangerProps {
+    primaryColor?: string;
+    variables?: Record<string, string>;
+    onComplete?: () => void;
+}
+/**
+ * Changes CSS variables in the document root based on provided colors
+ */
+export default function ChangeStyleVariable({ primaryColor, variables, onComplete, }: ThemeChangerProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+export type Theme = "DarkMode" | "LightMode" | "Device";
+interface DarkModeProviderProps {
+    children: ReactNode;
+    defaultTheme?: Theme;
+    onChange?: (theme: Theme) => void;
+}
+/**
+ * Provider component that manages theme state based on user preference or system settings
+ */
+export default function DarkModeProvider({ children, defaultTheme, onChange, }: DarkModeProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export default function LoadingAnimate(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+interface SessionProvidersProps {
+    children: ReactNode;
+    refetchInterval?: number;
+    refetchOnWindowFocus?: boolean;
+}
+/**
+ * Wraps the Next-Auth SessionProvider with hydration handling
+ */
+export default function SessionProviders({ children, refetchInterval, // 12 hour
+refetchOnWindowFocus, }: SessionProvidersProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/types/components/theme/signout/SessionExpiresLogout.d.ts

@@ -0,0 +1,55 @@
+import React from "react";
+/**
+ * Session data user information
+ */
+export interface SessionUser {
+    name?: {
+        id?: number;
+        uuid?: string;
+        email?: string;
+        username?: string;
+        first_name?: string;
+        last_name?: string;
+        full_name?: string;
+        picture?: string;
+        token?: string;
+        category?: string;
+        channels?: any;
+        [key: string]: any;
+    };
+    track?: boolean;
+    profile_id?: string;
+    verified?: boolean;
+    is_staff?: boolean;
+    status?: number;
+    [key: string]: any;
+}
+/**
+ * Session data structure
+ */
+interface SessionData {
+    expires: string;
+    user?: SessionUser;
+    [key: string]: any;
+}
+/**
+ * Properties for the SessionExpiresLogout component
+ */
+interface SessionExpiresLogoutProps {
+    /** Child components to render when session is valid */
+    children: React.ReactNode;
+    /** Next.js session object */
+    session: SessionData | null;
+    /** Custom message to display when session expires */
+    expiredMessage?: string;
+    /** Whether to disable automatic session validation */
+    disableValidation?: boolean;
+    /** Callback function when session validation fails */
+    onSessionInvalid?: () => void;
+}
+/**
+ * Component that validates session and token expiration
+ * and displays a logout screen when invalid
+ */
+export default function SessionExpiresLogout({ children, session, expiredMessage, disableValidation, onSessionInvalid, }: SessionExpiresLogoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/types/components/theme/signout/SignOutSession.d.ts

@@ -0,0 +1,9 @@
+interface SignOutSessionProps {
+    message?: string;
+    showImage?: boolean;
+}
+/**
+ * SignOutSession component displayed when user's session has expired
+ */
+export default function SignOutSession({ message, showImage, }: SignOutSessionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/types/components/ui/viewer/CodeDisplay.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 interface CodeDisplayProps {
     code: string;
     language: string;
@@ -7,5 +6,5 @@ interface CodeDisplayProps {
     fileName?: string;
     darkMode?: boolean;
 }
-declare const CodeDisplay: React.FC<CodeDisplayProps>;
-export default CodeDisplay;
+export default function CodeDisplay({ code, language, showLineNumbers, wrapLines, fileName, darkMode, }: CodeDisplayProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/types/components/ui/viewer/ContentViewer.d.ts

@@ -3,7 +3,6 @@ interface ContentViewerProps {
     title?: string;
     className?: string;
     editable?: boolean;
-    onEdit?: () => void;
     isEditing: boolean;
     setIsEditing: (html: boolean) => void;
     onContentChange?: (newContent: string) => void;

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

@@ -0,0 +1,3 @@
+import type { S3UploadResponseType } from "./components/forms/uploads/IhubFileUploader";
+export { S3UploadResponseType };
+export declare const __keepIndexTypes = true;

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

@@ -1,9 +1,42 @@
-import ActionDropdown from "./components/forms/ActionDropdown";
-import AnimatedBox from "./components/forms/AnimatedBox";
-import TextField from "./components/forms/TextField";
-import SubmitBtn from "./components/forms/SubmitBtn";
-import CustomTextEditor from "./components/ui/editor/CustomTextEditor";
-import ContentViewer from "./components/ui/viewer/ContentViewer";
-import ContentViewOrEdit from "./components/ui/viewer/ContentViewOrEdit";
-import CodeDisplay from "./components/ui/viewer/CodeDisplay";
-export { ActionDropdown, AnimatedBox, TextField, SubmitBtn, CustomTextEditor, ContentViewer, ContentViewOrEdit, CodeDisplay, };
+export { default as ActionDropdown } from "./components/forms/ActionDropdown";
+export { default as AnimatedBox } from "./components/forms/AnimatedBox";
+export { default as PasswordField } from "./components/forms/PasswordField";
+export { default as DateInput } from "./components/forms/DateInput";
+export { default as DateTimeInput } from "./components/forms/DateTimeInput";
+export { default as DropFile } from "./components/forms/DropFile";
+export { default as EmailList } from "./components/forms/EmailList";
+export { default as FilterArray } from "./components/forms/FilterArray";
+export { default as FilterBy } from "./components/forms/FilterBy";
+export { default as FilterObjects } from "./components/forms/FilterObjects";
+export { default as FormError } from "./components/forms/FormError";
+export { default as HandleError } from "./components/forms/HandleError";
+export { default as Logout } from "./components/forms/Logout";
+export { default as MessageDisplay } from "./components/forms/MessageDisplay";
+export { default as MultipleEmail } from "./components/forms/MultipleEmail";
+export { default as PageLoading } from "./components/forms/PageLoading";
+export { default as PhoneNumberInput } from "./components/forms/PhoneNumberInput";
+export { default as RadioField } from "./components/forms/RadioField";
+export { default as RadioSimple } from "./components/forms/RadioSimple";
+export { default as ReactTimeAgo } from "./components/forms/ReactTimeAgo";
+export { default as ReadTermsAndCondition } from "./components/forms/ReadTermsAndCondition";
+export { default as SearchField } from "./components/forms/SearchField";
+export { default as StepProgressBar } from "./components/forms/StepProgressBar";
+export { default as SubmitBtn } from "./components/forms/SubmitBtn";
+export { default as Tables } from "./components/forms/Tables";
+export { default as TextArea } from "./components/forms/TextArea";
+export { default as TextField } from "./components/forms/TextField";
+export { default as Tooltip } from "./components/forms/Tooltip";
+export { default as UnsplashRandomImage } from "./components/forms/UnsplashRandomImage";
+export { default as FileUploader } from "./components/forms/uploads/FileUploader";
+export { default as IhubFileUploader } from "./components/forms/uploads/IhubFileUploader";
+export { default as CustomTextEditor } from "./components/ui/editor/CustomTextEditor";
+export { default as ContentViewer } from "./components/ui/viewer/ContentViewer";
+export { default as ContentViewOrEdit } from "./components/ui/viewer/ContentViewOrEdit";
+export { default as CodeDisplay } from "./components/ui/viewer/CodeDisplay";
+export { default as ChangeStyleVariable } from "./components/theme/ChangeStyleVariable";
+export { default as DarkModeProvider } from "./components/theme/DarkModeProvider";
+export { default as LoadingAnimate } from "./components/theme/LoadingAnimate";
+export { default as SessionProviders } from "./components/theme/SessionProviders";
+export { default as SessionExpiresLogout } from "./components/theme/signout/SessionExpiresLogout";
+export { default as SignOutSession } from "./components/theme/signout/SignOutSession";
+export { default as TimeTracker } from "./components/status/TimeTracker";

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

@@ -1,14 +1,2 @@
-import "./assets/css/imports.css";
-import "./assets/css/main.css";
-import "./assets/css/forms.css";
-import "./assets/css/modals.css";
-import "./assets/css/tooltip.css";
-import "./assets/css/ui/parent-list-styles.css";
-import "./assets/css/ui/list-styles.css";
-import "./assets/css/ui/editor.css";
-import "./assets/css/ui/content-viewer.css";
-import "./assets/css/ui/code-display.css";
-import "./assets/css/material-ui.css";
-import "./assets/css/primereact.css";
-import "./assets/css/darkmode.css";
+import "./assets/css/styles.css";
 export declare const __styles__ = true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instincthub/react-ui",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "InstinctHub React UI components and assets in TypeScript",
   "main": "dist/src/index.js",
   "module": "dist/src/index.mjs",
@@ -10,9 +10,24 @@
   ],
   "exports": {
     ".": {
-      "import": "./dist/src/index.esm.js",
+      "import": "./dist/src/index.js",
       "require": "./dist/src/index.js",
       "types": "./dist/src/types/index.d.ts"
+    },
+    "./types": {
+      "import": "./dist/src/index-types.js",
+      "require": "./dist/src/index-types.js",
+      "types": "./dist/src/types/index-types.d.ts"
+    },
+    "./lib": {
+      "import": "./dist/src/components/lib/index.js",
+      "require": "./dist/src/components/lib/index.js",
+      "types": "./dist/src/types/components/lib/index.d.ts"
+    },
+    "./assets/*": {
+      "import": "./dist/src/assets/*",
+      "require": "./dist/src/assets/*",
+      "types": "./dist/src/assets/*"
     }
   },
   "scripts": {
@@ -46,14 +61,23 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
-    "styled-components": "^5.3.5",
+    "styled-components": "^6.1.16",
     "tslib": "^2.4.0",
     "typescript": "^4.7.4"
   },
   "peerDependencies": {
+    "@aws-sdk/client-s3": "^3.777.0",
+    "@aws-sdk/lib-storage": "^3.777.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/icons-material": "^7.0.0",
+    "@mui/material": "^7.0.0",
+    "jspdf": "^3.0.1",
     "next": "^15.2.1",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "next-auth": "^4.24.11",
+    "primereact": "^10.9.3",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "keywords": [
     "css",
@@ -78,9 +102,6 @@
   },
   "homepage": "https://github.com/instincthub/instincthub-react-ui#readme",
   "dependencies": {
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^6.4.7",
     "@tiptap/extension-character-count": "^2.11.5",
     "@tiptap/extension-code-block": "^2.11.5",
     "@tiptap/extension-highlight": "^2.11.5",
@@ -93,12 +114,11 @@
     "@tiptap/extension-table-row": "^2.11.5",
     "@tiptap/extension-task-item": "^2.11.5",
     "@tiptap/extension-task-list": "^2.11.5",
-    "@tiptap/react": "^2.11.5",
+    "@tiptap/react": "^2.11.7",
     "@tiptap/starter-kit": "^2.11.5",
-    "@types/dompurify": "^3.2.0",
     "date-fns": "^4.1.0",
     "dompurify": "^3.2.4",
     "html2canvas": "^1.4.1",
-    "jspdf": "^3.0.0"
+    "react-dropzone": "^14.3.8"
   }
 }

package/dist/_virtual/index6.js

@@ -1,2 +0,0 @@
-var r={exports:{}};export{r};
-//# sourceMappingURL=index6.js.map

package/dist/_virtual/index6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index6.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/index7.js

@@ -1,2 +0,0 @@
-var r={exports:{}};export{r};
-//# sourceMappingURL=index7.js.map

package/dist/_virtual/index7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index7.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/make-built-in.js

@@ -1,2 +0,0 @@
-var r={exports:{}};export{r as m};
-//# sourceMappingURL=make-built-in.js.map

package/dist/_virtual/make-built-in.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"make-built-in.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/new-promise-capability.js

@@ -1,2 +0,0 @@
-var r={};export{r as __exports};
-//# sourceMappingURL=new-promise-capability.js.map

package/dist/_virtual/new-promise-capability.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"new-promise-capability.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/object-define-properties.js

@@ -1,2 +0,0 @@
-var r={};export{r as __exports};
-//# sourceMappingURL=object-define-properties.js.map

package/dist/_virtual/object-define-properties.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"object-define-properties.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/object-define-property.js

@@ -1,2 +0,0 @@
-var r={};export{r as __exports};
-//# sourceMappingURL=object-define-property.js.map

package/dist/_virtual/object-define-property.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"object-define-property.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/object-get-own-property-descriptor.js

@@ -1,2 +0,0 @@
-var r={};export{r as __exports};
-//# sourceMappingURL=object-get-own-property-descriptor.js.map

package/dist/_virtual/object-get-own-property-descriptor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"object-get-own-property-descriptor.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/object-get-own-property-names.js

@@ -1,2 +0,0 @@
-var r={};export{r as __exports};
-//# sourceMappingURL=object-get-own-property-names.js.map

package/dist/_virtual/object-get-own-property-names.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"object-get-own-property-names.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/object-get-own-property-symbols.js

@@ -1,2 +0,0 @@
-var r={};export{r as __exports};
-//# sourceMappingURL=object-get-own-property-symbols.js.map

package/dist/_virtual/object-get-own-property-symbols.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"object-get-own-property-symbols.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/object-property-is-enumerable.js

@@ -1,2 +0,0 @@
-var r={};export{r as __exports};
-//# sourceMappingURL=object-property-is-enumerable.js.map

package/dist/_virtual/object-property-is-enumerable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"object-property-is-enumerable.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/performance-now.js

@@ -1,2 +0,0 @@
-var p={exports:{}};export{p};
-//# sourceMappingURL=performance-now.js.map

package/dist/_virtual/performance-now.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"performance-now.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/react-is.development2.js

@@ -1,2 +0,0 @@
-var r={};export{r as __exports};
-//# sourceMappingURL=react-is.development2.js.map

package/dist/_virtual/react-is.development2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-is.development2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/react-is.production.js

@@ -1,2 +0,0 @@
-var r={};export{r as __exports};
-//# sourceMappingURL=react-is.production.js.map

package/dist/_virtual/react-is.production.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-is.production.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/shared-store.js

@@ -1,2 +0,0 @@
-var r={exports:{}};export{r as s};
-//# sourceMappingURL=shared-store.js.map

package/dist/_virtual/shared-store.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shared-store.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}