@elcrm/telegram 0.0.124 → 0.0.126

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

@@ -0,0 +1,184 @@
+import { Modal as _Modal } from './Madal/Modal';
+import { default as _Sidebar } from './Sidebar/Sidebar';
+import { default as _SidePanel } from './SidePanel/SidePanel';
+import { default as _Scroll } from './Scroll/Scroll';
+import { default as _AppBar } from './AppBar/AppBar';
+type MainButton = {
+    text?: string;
+    color?: string;
+    textColor?: string;
+    isActive?: boolean;
+    callback?: () => void;
+    page: string;
+};
+export declare const clsx: (...classes: (string | undefined | boolean | null)[]) => string;
+declare namespace Telegram {
+    const WebApp: any;
+    const getUser: () => any;
+    const Location: (callback: (locationData: any) => void) => void;
+    /**
+     * Объект для отображения уведомлений с поддержкой тем оформления и хаптик-отклика.
+     *
+     * @property {Function} Send - Основной метод для отправки уведомления.
+     *   @param {string|object} type - Тип уведомления ('error', 'success', 'warning') или объект: {type, text, thema}.
+     *   @param {string} [text] - Текст уведомления (используется если type - строка).
+     *   @param {boolean} [thema] - Признак применения темы оформления (используется если type - строка).
+     *
+     * @property {Function} Error - Показывает уведомление об ошибке.
+     *   @param {string} [text] - Текст уведомления.
+     *
+     * @property {Function} Success - Показывает уведомление об успехе.
+     *   @param {string} [text] - Текст уведомления.
+     *
+     * @property {Function} Warning - Показывает предупреждение.
+     *   @param {string} [text] - Текст уведомления.
+     *
+     * Пример использования:
+     * Telegram.Notice.Send('error', 'Что-то пошло не так');
+     * Telegram.Notice.Send({type: 'success', text: 'Операция выполнена', thema: true});
+     * Telegram.Notice.Error('Произошла ошибка');
+     * Telegram.Notice.Success('Операция выполнена успешно');
+     * Telegram.Notice.Warning('Внимание!');
+     */
+    const Notice: {
+        Send: (type: any, text?: any, thema?: any) => void;
+        Error: (text?: any) => void;
+        Success: (text?: any) => void;
+        Warning: (text?: any) => void;
+    };
+    const Header: () => import("react/jsx-runtime").JSX.Element;
+    /**
+     * @param {TAction[]} [actions] - Массив действий для отображения в футере
+     * @param {React.ReactNode} [children] - Дополнительные дочерние элементы
+     * @param {string} [className] - Пользовательский CSS-класс
+     * @param {string} [page] - Текущая страница для определения активного действия
+     * @param {"row"|"column"} [direction="row"] - Направление расположения элементов футера
+     * @param {(page: string) => void} [onPageChange] - Функция для обработки смены страницы
+     * @param {boolean} [toHide=false] - Скрывать при открытой клавиатуре
+     */
+    const TabBar: ({ actions, children, className, toHide, page, onPageChange, direction, }: import("./TabBar/TabBar").TFooter) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * @param {object} props - параметры компонента
+     * @param {React.ReactNode} props.children - Контент внутри шита
+     * @param {string} [props.title] - Заголовок окна (опционально)
+     * @param {boolean} [props.isOverlay=true] - Показывать ли затемняющую подложку (по умолчанию true)
+     */
+    const BottomSheet: ({ children, title, isOverlay, footer, className, onOpen, }: {
+        children: React.ReactNode;
+        title?: string;
+        isOverlay?: boolean;
+        className?: string;
+        footer?: boolean;
+        onOpen?: (isOpen: boolean) => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    const toggleBottomSheet: () => void;
+    const SafeArea: ({ className, children, isScroll }: import("./SafeArea").TSafeArea) => import("react/jsx-runtime").JSX.Element;
+    const Loading: ({ children, className }: import("./Loading").TLoading) => import("react/jsx-runtime").JSX.Element;
+    const Sidebar: typeof _Sidebar;
+    const SidePanel: typeof _SidePanel;
+    const AppBar: typeof _AppBar;
+    const SidePanelController: (name: string, action: boolean) => void;
+    const Scroll: typeof _Scroll;
+    const Modal: typeof _Modal;
+    const Menu: ({ items }: import("./Menu").TMenu) => import("react/jsx-runtime").JSX.Element;
+    const MainButton: {
+        callback: never[];
+        set: (j: MainButton | boolean) => void;
+    };
+    const BackButtonPrev: () => void;
+    const BackButtonState: () => (boolean | {
+        page?: string;
+        callback?: () => void;
+    })[];
+    /**
+     * @param {object} params - параметры компонента
+     * @param {string} [params.page] - Текущая страница для определения активного действия
+     * @param {() => void} [params.callback] - Функция для обработки смены страницы
+     */
+    const BackButton: (params: boolean | {
+        page?: string;
+        callback?: () => void;
+    }) => void;
+}
+/**
+ * @param {TAction[]} [actions] - Массив действий для отображения в футере
+ * @param {React.ReactNode} [children] - Дополнительные дочерние элементы
+ * @param {string} [className] - Пользовательский CSS-класс
+ * @param {string} [page] - Текущая страница для определения активного действия
+ * @param {"row"|"column"} [direction="row"] - Направление расположения элементов футера
+ * @param {(page: string) => void} [onPageChange] - Функция для обработки смены страницы
+ * @param {boolean} [toHide=false] - Скрывать при открытой клавиатуре
+ */
+export declare const TabBar: ({ actions, children, className, toHide, page, onPageChange, direction, }: import('./TabBar/TabBar').TFooter) => import("react/jsx-runtime").JSX.Element;
+/**
+ * @param {object} props - параметры компонента
+ * @param {React.ReactNode} props.children - Контент внутри шита
+ * @param {string} [props.title] - Заголовок окна (опционально)
+ * @param {boolean} [props.isOverlay=true] - Показывать ли затемняющую подложку (по умолчанию true)
+ */
+export declare const BottomSheet: ({ children, title, isOverlay, footer, className, onOpen, }: {
+    children: React.ReactNode;
+    title?: string;
+    isOverlay?: boolean;
+    className?: string;
+    footer?: boolean;
+    onOpen?: (isOpen: boolean) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * @param {object} params - параметры компонента
+ * @param {string} [params.page] - Текущая страница для определения активного действия
+ * @param {() => void} [params.callback] - Функция для обработки смены страницы
+ */
+export declare const BackButton: (params: boolean | {
+    page?: string;
+    callback?: () => void;
+}) => void;
+export declare const BackButtonPrev: () => void;
+export declare const BackButtonState: () => (boolean | {
+    page?: string;
+    callback?: () => void;
+})[];
+/**
+ * Объект для отображения уведомлений с поддержкой тем оформления и хаптик-отклика.
+ *
+ * @property {Function} Send - Основной метод для отправки уведомления.
+ *   @param {string|object} type - Тип уведомления ('error', 'success', 'warning') или объект: {type, text, thema}.
+ *   @param {string} [text] - Текст уведомления (используется если type - строка).
+ *   @param {boolean} [thema] - Признак применения темы оформления (используется если type - строка).
+ *
+ * @property {Function} Error - Показывает уведомление об ошибке.
+ *   @param {string} [text] - Текст уведомления.
+ *
+ * @property {Function} Success - Показывает уведомление об успехе.
+ *   @param {string} [text] - Текст уведомления.
+ *
+ * @property {Function} Warning - Показывает предупреждение.
+ *   @param {string} [text] - Текст уведомления.
+ *
+ * Пример использования:
+ * Notice.Send('error', 'Что-то пошло не так');
+ * Notice.Send({type: 'success', text: 'Операция выполнена', thema: true});
+ * Notice.Error('Произошла ошибка');
+ * Notice.Success('Операция выполнена успешно');
+ * Notice.Warning('Внимание!');
+ */
+export declare const Notice: {
+    Send: (type: any, text?: any, thema?: any) => void;
+    Error: (text?: any) => void;
+    Success: (text?: any) => void;
+    Warning: (text?: any) => void;
+};
+export declare const SafeArea: ({ className, children, isScroll }: import('./SafeArea').TSafeArea) => import("react/jsx-runtime").JSX.Element;
+export declare const Loading: ({ children, className }: import('./Loading').TLoading) => import("react/jsx-runtime").JSX.Element;
+export declare const Menu: ({ items }: import('./Menu').TMenu) => import("react/jsx-runtime").JSX.Element;
+export declare const SidePanel: typeof _SidePanel;
+export declare const Scroll: typeof _Scroll;
+export declare const AppBar: typeof _AppBar;
+export declare const Sidebar: typeof _Sidebar;
+export declare const Location: (callback: (locationData: any) => void) => void;
+export declare const SidePanelController: (name: string, action: boolean) => void;
+export declare const Header: () => import("react/jsx-runtime").JSX.Element, toggleBottomSheet: () => void, Modal: typeof _Modal, MainButton: {
+    callback: never[];
+    set: (j: MainButton | boolean) => void;
+}, WebApp: any, getUser: () => any;
+export default Telegram;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@elcrm/telegram",
-    "version": "0.0.124",
+    "version": "0.0.126",
     "description": "plugin for elCRM to work with telegram",
     "type": "module",
     "author": "MaSkal <dev@elcrm.online>",
@@ -29,10 +29,34 @@
     },
     "peerDependencies": {
         "@types/react": ">=18.0.0",
-        "react": ">=18.0.0"
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
     },
     "dependencies": {
-        "@elcrm/router": ">=0.0.40",
+        "@elcrm/router": "^0.0.47",
         "sass": "^1.93.3"
+    },
+    "devDependencies": {
+        "@testing-library/jest-dom": "^6.9.1",
+        "@testing-library/react": "^16.3.1",
+        "@testing-library/user-event": "^14.6.1",
+        "@types/node": "^22.13.10",
+        "@types/react": "^18.2.66",
+        "@types/react-dom": "^18.2.22",
+        "@vitejs/plugin-react": "^5.1.2",
+        "jsdom": "^27.4.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "vitest": "^4.0.16",
+        "vite": "^5.4.2",
+        "vite-plugin-dts": "^4.0.3",
+        "vite-plugin-dynamic-import": "^1.6.0",
+        "vite-plugin-lib-inject-css": "^2.1.1"
+    },
+    "scripts": {
+        "dev": "vite",
+        "test": "bun run test/dev.ts",
+        "test:dev": "bun run test/main.tsx",
+        "build": "vite build"
     }
 }