@kosmeo-ui/react 0.1.0

package/dist/components/data-display/infiniteScroll/filters/listFilter.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { faList } from "@fortawesome/free-solid-svg-icons";
+import Dropdown from "../../../inputs/dropdown/index.js";
+import Button from "../../../buttons/button/index.js";
+import Input from "../../../inputs/input/index.js";
+import "./styles.css";
+const ListFilter = (props) => {
+    const [list, setList] = useState("");
+    const [prevList, setPrevList] = useState("");
+    const [isOpen, setIsOpen] = useState(false);
+    useEffect(() => {
+        if (props.filter.list === prevList ||
+            (props.filter.list === undefined && prevList === ""))
+            return;
+        setList(props.filter.list || "");
+        setPrevList(props.filter.list || "");
+        return;
+    }, [props.filter.list, list, prevList]);
+    const handleChange = useCallback((e) => {
+        setList(e.target.value);
+    }, []);
+    const handleSubmit = useCallback(() => {
+        props.onFilterChange({ ...props.filter, list: list });
+        setIsOpen(false);
+    }, [list, props]);
+    const handleKeydown = useCallback((e) => {
+        if (e.key !== "Enter")
+            return;
+        e.preventDefault();
+        handleSubmit();
+    }, [handleSubmit]);
+    const allowSubmit = useMemo(() => {
+        return list !== prevList;
+    }, [list, prevList]);
+    return (_jsx(Dropdown, { size: "sm", variant: "secondary", label: props.filter.title, align: "left", icon: faList, isOpen: isOpen, onOpenChange: setIsOpen, children: _jsxs("div", { className: "k-filter-menu", children: [_jsx(Input, { size: "sm", value: list, onChange: handleChange, type: "text", onKeyDown: handleKeydown }), _jsx(Button, { size: "sm", disabled: !allowSubmit, onClick: handleSubmit, children: "Add Filter" })] }) }));
+};
+export default ListFilter;
+//# sourceMappingURL=listFilter.js.map

package/dist/components/data-display/infiniteScroll/filters/listFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listFilter.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/listFilter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AACzD,OAAO,MAAM,MAAM,kCAAkC,CAAC;AACtD,OAAO,KAAK,MAAM,gCAAgC,CAAC;AACnD,OAAO,cAAc,CAAC;AAWtB,MAAM,UAAU,GAAG,CAAC,KAAoC,EAAE,EAAE;IAC1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACrD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IACE,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,QAAQ;YAC9B,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,QAAQ,KAAK,EAAE,CAAC;YAEpD,OAAO;QACT,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QACjC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QACrC,OAAO;IACT,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QAC1E,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,KAAK,CAAC,cAAc,CAAC,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QACtD,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAwC,EAAE,EAAE;QAC3C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;YAAE,OAAO;QAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,YAAY,EAAE,CAAC;IACjB,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,IAAI,KAAK,QAAQ,CAAC;IAC3B,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACzB,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,SAAS,YAEvB,eAAK,SAAS,EAAC,eAAe,aAC5B,KAAC,KAAK,IACJ,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,aAAa,GACxB,EACF,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,YAAY,2BAEtD,IACL,GACG,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/data-display/infiniteScroll/filters/rangeFilter.d.ts

@@ -0,0 +1,9 @@
+import "./styles.css";
+import { GeneratedRangeFilter, InfiniteScrollMenuGeneratedFilter } from "../types.js";
+interface InfiniteScrollRangeFilterProps {
+    filter: GeneratedRangeFilter;
+    onFilterChange: (filter: InfiniteScrollMenuGeneratedFilter) => void;
+}
+declare const RangeFilter: (props: InfiniteScrollRangeFilterProps) => import("react").JSX.Element;
+export default RangeFilter;
+//# sourceMappingURL=rangeFilter.d.ts.map

package/dist/components/data-display/infiniteScroll/filters/rangeFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rangeFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/rangeFilter.tsx"],"names":[],"mappings":"AAMA,OAAO,cAAc,CAAC;AAMtB,OAAO,EACL,oBAAoB,EACpB,iCAAiC,EAElC,MAAM,aAAa,CAAC;AAErB,UAAU,8BAA8B;IACtC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,cAAc,EAAE,CAAC,MAAM,EAAE,iCAAiC,KAAK,IAAI,CAAC;CACrE;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,8BAA8B,gCA8IzD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/data-display/infiniteScroll/filters/rangeFilter.js

