slick-table 0.0.1 → 0.0.3

package/dist/shared/lib/slickgrid/ui/columns/columnCheckboxSelector/columnCheckboxSelector.js

@@ -1,5 +0,0 @@
-import { CHECKBOX_SELECTOR } from "shared/model/consts";
-export const columnCheckboxSelector = {
-    id: CHECKBOX_SELECTOR,
-    field: CHECKBOX_SELECTOR,
-};

package/dist/shared/lib/slickgrid/ui/columns/columnCheckboxSelector/index.js

@@ -1 +0,0 @@
-export { columnCheckboxSelector } from "./columnCheckboxSelector";

package/dist/shared/lib/slickgrid/ui/columns/columnIsEdited/index.js

@@ -1 +0,0 @@
-export { columnIsEdited } from "./ui";

package/dist/shared/lib/slickgrid/ui/columns/columnIsEdited/lib/index.js

@@ -1 +0,0 @@
-export { setEditedMark } from "./setEditedMark";

package/dist/shared/lib/slickgrid/ui/columns/columnIsEdited/lib/setEditedMark.js

@@ -1,3 +0,0 @@
-export function setEditedMark(_row, _cell, value) {
-    return value ? "<span>&#9998;</span>" : "";
-}

package/dist/shared/lib/slickgrid/ui/columns/columnIsEdited/ui/columnIsEdited.js

@@ -1,13 +0,0 @@
-import { ESortType } from "shared/model/enums";
-import { setEditedMark } from "../lib";
-export const columnIsEdited = {
-    id: "isEdited",
-    name: "✎",
-    field: "isEdited",
-    formatter: setEditedMark,
-    focusable: false,
-    sortable: true,
-    sortAs: ESortType.NUMBER,
-    cssClass: "text-center",
-    maxWidth: 30,
-};

package/dist/shared/lib/slickgrid/ui/columns/columnIsEdited/ui/index.js

@@ -1 +0,0 @@
-export { columnIsEdited } from "./columnIsEdited";

package/dist/shared/lib/slickgrid/ui/columns/index.js

@@ -1,2 +0,0 @@
-export { columnCheckboxSelector } from "./columnCheckboxSelector";
-export { columnIsEdited } from "./columnIsEdited";

package/dist/shared/lib/slickgrid/ui/index.js

@@ -1,4 +0,0 @@
-export { eventOpenColumnFilters, handleHeaderButtons, headerButtons, openColumnFilter, } from "./HeaderButtons";
-export { SlickgridTable } from "./SlickgridTable";
-export { WithTableStyles } from "./styles";
-export { columnCheckboxSelector, columnIsEdited } from "./columns";

package/dist/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Styled from "./WithTableStyles.style";
-export const WithTableStyles = ({ children }) => {
-    return _jsx(Styled.Wrapper, { children: children });
-};

package/dist/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.style.js

