@danikokonn/yarik-frontend-lib 2.0.2-test3

package/dist/components/RichFilterTextField/RichFilterTextField.js

@@ -0,0 +1,177 @@
+import React, { useEffect, useRef, useState, } from "react";
+import IconButton from "@mui/material/IconButton";
+import InputAdornment from "@mui/material/InputAdornment";
+import TextField from "@mui/material/TextField";
+import ClearIcon from "@mui/icons-material/Clear";
+import SearchRoundedIcon from "@mui/icons-material/SearchRounded";
+import HintOptionsMenu from "./HintOptionsMenu";
+import { getHints, insertInStrPos } from "./utils";
+import { useSnackbarContext } from "../../providers";
+import { useDebounce } from "../../utils";
+import FilterHistoryMenu from "./FilterHistoryMenu";
+import { Stack } from "@mui/material";
+const RichFilterTextField = ({ filterExpr, filterExprHist, fields, operators, additionalComponents, instant: _instant, onChange, onSelectFromHistory, }) => {
+    const { enqueueSnackbar } = useSnackbarContext();
+    const [search, setSearch] = useState(filterExpr);
+    const instant = _instant ?? true;
+    useEffect(() => setSearch(filterExpr), [filterExpr]);
+    const [searchHist, setSearchHist] = useState(filterExprHist);
+    const [inputAnchor, setInputAnchor] = useState(null);
+    const [cursorPos, setCursorPos] = useState(null);
+    const [currentHintOptions, setCurrentHintOptions] = useState(() => new Map());
+    const [focusIdx, setFocusIdx] = useState(0);
+    const inputRef = useRef(null);
+    const textFieldRef = useRef(null);
+    const updateHints = useDebounce(() => {
+        if (cursorPos == null)
+            return;
+        const hints = getHints(search, cursorPos, fields, operators);
+        setCurrentHintOptions(hints);
+        setFocusIdx(0);
+        setInputAnchor(hints?.size > 0 ? textFieldRef.current : null);
+    }, 20);
+    useEffect(() => {
+        if (cursorPos == null)
+            return;
+        if (inputRef.current && cursorPos !== inputRef.current.selectionStart) {
+            inputRef.current.selectionStart = cursorPos;
+            inputRef.current.selectionEnd = cursorPos;
+        }
+        updateHints();
+    }, [cursorPos]);
+    const handleChange = (value, _idx) => {
+        setSearch(value);
+        onChange(value, (v) => setSearchHist(v));
+    };
+    const insertHint = (hint) => {
+        if (cursorPos == null)
+            return;
+        if (hint.includes("[")) {
+            hint = "[]";
+        }
+        else if (hint.includes("(")) {
+            hint = "()";
+        }
+        else if (hint.includes("regex")) {
+            hint = hint.replace("regex", "");
+        }
+        const { newSearch, newPos } = insertInStrPos(search, cursorPos, hint, fields);
+        handleChange(newSearch);
+        if (hint.includes("[") || hint.includes("(") || hint.includes("/")) {
+            setCursorPos(newPos - 1);
+        }
+        else {
+            setCursorPos(newPos);
+        }
+    };
+    const handleKeyUp = (e) => {
+        switch (e.code) {
+            case "ArrowDown": {
+                e.preventDefault();
+                break;
+            }
+            case "ArrowUp": {
+                e.preventDefault();
+                break;
+            }
+            case "Enter": {
+                e.preventDefault();
+                if (inputAnchor) {
+                    const focusedHint = currentHintOptions.entries().toArray()[focusIdx][0];
+                    insertHint(focusedHint);
+                }
+                else {
+                    onChange(search, (v) => setSearchHist(v));
+                }
+                break;
+            }
+            case "Escape":
+            case "Tab": {
+                setInputAnchor(null);
+                setCursorPos(null);
+                break;
+            }
+            default: {
+                setCursorPos(inputRef.current?.selectionStart ?? null);
+            }
+        }
+    };
+    const handleKeyDown = (e) => {
+        switch (e.code) {
+            case "ArrowLeft":
+            case "ArrowRight":
+            case "Space":
+            case "Backspace": {
+                setInputAnchor(null);
+                setCursorPos(inputRef.current?.selectionStart ?? null);
+                return;
+            }
+            case "ArrowDown": {
+                if (inputAnchor) {
+                    if (focusIdx + 1 < currentHintOptions.size) {
+                        setFocusIdx(focusIdx + 1);
+                    }
+                    else {
+                        setFocusIdx(0);
+                    }
+                }
+                e.preventDefault();
+                return;
+            }
+            case "ArrowUp": {
+                if (inputAnchor) {
+                    if (focusIdx - 1 >= 0) {
+                        setFocusIdx(focusIdx - 1);
+                    }
+                    else {
+                        setFocusIdx(currentHintOptions.size - 1);
+                    }
+                }
+                e.preventDefault();
+                return;
+            }
+            case "Enter": {
+                e.preventDefault();
+                return;
+            }
+            case "Escape":
+            case "Tab": {
+                setInputAnchor(null);
+                setCursorPos(null);
+                break;
+            }
+            default: {
+                setCursorPos(inputRef.current?.selectionStart ?? null);
+            }
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(TextField, { ref: textFieldRef, inputRef: inputRef, fullWidth: true, size: "small", value: search, title: search, multiline: true, maxRows: 1, onChange: (e) => (instant ? handleChange : setSearch)(e.target.value), onClick: (e) => {
+                if (e.target !== e.currentTarget)
+                    return;
+                setCursorPos(inputRef.current?.selectionStart ?? null);
+            }, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, slotProps: {
+                input: {
+                    startAdornment: (React.createElement(InputAdornment, { position: "start" },
+                        React.createElement(Stack, { direction: "row", sx: { alignItems: "center" } },
+                            !instant && (React.createElement(IconButton, { onClick: (e) => {
+                                    onChange(search, (v) => setSearchHist(v));
+                                    e.stopPropagation();
+                                }, title: "\u041F\u043E\u0438\u0441\u043A" },
+                                React.createElement(SearchRoundedIcon, null))),
+                            React.createElement(FilterHistoryMenu, { searchHist: searchHist, onChange: onSelectFromHistory || handleChange, onCopy: () => enqueueSnackbar("Предустановка фильтра скопирована в буфер обмена", "default") }),
+                            additionalComponents))),
+                    endAdornment: (React.createElement(InputAdornment, { position: "end" },
+                        React.createElement(IconButton, { title: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440\u044B", disabled: !search, onClick: (e) => {
+                                handleChange("");
+                                e.stopPropagation();
+                            } },
+                            React.createElement(ClearIcon, null)))),
+                },
+            } }),
+        React.createElement(HintOptionsMenu, { inputAnchor: inputAnchor, inputRef: inputRef, textFieldRef: textFieldRef, options: currentHintOptions, focusIdx: focusIdx, onSelectHint: insertHint, onClose: () => {
+                setInputAnchor(null);
+                setCursorPos(null);
+            } })));
+};
+export default RichFilterTextField;

