slick-table 0.0.2 → 0.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slick-table",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Enhanced version of SlickGrid library",
   "private": false,
   "type": "module",
@@ -31,6 +31,7 @@
   ],
   "scripts": {
     "dev": "vite",
+    "build:vite": "vite build",
     "build": "npm run clear:dist & tsc --project tsconfig.build.json",
     "build:types": "tsc --emitDeclarationOnly --incremental --declarationMap --outDir dist/types --project tsconfig.build-types.json",
     "clear:dist": "rimraf ./dist",

package/vite.config.ts

@@ -4,6 +4,21 @@ import path from "node:path";
 
 // https://vite.dev/config/
 export default defineConfig({
+	build: {
+		lib: {
+			entry: path.resolve("src", 'index.ts'),
+			name: 'slick-table',
+			fileName: (format) => `slick-table.${format}.js`
+		},
+		rollupOptions: {
+			external: ['react', 'react-dom'],
+			output: {
+				globals: {
+					react: 'React'
+				}
+			}
+		}
+	},
   plugins: [react()],
 	resolve: {
 		alias: {

package/dist/entities/portal/index.js

@@ -1,3 +0,0 @@
-export { makeVisible } from "./lib";
-export { PORTAL_ID } from "./model";
-export { Portal } from "./ui";

package/dist/entities/portal/lib/index.js

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

package/dist/entities/portal/lib/visibility/index.js

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

package/dist/entities/portal/lib/visibility/makeVisible.js

@@ -1,9 +0,0 @@
-export function makeVisible(menu, x, y) {
-    const { scrollWidth } = document.documentElement;
-    const { left, right } = menu.getBoundingClientRect();
-    const menuWidth = right - left;
-    const outOfScreen = x + right >= scrollWidth;
-    menu.style.left = `${outOfScreen ? x - menuWidth : x}px`;
-    menu.style.top = `${y}px`;
-    menu.style.visibility = "visible";
-}

package/dist/entities/portal/model/index.js

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

package/dist/entities/portal/model/portalId.js

@@ -1 +0,0 @@
-export const PORTAL_ID = "portal-container";

package/dist/entities/portal/ui/Overlay/Overlay.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Styled from "./Overlay.style";
-export const Overlay = ({ setIsOpened }) => {
-    return (_jsx(Styled.Wrapper, { onClick: () => setIsOpened(false), onContextMenu: (e) => {
-            e.preventDefault();
-            setIsOpened(false);
-        }, "data-testid": "overlay" }));
-};

package/dist/entities/portal/ui/Overlay/Overlay.style.js

@@ -1,12 +0,0 @@
-import { Box, styled } from "@mui/material";
-const Wrapper = styled(Box)({
-    position: "fixed",
-    top: "0",
-    left: "0",
-    right: "0",
-    bottom: "0",
-    zIndex: "2",
-});
-export default {
-    Wrapper,
-};

package/dist/entities/portal/ui/Overlay/index.js

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

package/dist/entities/portal/ui/Portal.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from "react";
-import { createPortal } from "react-dom";
-import { PORTAL_ID } from "../model";
-import { Overlay } from "./Overlay";
-import Styled from "./Portal.style";
-export const Portal = ({ children, setIsOpened }) => {
-    const container = document.getElementById("portal-root");
-    if (!container)
-        return null;
-    return createPortal(_jsxs(Fragment, { children: [_jsx(Styled.Content, { id: PORTAL_ID, children: children }), _jsx(Overlay, { setIsOpened: setIsOpened })] }), container);
-};

package/dist/entities/portal/ui/Portal.style.js

@@ -1,18 +0,0 @@
-import { Box, styled } from "@mui/material";
-const Content = styled(Box)(({ theme }) => ({
-    visibility: "hidden",
-    color: theme.palette.text.primary,
-    backgroundColor: theme.palette.background.default,
-    borderRadius: "5px",
-    boxShadow: "1px 1px 1px 1px gray",
-    padding: "0.5em",
-    position: "absolute",
-    zIndex: 10,
-    userSelect: "none",
-    fontSize: "inherit",
-    top: 0,
-    left: 0,
-}));
-export default {
-    Content,
-};

package/dist/entities/portal/ui/index.js

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

package/dist/features/column-filters/index.js

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

package/dist/features/column-filters/lib/filter/applyFilter.js

@@ -1,24 +0,0 @@
-import { debounce } from "shared/lib/debounce";
-import { eventOpenColumnFilters, headerButtons, } from "shared/lib/slickgrid";
-function setColumnFilter(value) {
-    const { columnId, table } = eventOpenColumnFilters;
-    if (!columnId || !table)
-        return;
-    const args = table.filter.args;
-    if (!args.columnFilters)
-        return;
-    table.filter.args = {
-        ...args,
-        columnFilters: {
-            ...args.columnFilters,
-            [columnId]: {
-                ...args.columnFilters[columnId],
-                value,
-            },
-        },
-    };
-    value[1] || value[2]
-        ? headerButtons.highlightColumn(table, columnId)
-        : headerButtons.resetColumn(table, columnId);
-}
-export const applyFilter = debounce(setColumnFilter);

package/dist/features/column-filters/lib/filter/index.js

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

package/dist/features/column-filters/lib/hooks/index.js

@@ -1,2 +0,0 @@
-export { useOpenMenu } from "./useOpenMenu";
-export { useSubscribeToEvent } from "./useSubscribeToEvent";

package/dist/features/column-filters/lib/hooks/useOpenMenu.js

@@ -1,36 +0,0 @@
-import { useEffect } from "react";
-import { eventOpenColumnFilters, } from "shared/lib/slickgrid";
-import { PORTAL_ID, makeVisible } from "entities/portal";
-import { defaultValue } from "../../model";
-import { firstIn } from "../select";
-export function useOpenMenu(isOpened, setFilterId, setValue) {
-    useEffect(() => {
-        if (!isOpened)
-            return;
-        const menu = document.getElementById(PORTAL_ID);
-        if (!menu)
-            return;
-        const { columnId, group, table, x, y } = eventOpenColumnFilters;
-        const grid = table?.grid;
-        if (!grid)
-            return;
-        const args = table.filter.args;
-        makeVisible(menu, x, y);
-        const { filterId, value } = args.columnFilters?.[columnId] || {};
-        const initialFilterId = filterId || firstIn(group);
-        const initialValue = value || defaultValue;
-        table.filter.args = {
-            ...args,
-            columnFilters: {
-                ...args.columnFilters,
-                [columnId]: {
-                    filterId: initialFilterId,
-                    group,
-                    value: initialValue,
-                },
-            },
-        };
-        setFilterId(initialFilterId);
-        setValue(initialValue);
-    }, [isOpened]);
-}

package/dist/features/column-filters/lib/hooks/useSubscribeToEvent.js

@@ -1,13 +0,0 @@
-import { useEffect } from "react";
-import { eventOpenColumnFilters } from "shared/lib/slickgrid";
-export function useSubscribeToEvent(setIsOpened) {
-    useEffect(() => {
-        function callback() {
-            setIsOpened(true);
-        }
-        eventOpenColumnFilters.subscribe(callback);
-        return () => {
-            eventOpenColumnFilters.unsubscribe(callback);
-        };
-    }, []);
-}

package/dist/features/column-filters/lib/index.js

@@ -1,4 +0,0 @@
-export { applyFilter } from "./filter";
-export { useOpenMenu, useSubscribeToEvent } from "./hooks";
-export { datePickerProps } from "./props";
-export { firstIn } from "./select";

package/dist/features/column-filters/lib/props/datePickerProps.js

@@ -1,9 +0,0 @@
-import moment from "moment";
-import { dateFormats } from "shared/model/consts";
-import { EDateFormat } from "shared/model/enums";
-export function datePickerProps(value) {
-    return {
-        format: EDateFormat.ui,
-        value: value ? moment(value, dateFormats) : null,
-    };
-}

package/dist/features/column-filters/lib/props/index.js

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

package/dist/features/column-filters/lib/select/firstIn.js

@@ -1,21 +0,0 @@
-import { EColumnFilter, EColumnFiltersGroup } from "shared/model/enums";
-export function firstIn(group) {
-    switch (group) {
-        case EColumnFiltersGroup.Boolean: {
-            return EColumnFilter.Boolean;
-        }
-        case EColumnFiltersGroup.Date: {
-            return EColumnFilter.DateEqual;
-        }
-        case EColumnFiltersGroup.MultipleSelect: {
-            return EColumnFilter.MultipleSelect;
-        }
-        case EColumnFiltersGroup.Number:
-        case EColumnFiltersGroup.NumberFormatted: {
-            return EColumnFilter.NumberEqual;
-        }
-        case EColumnFiltersGroup.Text: {
-            return EColumnFilter.TextContain;
-        }
-    }
-}

package/dist/features/column-filters/lib/select/index.js

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

package/dist/features/column-filters/model/consts/defaultValue.js

@@ -1,4 +0,0 @@
-export const defaultValue = {
-    1: "",
-    2: "",
-};

package/dist/features/column-filters/model/consts/index.js

@@ -1,2 +0,0 @@
-export { defaultValue } from "./defaultValue";
-export { label } from "./label";

package/dist/features/column-filters/model/consts/label.js

@@ -1,5 +0,0 @@
-export const label = {
-    filter: "🔎︎ Filter...",
-    from: "🔎︎ From...",
-    to: "🔎︎ To...",
-};

package/dist/features/column-filters/model/index.js

@@ -1 +0,0 @@
-export { defaultValue, label } from "./consts";

package/dist/features/column-filters/model/types/IProps.js

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

package/dist/features/column-filters/model/types/index.js

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

package/dist/features/column-filters/ui/BooleanInput/BooleanInput.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControlLabel } from "@mui/material";
-import { applyFilter } from "../../lib";
-import Styled from "./BooleanInput.style";
-export const BooleanInput = ({ setValue, value }) => {
-    function onClick(newValue) {
-        setValue(newValue);
-        applyFilter(newValue);
-    }
-    return (_jsxs(Styled.FormGroup, { children: [_jsx(FormControlLabel, { control: _jsx(Styled.Checkbox, { checked: !value[1] && !value[2], onClick: () => onClick({ 1: "", 2: "" }), size: "small" }), label: "All" }), _jsx(FormControlLabel, { control: _jsx(Styled.Checkbox, { checked: Boolean(value[1]), onClick: () => onClick({ 1: "true", 2: "" }), size: "small" }), label: "Yes" }), _jsx(FormControlLabel, { control: _jsx(Styled.Checkbox, { checked: Boolean(value[2]), onClick: () => onClick({ 1: "", 2: "true" }), size: "small" }), label: "No" })] }));
-};

package/dist/features/column-filters/ui/BooleanInput/BooleanInput.style.js

@@ -1,8 +0,0 @@
-import { Checkbox, FormGroup, styled } from "@mui/material";
-const CheckboxStyled = styled(Checkbox)({
-    padding: 0,
-});
-const FormGroupStyled = styled(FormGroup)({
-    margin: "0.5em 0 0 1em",
-});
-export default { Checkbox: CheckboxStyled, FormGroup: FormGroupStyled };

package/dist/features/column-filters/ui/BooleanInput/index.js

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

package/dist/features/column-filters/ui/ButtonReset/ButtonReset.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { eventOpenColumnFilters, headerButtons, } from "shared/lib/slickgrid";
-import { defaultValue } from "../../model";
-import Styled from "./ButtonReset.style";
-export const ButtonReset = ({ setIsOpened, setValue, value }) => {
-    function reset() {
-        const { columnId, table } = eventOpenColumnFilters;
-        if (!table)
-            return;
-        const grid = table.grid;
-        if (!grid)
-            return;
-        const args = table.filter.args;
-        delete args.columnFilters?.[columnId];
-        table.filter.args = args;
-        headerButtons.resetColumn(table, columnId);
-        setValue(defaultValue);
-        setIsOpened(false);
-    }
-    return (_jsx(Styled.Button, { disabled: !value[1] && !value[2], onClick: reset, variant: "outlined", size: "small", children: "Reset" }));
-};

package/dist/features/column-filters/ui/ButtonReset/ButtonReset.style.js

@@ -1,8 +0,0 @@
-import { Button, styled } from "@mui/material";
-const ButtonStyled = styled(Button)({
-    width: "5em",
-    alignSelf: "flex-end",
-});
-export default {
-    Button: ButtonStyled,
-};

package/dist/features/column-filters/ui/ButtonReset/index.js

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

package/dist/features/column-filters/ui/ColumnFilters.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { EColumnFilter } from "shared/model/enums";
-import { Portal } from "entities/portal";
-import { useOpenMenu, useSubscribeToEvent } from "../lib";
-import { defaultValue } from "../model";
-import { ButtonReset } from "./ButtonReset";
-import { InputArea } from "./InputArea";
-import { SelectFilter } from "./SelectFilter";
-import Styled from "./ColumnFilters.style";
-export const ColumnFilters = () => {
-    const [value, setValue] = useState(defaultValue);
-    const [filterId, setFilterId] = useState(EColumnFilter.TextContain);
-    const [isOpened, setIsOpened] = useState(false);
-    useSubscribeToEvent(setIsOpened);
-    useOpenMenu(isOpened, setFilterId, setValue);
-    if (!isOpened)
-        return null;
-    return (_jsx(Portal, { setIsOpened: setIsOpened, children: _jsxs(Styled.Wrapper, { children: [_jsx(SelectFilter, { filterId: filterId, setFilterId: setFilterId }), _jsx(InputArea, { filterId: filterId, setValue: setValue, value: value }), _jsx(ButtonReset, { setIsOpened: setIsOpened, setValue: setValue, value: value })] }) }));
-};

package/dist/features/column-filters/ui/ColumnFilters.style.js

@@ -1,10 +0,0 @@
-import { Box, styled } from "@mui/material";
-const Wrapper = styled(Box)({
-    display: "flex",
-    flexDirection: "column",
-    rowGap: "0.5em",
-    width: "12em",
-});
-export default {
-    Wrapper,
-};

package/dist/features/column-filters/ui/DateBetween/DateBetween.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
-import { DatePicker } from "@mui/x-date-pickers/DatePicker";
-import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
-import { INVALID_DATE } from "shared/model/consts";
-import { EDateFormat } from "shared/model/enums";
-import { WithDatePickerStyles } from "shared/ui/styles";
-import { applyFilter, datePickerProps } from "../../lib";
-import { defaultValue, label } from "../../model";
-export const DateBetween = ({ setValue, value }) => {
-    function onChange1(date) {
-        const dayString = date?.format(EDateFormat.db) || "";
-        const newValue = {
-            ...value,
-            1: dayString === INVALID_DATE ? defaultValue[1] : dayString,
-        };
-        setValue(newValue);
-        applyFilter(newValue);
-    }
-    function onChange2(date) {
-        const dayString = date?.format(EDateFormat.db) || "";
-        const newValue = {
-            ...value,
-            2: dayString === INVALID_DATE ? defaultValue[2] : dayString,
-        };
-        setValue(newValue);
-        applyFilter(newValue);
-    }
-    return (_jsxs(LocalizationProvider, { dateAdapter: AdapterMoment, children: [_jsx(WithDatePickerStyles, { children: _jsx(DatePicker, { label: label.from, onChange: onChange1, ...datePickerProps(value[1]) }) }), _jsx(WithDatePickerStyles, { children: _jsx(DatePicker, { label: label.to, onChange: onChange2, ...datePickerProps(value[2]) }) })] }));
-};

package/dist/features/column-filters/ui/DateBetween/index.js

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

package/dist/features/column-filters/ui/DateInput/DateInput.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
-import { DatePicker } from "@mui/x-date-pickers/DatePicker";
-import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
-import { INVALID_DATE } from "shared/model/consts";
-import { EDateFormat } from "shared/model/enums";
-import { WithDatePickerStyles } from "shared/ui/styles";
-import { applyFilter, datePickerProps } from "../../lib";
-import { defaultValue } from "../../model";
-export const DateInput = ({ label, setValue, value }) => {
-    function onChange(date) {
-        const dayString = date?.format(EDateFormat.db) || "";
-        const newValue = {
-            ...value,
-            1: dayString === INVALID_DATE ? defaultValue[1] : dayString,
-        };
-        setValue(newValue);
-        applyFilter(newValue);
-    }
-    return (_jsx(LocalizationProvider, { dateAdapter: AdapterMoment, children: _jsx(WithDatePickerStyles, { children: _jsx(DatePicker, { label: label, onChange: onChange, ...datePickerProps(value[1]) }) }) }));
-};

package/dist/features/column-filters/ui/DateInput/index.js

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

package/dist/features/column-filters/ui/InputArea/InputArea.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from "react";
-import { EColumnFilter } from "shared/model/enums";
-import { label } from "../../model";
-import { BooleanInput } from "../BooleanInput";
-import { DateBetween } from "../DateBetween";
-import { DateInput } from "../DateInput";
-import { MultipleSelect } from "../MultipleSelect";
-import { NumberBetween } from "../NumberBetween";
-import { NumberInput } from "../NumberInput";
-import { TextInput } from "../TextInput";
-export const InputArea = ({ filterId, setValue, value }) => {
-    return (_jsxs(Fragment, { children: [filterId === EColumnFilter.Boolean && (_jsx(BooleanInput, { setValue: setValue, value: value })), filterId === EColumnFilter.TextEqual && (_jsx(TextInput, { setValue: setValue, value: value })), filterId === EColumnFilter.TextNotEqual && (_jsx(TextInput, { setValue: setValue, value: value })), filterId === EColumnFilter.TextContain && (_jsx(TextInput, { setValue: setValue, value: value })), filterId === EColumnFilter.TextNotContain && (_jsx(TextInput, { setValue: setValue, value: value })), filterId === EColumnFilter.MultipleSelect && (_jsx(MultipleSelect, { setValue: setValue, value: value })), filterId === EColumnFilter.NumberEqual && (_jsx(NumberInput, { label: label.filter, setValue: setValue, value: value })), filterId === EColumnFilter.NumberFrom && (_jsx(NumberInput, { label: label.from, setValue: setValue, value: value })), filterId === EColumnFilter.NumberTo && (_jsx(NumberInput, { label: label.to, setValue: setValue, value: value })), filterId === EColumnFilter.NumberBetween && (_jsx(NumberBetween, { setValue: setValue, value: value })), filterId === EColumnFilter.DateEqual && (_jsx(DateInput, { label: label.filter, setValue: setValue, value: value })), filterId === EColumnFilter.DateFrom && (_jsx(DateInput, { label: label.from, setValue: setValue, value: value })), filterId === EColumnFilter.DateTo && (_jsx(DateInput, { label: label.to, setValue: setValue, value: value })), filterId === EColumnFilter.DateBetween && (_jsx(DateBetween, { setValue: setValue, value: value }))] }));
-};

package/dist/features/column-filters/ui/InputArea/index.js

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

package/dist/features/column-filters/ui/MultipleSelect/index.js

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

package/dist/features/column-filters/ui/MultipleSelect/lib/index.js

@@ -1,2 +0,0 @@
-export { props } from "./props";
-export { ascending } from "./sorting";

package/dist/features/column-filters/ui/MultipleSelect/lib/props/index.js

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

package/dist/features/column-filters/ui/MultipleSelect/lib/props/props.js

@@ -1,29 +0,0 @@
-import { eventOpenColumnFilters } from "shared/lib/slickgrid";
-const emptyProps = { label: "", options: [] };
-/**
- * Molds label and options list for multiple select.
- *
- * @returns {Object} contains "label" and "options" fields.
- */
-export function props() {
-    const { columnId, table } = eventOpenColumnFilters;
-    const grid = table?.grid;
-    if (!grid)
-        return emptyProps;
-    const column = grid?.getColumns().find(({ id }) => id === columnId);
-    if (!column)
-        return emptyProps;
-    const label = column.name;
-    const options = [];
-    const { formatter, id } = column;
-    const dataView = grid.getData();
-    const optionsSet = new Set();
-    const items = dataView.getItems();
-    items.forEach((item) => {
-        optionsSet.add(formatter ? formatter(0, 0, item[id], column, null, grid) : item[id]);
-    });
-    for (const option of optionsSet) {
-        options.push(option);
-    }
-    return { label, options };
-}

package/dist/features/column-filters/ui/MultipleSelect/lib/sorting/ascending.js

@@ -1,16 +0,0 @@
-/**
- * Callback for sorting array elements ascending.
- *
- * @param {Number | String} a element of an array.
- * @param {Number | String} b element of an array.
- * @returns Sorting result.
- */
-export function ascending(a, b) {
-    if (typeof a === "string" && typeof b === "string") {
-        return a.localeCompare(b);
-    }
-    else if (typeof a === "number" && typeof b === "number") {
-        return a - b;
-    }
-    return 0;
-}

package/dist/features/column-filters/ui/MultipleSelect/lib/sorting/index.js

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

package/dist/features/column-filters/ui/MultipleSelect/model/IValue.js

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

package/dist/features/column-filters/ui/MultipleSelect/model/index.js

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

package/dist/features/column-filters/ui/MultipleSelect/ui/MultipleSelect.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, InputLabel, ListItemText, MenuItem, OutlinedInput, Select, } from "@mui/material";
-import { applyFilter } from "../../../lib";
-import { ascending, props } from "../lib";
-import Styled from "./MultipleSelect.style";
-/**
- * Generates multiple select based on values represented in the column
- */
-export const MultipleSelect = ({ setValue, value }) => {
-    const selectedValues = JSON.parse(value[1] || '["All"]');
-    const { label, options } = props();
-    const handleChange = (event) => {
-        const targetValue = event.target.value;
-        let newValue;
-        if (targetValue[targetValue.length - 1] === "All" || !targetValue.length) {
-            newValue = { 1: "", 2: "" };
-        }
-        else {
-            if (targetValue.length > 1 && targetValue[0] === "All") {
-                targetValue.shift();
-            }
-            newValue = {
-                ...value,
-                1: JSON.stringify(targetValue),
-            };
-        }
-        setValue(newValue);
-        applyFilter(newValue);
-    };
-    return (_jsxs(FormControl, { size: "small", children: [_jsx(InputLabel, { id: "column-filter-multiple-select-label", children: label }), _jsxs(Select, { labelId: "column-filter-multiple-select-label", id: "column-filter-multiple-select", multiple: true, value: selectedValues, onChange: handleChange, input: _jsx(OutlinedInput, { label: label }), renderValue: (selected) => selected.join(", "), children: [_jsxs(MenuItem, { value: "All", children: [_jsx(Styled.Checkbox, { checked: selectedValues.indexOf("All") > -1 }), _jsx(ListItemText, { primary: "All" })] }, 0), options.sort(ascending).map((option) => (_jsxs(MenuItem, { value: option, children: [_jsx(Styled.Checkbox, { checked: selectedValues.indexOf(option) > -1 }), _jsx(ListItemText, { primary: option })] }, option)))] })] }));
-};

package/dist/features/column-filters/ui/MultipleSelect/ui/MultipleSelect.style.js

@@ -1,7 +0,0 @@
-import { Checkbox, styled } from "@mui/material";
-const CheckboxStyled = styled(Checkbox)({
-    padding: 0,
-});
-export default {
-    Checkbox: CheckboxStyled,
-};

package/dist/features/column-filters/ui/MultipleSelect/ui/index.js

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

package/dist/features/column-filters/ui/NumberBetween/NumberBetween.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TextField } from "@mui/material";
-import { Fragment } from "react";
-import { applyFilter } from "../../lib";
-import { label } from "../../model";
-export const NumberBetween = ({ setValue, value, }) => {
-    function onChange1(event) {
-        const newValue = { ...value, 1: event.target.value };
-        setValue(newValue);
-        applyFilter(newValue);
-    }
-    function onChange2(event) {
-        const newValue = { ...value, 2: event.target.value };
-        setValue(newValue);
-        applyFilter(newValue);
-    }
-    return (_jsxs(Fragment, { children: [_jsx(TextField, { label: label.from, value: value[1], type: "number", onChange: onChange1, size: "small", autoComplete: "off" }), _jsx(TextField, { label: label.to, value: value[2], type: "number", onChange: onChange2, size: "small", autoComplete: "off" })] }));
-};

package/dist/features/column-filters/ui/NumberBetween/index.js

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

package/dist/features/column-filters/ui/NumberInput/NumberInput.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TextField } from "@mui/material";
-import { applyFilter } from "../../lib";
-export const NumberInput = ({ label, setValue, value }) => {
-    function onChange(event) {
-        const newValue = { ...value, 1: event.target.value };
-        setValue(newValue);
-        applyFilter(newValue);
-    }
-    return (_jsx(TextField, { label: label, value: value[1], type: "number", onChange: onChange, size: "small", autoComplete: "off" }));
-};

package/dist/features/column-filters/ui/NumberInput/index.js

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

package/dist/features/column-filters/ui/SelectFilter/index.js

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

package/dist/features/column-filters/ui/SelectFilter/model/index.js

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