@@ -1,150 +0,0 @@
-import { Box, styled } from "@mui/material";
-import { wink } from "../keyframes";
-const Wrapper = styled(Box)(({ theme }) => ({
-    "& .slick-container": {
-        userSelect: "none",
-        maxWidth: "100%",
-        maxHeight: "100%",
-        color: theme.palette.text.primary,
-        borderColor: theme.palette.background.paper,
-        fontFamily: "inherit",
-        fontSize: "0.75rem",
-        "& .slick-header-column": {
-            "&.filter-active .slick-header-button::after": {
-                width: "7px",
-                height: "7px",
-                content: "''",
-                backgroundColor: "#2196f3",
-                position: "absolute",
-                borderRadius: "50%",
-                border: "2px solid #f8f8f8",
-                top: "3px",
-                right: "3px",
-            },
-            "&:not([data-id=_checkbox_selector]):not([data-id=isEdited])": {
-                "& .slick-column-name": {
-                    textOverflow: "ellipsis",
-                    whiteSpace: "nowrap",
-                    overflow: "hidden",
-                    maxWidth: "calc(100% - 16px)",
-                },
-            },
-            "&.slick-state-hover": {
-                "&.filter-active .slick-header-button::after": {
-                    border: "2px solid #e8e8e8",
-                },
-                "& .slick-header-button": {
-                    "&::before": {
-                        backgroundColor: "#e8e8e8",
-                    },
-                },
-            },
-            "& .slick-header-button": {
-                width: "19px",
-                height: "12px",
-                "&::before": {
-                    position: "absolute",
-                    content: "''",
-                    width: "19px",
-                    height: "12px",
-                    top: "6px",
-                    right: "5px",
-                    backgroundImage: "repeating-linear-gradient(0deg, #808080, #808080 2px, transparent 2px, transparent 4px)",
-                    clipPath: "polygon(0% 0%, 100% 0%, 50% 110%)",
-                    backgroundColor: "#f8f8f8",
-                },
-            },
-        },
-        "& .slick-viewport": {
-            backgroundColor: theme.palette.background.paper,
-            "& .grid-canvas": {
-                "& .ui-widget-content.slick-row": {
-                    "&.even": {
-                        backgroundColor: theme.palette.background.default,
-                    },
-                    // "&.odd": {
-                    // 	backgroundColor: theme.palette.background.secondary,
-                    // },
-                    // "&:hover": {
-                    // 	backgroundColor: theme.palette.background.row_hover,
-                    // },
-                    // "&.active": {
-                    // 	backgroundColor: theme.palette.background.row_hover,
-                    // },
-                    "& .slick-cell": {
-                        "&.active": {
-                            // backgroundColor: theme.palette.background.row_hover,
-                            borderColor: "#007bff",
-                            "& input": {
-                                // backgroundColor: theme.palette.background.row_hover,
-                                color: theme.palette.text.primary,
-                            },
-                        },
-                        "&.selected": {
-                            // backgroundColor: theme.palette.background.cell_selected,
-                            color: theme.palette.text.primary,
-                        },
-                        "&.text-right": {
-                            textAlign: "right",
-                        },
-                        "&.bold": {
-                            fontWeight: "bold",
-                        },
-                        "&.wink": {
-                            animation: `${wink} infinite 0.5s linear`,
-                            "& input": {
-                                animation: `${wink} infinite 0.5s linear`,
-                            },
-                        },
-                        "& input.editor-text": {
-                            textAlign: "inherit",
-                        },
-                        "& select": {
-                            color: theme.palette.text.primary,
-                            backgroundColor: theme.palette.background.default,
-                        },
-                        "& #autocomplete": {
-                            margin: 0,
-                            padding: 0,
-                            maxHeight: "300px",
-                            width: "100%",
-                            overflow: "auto",
-                            backgroundColor: theme.palette.background.default,
-                            fontSize: "12px",
-                            boxShadow: "0 0 5px 1px gray",
-                            "& div": {
-                                "&:hover": {
-                                    // backgroundColor: theme.palette.background.row_hover,
-                                    cursor: "pointer",
-                                },
-                                "&.active": {
-                                // backgroundColor: theme.palette.background.row_hover,
-                                },
-                                "& strong": {
-                                    color: "#007bff",
-                                },
-                            },
-                        },
-                    },
-                },
-            },
-        },
-        "& .slick-footerrow": {
-            backgroundColor: theme.palette.background.default,
-            borderTop: "1px solid silver",
-            "& .slick-footerrow-column": {
-                height: "100%",
-                display: "flex",
-                justifyContent: "flex-end",
-                alignItems: "center",
-                paddingRight: "5px",
-                borderBottom: "none",
-                fontWeight: "bold",
-                "&:last-child": {
-                    borderRight: "none",
-                },
-            },
-        },
-    },
-}));
-export default { Wrapper };

package/dist/shared/lib/slickgrid/ui/styles/WithTableStyles/index.js

@@ -1 +0,0 @@
-export { WithTableStyles } from "./WithTableStyles";

package/dist/shared/lib/slickgrid/ui/styles/index.js

@@ -1 +0,0 @@
-export { WithTableStyles } from "./WithTableStyles";

package/dist/shared/lib/slickgrid/ui/styles/keyframes/index.js

@@ -1 +0,0 @@
-export { wink } from "./wink";

package/dist/shared/lib/slickgrid/ui/styles/keyframes/wink.js

@@ -1,6 +0,0 @@
-import { keyframes } from "@mui/material";
-export const wink = keyframes `
-  50% {
-    background-color: #ffb1b1;
-  }
-`;

package/dist/shared/lib/sorting/Sort.js

@@ -1,22 +0,0 @@
-import { getTime } from "../datetime";
-class Sort {
-    constructor() {
-        this.emptyValue = "1/1/1970";
-    }
-    dates(a, b) {
-        const value1 = getTime(a || this.emptyValue);
-        const value2 = getTime(b || this.emptyValue);
-        return value1 - value2;
-    }
-    numbers(a, b) {
-        return Number(a || 0) - Number(b || 0);
-    }
-    strings(a, b) {
-        if ((a || "").toLowerCase() > (b || "").toLowerCase())
-            return 1;
-        if ((a || "").toLowerCase() < (b || "").toLowerCase())
-            return -1;
-        return 0;
-    }
-}
-export const sort = new Sort();

package/dist/shared/lib/sorting/index.js

@@ -1 +0,0 @@
-export { sort } from "./Sort";

package/dist/shared/lib/stringCalculator/index.js

@@ -1,2 +0,0 @@
-// @ts-ignore
-export { stringCalculator } from "./stringCalculator";

package/dist/shared/lib/strings/deleteDoubleQuotes.js

@@ -1,6 +0,0 @@
-export const deleteDoubleQuotes = (value) => {
-    if (value !== value)
-        return ""; // if value is NaN
-    const str = String(value ?? "");
-    return str.replace(/(^")|("$)/g, "");
-};

package/dist/shared/lib/strings/index.js

@@ -1,3 +0,0 @@
-export { deleteDoubleQuotes } from "./deleteDoubleQuotes";
-export { removeHtml } from "./removeHtml";
-export { toStringWithCommas } from "./toStringWithCommas";

package/dist/shared/lib/strings/removeHtml.js

@@ -1,5 +0,0 @@
-export function removeHtml(str) {
-    const tmp = document.createElement("div");
-    tmp.innerHTML = str;
-    return tmp.textContent || tmp.innerText || "";
-}

package/dist/shared/lib/strings/toStringWithCommas.js

@@ -1,12 +0,0 @@
-export const toStringWithCommas = (value) => {
-    const valueWithoutCommas = typeof value === "number" ? value : value.replace(/,/g, "");
-    if (isNaN(+valueWithoutCommas))
-        return "0";
-    const stringValue = String(valueWithoutCommas);
-    const [integerPart, fractionalPart] = stringValue.split(".");
-    const integerPartWithCommas = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-    const fractionalPartWithoutCommas = fractionalPart
-        ? `.${fractionalPart}`
-        : "";
-    return `${integerPartWithCommas}${fractionalPartWithoutCommas}`;
-};

package/dist/shared/model/consts/columnId.js

@@ -1 +0,0 @@
-export const CHECKBOX_SELECTOR = "checkboxSelector";

package/dist/shared/model/consts/dateFormats.js

@@ -1,3 +0,0 @@
-import moment from "moment";
-import { EDateFormat } from "shared/model/enums";
-export const dateFormats = [moment.ISO_8601, EDateFormat.ui, EDateFormat.db];

package/dist/shared/model/consts/index.js

@@ -1,4 +0,0 @@
-export { CHECKBOX_SELECTOR } from "./columnId";
-export { dateFormats } from "./dateFormats";
-export { INVALID_DATE } from "./invalidDate";
-export { NO_PRIVILEGES_MESSAGE } from "./noPrivilegesMessage";

package/dist/shared/model/consts/invalidDate.js

@@ -1 +0,0 @@
-export const INVALID_DATE = "Invalid date";

package/dist/shared/model/consts/noPrivilegesMessage.js

@@ -1 +0,0 @@
-export const NO_PRIVILEGES_MESSAGE = "You do not have sufficient privileges";

package/dist/shared/model/enums/EColumnFilter.js

