nucleus-core-ts 0.8.0

package/dist/fe/components/AuthorizationPage/types/index.d.ts

@@ -0,0 +1,64 @@
+import type { BaseErrorResponse, DeleteResponse, EndpointAction, ListResponse, MutationResponse, StandardQueryParams, SystemClaimEntity, SystemRoleClaimEntity, SystemRoleEntity } from "../../../..";
+export type RoleInfo = SystemRoleEntity;
+export type ClaimInfo = SystemClaimEntity;
+export type RoleClaimInfo = SystemRoleClaimEntity;
+export type AuthorizationPageProps<TRole = RoleInfo, TClaim = ClaimInfo, TRoleClaim = RoleClaimInfo> = {
+    title?: string;
+    subtitle?: string;
+    className?: string;
+    defaultEntityFilter?: string;
+    defaultMethodFilter?: string;
+    defaultShowAssignedOnly?: boolean;
+    getRolesAction: EndpointAction<StandardQueryParams | undefined, ListResponse<TRole>, BaseErrorResponse>;
+    addRoleAction: EndpointAction<Partial<TRole>, MutationResponse<TRole>, BaseErrorResponse>;
+    updateRoleAction?: EndpointAction<Partial<TRole> & {
+        id: string;
+    }, MutationResponse<TRole>, BaseErrorResponse>;
+    deleteRoleAction: EndpointAction<{
+        id: string;
+    }, DeleteResponse, BaseErrorResponse>;
+    getClaimsAction: EndpointAction<StandardQueryParams | undefined, ListResponse<TClaim>, BaseErrorResponse>;
+    getRoleClaimsAction: EndpointAction<StandardQueryParams | undefined, ListResponse<TRoleClaim>, BaseErrorResponse>;
+    addRoleClaimAction: EndpointAction<Partial<TRoleClaim>, MutationResponse<TRoleClaim>, BaseErrorResponse>;
+    updateRoleClaimAction?: EndpointAction<Partial<TRoleClaim> & {
+        id: string;
+    }, MutationResponse<TRoleClaim>, BaseErrorResponse>;
+    deleteRoleClaimAction: EndpointAction<{
+        id: string;
+    }, DeleteResponse, BaseErrorResponse>;
+    onRoleCreated?: (role: TRole) => void;
+    onRoleDeleted?: (roleId: string) => void;
+    onClaimToggled?: (claim: TClaim, assigned: boolean) => void;
+};
+export type RoleListProps = {
+    roles: RoleInfo[];
+    selectedRole: RoleInfo | null;
+    isLoading?: boolean;
+    isCreating?: boolean;
+    isDeleting?: boolean;
+    newRoleName: string;
+    newRoleDescription: string;
+    onNewRoleNameChange: (name: string) => void;
+    onNewRoleDescriptionChange: (description: string) => void;
+    onSelectRole: (role: RoleInfo) => void;
+    onDeleteRole: (roleId: string) => void;
+    onCreateRole: () => void;
+};
+export type ClaimListProps = {
+    claims: ClaimInfo[];
+    isLoading?: boolean;
+};
+export type RoleClaimEditorProps = {
+    selectedRole: RoleInfo | null;
+    claims: ClaimInfo[];
+    roleClaims: RoleClaimInfo[];
+    isLoading?: boolean;
+    isToggling?: boolean;
+    onToggleClaim: (claim: ClaimInfo, isAssigned: boolean, scope?: string) => void;
+    onUpdateScope?: (roleClaimId: string, scope: string) => void;
+    editingScope?: string | null;
+    onEditScope?: (claimId: string | null) => void;
+    scopeValue?: string;
+    onScopeValueChange?: (value: string) => void;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/Button/components/Button.d.ts

@@ -0,0 +1,3 @@
+import type { ButtonProps } from "../types";
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/fe/components/Button/components/ButtonSpinner.d.ts

@@ -0,0 +1,3 @@
+import type { ButtonSpinnerProps } from "../types";
+export declare function ButtonSpinner({ size }: ButtonSpinnerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ButtonSpinner.d.ts.map

package/dist/fe/components/Button/index.d.ts

@@ -0,0 +1,6 @@
+export { Button } from "./components/Button";
+export { ButtonSpinner } from "./components/ButtonSpinner";
+export type { ButtonTheme } from "./theme";
+export { buttonTheme, extendButtonTheme } from "./theme";
+export type { ButtonIconPosition, ButtonProps, ButtonShape, ButtonSize, ButtonSpinnerProps, ButtonVariant, } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/Button/theme/index.d.ts

@@ -0,0 +1,183 @@
+export interface ButtonTheme {
+    base: string;
+    display: string;
+    alignment: string;
+    font: {
+        weight: string;
+        family: string;
+    };
+    transition: string;
+    focus: string;
+    disabled: {
+        opacity: string;
+        cursor: string;
+    };
+    fullWidth: string;
+    size: {
+        xs: {
+            padding: string;
+            text: string;
+            height: string;
+            iconSize: string;
+            gap: string;
+        };
+        sm: {
+            padding: string;
+            text: string;
+            height: string;
+            iconSize: string;
+            gap: string;
+        };
+        md: {
+            padding: string;
+            text: string;
+            height: string;
+            iconSize: string;
+            gap: string;
+        };
+        lg: {
+            padding: string;
+            text: string;
+            height: string;
+            iconSize: string;
+            gap: string;
+        };
+        xl: {
+            padding: string;
+            text: string;
+            height: string;
+            iconSize: string;
+            gap: string;
+        };
+    };
+    shape: {
+        default: string;
+        rounded: string;
+        pill: string;
+        square: string;
+    };
+    iconOnly: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    variant: {
+        nucleus: {
+            background: string;
+            text: string;
+            border: string;
+            shadow: string;
+            hover: string;
+            active: string;
+        };
+        "nucleus-outline": {
+            background: string;
+            text: string;
+            border: string;
+            shadow: string;
+            hover: string;
+            active: string;
+        };
+        "nucleus-ghost": {
+            background: string;
+            text: string;
+            border: string;
+            shadow: string;
+            hover: string;
+            active: string;
+        };
+        "nucleus-soft": {
+            background: string;
+            text: string;
+            border: string;
+            shadow: string;
+            hover: string;
+            active: string;
+        };
+        primary: {
+            background: string;
+            text: string;
+            border: string;
+            shadow: string;
+            hover: string;
+            active: string;
+        };
+        secondary: {
+            background: string;
+            text: string;
+            border: string;
+            shadow: string;
+            hover: string;
+            active: string;
+        };
+        success: {
+            background: string;
+            text: string;
+            border: string;
+            shadow: string;
+            hover: string;
+            active: string;
+        };
+        warning: {
+            background: string;
+            text: string;
+            border: string;
+            shadow: string;
+            hover: string;
+            active: string;
+        };
+        danger: {
+            background: string;
+            text: string;
+            border: string;
+            shadow: string;
+            hover: string;
+            active: string;
+        };
+        ghost: {
+            background: string;
+            text: string;
+            border: string;
+            shadow: string;
+            hover: string;
+            active: string;
+        };
+        outline: {
+            background: string;
+            text: string;
+            border: string;
+            shadow: string;
+            hover: string;
+            active: string;
+        };
+        link: {
+            background: string;
+            text: string;
+            border: string;
+            shadow: string;
+            hover: string;
+            active: string;
+        };
+    };
+    spinner: {
+        base: string;
+        size: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    ripple: {
+        base: string;
+    };
+    pulse: {
+        animation: string;
+    };
+}
+export declare const buttonTheme: ButtonTheme;
+export declare function extendButtonTheme(overrides: Partial<ButtonTheme>): ButtonTheme;
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/Button/types/index.d.ts

@@ -0,0 +1,24 @@
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+export type ButtonVariant = "nucleus" | "nucleus-outline" | "nucleus-ghost" | "nucleus-soft" | "primary" | "secondary" | "success" | "warning" | "danger" | "ghost" | "outline" | "link";
+export type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type ButtonShape = "default" | "rounded" | "pill" | "square";
+export type ButtonIconPosition = "left" | "right";
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    children?: ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    shape?: ButtonShape;
+    loading?: boolean;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    iconOnly?: boolean;
+    ripple?: boolean;
+    pulse?: boolean;
+    className?: string;
+}
+export interface ButtonSpinnerProps {
+    size: ButtonSize;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/Button/utils/cn.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/fe/components/Captcha/components/Captcha.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from "react";
+import type { CaptchaProps } from "../types";
+export declare function Captcha({ generateAction, config, onChallengeLoad, onAnswerChange, disabled, autoGenerate, className, label, errorMessage, }: CaptchaProps): ReactElement;
+//# sourceMappingURL=Captcha.d.ts.map

package/dist/fe/components/Captcha/index.d.ts

@@ -0,0 +1,4 @@
+export { Captcha } from "./components/Captcha";
+export { captchaTheme } from "./theme";
+export type { CaptchaAction, CaptchaChallenge, CaptchaConfig, CaptchaDifficulty, CaptchaProps, CaptchaState, CaptchaType, } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/Captcha/theme.d.ts

@@ -0,0 +1,53 @@
+export declare const captchaTheme: {
+    container: {
+        base: string;
+        wrapper: string;
+    };
+    label: {
+        base: string;
+    };
+    challenge: {
+        wrapper: string;
+        math: {
+            question: string;
+        };
+        image: {
+            wrapper: string;
+            img: string;
+        };
+        text: {
+            question: string;
+        };
+        puzzle: {
+            wrapper: string;
+            instruction: string;
+            grid: string;
+            piece: string;
+            pieceSelected: string;
+            pieceOrdered: string;
+            orderDisplay: string;
+            orderBadge: string;
+            clearButton: string;
+        };
+    };
+    input: {
+        wrapper: string;
+        base: string;
+        error: string;
+    };
+    actions: {
+        wrapper: string;
+        refresh: string;
+        timer: string;
+        timerExpired: string;
+    };
+    error: {
+        container: string;
+        text: string;
+    };
+    loading: {
+        wrapper: string;
+        spinner: string;
+    };
+};
+//# sourceMappingURL=theme.d.ts.map

package/dist/fe/components/Captcha/types.d.ts

@@ -0,0 +1,60 @@
+export type CaptchaType = "math" | "image" | "puzzle" | "text";
+export type CaptchaDifficulty = "easy" | "medium" | "hard";
+export interface CaptchaChallenge {
+    success: boolean;
+    challengeId: string;
+    type: CaptchaType;
+    question: string;
+    imageData?: string;
+    puzzleData?: {
+        pieces: Array<{
+            id: number;
+            x: number;
+            y: number;
+        }>;
+    };
+    expiresAt: number;
+    rateLimited?: boolean;
+    message?: string;
+}
+export interface CaptchaConfig {
+    enabled?: boolean;
+    type?: CaptchaType;
+    difficulty?: CaptchaDifficulty;
+}
+export interface CaptchaGenerateActionPayload {
+    type?: CaptchaType;
+    difficulty?: CaptchaDifficulty;
+}
+export interface CaptchaAction<TSuccess = unknown, TError = unknown> {
+    start: (config: {
+        payload: CaptchaGenerateActionPayload;
+        onAfterHandle?: (data: TSuccess) => void;
+        onErrorHandle?: (error: TError, code?: number | null) => void;
+    }) => void;
+    state: {
+        isPending: boolean;
+        data: TSuccess | null;
+        error: TError | null;
+    };
+}
+export interface CaptchaProps {
+    generateAction: CaptchaAction<CaptchaChallenge>;
+    config?: CaptchaConfig;
+    onChallengeLoad?: (challenge: CaptchaChallenge) => void;
+    onAnswerChange?: (challengeId: string, answer: string) => void;
+    onValidated?: (valid: boolean) => void;
+    disabled?: boolean;
+    autoGenerate?: boolean;
+    className?: string;
+    label?: string;
+    errorMessage?: string;
+}
+export interface CaptchaState {
+    challenge: CaptchaChallenge | null;
+    answer: string;
+    isLoading: boolean;
+    error: string | null;
+    isExpired: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/fe/components/ChangePasswordPage/components/ChangePasswordForm.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from "react";
+import type { ChangePasswordFormProps } from "../types";
+export declare function ChangePasswordForm({ changePasswordAction, onSuccess, onCancel, cancelHref, }: ChangePasswordFormProps): ReactElement;
+//# sourceMappingURL=ChangePasswordForm.d.ts.map

package/dist/fe/components/ChangePasswordPage/components/ChangePasswordHeader.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from "react";
+import type { ChangePasswordHeaderProps } from "../types";
+export declare function ChangePasswordHeader({ logo, title, subtitle, }: ChangePasswordHeaderProps): ReactElement;
+//# sourceMappingURL=ChangePasswordHeader.d.ts.map

package/dist/fe/components/ChangePasswordPage/components/ChangePasswordPage.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from "react";
+import type { ChangePasswordPageConfig } from "../types";
+export declare function ChangePasswordPage({ logo, title, subtitle, changePasswordAction, onSuccess, onCancel, cancelHref, showBackground, className, }: ChangePasswordPageConfig): ReactElement;
+//# sourceMappingURL=ChangePasswordPage.d.ts.map

package/dist/fe/components/ChangePasswordPage/index.d.ts

@@ -0,0 +1,7 @@
+export { ChangePasswordForm } from "./components/ChangePasswordForm";
+export { ChangePasswordHeader } from "./components/ChangePasswordHeader";
+export { ChangePasswordPage } from "./components/ChangePasswordPage";
+export { useChangePasswordStore } from "./store";
+export { type ChangePasswordPageTheme, changePasswordPageTheme, extendChangePasswordPageTheme, } from "./theme";
+export type { ChangePasswordAction, ChangePasswordFormProps, ChangePasswordHeaderProps, ChangePasswordPageConfig, ChangePasswordStep, } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/ChangePasswordPage/store/index.d.ts

@@ -0,0 +1,16 @@
+import type { ChangePasswordState, ChangePasswordStep } from "../types";
+type ChangePasswordMethods = {
+    [key: string]: unknown;
+    setCurrentPassword: (password: string) => void;
+    setNewPassword: (password: string) => void;
+    setConfirmPassword: (password: string) => void;
+    setStep: (step: ChangePasswordStep) => void;
+    setError: (error: string | null) => void;
+    reset: () => void;
+};
+type ChangePasswordStoreState = ChangePasswordState & {
+    [key: string]: unknown;
+};
+export declare const useChangePasswordStore: () => import("h-state").StoreType<ChangePasswordStoreState, ChangePasswordMethods>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/ChangePasswordPage/theme/index.d.ts

@@ -0,0 +1,48 @@
+export type ChangePasswordPageTheme = {
+    container: {
+        base: string;
+        wrapper: string;
+    };
+    card: {
+        base: string;
+        padding: string;
+        background: string;
+        border: string;
+        shadow: string;
+        rounded: string;
+    };
+    header: {
+        container: string;
+        logoWrapper: string;
+        iconWrapper: string;
+        title: string;
+        subtitle: string;
+    };
+    form: {
+        container: string;
+        spacing: string;
+    };
+    input: {
+        wrapper: string;
+    };
+    button: {
+        wrapper: string;
+    };
+    links: {
+        container: string;
+        cancel: string;
+    };
+    error: {
+        container: string;
+        text: string;
+    };
+    success: {
+        container: string;
+        iconWrapper: string;
+        title: string;
+        message: string;
+    };
+};
+export declare const changePasswordPageTheme: ChangePasswordPageTheme;
+export declare function extendChangePasswordPageTheme(overrides: Partial<ChangePasswordPageTheme>): ChangePasswordPageTheme;
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/ChangePasswordPage/types/index.d.ts

@@ -0,0 +1,56 @@
+import type { ReactNode } from "react";
+export type ChangePasswordStep = "form" | "success";
+export type ChangePasswordAction<TData = unknown, TError = unknown> = {
+    start: (config: {
+        payload: {
+            currentPassword: string;
+            newPassword: string;
+            confirmPassword: string;
+        };
+        onAfterHandle?: (data: TData) => void;
+        onErrorHandle?: (error: TError, code?: number | null) => void;
+    }) => void;
+    state: {
+        isPending: boolean;
+        data: TData | null;
+        error: TError | null;
+    };
+};
+export interface ChangePasswordPageConfig {
+    title?: string;
+    subtitle?: string;
+    logo?: ReactNode;
+    changePasswordAction: ChangePasswordAction;
+    onSuccess?: () => void;
+    onCancel?: () => void;
+    cancelHref?: string;
+    showBackground?: boolean;
+    className?: string;
+}
+export interface ChangePasswordFormProps {
+    changePasswordAction: ChangePasswordAction;
+    onSuccess?: () => void;
+    onCancel?: () => void;
+    cancelHref?: string;
+}
+export interface ChangePasswordHeaderProps {
+    logo?: ReactNode;
+    title: string;
+    subtitle: string;
+}
+export interface ChangePasswordState {
+    currentPassword: string;
+    newPassword: string;
+    confirmPassword: string;
+    step: ChangePasswordStep;
+    error: string | null;
+}
+export interface ChangePasswordActions {
+    setCurrentPassword: (password: string) => void;
+    setNewPassword: (password: string) => void;
+    setConfirmPassword: (password: string) => void;
+    setStep: (step: ChangePasswordStep) => void;
+    setError: (error: string | null) => void;
+    reset: () => void;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/Checkbox/components/Checkbox.d.ts

@@ -0,0 +1,3 @@
+import type { CheckboxProps } from "../types";
+export declare function Checkbox({ checked, onChange, variant, size, color, label, labelPosition, disabled, indeterminate, name, value, id, required, errorMessage, helperText, className, labelClassName, ariaLabel, ariaDescribedBy, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/fe/components/Checkbox/components/CheckboxIcon.d.ts

@@ -0,0 +1,3 @@
+import type { CheckboxIconProps } from "../types";
+export declare function CheckboxIcon({ checked, indeterminate, size, color, disabled, }: CheckboxIconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckboxIcon.d.ts.map

package/dist/fe/components/Checkbox/components/SwitchTrack.d.ts

@@ -0,0 +1,3 @@
+import type { SwitchTrackProps } from "../types";
+export declare function SwitchTrack({ checked, size, color, disabled, }: SwitchTrackProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SwitchTrack.d.ts.map

package/dist/fe/components/Checkbox/index.d.ts

@@ -0,0 +1,7 @@
+export { Checkbox } from "./components/Checkbox";
+export { CheckboxIcon } from "./components/CheckboxIcon";
+export { SwitchTrack } from "./components/SwitchTrack";
+export type { CheckboxTheme } from "./theme";
+export { checkboxTheme, extendCheckboxTheme } from "./theme";
+export type { CheckboxColor, CheckboxIconProps, CheckboxProps, CheckboxSize, CheckboxVariant, SwitchTrackProps, } from "./types";
+//# sourceMappingURL=index.d.ts.map