@@ -0,0 +1,126 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import Dropdown from "../../../inputs/dropdown/index.js";
+import Input from "../../../inputs/input/index.js";
+import { DateTime } from "luxon";
+import "./styles.css";
+import { faCalendarDays, faFont, faHashtag, } from "@fortawesome/free-solid-svg-icons";
+const RangeFilter = (props) => {
+    const [startValue, setStartValue] = useState(props.filter.startValue);
+    const [endValue, setEndValue] = useState(props.filter.endValue);
+    useEffect(() => {
+        if (props.filter.startValue === startValue)
+            return;
+        setStartValue(props.filter.startValue);
+        return;
+    }, [props.filter.startValue, startValue]);
+    useEffect(() => {
+        if (props.filter.endValue === endValue)
+            return;
+        setEndValue(props.filter.endValue);
+        return;
+    }, [props.filter.endValue, endValue]);
+    const inputType = useMemo(() => {
+        if (props.filter.rangeType === "NUMBER") {
+            return "number";
+        }
+        else if (props.filter.rangeType === "DATE") {
+            return "date";
+        }
+        else if (props.filter.rangeType === "DATETIME") {
+            return "datetime-local";
+        }
+        else
+            return "text";
+    }, [props.filter.rangeType]);
+    const iconToUse = useMemo(() => {
+        if (props.filter.rangeType === "DATE" ||
+            props.filter.rangeType === "DATETIME") {
+            return faCalendarDays;
+        }
+        else if (props.filter.rangeType === "NUMBER")
+            return faHashtag;
+        else
+            return faFont;
+    }, [props.filter.rangeType]);
+    const formattedStartValue = useMemo(() => {
+        if (!startValue)
+            return "";
+        if (props.filter.rangeType === "DATE") {
+            return DateTime.fromISO(startValue).toFormat("yyyy-MM-dd");
+        }
+        else if (props.filter.rangeType === "DATETIME") {
+            return DateTime.fromISO(startValue).toFormat("yyyy-MM-dd'T'HH:mm");
+        }
+        else
+            return startValue;
+    }, [props.filter.rangeType, startValue]);
+    const formattedEndValue = useMemo(() => {
+        if (!endValue)
+            return "";
+        if (props.filter.rangeType === "DATE") {
+            return DateTime.fromISO(endValue).toFormat("yyyy-MM-dd");
+        }
+        else if (props.filter.rangeType === "DATETIME") {
+            return DateTime.fromISO(endValue).toFormat("yyyy-MM-dd'T'HH:mm");
+        }
+        else
+            return endValue;
+    }, [props.filter.rangeType, endValue]);
+    const handleStartChange = useCallback((e) => {
+        let newValue;
+        if (props.filter.rangeType === "NUMBER") {
+            newValue = parseInt(e.target.value);
+        }
+        else if (props.filter.rangeType === "DATE") {
+            const res = DateTime.fromISO(e.target.value).toUTC().toISO();
+            if (!res)
+                throw new Error("Invalid date");
+            newValue = res;
+        }
+        else if (props.filter.rangeType === "DATETIME") {
+            const res = DateTime.fromISO(e.target.value).toUTC().toISO();
+            if (!res)
+                throw new Error("Invalid date");
+            newValue = res;
+        }
+        else
+            newValue = e.target.value;
+        setStartValue(newValue);
+        props.onFilterChange({
+            ...props.filter,
+            startValue: newValue,
+            endValue,
+        });
+    }, [props, endValue]);
+    const handleEndChange = useCallback((e) => {
+        let newValue;
+        if (props.filter.rangeType === "NUMBER") {
+            newValue = parseInt(e.target.value);
+        }
+        else if (props.filter.rangeType === "DATE") {
+            const res = DateTime.fromISO(e.target.value).toUTC().toISO();
+            if (!res)
+                throw new Error("Invalid date");
+            newValue = res;
+        }
+        else if (props.filter.rangeType === "DATETIME") {
+            const res = DateTime.fromISO(e.target.value).toUTC().toISO();
+            if (!res)
+                throw new Error("Invalid date");
+            newValue = res;
+        }
+        else
+            newValue = e.target.value;
+        setEndValue(newValue);
+        props.onFilterChange({
+            ...props.filter,
+            startValue,
+            endValue: newValue,
+        });
+    }, [props, startValue]);
+    return (_jsx(Dropdown, { size: "sm", variant: "secondary", label: props.filter.title, icon: iconToUse, align: "left", children: _jsxs("div", { className: "k-filter-menu", children: [_jsxs("div", { className: "k-range-filter-menu-column", children: [_jsx("p", { className: "k-range-filter-menu-label", children: "Start" }), _jsx(Input, { size: "sm", type: inputType, value: formattedStartValue, onChange: handleStartChange, max: formattedEndValue })] }), _jsxs("div", { className: "k-range-filter-menu-column", children: [_jsx("p", { className: "k-range-filter-menu-label", children: "End" }), _jsx(Input, { size: "sm", type: inputType, value: formattedEndValue, onChange: handleEndChange, min: formattedStartValue })] })] }) }));
+};
+export default RangeFilter;
+//# sourceMappingURL=rangeFilter.js.map

package/dist/components/data-display/infiniteScroll/filters/rangeFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rangeFilter.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/rangeFilter.tsx"],"names":[],"mappings":"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"}

package/dist/components/data-display/infiniteScroll/filters/searchFilter.d.ts

@@ -0,0 +1,9 @@
+import "./styles.css";
+import { GeneratedSearchFilter, InfiniteScrollMenuGeneratedFilter } from "../types.js";
+interface InfiniteScrollSearchFilterProps {
+    filter: GeneratedSearchFilter;
+    onFilterChange: (filter: InfiniteScrollMenuGeneratedFilter) => void;
+}
+declare const SearchFilter: (props: InfiniteScrollSearchFilterProps) => import("react").JSX.Element;
+export default SearchFilter;
+//# sourceMappingURL=searchFilter.d.ts.map

package/dist/components/data-display/infiniteScroll/filters/searchFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/searchFilter.tsx"],"names":[],"mappings":"AAOA,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,qBAAqB,EACrB,iCAAiC,EAClC,MAAM,aAAa,CAAC;AAErB,UAAU,+BAA+B;IACvC,MAAM,EAAE,qBAAqB,CAAC;IAC9B,cAAc,EAAE,CAAC,MAAM,EAAE,iCAAiC,KAAK,IAAI,CAAC;CACrE;AAED,QAAA,MAAM,YAAY,GAAI,OAAO,+BAA+B,gCA8D3D,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/data-display/infiniteScroll/filters/searchFilter.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { faMagnifyingGlass } from "@fortawesome/free-solid-svg-icons";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import Dropdown from "../../../inputs/dropdown/index.js";
+import Button from "../../../buttons/button/index.js";
+import Input from "../../../inputs/input/index.js";
+import "./styles.css";
+const SearchFilter = (props) => {
+    const [value, setValue] = useState("");
+    const [prevValue, setPrevValue] = useState("");
+    const [isOpen, setIsOpen] = useState(false);
+    useEffect(() => {
+        if (props.filter.value === prevValue ||
+            (props.filter.value === undefined && prevValue === ""))
+            return;
+        setValue(props.filter.value || "");
+        setPrevValue(props.filter.value || "");
+        return;
+    }, [props.filter.value, value, prevValue]);
+    const handleChange = (e) => {
+        setValue(e.target.value);
+    };
+    const handleSubmit = useCallback(() => {
+        setPrevValue(value);
+        props.onFilterChange({ ...props.filter, value: value });
+        setIsOpen(false);
+    }, [value, props]);
+    const handleKeydown = useCallback((e) => {
+        if (e.key !== "Enter")
+            return;
+        e.preventDefault();
+        handleSubmit();
+    }, [handleSubmit]);
+    const allowSubmit = useMemo(() => {
+        return value !== prevValue;
+    }, [value, prevValue]);
+    return (_jsx(Dropdown, { label: props.filter.title, icon: faMagnifyingGlass, align: "left", size: "sm", variant: "secondary", isOpen: isOpen, onOpenChange: setIsOpen, children: _jsxs("div", { className: "k-filter-menu", children: [_jsx(Input, { size: "sm", value: value, onChange: handleChange, onKeyDown: handleKeydown }), _jsx(Button, { size: "sm", disabled: !allowSubmit, onClick: handleSubmit, children: "Add Filter" })] }) }));
+};
+export default SearchFilter;
+//# sourceMappingURL=searchFilter.js.map

package/dist/components/data-display/infiniteScroll/filters/searchFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchFilter.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/searchFilter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AACzD,OAAO,MAAM,MAAM,kCAAkC,CAAC;AACtD,OAAO,KAAK,MAAM,gCAAgC,CAAC;AACnD,OAAO,cAAc,CAAC;AAWtB,MAAM,YAAY,GAAG,CAAC,KAAsC,EAAE,EAAE;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IACE,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,SAAS;YAChC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,SAAS,IAAI,SAAS,KAAK,EAAE,CAAC;YAEtD,OAAO;QACT,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QACnC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QACvC,OAAO;IACT,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3C,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,KAAK,CAAC,cAAc,CAAC,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QACxD,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAwC,EAAE,EAAE;QAC3C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;YAAE,OAAO;QAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,YAAY,EAAE,CAAC;IACjB,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,KAAK,KAAK,SAAS,CAAC;IAC7B,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACzB,IAAI,EAAE,iBAAiB,EACvB,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,SAAS,YAEvB,eAAK,SAAS,EAAC,eAAe,aAC5B,KAAC,KAAK,IACJ,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,GACxB,EACF,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,YAAY,2BAEtD,IACL,GACG,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/data-display/infiniteScroll/filters/selectFilter.d.ts

@@ -0,0 +1,9 @@
+import "./styles.css";
+import { GeneratedSelectFilter, InfiniteScrollMenuGeneratedFilter } from "../types.js";
+interface InfiniteScrollSelectFilterProps {
+    filter: GeneratedSelectFilter;
+    onFilterChange: (filter: InfiniteScrollMenuGeneratedFilter) => void;
+}
+declare const SelectFilter: (props: InfiniteScrollSelectFilterProps) => import("react").JSX.Element;
+export default SelectFilter;
+//# sourceMappingURL=selectFilter.d.ts.map

package/dist/components/data-display/infiniteScroll/filters/selectFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/selectFilter.tsx"],"names":[],"mappings":"AAOA,OAAO,cAAc,CAAC;AAKtB,OAAO,EACL,qBAAqB,EAErB,iCAAiC,EAClC,MAAM,aAAa,CAAC;AAErB,UAAU,+BAA+B;IACvC,MAAM,EAAE,qBAAqB,CAAC;IAC9B,cAAc,EAAE,CAAC,MAAM,EAAE,iCAAiC,KAAK,IAAI,CAAC;CACrE;AAED,QAAA,MAAM,YAAY,GAAI,OAAO,+BAA+B,gCA8E3D,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/data-display/infiniteScroll/filters/selectFilter.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { faSquare } from "@fortawesome/free-regular-svg-icons";
+import IconButton from "../../../buttons/iconButton/index.js";
+import Dropdown from "../../../inputs/dropdown/index.js";
+import { useEffect, useMemo, useState } from "react";
+import Input from "../../../inputs/input/index.js";
+import "./styles.css";
+import { faCheckSquare, faSquareCheck, } from "@fortawesome/free-solid-svg-icons";
+const SelectFilter = (props) => {
+    const [options, setOptions] = useState([]);
+    const [optionSearch, setOptionSearch] = useState("");
+    const [isOpen, setIsOpen] = useState(false);
+    useEffect(() => {
+        if (props.filter.options === undefined ||
+            props.filter.options === options) {
+            return;
+        }
+        setOptions(props.filter.options || []);
+        return;
+    }, [props.filter.options, options]);
+    const handleSelect = (id, selected) => {
+        const newOptions = options.map((item) => {
+            if (item.id === id)
+                return { ...item, selected };
+            else
+                return {
+                    ...item,
+                    selected: props.filter.multiSelect ? item.selected : false,
+                };
+        });
+        setOptions(newOptions);
+        props.onFilterChange({ ...props.filter, options: newOptions });
+        // Close dropdown for single-select mode
+        if (!props.filter.multiSelect) {
+            setIsOpen(false);
+        }
+    };
+    const handleSearchOption = (e) => {
+        setOptionSearch(e.target.value);
+    };
+    const optionComponents = useMemo(() => {
+        const available = options.filter((item) => {
+            if (optionSearch === "")
+                return true;
+            return item.name.toLowerCase().includes(optionSearch.toLowerCase());
+        });
+        return available.map((item, index) => (_jsx(IconButton, { size: "sm", variant: "light", align: "left", shadow: false, onClick: () => handleSelect(item.id, !item.selected), icon: item.selected ? faCheckSquare : faSquare, children: item.name }, index)));
+    }, [options, optionSearch]);
+    return (_jsx(Dropdown, { size: "sm", variant: "secondary", icon: faSquareCheck, align: "left", label: props.filter.title, isOpen: isOpen, onOpenChange: setIsOpen, children: _jsxs("div", { className: "k-filter-menu k-select-filter-menu", children: [_jsx(Input, { size: "sm", placeholder: "Search", value: optionSearch, onChange: handleSearchOption }), _jsx("div", { className: "k-select-filter-menu-options", children: optionComponents })] }) }));
+};
+export default SelectFilter;
+//# sourceMappingURL=selectFilter.js.map

package/dist/components/data-display/infiniteScroll/filters/selectFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectFilter.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/selectFilter.tsx"],"names":[],"mappings":"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"}

package/dist/components/data-display/infiniteScroll/filters/styles.css

@@ -0,0 +1,48 @@
+.k-menu-filters-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.k-menu-filters {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  align-items: end;
+}
+
+.k-menu-filters-buttons {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.k-filter-menu {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  padding: 0.5rem;
+  min-width: 15rem;
+}
+
+.k-range-filter-menu-column {
+  display: flex;
+  flex-direction: column;
+}
+
+.k-range-filter-menu-label {
+  color: var(--text-color-secondary);
+  margin-bottom: 0;
+}
+
+.k-select-filter-menu {
+  max-height: 30rem;
+  min-width: 12rem;
+}
+
+.k-select-filter-menu-options {
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+}

package/dist/components/data-display/infiniteScroll/header/deleteButton.d.ts

@@ -0,0 +1,10 @@
+import { TableRow } from "../types.js";
+interface DeleteButtonProps<TData> {
+    rows: TableRow<TData>[];
+    selectedRows: Set<number>;
+    allSelected: boolean;
+    onDelete?: (rows: TableRow<TData>[]) => void;
+}
+declare const DeleteButton: <TData extends object>(props: DeleteButtonProps<TData>) => import("react").JSX.Element | null;
+export default DeleteButton;
+//# sourceMappingURL=deleteButton.d.ts.map

package/dist/components/data-display/infiniteScroll/header/deleteButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deleteButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/deleteButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,UAAU,iBAAiB,CAAC,KAAK;IAC/B,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;CAC9C;AAED,QAAA,MAAM,YAAY,GAAI,KAAK,SAAS,MAAM,EACxC,OAAO,iBAAiB,CAAC,KAAK,CAAC,uCAuChC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/data-display/infiniteScroll/header/deleteButton.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import ConfirmationModal from "../../../overlays/confirmationModal/index.js";
+import IconButton from "../../../buttons/iconButton/index.js";
+import { faTrash } from "@fortawesome/free-solid-svg-icons";
+import { useState } from "react";
+const DeleteButton = (props) => {
+    const [showBulkDeleteModal, setShowBulkDeleteModal] = useState(false);
+    const handleShowBulkDeleteModal = () => {
+        if (props.selectedRows.size === 0)
+            return;
+        setShowBulkDeleteModal(true);
+    };
+    const handleHideBulkDeleteModal = () => {
+        setShowBulkDeleteModal(false);
+    };
+    const handleDelete = () => {
+        if (!props.onDelete)
+            return;
+        const res = props.rows.filter((r) => props.selectedRows.has(r.index));
+        props.onDelete(res);
+        setShowBulkDeleteModal(false);
+    };
+    if (!props.onDelete)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx(IconButton, { size: "sm", variant: "danger", onClick: handleShowBulkDeleteModal, disabled: !props.selectedRows.size && !props.allSelected, icon: faTrash }), _jsx(ConfirmationModal, { show: showBulkDeleteModal, title: "Delete Data", body: `Are you sure you want to delete the selected rows?`, handleHide: handleHideBulkDeleteModal, handleConfirm: handleDelete, confirmButtonText: "Delete" })] }));
+};
+export default DeleteButton;
+//# sourceMappingURL=deleteButton.js.map

package/dist/components/data-display/infiniteScroll/header/deleteButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deleteButton.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/deleteButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,iBAAiB,MAAM,8CAA8C,CAAC;AAC7E,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASjC,MAAM,YAAY,GAAG,CACnB,KAA+B,EAC/B,EAAE;IACF,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtE,MAAM,yBAAyB,GAAG,GAAG,EAAE;QACrC,IAAI,KAAK,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC;YAAE,OAAO;QAC1C,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,GAAG,EAAE;QACrC,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,KAAK,CAAC,QAAQ;YAAE,OAAO;QAC5B,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QACtE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACpB,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IACF,IAAI,CAAC,KAAK,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IACjC,OAAO,CACL,8BACE,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,yBAAyB,EAClC,QAAQ,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EACxD,IAAI,EAAE,OAAO,GACb,EACF,KAAC,iBAAiB,IAChB,IAAI,EAAE,mBAAmB,EACzB,KAAK,EAAC,aAAa,EACnB,IAAI,EAAE,oDAAoD,EAC1D,UAAU,EAAE,yBAAyB,EACrC,aAAa,EAAE,YAAY,EAC3B,iBAAiB,EAAC,QAAQ,GAC1B,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/data-display/infiniteScroll/header/index.d.ts

@@ -0,0 +1,22 @@
+import "./styles.css";
+import { SortDirection as SortDirectionType, InfiniteScrollMenuLimitOption, InfiniteScrollMenuSortDataKey, TableRow } from "../types.js";
+interface HeaderProps<TData> {
+    title: string;
+    optionsDropdown?: React.ReactNode;
+    onDownload?: () => void;
+    limitOptions: InfiniteScrollMenuLimitOption[];
+    sortBy: InfiniteScrollMenuSortDataKey[];
+    sortDirection?: SortDirectionType;
+    rows: TableRow<TData>[];
+    selectedRows: Set<number>;
+    allSelected: boolean;
+    onLimitChange: (limitOptions: InfiniteScrollMenuLimitOption[]) => void;
+    onSortByChange: (sortBy: InfiniteScrollMenuSortDataKey[]) => void;
+    onSortDirectionChange: (sortDirection: SortDirectionType) => void;
+    onAddNew?: () => void;
+    onDelete?: (rows: TableRow<TData>[]) => void;
+    onRefetch: () => void;
+}
+declare const Header: <TData extends object>(props: HeaderProps<TData>) => import("react").JSX.Element;
+export default Header;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/infiniteScroll/header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/index.tsx"],"names":[],"mappings":"AAQA,OAAO,cAAc,CAAC;AAOtB,OAAO,EACL,aAAa,IAAI,iBAAiB,EAClC,6BAA6B,EAC7B,6BAA6B,EAC7B,QAAQ,EACT,MAAM,aAAa,CAAC;AAErB,UAAU,WAAW,CAAC,KAAK;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,6BAA6B,EAAE,CAAC;IAC9C,MAAM,EAAE,6BAA6B,EAAE,CAAC;IACxC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,CAAC,YAAY,EAAE,6BAA6B,EAAE,KAAK,IAAI,CAAC;IACvE,cAAc,EAAE,CAAC,MAAM,EAAE,6BAA6B,EAAE,KAAK,IAAI,CAAC;IAClE,qBAAqB,EAAE,CAAC,aAAa,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;IAC7C,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,MAAM,GAAI,KAAK,SAAS,MAAM,EAAE,OAAO,WAAW,CAAC,KAAK,CAAC,gCAkE9D,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/data-display/infiniteScroll/header/index.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import IconButton from "../../../buttons/iconButton/index.js";
+import Dropdown from "../../../inputs/dropdown/index.js";
+import SortDirection from "./sortDirection.js";
+import DeleteButton from "./deleteButton.js";
+import SortBy from "./sortBy.js";
+import Limit from "./limit.js";
+import "./styles.css";
+import { faDownload, faEllipsisVertical, faPlus, faRotate, } from "@fortawesome/free-solid-svg-icons";
+const Header = (props) => {
+    return (_jsxs("div", { className: "k-infinite-scroll-header", children: [_jsxs("div", { className: "k-infinite-scroll-header-buttons-container", children: [_jsx("p", { className: "k-infinite-scroll-header-title", children: props.title }), _jsx(IconButton, { size: "sm", variant: "secondary", onClick: props.onRefetch, icon: faRotate }), props.onDownload && (_jsx(IconButton, { size: "sm", variant: "secondary", onClick: props.onDownload, icon: faDownload })), props.onAddNew && (_jsx(IconButton, { size: "sm", variant: "success", onClick: props.onAddNew, icon: faPlus })), _jsx(DeleteButton, { rows: props.rows, selectedRows: props.selectedRows, allSelected: props.allSelected, onDelete: props.onDelete }), props.optionsDropdown && (_jsx(Dropdown, { icon: faEllipsisVertical, size: "sm", variant: "secondary", align: "left", renderCaret: false, children: props.optionsDropdown }))] }), _jsxs("div", { className: "k-infinite-scroll-header-limit-sort-container", children: [_jsx(Limit, { limitOptions: props.limitOptions, onLimitChange: props.onLimitChange }), props.sortBy.length > 0 && (_jsxs("div", { className: "k-infinite-scroll-header-sort-container", children: [_jsx("p", { className: "k-infinite-scroll-header-sort-title", children: "Sort By:" }), _jsx(SortBy, { sortBy: props.sortBy, handleSortByChange: props.onSortByChange }), _jsx(SortDirection, { sortDirection: props.sortDirection, handleSortDirectionChange: props.onSortDirectionChange })] }))] })] }));
+};
+export default Header;
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/infiniteScroll/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AACzD,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,MAAM,EACN,QAAQ,GACT,MAAM,mCAAmC,CAAC;AA0B3C,MAAM,MAAM,GAAG,CAAuB,KAAyB,EAAE,EAAE;IACjE,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,eAAK,SAAS,EAAC,4CAA4C,aACzD,YAAG,SAAS,EAAC,gCAAgC,YAAE,KAAK,CAAC,KAAK,GAAK,EAC/D,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,KAAK,CAAC,SAAS,EACxB,IAAI,EAAE,QAAQ,GACd,EACD,KAAK,CAAC,UAAU,IAAI,CACnB,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,KAAK,CAAC,UAAU,EACzB,IAAI,EAAE,UAAU,GAChB,CACH,EACA,KAAK,CAAC,QAAQ,IAAI,CACjB,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,KAAK,CAAC,QAAQ,EACvB,IAAI,EAAE,MAAM,GACZ,CACH,EACD,KAAC,YAAY,IACX,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACxB,EACD,KAAK,CAAC,eAAe,IAAI,CACxB,KAAC,QAAQ,IACP,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,WAAW,EAAE,KAAK,YAEjB,KAAK,CAAC,eAAe,GACb,CACZ,IACG,EACN,eAAK,SAAS,EAAC,+CAA+C,aAC5D,KAAC,KAAK,IACJ,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,aAAa,EAAE,KAAK,CAAC,aAAa,GAClC,EACD,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1B,eAAK,SAAS,EAAC,yCAAyC,aACtD,YAAG,SAAS,EAAC,qCAAqC,yBAAa,EAC/D,KAAC,MAAM,IACL,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,kBAAkB,EAAE,KAAK,CAAC,cAAc,GACxC,EACF,KAAC,aAAa,IACZ,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,yBAAyB,EAAE,KAAK,CAAC,qBAAqB,GACtD,IACE,CACP,IACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/data-display/infiniteScroll/header/limit.d.ts

@@ -0,0 +1,9 @@
+import { InfiniteScrollMenuLimitOption } from "../types.js";
+import "./styles.css";
+interface LimitProps {
+    limitOptions: InfiniteScrollMenuLimitOption[];
+    onLimitChange: (limitOptions: InfiniteScrollMenuLimitOption[]) => void;
+}
+declare const Limit: (props: LimitProps) => import("react").JSX.Element;
+export default Limit;
+//# sourceMappingURL=limit.d.ts.map

package/dist/components/data-display/infiniteScroll/header/limit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"limit.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/limit.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAG5D,OAAO,cAAc,CAAC;AAEtB,UAAU,UAAU;IAClB,YAAY,EAAE,6BAA6B,EAAE,CAAC;IAC9C,aAAa,EAAE,CAAC,YAAY,EAAE,6BAA6B,EAAE,KAAK,IAAI,CAAC;CACxE;AAED,QAAA,MAAM,KAAK,GAAI,OAAO,UAAU,gCAkD/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/data-display/infiniteScroll/header/limit.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { faCheckSquare } from "@fortawesome/free-solid-svg-icons";
+import { faSquare } from "@fortawesome/free-regular-svg-icons";
+import IconButton from "../../../buttons/iconButton/index.js";
+import Dropdown from "../../../inputs/dropdown/index.js";
+import { useEffect, useState } from "react";
+import "./styles.css";
+const Limit = (props) => {
+    const [limitOptions, setLimitOptions] = useState(props.limitOptions);
+    const [isOpen, setIsOpen] = useState(false);
+    useEffect(() => {
+        if (!props.limitOptions || props.limitOptions === limitOptions)
+            return;
+        setLimitOptions(props.limitOptions);
+    }, [props.limitOptions, limitOptions]);
+    const handleSelect = (value, selected) => {
+        const newOptions = limitOptions.map((limit) => {
+            if (limit.value === value)
+                return { ...limit, selected };
+            else
+                return { ...limit, selected: false };
+        });
+        const oneSelected = newOptions.some((option) => option.selected);
+        if (!oneSelected)
+            return;
+        setLimitOptions(newOptions);
+        props.onLimitChange(newOptions);
+        setIsOpen(false);
+    };
+    return (_jsxs("div", { className: "k-limit-container", children: [_jsx("p", { children: "Results Per Page:" }), _jsx(Dropdown, { label: limitOptions.find((o) => o.selected)?.value || "None", align: "right", size: "sm", variant: "secondary", isOpen: isOpen, onOpenChange: setIsOpen, children: _jsx("div", { className: "k-infinite-scroll-dropdown-menu ", children: limitOptions.map((key, index) => (_jsx(IconButton, { variant: "light", size: "sm", align: "left", shadow: false, icon: key.selected ? faCheckSquare : faSquare, onClick: () => handleSelect(key.value, !key.selected), children: key.value }, index))) }) })] }));
+};
+export default Limit;
+//# sourceMappingURL=limit.js.map

package/dist/components/data-display/infiniteScroll/header/limit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"limit.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/limit.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAE9D,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AAOtB,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IAClC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACrE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,KAAK,YAAY;YAAE,OAAO;QACvE,eAAe,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAEvC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,QAAiB,EAAE,EAAE;QACxD,MAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAC5C,IAAI,KAAK,CAAC,KAAK,KAAK,KAAK;gBAAE,OAAO,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,CAAC;;gBACpD,OAAO,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;QAC5C,CAAC,CAAC,CAAC;QACH,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QACjE,IAAI,CAAC,WAAW;YAAE,OAAO;QACzB,eAAe,CAAC,UAAU,CAAC,CAAC;QAC5B,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAChC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,aAChC,4CAAwB,EACxB,KAAC,QAAQ,IACP,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,IAAI,MAAM,EAC5D,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,SAAS,YAEvB,cAAK,SAAS,EAAC,kCAAkC,YAC9C,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAa,EAAE,EAAE,CAAC,CACxC,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,KAAK,EAEb,IAAI,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,YAEpD,GAAG,CAAC,KAAK,IAJL,KAAK,CAKC,CACd,CAAC,GACE,GACG,IACP,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/data-display/infiniteScroll/header/sortBy.d.ts