@@ -1,17 +0,0 @@
-export var EColumnFilter;
-(function (EColumnFilter) {
-    EColumnFilter[EColumnFilter["Boolean"] = 1] = "Boolean";
-    EColumnFilter[EColumnFilter["DateBetween"] = 2] = "DateBetween";
-    EColumnFilter[EColumnFilter["DateEqual"] = 3] = "DateEqual";
-    EColumnFilter[EColumnFilter["DateFrom"] = 4] = "DateFrom";
-    EColumnFilter[EColumnFilter["DateTo"] = 5] = "DateTo";
-    EColumnFilter[EColumnFilter["MultipleSelect"] = 6] = "MultipleSelect";
-    EColumnFilter[EColumnFilter["NumberBetween"] = 7] = "NumberBetween";
-    EColumnFilter[EColumnFilter["NumberEqual"] = 8] = "NumberEqual";
-    EColumnFilter[EColumnFilter["NumberFrom"] = 9] = "NumberFrom";
-    EColumnFilter[EColumnFilter["NumberTo"] = 10] = "NumberTo";
-    EColumnFilter[EColumnFilter["TextContain"] = 11] = "TextContain";
-    EColumnFilter[EColumnFilter["TextEqual"] = 12] = "TextEqual";
-    EColumnFilter[EColumnFilter["TextNotContain"] = 13] = "TextNotContain";
-    EColumnFilter[EColumnFilter["TextNotEqual"] = 14] = "TextNotEqual";
-})(EColumnFilter || (EColumnFilter = {}));

package/dist/shared/model/enums/EColumnFiltersGroup.js

@@ -1,11 +0,0 @@
-export var EColumnFiltersGroup;
-(function (EColumnFiltersGroup) {
-    EColumnFiltersGroup["Boolean"] = "Boolean";
-    EColumnFiltersGroup["Date"] = "Date";
-    EColumnFiltersGroup["MultipleSelect"] = "MultipleSelect";
-    /** Don't take into account column formatter while filtering */
-    EColumnFiltersGroup["Number"] = "Number";
-    /** Take into account column formatter while filtering */
-    EColumnFiltersGroup["NumberFormatted"] = "NumberFormatted";
-    EColumnFiltersGroup["Text"] = "Text";
-})(EColumnFiltersGroup || (EColumnFiltersGroup = {}));

package/dist/shared/model/enums/EDateFormat.js

@@ -1,12 +0,0 @@
-/**
- * Enum for date format.
- * @readonly
- * @enum {string}
- * */
-export var EDateFormat;
-(function (EDateFormat) {
-    /** In this format dates are stored in database. */
-    EDateFormat["db"] = "YYYY-MM-DD";
-    /** In this format dates are displayed for user. */
-    EDateFormat["ui"] = "MM/DD/YY";
-})(EDateFormat || (EDateFormat = {}));

package/dist/shared/model/enums/EKey.js

@@ -1,9 +0,0 @@
-export var EKey;
-(function (EKey) {
-    EKey["ArrowDown"] = "ArrowDown";
-    EKey["ArrowLeft"] = "ArrowLeft";
-    EKey["ArrowRight"] = "ArrowRight";
-    EKey["ArrowUp"] = "ArrowUp";
-    EKey["Control"] = "Control";
-    EKey["Enter"] = "Enter";
-})(EKey || (EKey = {}));

package/dist/shared/model/enums/EKeyCode.js

@@ -1,9 +0,0 @@
-export var EKeyCode;
-(function (EKeyCode) {
-    EKeyCode[EKeyCode["KeyB"] = 66] = "KeyB";
-    EKeyCode[EKeyCode["KeyDel"] = 46] = "KeyDel";
-    EKeyCode[EKeyCode["KeyEnter"] = 13] = "KeyEnter";
-    EKeyCode[EKeyCode["KeyR"] = 82] = "KeyR";
-    EKeyCode[EKeyCode["KeyY"] = 89] = "KeyY";
-    EKeyCode[EKeyCode["KeyZ"] = 90] = "KeyZ";
-})(EKeyCode || (EKeyCode = {}));

package/dist/shared/model/enums/ESortType.js

@@ -1,7 +0,0 @@
-export var ESortType;
-(function (ESortType) {
-    ESortType[ESortType["DATE"] = 1] = "DATE";
-    ESortType[ESortType["NUMBER"] = 2] = "NUMBER";
-    ESortType[ESortType["NUMBER_FORMATTED"] = 3] = "NUMBER_FORMATTED";
-    ESortType[ESortType["TEXT"] = 4] = "TEXT";
-})(ESortType || (ESortType = {}));

package/dist/shared/model/enums/index.js

