@serhii.olishevskyi/docs 0.0.0-stage → 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,222 @@
+import * as React from 'react';
+import React__default, { ReactNode } from 'react';
+import { TextFieldProps, Theme } from '@mui/material';
+import { SupabaseClient } from '@supabase/supabase-js';
+
+type TextfieldComponentProps = TextFieldProps & {
+    copyTooltip?: string;
+    copiedTooltip?: string;
+    clearTooltip?: string;
+    lockTooltip?: string;
+    showLock?: boolean;
+    placeholderKey?: string;
+    disableClearButton?: boolean;
+};
+
+type NumberInputComponentProps = Omit<TextfieldComponentProps, 'onChange' | 'type'> & {
+    value: number | string | null | undefined;
+    onChange?: (value: number | null, stringValue: string) => void;
+    allowNegative?: boolean;
+    allowFractional?: boolean;
+    decimalPlaces?: number;
+    minValue?: number;
+    maxValue?: number;
+    step?: number;
+    showStepper?: boolean;
+    useGrouping?: boolean;
+    highlightNegative?: boolean;
+};
+
+declare const CardForm: {
+    Inputs: {
+        TextField: React.FC<TextfieldComponentProps>;
+        NumberField: React.FC<NumberInputComponentProps>;
+    };
+};
+
+interface SupabaseConfig {
+    url: string;
+    anonKey: string;
+}
+interface SupabaseProviderProps {
+    children: React__default.ReactNode;
+    /** Вы можете передать готовый клиент Supabase... */
+    client?: SupabaseClient;
+    /** ...или передать конфиг (url и anonKey), и библиотека создаст клиент сама */
+    config?: SupabaseConfig;
+}
+declare const SupabaseProvider: React__default.FC<SupabaseProviderProps>;
+/** Хук для доступа к Supabase из любого компонента */
+declare const useSupabase: () => SupabaseClient;
+
+interface TranslateProviderProps {
+    namespace: string;
+    children: React__default.ReactNode;
+}
+declare const TranslateProvider: React__default.FC<TranslateProviderProps>;
+declare const useTranslationNamespace: (overrideNamespace?: string) => string;
+
+interface TranslateTextProps {
+    children: string;
+    values?: Record<string, any>;
+}
+declare const TranslateText: React__default.FC<TranslateTextProps>;
+
+interface TranslationContextType {
+    isTranslationMode: boolean;
+    setIsTranslationMode: (val: boolean) => void;
+    canEdit: boolean;
+    isLoadingPermissions: boolean;
+    updateTranslation: (key: string, namespace: string, newValue: string) => Promise<void>;
+}
+declare const TranslationEditProvider: React__default.FC<{
+    children: React__default.ReactNode;
+}>;
+declare const useTranslationEdit: () => TranslationContextType;
+
+interface Language {
+    code: string;
+    name: string;
+    svg_flag: string | null;
+    enabled: boolean;
+    created_at?: string;
+}
+interface LocalizationContextType {
+    currentLang: string;
+    languages: Language[];
+    isLoadingLangs: boolean;
+    languagesError: string | null;
+    changeLanguage: (lang: string) => Promise<void>;
+    getDateFormat: () => string;
+    getTimeFormat: () => string;
+    getDateTimeFormat: () => string;
+    formatDateTime: (date: string | Date | number | null | undefined, customPattern?: string) => string;
+    formatDate: (date: string | Date | number | null | undefined, customPattern?: string) => string;
+    formatTime: (date: string | Date | number | null | undefined, customPattern?: string) => string;
+    formatRelativeTime: (date: string | Date | number | null | undefined, withoutSuffix?: boolean) => string;
+}
+declare const LocalizationProvider: React__default.FC<{
+    children: ReactNode;
+}>;
+declare const useLocalization: () => LocalizationContextType;
+
+interface DisplayState {
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+    isWideDesktop: boolean;
+    isSuperWideDesktop: boolean;
+}
+type ThemeMode = 'light' | 'dark';
+interface ThemeColors {
+    primary: string;
+    secondary: string;
+    backgroundDefault: string;
+    backgroundPaper: string;
+    textPrimary: string;
+    textSecondary: string;
+    success: string;
+    error: string;
+    warning: string;
+    info: string;
+}
+interface TypographyConfig {
+    fontFamily: string;
+    fontSize: number;
+    fontWeightLight: number;
+    fontWeightRegular: number;
+    fontWeightMedium: number;
+    fontWeightBold: number;
+}
+interface ThemeConfig {
+    id?: string;
+    name: string;
+    mode: ThemeMode;
+    borderRadius: number;
+    colors: {
+        light: ThemeColors;
+        dark: ThemeColors;
+    };
+    typography: TypographyConfig;
+    updatedAt?: string;
+}
+interface ThemeContextType {
+    mode: ThemeMode;
+    toggleTheme: () => void;
+    setMode: (mode: ThemeMode) => void;
+    theme: Theme;
+    themeConfig: ThemeConfig;
+    setThemeConfig: React__default.Dispatch<React__default.SetStateAction<ThemeConfig>>;
+    displayState: DisplayState;
+}
+declare const ThemeProvider: React__default.FC<{
+    children: React__default.ReactNode;
+}>;
+declare const useAppTheme: () => ThemeContextType;
+
+interface BreadcrumbContextType {
+    breadcrumbTitles: Record<string, string>;
+    setBreadcrumbTitle: (path: string, title: string) => void;
+}
+declare const BreadcrumbProvider: React__default.FC<{
+    children: React__default.ReactNode;
+}>;
+declare const useBreadcrumb: () => BreadcrumbContextType;
+
+type ToastType = 'success' | 'error' | 'info' | 'warning';
+interface ToastContextType {
+    showToast: (text: React__default.ReactNode, type?: ToastType) => void;
+    hideToast: () => void;
+}
+declare const ToastProvider: React__default.FC<{
+    children: React__default.ReactNode;
+}>;
+declare const useToast: () => ToastContextType;
+
+type DialogSeverity = 'error' | 'warning' | 'info' | 'success';
+type ConfirmResult = 'yes' | 'no' | 'cancel';
+interface ConfirmOptions {
+    title?: ReactNode;
+    message: ReactNode;
+    type?: DialogSeverity;
+    showNoButton?: boolean;
+    showCancelButton?: boolean;
+    confirmText?: ReactNode;
+    noText?: ReactNode;
+    cancelText?: ReactNode;
+    confirmColor?: 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success';
+}
+interface ConfirmationProviderProps {
+    children: ReactNode;
+}
+declare const ConfirmationProvider: React__default.FC<ConfirmationProviderProps>;
+declare const useConfirmation: () => ((options: ConfirmOptions) => Promise<ConfirmResult>);
+
+type AIProviderType = 'gemini' | 'openai';
+interface AIGenerateOptions {
+    prompt: string;
+    systemInstruction?: string;
+    jsonMode?: boolean;
+    temperature?: number;
+}
+interface AIConfig {
+    apiKey?: string;
+    provider?: AIProviderType;
+    modelName?: string;
+}
+interface AIContextType {
+    apiKey?: string;
+    provider: AIProviderType;
+    modelName: string;
+    /** Универсальный метод генерации (текст или JSON) */
+    generate: <T = string>(options: AIGenerateOptions) => Promise<T | null>;
+}
+interface AIProviderProps {
+    children: React__default.ReactNode;
+    config?: AIConfig;
+    apiKey?: string;
+}
+declare const AIProvider: React__default.FC<AIProviderProps>;
+declare const useAI: () => AIContextType;
+
+export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, BreadcrumbProvider, CardForm, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type DialogSeverity, type DisplayState, type Language, LocalizationProvider, type NumberInputComponentProps, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type TextfieldComponentProps, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, ToastProvider, type ToastType, TranslateProvider, TranslateText, TranslationEditProvider, type TypographyConfig, useAI, useAppTheme, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace };

package/dist/index.d.ts

@@ -0,0 +1,222 @@
+import * as React from 'react';
+import React__default, { ReactNode } from 'react';
+import { TextFieldProps, Theme } from '@mui/material';
+import { SupabaseClient } from '@supabase/supabase-js';
+
+type TextfieldComponentProps = TextFieldProps & {
+    copyTooltip?: string;
+    copiedTooltip?: string;
+    clearTooltip?: string;
+    lockTooltip?: string;
+    showLock?: boolean;
+    placeholderKey?: string;
+    disableClearButton?: boolean;
+};
+
+type NumberInputComponentProps = Omit<TextfieldComponentProps, 'onChange' | 'type'> & {
+    value: number | string | null | undefined;
+    onChange?: (value: number | null, stringValue: string) => void;
+    allowNegative?: boolean;
+    allowFractional?: boolean;
+    decimalPlaces?: number;
+    minValue?: number;
+    maxValue?: number;
+    step?: number;
+    showStepper?: boolean;
+    useGrouping?: boolean;
+    highlightNegative?: boolean;
+};
+
+declare const CardForm: {
+    Inputs: {
+        TextField: React.FC<TextfieldComponentProps>;
+        NumberField: React.FC<NumberInputComponentProps>;
+    };
+};
+
+interface SupabaseConfig {
+    url: string;
+    anonKey: string;
+}
+interface SupabaseProviderProps {
+    children: React__default.ReactNode;
+    /** Вы можете передать готовый клиент Supabase... */
+    client?: SupabaseClient;
+    /** ...или передать конфиг (url и anonKey), и библиотека создаст клиент сама */
+    config?: SupabaseConfig;
+}
+declare const SupabaseProvider: React__default.FC<SupabaseProviderProps>;
+/** Хук для доступа к Supabase из любого компонента */
+declare const useSupabase: () => SupabaseClient;
+
+interface TranslateProviderProps {
+    namespace: string;
+    children: React__default.ReactNode;
+}
+declare const TranslateProvider: React__default.FC<TranslateProviderProps>;
+declare const useTranslationNamespace: (overrideNamespace?: string) => string;
+
+interface TranslateTextProps {
+    children: string;
+    values?: Record<string, any>;
+}
+declare const TranslateText: React__default.FC<TranslateTextProps>;
+
+interface TranslationContextType {
+    isTranslationMode: boolean;
+    setIsTranslationMode: (val: boolean) => void;
+    canEdit: boolean;
+    isLoadingPermissions: boolean;
+    updateTranslation: (key: string, namespace: string, newValue: string) => Promise<void>;
+}
+declare const TranslationEditProvider: React__default.FC<{
+    children: React__default.ReactNode;
+}>;
+declare const useTranslationEdit: () => TranslationContextType;
+
+interface Language {
+    code: string;
+    name: string;
+    svg_flag: string | null;
+    enabled: boolean;
+    created_at?: string;
+}
+interface LocalizationContextType {
+    currentLang: string;
+    languages: Language[];
+    isLoadingLangs: boolean;
+    languagesError: string | null;
+    changeLanguage: (lang: string) => Promise<void>;
+    getDateFormat: () => string;
+    getTimeFormat: () => string;
+    getDateTimeFormat: () => string;
+    formatDateTime: (date: string | Date | number | null | undefined, customPattern?: string) => string;
+    formatDate: (date: string | Date | number | null | undefined, customPattern?: string) => string;
+    formatTime: (date: string | Date | number | null | undefined, customPattern?: string) => string;
+    formatRelativeTime: (date: string | Date | number | null | undefined, withoutSuffix?: boolean) => string;
+}
+declare const LocalizationProvider: React__default.FC<{
+    children: ReactNode;
+}>;
+declare const useLocalization: () => LocalizationContextType;
+
+interface DisplayState {
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+    isWideDesktop: boolean;
+    isSuperWideDesktop: boolean;
+}
+type ThemeMode = 'light' | 'dark';
+interface ThemeColors {
+    primary: string;
+    secondary: string;
+    backgroundDefault: string;
+    backgroundPaper: string;
+    textPrimary: string;
+    textSecondary: string;
+    success: string;
+    error: string;
+    warning: string;
+    info: string;
+}
+interface TypographyConfig {
+    fontFamily: string;
+    fontSize: number;
+    fontWeightLight: number;
+    fontWeightRegular: number;
+    fontWeightMedium: number;
+    fontWeightBold: number;
+}
+interface ThemeConfig {
+    id?: string;
+    name: string;
+    mode: ThemeMode;
+    borderRadius: number;
+    colors: {
+        light: ThemeColors;
+        dark: ThemeColors;
+    };
+    typography: TypographyConfig;
+    updatedAt?: string;
+}
+interface ThemeContextType {
+    mode: ThemeMode;
+    toggleTheme: () => void;
+    setMode: (mode: ThemeMode) => void;
+    theme: Theme;
+    themeConfig: ThemeConfig;
+    setThemeConfig: React__default.Dispatch<React__default.SetStateAction<ThemeConfig>>;
+    displayState: DisplayState;
+}
+declare const ThemeProvider: React__default.FC<{
+    children: React__default.ReactNode;
+}>;
+declare const useAppTheme: () => ThemeContextType;
+
+interface BreadcrumbContextType {
+    breadcrumbTitles: Record<string, string>;
+    setBreadcrumbTitle: (path: string, title: string) => void;
+}
+declare const BreadcrumbProvider: React__default.FC<{
+    children: React__default.ReactNode;
+}>;
+declare const useBreadcrumb: () => BreadcrumbContextType;
+
+type ToastType = 'success' | 'error' | 'info' | 'warning';
+interface ToastContextType {
+    showToast: (text: React__default.ReactNode, type?: ToastType) => void;
+    hideToast: () => void;
+}
+declare const ToastProvider: React__default.FC<{
+    children: React__default.ReactNode;
+}>;
+declare const useToast: () => ToastContextType;
+
+type DialogSeverity = 'error' | 'warning' | 'info' | 'success';
+type ConfirmResult = 'yes' | 'no' | 'cancel';
+interface ConfirmOptions {
+    title?: ReactNode;
+    message: ReactNode;
+    type?: DialogSeverity;
+    showNoButton?: boolean;
+    showCancelButton?: boolean;
+    confirmText?: ReactNode;
+    noText?: ReactNode;
+    cancelText?: ReactNode;
+    confirmColor?: 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success';
+}
+interface ConfirmationProviderProps {
+    children: ReactNode;
+}
+declare const ConfirmationProvider: React__default.FC<ConfirmationProviderProps>;
+declare const useConfirmation: () => ((options: ConfirmOptions) => Promise<ConfirmResult>);
+
+type AIProviderType = 'gemini' | 'openai';
+interface AIGenerateOptions {
+    prompt: string;
+    systemInstruction?: string;
+    jsonMode?: boolean;
+    temperature?: number;
+}
+interface AIConfig {
+    apiKey?: string;
+    provider?: AIProviderType;
+    modelName?: string;
+}
+interface AIContextType {
+    apiKey?: string;
+    provider: AIProviderType;
+    modelName: string;
+    /** Универсальный метод генерации (текст или JSON) */
+    generate: <T = string>(options: AIGenerateOptions) => Promise<T | null>;
+}
+interface AIProviderProps {
+    children: React__default.ReactNode;
+    config?: AIConfig;
+    apiKey?: string;
+}
+declare const AIProvider: React__default.FC<AIProviderProps>;
+declare const useAI: () => AIContextType;
+
+export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, BreadcrumbProvider, CardForm, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type DialogSeverity, type DisplayState, type Language, LocalizationProvider, type NumberInputComponentProps, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type TextfieldComponentProps, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, ToastProvider, type ToastType, TranslateProvider, TranslateText, TranslationEditProvider, type TypographyConfig, useAI, useAppTheme, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace };