@danikokonn/yarik-frontend-lib 2.0.2-test3

package/dist/providers/DagStateProvider.js

@@ -0,0 +1,115 @@
+import React, { createContext, useCallback, useContext, useEffect, useState, } from "react";
+import { getRequest } from "../http";
+import { useAirflowContext } from "./AirflowProvider";
+import { useSnackbarContext } from "./SnackBarProvider";
+const DagRunStateContext = createContext({
+    isActive: true,
+    autorun: false,
+    dagRun: null,
+    taskInstances: null,
+    onUpdateState: () => { },
+    fetchState: () => { },
+    activate: () => { },
+    setAutorun: () => { },
+    scanInterval: 300,
+});
+export const DagRunStateProvider = ({ children, dagRun: _dagRun, autorun: _autorun, poolingByUser, taskInstances: _taskInstances, autorunHandler, scanInterval, }) => {
+    const { airflowAvailable, dagId, onLostConnection } = useAirflowContext();
+    const [isActive, setIsActive] = useState(_dagRun ? ["queued", "running"].includes(_dagRun.state) : dagId?.length > 0);
+    const [channelBusy, setChannelBusy] = useState(false);
+    const [autorun, setAutorun] = useState(_autorun || false);
+    const activate = useCallback(() => {
+        setIsActive(true);
+    }, [isActive, setIsActive]);
+    const [dagRun, setDagRun] = useState(_dagRun || null);
+    const [taskInstances, setTaskInstances] = useState(_taskInstances || null);
+    const { enqueueSnackbar } = useSnackbarContext();
+    useEffect(() => {
+        setDagRun(null);
+        setTaskInstances(null);
+    }, [dagId]);
+    const updateState = () => {
+        setChannelBusy(true);
+        getRequest({
+            url: "airflow/dag_run",
+            data: {
+                dag_id: dagId,
+                dag_run_id: dagRun && dagRun.dagRunId,
+                by_user: Boolean(poolingByUser),
+            },
+            successHandler: (resp) => {
+                if (resp?.dagRun) {
+                    setDagRun(resp.dagRun);
+                    setTaskInstances(resp.taskInstances);
+                    setIsActive(["queued", "running"].includes(resp.dagRun.state));
+                }
+                else {
+                    setIsActive(false);
+                    enqueueSnackbar(`Ошибка при обновлении состояния задачи${(dagId && " ") || ""}${dagId || ""}!`, "error");
+                }
+                setChannelBusy(false);
+            },
+            errorHandler: (resp) => {
+                if (resp?.status !== 404) {
+                    enqueueSnackbar(`Ошибка при обновлении состояния задачи${(dagId && " ") || ""}${dagId || ""}!`, "error");
+                }
+                if (resp?.status === 503) {
+                    onLostConnection();
+                }
+                else {
+                    setIsActive(false);
+                }
+                setChannelBusy(false);
+            },
+        }).catch((e) => {
+            console.log(e);
+            setChannelBusy(false);
+        });
+    };
+    useEffect(() => {
+        const interval = setInterval(() => {
+            if (!airflowAvailable && !isActive)
+                setIsActive(true);
+            if (!airflowAvailable || !isActive || !dagId)
+                return;
+            if (channelBusy)
+                return;
+            updateState();
+        }, 1000);
+        return () => {
+            clearInterval(interval);
+        };
+    }, [airflowAvailable, isActive, dagRun, dagId, autorun, channelBusy]);
+    useEffect(() => {
+        if (dagRun == null)
+            setIsActive(true);
+    }, [dagRun]);
+    useEffect(() => {
+        if (!airflowAvailable)
+            return;
+        if (isActive)
+            return;
+        if (autorunHandler)
+            autorunHandler(dagRun, autorun);
+    }, [airflowAvailable, isActive, dagRun, autorun]);
+    const onUpdateState = (isActive, dagRun, taskInstances) => {
+        setIsActive(isActive);
+        setDagRun(dagRun);
+        setTaskInstances(taskInstances);
+    };
+    return (React.createElement(DagRunStateContext.Provider, { value: {
+            isActive,
+            autorun,
+            dagRun,
+            taskInstances,
+            onUpdateState,
+            activate,
+            fetchState: updateState,
+            setAutorun: (autorun) => setAutorun(autorun),
+            scanInterval: scanInterval || 1,
+        } }, children));
+};
+export const useDagRunStateContext = () => {
+    return useContext(DagRunStateContext);
+};
+export default DagRunStateProvider;

package/dist/providers/SessionProvider.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface SessionProviderProps {
+    children?: React.ReactNode;
+    pollingInterval: number;
+}
+export declare const SessionProvider: ({ children, pollingInterval, }: SessionProviderProps) => React.JSX.Element;
+export declare const useSessionContext: () => {
+    expiresIn: number;
+};
+export default SessionProvider;
+//# sourceMappingURL=SessionProvider.d.ts.map

package/dist/providers/SessionProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionProvider.d.ts","sourceRoot":"","sources":["../../src/providers/SessionProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAU9E,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,eAAe,GAAI,gCAG7B,oBAAoB,sBAwCtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;eAvDjB,MAAM;CAyDlB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/providers/SessionProvider.js

@@ -0,0 +1,37 @@
+import React, { createContext, useContext, useEffect, useState } from "react";
+import { useSnackbarContext } from "./SnackBarProvider";
+import { getRequest } from "../http";
+const SessionContext = createContext({
+    expiresIn: 0,
+});
+export const SessionProvider = ({ children, pollingInterval, }) => {
+    const { enqueueSnackbar } = useSnackbarContext();
+    const [expires, setExpires] = useState(false);
+    const alertExpire = () => enqueueSnackbar("Сессия завершилась, перезагрузите страницу!", "default");
+    const fetchSessionExpiryAge = () => getRequest({
+        url: "base/check_session",
+        successHandler: (_resp) => { },
+        errorHandler: (_resp) => {
+            setExpires(true);
+            alertExpire();
+        },
+    }).catch(() => {
+        setExpires(true);
+        alertExpire();
+    });
+    useEffect(() => {
+        const interval = setInterval(() => {
+            if (!expires) {
+                fetchSessionExpiryAge();
+            }
+        }, pollingInterval * 1000);
+        return () => clearInterval(interval);
+    }, [expires]);
+    return (React.createElement(SessionContext.Provider, { value: {
+            expiresIn: pollingInterval,
+        } }, children));
+};
+export const useSessionContext = () => {
+    return useContext(SessionContext);
+};
+export default SessionProvider;

package/dist/providers/SnackBarProvider.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface SnackBarProps {
+    children?: React.ReactNode;
+}
+export declare const SnackBarProvider: ({ children }: SnackBarProps) => React.JSX.Element;
+export declare const useSnackbarContext: () => {
+    enqueueSnackbar(message: string, variant: "default" | "error" | "success" | "warning" | "info"): void;
+};
+export default SnackBarProvider;
+//# sourceMappingURL=SnackBarProvider.d.ts.map

package/dist/providers/SnackBarProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnackBarProvider.d.ts","sourceRoot":"","sources":["../../src/providers/SnackBarProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAezD,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA8CD,eAAO,MAAM,gBAAgB,GAAI,cAAc,aAAa,sBAM3D,CAAC;AAEF,eAAO,MAAM,kBAAkB;6BA/DlB,MAAM,WACN,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAC5D,IAAI;CA+DR,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/providers/SnackBarProvider.js

@@ -0,0 +1,35 @@
+import React, { createContext, useContext } from "react";
+import Button from "@mui/material/Button";
+import { SnackbarProvider, useSnackbar } from "notistack";
+const SnackBarContext = createContext({
+    enqueueSnackbar: () => { },
+});
+const SnackBarProviderUtilities = ({ children }) => {
+    const { enqueueSnackbar, closeSnackbar } = useSnackbar();
+    const action = (snackbarId) => (React.createElement(React.Fragment, null,
+        React.createElement(Button, { size: "small", variant: "text", color: "inherit", onClick: () => {
+                closeSnackbar(snackbarId);
+            } }, "\u0417\u0430\u043A\u0440\u044B\u0442\u044C")));
+    function handleEnqueueSnackbar(message, variant) {
+        enqueueSnackbar(message, {
+            variant: variant,
+            preventDuplicate: true,
+            action: action,
+            anchorOrigin: {
+                horizontal: "left",
+                vertical: "bottom",
+            },
+        });
+    }
+    return (React.createElement(SnackBarContext.Provider, { value: {
+            enqueueSnackbar: handleEnqueueSnackbar,
+        } }, children));
+};
+export const SnackBarProvider = ({ children }) => {
+    return (React.createElement(SnackbarProvider, { maxSnack: 5, autoHideDuration: 5000, preventDuplicate: true },
+        React.createElement(SnackBarProviderUtilities, null, children)));
+};
+export const useSnackbarContext = () => {
+    return useContext(SnackBarContext);
+};
+export default SnackBarProvider;

package/dist/providers/index.d.ts

@@ -0,0 +1,9 @@
+export { default as DagStateProvider } from "./DagStateProvider";
+export * from "./DagStateProvider";
+export { default as SessionProvider } from "./SessionProvider";
+export * from "./SessionProvider";
+export { default as SnackBarProvider } from "./SnackBarProvider";
+export * from "./SnackBarProvider";
+export { default as AirflowProvider } from "./AirflowProvider";
+export * from "./AirflowProvider";
+//# sourceMappingURL=index.d.ts.map

package/dist/providers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/providers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,cAAc,mBAAmB,CAAC"}

package/dist/providers/index.js

@@ -0,0 +1,8 @@
+export { default as DagStateProvider } from "./DagStateProvider";
+export * from "./DagStateProvider";
+export { default as SessionProvider } from "./SessionProvider";
+export * from "./SessionProvider";
+export { default as SnackBarProvider } from "./SnackBarProvider";
+export * from "./SnackBarProvider";
+export { default as AirflowProvider } from "./AirflowProvider";
+export * from "./AirflowProvider";

package/dist/types.d.ts

@@ -0,0 +1,80 @@
+import { ReactNode } from "react";
+import { SxProps } from "@mui/material";
+export type DagState = "queued" | "running" | "success" | "failed";
+export type TaskState = "success" | "running" | "failed" | "upstream_failed" | "skipped" | "up_for_retry" | "up_for_reschedule" | "queued" | "none" | "scheduled" | "deferred" | "removed" | "restarting";
+export interface Dag {
+    dagId: string;
+    rootDagId: string | null;
+    isPaused: boolean | null;
+    isActive: boolean | null;
+    isSubdag: boolean;
+    lastParsedTime: string | null;
+    lastPickled: string | null;
+    lastExpired: string | null;
+    schedulerLock: boolean | null;
+    pickleId: string | null;
+    defaultView: string | null;
+    fileloc: string;
+    fileToken: string;
+    owners: string[];
+    description: string | null;
+    scheduleInterval: unknown | null;
+    timetableDescription: string | null;
+    tags: object[] | null;
+    maxActiveTasks: number | null;
+    maxActiveRuns: number | null;
+    hasTaskConcurrencyLimits: boolean | null;
+    hasImportErrors: boolean | null;
+    nextDagrun: string | null;
+    nextDagrunDataIntervalStart: string | null;
+    nextDagrunDataIntervalEnd: string | null;
+    nextDagrunCreateAfter: string | null;
+    maxConsecutiveFailedDagRuns: number | null;
+}
+export interface DagRun {
+    dagRunId: string | null;
+    dagId: string;
+    logicalDate: string | null;
+    endDate: string | null;
+    state: DagState;
+    conf?: {
+        rule_uuid: string;
+        table_name: string;
+        start_date: string;
+        end_date: string;
+        username: string;
+        filename?: string;
+    };
+}
+export interface TaskInstance {
+    taskId: string;
+    dagId: string;
+    dagRunId: string;
+    executionDate: string;
+    duration: number | null;
+    state: TaskState | null;
+    tryNumber: number;
+}
+export interface TaskInstances {
+    taskInstances: TaskInstance[];
+    totalEntries: number;
+}
+export interface Logs {
+    continuationToken: string;
+    content: string;
+}
+export interface Column<T> {
+    name: string;
+    displayName: string;
+    fieldName: string;
+    defaultValue?: string;
+    sortable?: boolean;
+    searchable?: boolean;
+    order?: "asc" | "desc" | "none";
+    searchStr?: string | (() => string);
+    colSx?: SxProps;
+    resizable?: boolean;
+    searchComponent?(): ReactNode;
+    cellContentComponent?(row: T): ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils.d.ts

@@ -0,0 +1,26 @@
+import "moment-duration-format";
+import "moment/locale/ru";
+import { DagState, TaskState } from "./types";
+import { PopoverOrigin } from "@mui/material";
+export declare function getCSRFToken(): string;
+export declare function setCSRFToken(newToken: string): void;
+export declare function prettyDatetime(datetime: string): string;
+export declare const taskStateText: (taskState: DagState | TaskState | string | null | undefined) => "Завершена" | "Ошибка" | "В очереди" | "Выполняется" | "Нет состояния";
+export declare const formatDate: (date: string) => string;
+export declare const formatDuration: (duration: number) => string;
+export declare const getSlugTableName: (name: string) => string;
+export declare const getShiftedColor: (colorHex: string, shift: number) => string;
+export declare const getSQLLabHref: (supersetURL: string, tableName: string, schema: string, dbName: string, autorun?: boolean, queryLimit?: number) => string;
+export declare const getDashboardHref: (supersetURL: string, tableName: string) => string;
+export declare function useDebounce<Args extends unknown[]>(callback: (...args: Args) => void, delay: number): (...args: Args) => void;
+export declare const getResponsiveAnchorOrigin: (anchorEl: HTMLElement, elementHeight: number) => PopoverOrigin;
+export declare const getResponsiveTransformOrigin: (anchorEl: HTMLElement, elementHeight: number) => PopoverOrigin;
+export declare const gettextTS: (msgid: string) => string;
+export declare const ngettextTS: (singular: string, plural: string, count: number) => string;
+export declare const pgettextTS: (context: string, msgid: string) => string;
+export declare const npgettextTS: (context: string, singular: string, plural: string, count: number) => string;
+export declare const gettextNoopTS: (msgid: string) => string;
+export declare const interpolateTS: (fmt: string, obj: any, named?: boolean) => string;
+export declare const getFormatTS: (formatType: string) => string;
+export declare const pluralidxTS: (count: number) => number;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,OAAO,wBAAwB,CAAC;AAChC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAG9C,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,wBAAgB,YAAY,WAI3B;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,QAI5C;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,UAM9C;AAED,eAAO,MAAM,aAAa,GACxB,WAAW,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,2EAc5D,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,WAWtC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,UAAU,MAAM,WAK9C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,WAyC5C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,UAAU,MAAM,EAAE,OAAO,MAAM,WAkB9D,CAAC;AACF,eAAO,MAAM,aAAa,GACxB,aAAa,MAAM,EACnB,WAAW,MAAM,EACjB,QAAQ,MAAM,EACd,QAAQ,MAAM,EACd,UAAU,OAAO,EACjB,aAAa,MAAM,WAWpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,EAAE,WAAW,MAAM,WACR,CAAC;AAEhE,wBAAgB,WAAW,CAAC,IAAI,SAAS,OAAO,EAAE,EAChD,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,IAAI,EACjC,KAAK,EAAE,MAAM,aAKD,IAAI,UAUjB;AAED,eAAO,MAAM,yBAAyB,GACpC,UAAU,WAAW,EACrB,eAAe,MAAM,KAOhB,aACN,CAAC;AAEF,eAAO,MAAM,4BAA4B,GACvC,UAAU,WAAW,EACrB,eAAe,MAAM,KAOhB,aACN,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,KAAG,MAMzC,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,UAAU,MAAM,EAChB,QAAQ,MAAM,EACd,OAAO,MAAM,KACZ,MAMF,CAAC;AACF,eAAO,MAAM,UAAU,GAAI,SAAS,MAAM,EAAE,OAAO,MAAM,KAAG,MAM3D,CAAC;AACF,eAAO,MAAM,WAAW,GACtB,SAAS,MAAM,EACf,UAAU,MAAM,EAChB,QAAQ,MAAM,EACd,OAAO,MAAM,KACZ,MAMF,CAAC;AACF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,MAM7C,CAAC;AACF,eAAO,MAAM,aAAa,GACxB,KAAK,MAAM,EAEX,KAAK,GAAG,EACR,QAAQ,OAAO,KACd,MAKF,CAAC;AACF,eAAO,MAAM,WAAW,GAAI,YAAY,MAAM,KAAG,MAKhD,CAAC;AACF,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,KAAG,MAK3C,CAAC"}

package/dist/utils.js

@@ -0,0 +1,193 @@
+import moment from "moment";
+import moment_tz from "moment-timezone";
+import "moment-duration-format";
+import "moment/locale/ru";
+import { slugify } from "transliteration";
+import { useCallback, useRef } from "react";
+export function getCSRFToken() {
+    return document.getElementsByName("csrfmiddlewaretoken")[0].value;
+}
+export function setCSRFToken(newToken) {
+    document.getElementsByName("csrfmiddlewaretoken")[0].value = newToken;
+}
+export function prettyDatetime(datetime) {
+    if (datetime && datetime.length > 0) {
+        return moment_tz(datetime).locale("ru").format("dd DD MMM YYYY, HH:mm:ss");
+    }
+    else {
+        return "";
+    }
+}
+export const taskStateText = (taskState) => {
+    switch (taskState) {
+        case "success":
+            return "Завершена";
+        case "failed":
+            return "Ошибка";
+        case "queued":
+            return "В очереди";
+        case "running":
+            return "Выполняется";
+        default:
+            return "Нет состояния";
+    }
+};
+export const formatDate = (date) => {
+    return new Date(date).toLocaleString("ru", {
+        weekday: "short",
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit",
+        timeZone: "Europe/Moscow",
+    });
+};
+export const formatDuration = (duration) => {
+    return moment.duration(duration, "seconds").format({
+        precision: 1,
+        template: "h [ч], m [мин], s [сек]",
+    });
+};
+export const getSlugTableName = (name) => {
+    const replaces = {
+        "(": " lparen ",
+        ")": " rparen ",
+        "[": " lsqb ",
+        "]": " rsqb ",
+        "{": " lcub ",
+        "}": " rcub ",
+        "#": " num ",
+        "&": " amp ",
+        ",": " com ",
+        ".": " dot ",
+        ";": " semi ",
+        ":": " col ",
+        "/": " sol ",
+        "\\": " bsol ",
+        "?": " quest ",
+        "!": " excl ",
+        "-": " dash ",
+        "<": " lt ",
+        ">": " gt ",
+        "=": " eq ",
+        "+": " plus ",
+        "*": " ast ",
+        "|": " bar ",
+        "'": " apos ",
+        '"': " quot ",
+        "`": " grave ",
+        "~": " tilde ",
+        "@": " at ",
+        $: " dol ",
+        "%": " percnt ",
+        "^": " hat ",
+    };
+    return `table_${slugify(name, {
+        separator: "_",
+        trim: true,
+        replaceAfter: replaces,
+        allowedChars: "a-zA-Z0-9_()\\[\\]{}#&,.;:\\/\\\\?!\\-<>=+*|'\"`~@$%^",
+    })}`;
+};
+export const getShiftedColor = (colorHex, shift) => {
+    let pureHex = colorHex.substring(1);
+    if (pureHex.length === 3) {
+        pureHex = `${pureHex[0]}${pureHex[0]}${pureHex[1]}${pureHex[1]}${pureHex[2]}${pureHex[2]}`;
+    }
+    const channels = [
+        parseInt(pureHex.substring(0, 2), 16),
+        parseInt(pureHex.substring(2, 4), 16),
+        parseInt(pureHex.substring(4, 6), 16),
+    ];
+    const shifted = channels.map((ch) => {
+        return (ch + shift).toString(16);
+    });
+    return `#${shifted.join("")}`;
+};
+export const getSQLLabHref = (supersetURL, tableName, schema, dbName, autorun, queryLimit) => {
+    const url = new URL("sqllab/", supersetURL);
+    url.searchParams.append("name", tableName);
+    url.searchParams.append("schema", schema);
+    url.searchParams.append("dbname", dbName);
+    url.searchParams.append("sql", `select * from ${schema}.${tableName}`);
+    if (autorun != null)
+        url.searchParams.append("autorun", String(autorun));
+    if (queryLimit != null)
+        url.searchParams.append("queryLimit", String(queryLimit));
+    return url.href;
+};
+export const getDashboardHref = (supersetURL, tableName) => new URL(`superset/dashboard/${tableName}/`, supersetURL).href;
+export function useDebounce(callback, delay) {
+    const timer = useRef(null);
+    const debouncedCallback = useCallback((...args) => {
+        if (timer.current) {
+            clearTimeout(timer.current);
+        }
+        timer.current = setTimeout(() => callback(...args), delay);
+    }, [callback, delay]);
+    return debouncedCallback;
+}
+export const getResponsiveAnchorOrigin = (anchorEl, elementHeight) => {
+    const rect = anchorEl?.getBoundingClientRect();
+    return (window.innerHeight - rect?.bottom > elementHeight
+        ? { vertical: "bottom", horizontal: "left" }
+        : { vertical: "top", horizontal: "left" });
+};
+export const getResponsiveTransformOrigin = (anchorEl, elementHeight) => {
+    const rect = anchorEl?.getBoundingClientRect();
+    return (window.innerHeight - rect?.bottom > elementHeight
+        ? { vertical: "top", horizontal: "left" }
+        : { vertical: "bottom", horizontal: "left" });
+};
+export const gettextTS = (msgid) => {
+    if (typeof gettext === "function") {
+        return gettext(msgid);
+    }
+    return msgid;
+};
+export const ngettextTS = (singular, plural, count) => {
+    if (typeof ngettext === "function") {
+        return ngettext(singular, plural, count);
+    }
+    return count === 1 ? singular : plural;
+};
+export const pgettextTS = (context, msgid) => {
+    if (typeof pgettext === "function") {
+        return pgettext(context, msgid);
+    }
+    return msgid;
+};
+export const npgettextTS = (context, singular, plural, count) => {
+    if (typeof npgettext === "function") {
+        return npgettext(context, singular, plural, count);
+    }
+    return count === 1 ? singular : plural;
+};
+export const gettextNoopTS = (msgid) => {
+    if (typeof gettext_noop === "function") {
+        return gettext_noop(msgid);
+    }
+    return msgid;
+};
+export const interpolateTS = (fmt, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+obj, named) => {
+    if (typeof interpolate === "function") {
+        return interpolate(fmt, obj, named);
+    }
+    return fmt;
+};
+export const getFormatTS = (formatType) => {
+    if (typeof get_format === "function") {
+        return get_format(formatType);
+    }
+    return formatType;
+};
+export const pluralidxTS = (count) => {
+    if (typeof pluralidx === "function") {
+        return pluralidx(count);
+    }
+    return count;
+};

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "@danikokonn/yarik-frontend-lib",
+  "version": "2.0.2-test3",
+  "license": "Apache-2.0",
+  "description": "",
+  "author": "",
+  "homepage": "https://github.com/YARIK-ML/YARIK-frontend-lib#readme",
+  "bugs": {
+    "url": "https://github.com/YARIK-ML/YARIK-frontend-lib/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/YARIK-ML/YARIK-frontend-lib.git"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.16.0",
+    "@types/lodash.debounce": "^4.0.9",
+    "@types/moment-duration-format": "^2.2.6",
+    "eslint": "^9.19.0",
+    "eslint-plugin-react": "^7.37.4",
+    "globals": "^15.14.0",
+    "prettier": "3.2.5",
+    "ts-loader": "^9.5.2",
+    "tss-react": "^4.9.15",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.23.0"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/icons-material": "^6.4.3",
+    "@mui/material": "^6.4.3",
+    "@mui/x-date-pickers": "^7.25.0",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "css-loader": "^7.1.2",
+    "moment": "^2.30.1",
+    "moment-duration-format": "^2.3.2",
+    "moment-timezone": "^0.5.47",
+    "notistack": "^3.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-imask": "^7.6.1",
+    "react-virtuoso": "^4.13.0",
+    "style-loader": "^4.0.0",
+    "transliteration": "^2.3.5"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\"",
+    "build": "tsc"
+  },
+  "main": ".dist/index.js",
+  "types": ".dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./*": {
+      "import": "./dist/*/index.js",
+      "require": "./dist/*/index.js",
+      "types": "./dist/*/index.d.ts"
+    },
+    "./providers/*": {
+      "import": "./dist/providers/*.js",
+      "require": "./dist/providers/*.js",
+      "types": "./dist/providers/*.d.ts"
+    },
+    "./components/icons/*": {
+      "import": "./dist/components/icons/*.js",
+      "require": "./dist/components/icons/*.js",
+      "types": "./dist/components/icons/*.d.ts"
+    },
+    "./http": {
+      "import": "./dist/http.js",
+      "require": "./dist/http.js",
+      "types": "./dist/http.d.ts"
+    },
+    "./utils": {
+      "import": "./dist/utils.js",
+      "require": "./dist/utils.js",
+      "types": "./dist/utils.d.ts"
+    },
+    "./types": {
+      "import": "./dist/types.js",
+      "require": "./dist/types.js",
+      "types": "./dist/types.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ]
+}