@@ -1,6 +0,0 @@
-export { EColumnFilter } from "./EColumnFilter";
-export { EColumnFiltersGroup } from "./EColumnFiltersGroup";
-export { EDateFormat } from "./EDateFormat";
-export { EKey } from "./EKey";
-export { EKeyCode } from "./EKeyCode";
-export { ESortType } from "./ESortType";

package/dist/shared/model/types/index.js

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

package/dist/shared/model/types/slickgrid/IEditedRow.js

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

package/dist/shared/model/types/slickgrid/TGridRow.js

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

package/dist/shared/model/types/slickgrid/index.js

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

package/dist/shared/ui/ContextSelect/ContextSelect.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, InputLabel, Select, } from "@mui/material";
-import Styled from "./ContextSelect.style";
-export const ContextSelect = ({ name, list, onChange, defaultValue, value, showSelect = true, dataTestId, width = "12.8em", height, disabled = false, }) => {
-    return (_jsxs(FormControl, { variant: "outlined", size: "small", children: [_jsx(InputLabel, { id: "reportType", children: name }), _jsxs(Select, { labelId: "reportType", id: name, label: name, autoWidth: true, value: `${value ?? (defaultValue || 0)}`, defaultValue: `${defaultValue || 0}`, onChange: onChange, disabled: disabled, "data-testid": dataTestId, MenuProps: {
-                    anchorOrigin: {
-                        vertical: "bottom",
-                        horizontal: "left",
-                    },
-                    transformOrigin: {
-                        vertical: "top",
-                        horizontal: "left",
-                    },
-                    disableScrollLock: true,
-                }, sx: { height, width }, children: [showSelect && (_jsx(Styled.MenuItem, { value: 0, id: "Select", children: "Select" })), list.map((el, index) => (_jsx(Styled.MenuItem, { value: el.id, id: "selectedReport", disabled: el.isDisabled, children: el.labelForSelect || el.name }, index)))] })] }));
-};

package/dist/shared/ui/ContextSelect/ContextSelect.style.js

@@ -1,7 +0,0 @@
-import { MenuItem, styled } from "@mui/material";
-const StyledMenuItem = styled(MenuItem)({
-    fontSize: "12px",
-});
-export default {
-    MenuItem: StyledMenuItem,
-};

package/dist/shared/ui/ContextSelect/index.js

@@ -1 +0,0 @@
-export { ContextSelect } from "./ContextSelect";

package/dist/shared/ui/notification/index.js

@@ -1 +0,0 @@
-export { Notification, showNotification } from "./ui";

package/dist/shared/ui/notification/model/index.js

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

package/dist/shared/ui/notification/ui/index.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Snackbar from "@mui/material/Snackbar";
-import { useState } from "react";
-import Styled from "./index.style";
-export let showNotification = (_message, _severity) => { };
-export function Notification() {
-    const [open, setOpen] = useState(false);
-    const [message, setMessage] = useState("");
-    const [severity, setSeverity] = useState("success");
-    showNotification = (message, type) => {
-        setMessage(message);
-        setSeverity(type);
-        setOpen(true);
-    };
-    function handleClose(_event, reason) {
-        if (reason === "clickaway") {
-            return;
-        }
-        setOpen(false);
-    }
-    return (_jsx(Snackbar, { open: open, autoHideDuration: 5000, onClose: handleClose, children: _jsx(Styled.Alert, { onClose: handleClose, severity: severity, variant: "filled", children: message }) }));
-}

package/dist/shared/ui/notification/ui/index.style.js

@@ -1,11 +0,0 @@
-import { Alert, styled } from "@mui/material";
-const StyledAlert = styled(Alert)({
-    width: "100%",
-    "& .MuiAlert-message": {
-        fontSize: "0.8rem",
-    },
-    " [data-testid=CloseIcon]": {
-        fill: "white",
-    },
-});
-export default { Alert: StyledAlert };

package/dist/shared/ui/styles/WithDatePickerStyles.js

@@ -1,10 +0,0 @@
-import { Box, styled } from "@mui/material";
-export const WithDatePickerStyles = styled(Box)({
-    "& label[data-shrink=false]": {
-        top: "-5px",
-        fontSize: "14px",
-    },
-    "& .MuiOutlinedInput-root": {
-        height: "40px",
-    },
-});

package/dist/shared/ui/styles/index.js

@@ -1 +0,0 @@
-export { WithDatePickerStyles } from "./WithDatePickerStyles";