package/dist/components/RichFilterTextField/RichFilterTextFieldProps.d.ts

@@ -0,0 +1,71 @@
+import React from "react";
+export interface FilterField {
+    /**
+     * Название поля. Используется при подстановке. Должно оканчиваться двоеточием
+     */
+    name: string;
+    /**
+     * Дополнительный текст с описанием поля
+     */
+    desc?: string;
+    type: "datetime" | "bool" | "text" | "number";
+    /**
+     * Определяет задаётся ли `opList` в режиме черного списка либо белого списка. По умолчанию - `false` (черный список)
+     */
+    denyAll?: boolean;
+    /**
+     * Список допустимых либо запрещённых идентификаторов операторов. Вид фильтрации задаётся в пропсе `denyAll`
+     */
+    opList?: string[];
+    /**
+     * Список допустимых значений поля
+     */
+    values?: FilterValue[];
+}
+export interface FilterOperator {
+    /**
+     * Идентификатор оператора. Идентификаторы используются для связки со списком допустимых или запрещённых операторов полей `opList`
+     */
+    id: string;
+    /**
+     * Название оператора. Используется при подстановке
+     */
+    name: string;
+    /**
+     * Дополнительный текст с описанием оператора
+     */
+    desc?: string;
+}
+export interface FilterValue {
+    /**
+     * Название значения. Используется при подстановке
+     */
+    name: string;
+    /**
+     * Дополнительный текст с описанием значения
+     */
+    desc?: string;
+}
+export default interface RichFilterTextFieldProps {
+    /**
+     * Строковое выражение фильтра
+     */
+    filterExpr: string;
+    /**
+     * Список предыдущих значений выражений строкового фильтра
+     */
+    filterExprHist: string[];
+    /**
+     * Список полей фильтрации
+     */
+    fields: FilterField[];
+    /**
+     * Список операторов фильтрации
+     */
+    operators: FilterOperator[];
+    instant?: boolean;
+    additionalComponents?: React.JSX.Element[];
+    onChange(value: string, onSuccess?: (v: unknown) => void): void;
+    onSelectFromHistory?(value: string, idx: number): void;
+}
+//# sourceMappingURL=RichFilterTextFieldProps.d.ts.map