@@ -0,0 +1,9 @@
+import { InfiniteScrollMenuSortDataKey } from "../types.js";
+import "./styles.css";
+interface SortbyProps {
+    sortBy: InfiniteScrollMenuSortDataKey[];
+    handleSortByChange: (sortBy: InfiniteScrollMenuSortDataKey[]) => void;
+}
+declare const SortBy: (props: SortbyProps) => import("react").JSX.Element;
+export default SortBy;
+//# sourceMappingURL=sortBy.d.ts.map

package/dist/components/data-display/infiniteScroll/header/sortBy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortBy.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/sortBy.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAG5D,OAAO,cAAc,CAAC;AAEtB,UAAU,WAAW;IACnB,MAAM,EAAE,6BAA6B,EAAE,CAAC;IACxC,kBAAkB,EAAE,CAAC,MAAM,EAAE,6BAA6B,EAAE,KAAK,IAAI,CAAC;CACvE;AAED,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,gCAsCjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/data-display/infiniteScroll/header/sortBy.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { faCheckSquare } from "@fortawesome/free-solid-svg-icons";
+import { faSquare } from "@fortawesome/free-regular-svg-icons";
+import IconButton from "../../../buttons/iconButton/index.js";
+import Dropdown from "../../../inputs/dropdown/index.js";
+import { useState } from "react";
+import "./styles.css";
+const SortBy = (props) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const handleSelect = (dataKey, selected) => {
+        const newOptions = props.sortBy.map((item) => {
+            if (item.dataKey === dataKey)
+                return { ...item, selected };
+            else
+                return { ...item, selected: false };
+        });
+        props.handleSortByChange(newOptions);
+        setIsOpen(false);
+    };
+    return (_jsx(Dropdown, { align: "right", size: "sm", variant: "secondary", label: props.sortBy.find((key) => key.selected)?.displayName || "None", isOpen: isOpen, onOpenChange: setIsOpen, children: _jsx("div", { className: "k-infinite-scroll-dropdown-menu ", children: props.sortBy.map((key, index) => (_jsx(IconButton, { variant: "light", size: "sm", align: "left", shadow: false, icon: key.selected ? faCheckSquare : faSquare, onClick: () => handleSelect(key.dataKey, !key.selected), children: key.displayName }, index))) }) }));
+};
+export default SortBy;
+//# sourceMappingURL=sortBy.js.map

package/dist/components/data-display/infiniteScroll/header/sortBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortBy.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/sortBy.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAE9D,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,cAAc,CAAC;AAOtB,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,CAAC,OAAe,EAAE,QAAiB,EAAE,EAAE;QAC1D,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAC3C,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO;gBAAE,OAAO,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,CAAC;;gBACtD,OAAO,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;QAC3C,CAAC,CAAC,CAAC;QACH,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;QACrC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,WAAW,IAAI,MAAM,EACtE,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,SAAS,YAEvB,cAAK,SAAS,EAAC,kCAAkC,YAC9C,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAa,EAAE,EAAE,CAAC,CACxC,KAAC,UAAU,IAET,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,YAEtD,GAAG,CAAC,WAAW,IARX,KAAK,CASC,CACd,CAAC,GACE,GACG,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/data-display/infiniteScroll/header/sortDirection.d.ts

@@ -0,0 +1,9 @@
+import { SortDirection as SortDirectionType } from "../types.js";
+import "./styles.css";
+interface DirectionSortProps {
+    sortDirection?: SortDirectionType;
+    handleSortDirectionChange: (sortDirection: SortDirectionType) => void;
+}
+declare const SortDirection: (props: DirectionSortProps) => import("react").JSX.Element;
+export default SortDirection;
+//# sourceMappingURL=sortDirection.d.ts.map

package/dist/components/data-display/infiniteScroll/header/sortDirection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortDirection.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/sortDirection.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAKjE,OAAO,cAAc,CAAC;AAEtB,UAAU,kBAAkB;IAC1B,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,yBAAyB,EAAE,CAAC,aAAa,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACvE;AAED,QAAA,MAAM,aAAa,GAAI,OAAO,kBAAkB,gCA0C/C,CAAC;AAEF,eAAe,aAAa,CAAC"}