package/dist/components/RichFilterTextField/RichFilterTextFieldProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichFilterTextFieldProps.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/RichFilterTextFieldProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC9C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,CAAC,OAAO,WAAW,wBAAwB;IAC/C;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB;;OAEG;IACH,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB;;OAEG;IACH,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;IAC3C,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI,CAAC;IAChE,mBAAmB,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACxD"}

package/dist/components/RichFilterTextField/RichFilterTextFieldProps.js

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

package/dist/components/RichFilterTextField/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from "./RichFilterTextField";
+export * from "./RichFilterTextField";
+export { default as RichFilterTextFieldProps } from "./RichFilterTextFieldProps";
+export * from "./RichFilterTextFieldProps";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RichFilterTextField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,cAAc,4BAA4B,CAAC"}

package/dist/components/RichFilterTextField/index.js

@@ -0,0 +1,3 @@
+export { default } from "./RichFilterTextField";
+export * from "./RichFilterTextField";
+export * from "./RichFilterTextFieldProps";

package/dist/components/RichFilterTextField/utils.d.ts

@@ -0,0 +1,7 @@
+import { FilterField, FilterOperator } from "./RichFilterTextFieldProps";
+export declare const getHints: (search: string, cursorPos: number, fields: FilterField[], operators: FilterOperator[]) => Map<string, string | undefined>;
+export declare const insertInStrPos: (search: string, cursorPos: number, hint: string, fields: FilterField[]) => {
+    newSearch: string;
+    newPos: number;
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/RichFilterTextField/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,cAAc,EAEf,MAAM,4BAA4B,CAAC;AAapC,eAAO,MAAM,QAAQ,GACnB,QAAQ,MAAM,EACd,WAAW,MAAM,EACjB,QAAQ,WAAW,EAAE,EACrB,WAAW,cAAc,EAAE,oCAqE5B,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,QAAQ,MAAM,EACd,WAAW,MAAM,EACjB,MAAM,MAAM,EACZ,QAAQ,WAAW,EAAE;;;CAoFtB,CAAC"}

package/dist/components/RichFilterTextField/utils.js

@@ -0,0 +1,131 @@
+const getSingleMatch = (token, fields) => {
+    const matchedFields = fields.filter((v) => v.name.startsWith(token));
+    if (matchedFields.length !== 1)
+        return undefined;
+    return matchedFields[0];
+};
+const getMapOf = (list) => new Map(list.map((v) => [v.name, v.desc]));
+export const getHints = (search, cursorPos, fields, operators) => {
+    if (search.length === 0) {
+        return getMapOf(fields);
+    }
+    const charBefore = search[cursorPos - 1];
+    const charAfter = search[cursorPos];
+    const tokensBeforeCursor = search.substring(0, cursorPos).split(" ");
+    // Ближайший токен слева от курсора
+    const token = tokensBeforeCursor[tokensBeforeCursor.length - 1];
+    switch (charBefore) {
+        case " ": {
+            if (typeof charAfter === "undefined" || charAfter === " ")
+                return getMapOf(fields);
+            break;
+        }
+        case ":": {
+            // Все поля, которые начинаются с значения токена
+            const nextWhiteSpace = typeof charAfter === "undefined" || charAfter === " ";
+            const matchedField = getSingleMatch(token, fields);
+            if (nextWhiteSpace && matchedField) {
+                const availableOps = matchedField.opList;
+                const denyAll = matchedField.denyAll;
+                if (denyAll) {
+                    return getMapOf((availableOps &&
+                        operators.filter((v) => availableOps.includes(v.id))) ||
+                        []);
+                }
+                else {
+                    return getMapOf((availableOps &&
+                        operators.filter((v) => !availableOps.includes(v.id))) ||
+                        operators);
+                }
+            }
+            break;
+        }
+        default: {
+            if (typeof charAfter === "undefined" || charAfter === " ") {
+                const tokensBeforeCursor = search.substring(0, cursorPos).split(" ");
+                const token = tokensBeforeCursor[tokensBeforeCursor.length - 1];
+                const [tokenField, tokenOperator] = token.split(":");
+                const matchedField = getSingleMatch(`${tokenField}:`, fields);
+                const fieldHasValues = Boolean(matchedField?.values);
+                const validToken = Boolean(tokenOperator &&
+                    operators.find((v) => v.name === tokenOperator) != null);
+                if (fieldHasValues && validToken) {
+                    return getMapOf(matchedField?.values || []);
+                }
+                return getMapOf(fields.filter((v) => v.name.startsWith(token)));
+            }
+        }
+    }
+    return getMapOf([]);
+};
+export const insertInStrPos = (search, cursorPos, hint, fields) => {
+    if (search.length === 0) {
+        return {
+            newSearch: hint,
+            newPos: hint.length,
+        };
+    }
+    const charBefore = search[cursorPos - 1];
+    const tokensBeforeCursor = search.substring(0, cursorPos).split(" ");
+    const token = tokensBeforeCursor[tokensBeforeCursor.length - 1];
+    const [tokenField, _tokenOperator] = token.split(":");
+    const matchedField = getSingleMatch(tokenField, fields);
+    switch (charBefore) {
+        case " ":
+        case ":": {
+            if (matchedField?.type === "datetime" && !hint.endsWith("/")) {
+                const formatDate = "YYYY-MM-DD HH:MM:SS";
+                const rangeHint = `("${formatDate}","${formatDate}")`;
+                if (hint.startsWith("(")) {
+                    const newSearch = search.substring(0, cursorPos) +
+                        rangeHint +
+                        search.substring(cursorPos, search.length);
+                    return {
+                        newSearch: newSearch,
+                        newPos: cursorPos + rangeHint.length + 1,
+                    };
+                }
+                else if (hint.startsWith("[")) {
+                    const newSearch = search.substring(0, cursorPos) +
+                        `["${formatDate}",]` +
+                        search.substring(cursorPos, search.length);
+                    return {
+                        newSearch: newSearch,
+                        newPos: cursorPos + rangeHint.length + 1,
+                    };
+                }
+                const dateHint = `${hint}"${formatDate}"`;
+                const newSearch = search.substring(0, cursorPos) +
+                    dateHint +
+                    search.substring(cursorPos, search.length);
+                return {
+                    newSearch: newSearch,
+                    newPos: cursorPos + dateHint.length,
+                };
+            }
+            const newSearch = search.substring(0, cursorPos) +
+                hint +
+                search.substring(cursorPos, search.length);
+            return {
+                newSearch: newSearch,
+                newPos: cursorPos + hint.length,
+            };
+        }
+        default: {
+            const fieldHasValues = Boolean(matchedField?.values);
+            const hintIsValue = matchedField?.values?.find((v) => v.name === hint);
+            if (fieldHasValues && hintIsValue) {
+                tokensBeforeCursor[tokensBeforeCursor.length - 1] += hint;
+            }
+            else {
+                tokensBeforeCursor[tokensBeforeCursor.length - 1] = hint;
+            }
+            const subsBeforeCursor = tokensBeforeCursor.join(" ");
+            const newSearch = subsBeforeCursor + search.substring(cursorPos, search.length);
+            return {
+                newSearch: newSearch,
+                newPos: subsBeforeCursor.length,
+            };
+        }
+    }
+};

package/dist/components/SmartTable/RowContent.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from "react";
+import { Column } from "../../types";
+import { SxProps, Theme } from "@mui/material";
+interface RowContentProps<T> {
+    row: T;
+    columns: Column<T>[];
+    onDoubleClick?(rowId: string | null): void;
+    onSelectRow(rowId: string | null): void;
+    controlComponent?(row: T): ReactNode;
+    controlComponentColSx?: SxProps<Theme>;
+}
+export default function RowContent<T>({ row, columns, onSelectRow, onDoubleClick, controlComponent, controlComponentColSx, }: RowContentProps<T>): React.JSX.Element;
+export {};
+//# sourceMappingURL=RowContent.d.ts.map

package/dist/components/SmartTable/RowContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowContent.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/RowContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE/C,UAAU,eAAe,CAAC,CAAC;IACzB,GAAG,EAAE,CAAC,CAAC;IACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3C,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,gBAAgB,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,SAAS,CAAC;IACrC,qBAAqB,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACxC;AAUD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,EAAE,EACpC,GAAG,EACH,OAAO,EACP,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,qBAAqB,GACtB,EAAE,eAAe,CAAC,CAAC,CAAC,qBAoCpB"}

package/dist/components/SmartTable/RowContent.js

@@ -0,0 +1,29 @@
+import React from "react";
+import TableCell from "@mui/material/TableCell";
+const hiddenTextStyle = {
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    paddingTop: "0.25rem",
+    paddingBottom: "0.25rem",
+};
+export default function RowContent({ row, columns, onSelectRow, onDoubleClick, controlComponent, controlComponentColSx, }) {
+    return (React.createElement(React.Fragment, null,
+        columns.map((col, idx) => (React.createElement(TableCell, { sx: {
+                ...hiddenTextStyle,
+                ...col.colSx,
+            }, key: idx, onClick: (_) => {
+                const selection = window.getSelection();
+                if (selection && selection.toString().length > 0)
+                    return;
+                onSelectRow(Object(row).id);
+            }, onDoubleClick: (_) => (onDoubleClick || (() => { }))(Object(row).id) }, col.cellContentComponent
+            ? col.cellContentComponent(row)
+            : Object(row)[col.name] || "N/A"))),
+        controlComponent && (React.createElement(TableCell, { sx: {
+                textAlign: "center",
+                cursor: "default",
+                p: 0,
+                ...controlComponentColSx,
+            } }, controlComponent(row)))));
+}

package/dist/components/SmartTable/RuleRow.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from "react";
+import { TableRowProps } from "@mui/material/TableRow";
+import { Column } from "../../types";
+import { SxProps, Theme } from "@mui/material";
+interface RowProps<T> {
+    row: T;
+    columns: Column<T>[];
+    sx?: SxProps<Theme>;
+    selectedRow?: string | null;
+    ContentWrapper?({ children, dagId, rowProps, }: {
+        children?: ReactNode;
+        dagId: string;
+        rowProps: TableRowProps;
+    }): React.JSX.Element;
+    onDoubleClick?(rowId: string | null): void;
+    onSelectRow(rowId: string | null): void;
+    controlComponent?(row: T): ReactNode;
+    controlComponentColSx?: SxProps<Theme>;
+}
+export default function RuleRow<T>({ row, columns, sx, selectedRow, onSelectRow, onDoubleClick, controlComponent, ContentWrapper, controlComponentColSx, }: RowProps<T>): React.JSX.Element;
+export {};
+//# sourceMappingURL=RuleRow.d.ts.map

package/dist/components/SmartTable/RuleRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleRow.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/RuleRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAiB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE/C,UAAU,QAAQ,CAAC,CAAC;IAClB,GAAG,EAAE,CAAC,CAAC;IACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,CAAC,EACd,QAAQ,EACR,KAAK,EACL,QAAQ,GACT,EAAE;QACD,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,aAAa,CAAC;KACzB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACtB,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3C,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,gBAAgB,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,SAAS,CAAC;IACrC,qBAAqB,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACxC;AAgDD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,EAAE,EACjC,GAAG,EACH,OAAO,EACP,EAAE,EACF,WAAW,EACX,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,qBAAqB,GACtB,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAoCb"}

package/dist/components/SmartTable/RuleRow.js

@@ -0,0 +1,35 @@
+import React from "react";
+import TableCell from "@mui/material/TableCell";
+const hiddenTextStyle = {
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    paddingTop: "0.25rem",
+    paddingBottom: "0.25rem",
+};
+function RowContent({ row, columns, onSelectRow, onDoubleClick, }) {
+    return (React.createElement(React.Fragment, null, columns.map((col, idx) => (React.createElement(TableCell, { sx: {
+            ...hiddenTextStyle,
+            ...col.colSx,
+        }, key: idx, onClick: (_) => {
+            const selection = window.getSelection();
+            if (selection && selection.toString().length > 0)
+                return;
+            onSelectRow(Object(row).id);
+        }, onDoubleClick: (_) => onDoubleClick(Object(row).id) }, col.cellContentComponent
+        ? col.cellContentComponent(row)
+        : Object(row)[col.name] || "N/A")))));
+}
+export default function RuleRow({ row, columns, sx, selectedRow, onSelectRow, onDoubleClick, controlComponent, ContentWrapper, controlComponentColSx, }) {
+    const content = (React.createElement(React.Fragment, null,
+        React.createElement(RowContent, { onSelectRow: onSelectRow, onDoubleClick: onDoubleClick || (() => { }), row: row, columns: columns }),
+        controlComponent && (React.createElement(TableCell, { sx: {
+                textAlign: "center",
+                cursor: "default",
+                p: 0,
+                ...controlComponentColSx,
+            } }, controlComponent(row)))));
+    return ContentWrapper ? (React.createElement(ContentWrapper, { dagId: Object(row).id, rowProps: {
+            selected: Object(row).id === selectedRow,
+        } }, content)) : (content);
+}

package/dist/components/SmartTable/SmartTable.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import SmartTableProps from "./SmartTableProps";
+export default function SmartTable<T>({ rows, columns, pageN, numPages, perPage, loading, minWidth, width, rowStyles, selectable, selectedRow, sx, disablePerPageSelector, globalSearch, columnAutoWidth, error, globalSearchComponent, ContentWrapper, onRowDoubleClick, onSelectRow, controlComponent: ControlComponent, onToggleSort, onInputSearch, onPageSelect, onChangePerPage, controlComponentColSx, perPageOptions, }: SmartTableProps<T>): React.JSX.Element;
+//# sourceMappingURL=SmartTable.d.ts.map

package/dist/components/SmartTable/SmartTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartTable.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/SmartTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAsBlD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAiHhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,EAAE,EACpC,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,EAAE,EACF,sBAAsB,EACtB,YAAY,EACZ,eAAe,EACf,KAAK,EACL,qBAAqB,EACrB,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,cAAc,GACf,EAAE,eAAe,CAAC,CAAC,CAAC,qBA4TpB"}