@kosmeo-ui/react 0.1.0

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

@@ -0,0 +1,19 @@
+"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 { useState } from "react";
+import "./styles.css";
+const SortDirection = (props) => {
+    const { sortDirection, handleSortDirectionChange } = props;
+    const [isOpen, setIsOpen] = useState(false);
+    const handleSelect = (direction) => {
+        handleSortDirectionChange(direction);
+        setIsOpen(false);
+    };
+    return (_jsx(Dropdown, { variant: "secondary", align: "right", size: "sm", label: props.sortDirection === "asc" ? "Ascending" : "Descending", isOpen: isOpen, onOpenChange: setIsOpen, children: _jsxs("div", { className: "k-infinite-scroll-dropdown-menu ", children: [_jsx(IconButton, { variant: "light", size: "sm", align: "left", shadow: false, icon: sortDirection === "asc" ? faCheckSquare : faSquare, onClick: () => handleSelect("asc"), children: "Ascending" }), _jsx(IconButton, { variant: "light", size: "sm", align: "left", shadow: false, icon: sortDirection === "desc" ? faCheckSquare : faSquare, onClick: () => handleSelect("desc"), children: "Descending" })] }) }));
+};
+export default SortDirection;
+//# sourceMappingURL=sortDirection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sortDirection.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/sortDirection.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,cAAc,CAAC;AAOtB,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAClD,MAAM,EAAE,aAAa,EAAE,yBAAyB,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,CAAC,SAA4B,EAAE,EAAE;QACpD,yBAAyB,CAAC,SAAS,CAAC,CAAC;QACrC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EACjE,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,SAAS,YAEvB,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,EACxD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,0BAGvB,EACb,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,EACzD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,2BAGxB,IACT,GACG,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,64 @@
+.k-infinite-scroll-header {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+.k-infinite-scroll-header-buttons-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.k-infinite-scroll-header-title {
+  font-size: 1.25rem;
+  font-weight: bold;
+  margin: 0;
+}
+
+.k-infinite-scroll-header-limit-sort-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 1rem;
+}
+
+.k-infinite-scroll-header-sort-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.k-infinite-scroll-header-sort-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.k-infinite-scroll-header-sort-title {
+  font-size: 1rem;
+  margin: 0;
+}
+
+.k-infinite-scroll-dropdown-menu {
+  display: flex;
+  flex-direction: column;
+}
+
+.k-limit-container {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+}
+
+.k-limit-container p {
+  margin: 0;
+  font-size: 1rem;
+}

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

@@ -0,0 +1,57 @@
+import "./styles.css";
+import { TableColumn, InfiniteScrollMenu, TableRow } from "./types.js";
+import { ReactNode } from "react";
+interface InfiniteScrollProps<TData> {
+    menu: InfiniteScrollMenu;
+    /** The data array to be rendered in the infinite scroll */
+    data: TData[];
+    /** Indicates if there are more items to load */
+    hasMore: boolean;
+    /** Indicates if data is currently being loaded */
+    isLoading: boolean;
+    /**
+     * Callback function that returns a query string to be attached to the URL when fetching data.
+     * Called whenever filters, sort, or limit options change.
+     */
+    onQueryChange: (queryString: string) => void;
+    /** Function that is called to reload the data */
+    onReload: () => void;
+    /** NOTE: Only columns OR dataComponent is allowed */
+    columns?: TableColumn<TData>[];
+    /** NOTE: Only dataComponent OR columns is allowed */
+    dataComponent?: (data: TableRow<TData>[]) => ReactNode[];
+    /** A toggle to tell the Infinite Scroll to fetch more data. Any change will trigger it*/
+    reloadData?: boolean;
+    /** Returns the data for the rows that are selected */
+    onRowSelect?: (data: TableRow<TData>[]) => void;
+    /** Function that is called when the "+" button is clicked */
+    onAddNew?: () => void;
+    /**
+     * Function that is called when the delete button is clicked
+     *
+     * All the rows that are selected will be passed to this function.
+     */
+    onDelete?: (data: TableRow<TData>[]) => void;
+    /**
+     * An optional element to render in the options menu.
+     *
+     * This can be used to add custom actions or buttons to the menu.
+     */
+    optionsDropdown?: ReactNode;
+    /** Callback for a download/export button in the header */
+    onDownload?: () => void;
+    loadingDataMessage?: string;
+    emptyMessage?: string;
+    /** Function called when a row is clicked. Receives the row data. */
+    onRowClick?: (data: TData) => void;
+    /** When true, hides the header, filters, and tags while keeping infinite scroll functionality */
+    hideFilters?: boolean;
+    /** When true, hides the select/checkbox column */
+    hideSelectColumn?: boolean;
+    /** When true, hides the "Fetch Next Page" button */
+    hideNextPageButton?: boolean;
+}
+declare const InfiniteScroll: <TData extends object>(props: InfiniteScrollProps<TData>) => import("react").JSX.Element;
+export default InfiniteScroll;
+export type { InfiniteScrollMenu, InfiniteScrollMenuFilter, InfiniteScrollMenuSort, InfiniteScrollMenuSortDataKey, InfiniteScrollMenuLimitOption, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/infiniteScroll/index.tsx"],"names":[],"mappings":"AAWA,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,WAAW,EACX,kBAAkB,EAGlB,QAAQ,EACT,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,SAAS,EAMV,MAAM,OAAO,CAAC;AAUf,UAAU,mBAAmB,CAAC,KAAK;IACjC,IAAI,EAAE,kBAAkB,CAAC;IACzB,2DAA2D;IAC3D,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,gDAAgD;IAChD,OAAO,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,SAAS,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,iDAAiD;IACjD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,qDAAqD;IACrD,OAAO,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IAC/B,qDAAqD;IACrD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,SAAS,EAAE,CAAC;IACzD,yFAAyF;IACzF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sDAAsD;IACtD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;IAChD,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;IAC7C;;;;OAIG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC,iGAAiG;IACjG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,QAAA,MAAM,cAAc,GAAI,KAAK,SAAS,MAAM,EAC1C,OAAO,mBAAmB,CAAC,KAAK,CAAC,gCAuSlC,CAAC;AAEF,eAAe,cAAc,CAAC;AAE9B,YAAY,EACV,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,EACtB,6BAA6B,EAC7B,6BAA6B,GAC9B,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,190 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import LoadingOverlay from "../../feedback/loadingOverlay/index.js";
+import * as pendingChangesUtil from "./utils/hasPendingChanges.js";
+import generateQueryString from "./utils/generateQueryString.js";
+import Button from "../../buttons/button/index.js";
+import Col from "../../layout/col/index.js";
+import Filters from "./filters/index.js";
+import Header from "./header/index.js";
+import Table from "./table/index.js";
+import Tags from "./tags/index.js";
+import "./styles.css";
+import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
+const DEFAULT_LIMIT_OPTIONS = [
+    { value: 25, selected: true },
+    { value: 50, selected: false },
+    { value: 100, selected: false },
+];
+const SCROLL_THRESHOLD = 50;
+const InfiniteScroll = (props) => {
+    if (props.columns && props.dataComponent) {
+        throw new Error("You cannot use both columns and dataComponent in the same infinite scroll component");
+    }
+    const [selectedRows, setSelectedRows] = useState(new Set());
+    const [filters, setFilters] = useState([]);
+    const [pendingFilters, setPendingFilters] = useState([]);
+    const [sortBy, setSortBy] = useState(props.menu.sort?.sortDataKeys || []);
+    const [pendingSortBy, setPendingSortBy] = useState(props.menu.sort?.sortDataKeys || []);
+    const [sortDirection, setSortDirection] = useState(props.menu.sort?.sortDirection || "desc");
+    const [pendingSortDirection, setPendingSortDirection] = useState(props.menu.sort?.sortDirection || "desc");
+    const [limitOptions, setLimitOptions] = useState(props.menu.limitOptions || DEFAULT_LIMIT_OPTIONS);
+    const [pendingLimitOptions, setPendingLimitOptions] = useState(props.menu.limitOptions || DEFAULT_LIMIT_OPTIONS);
+    const infiniteScrollTableRef = useRef(null);
+    const containerRef = useRef(null);
+    const rows = useMemo(() => {
+        if (!props.data || props.data.length === 0)
+            return [];
+        return props.data.map((each, index) => ({ index, data: each }));
+    }, [props.data]);
+    const allSelected = useMemo(() => {
+        if (rows.length === 0)
+            return false;
+        return rows.length === selectedRows.size;
+    }, [rows, selectedRows]);
+    const getQueryString = useCallback((isNextPage = false) => {
+        return generateQueryString({
+            filters,
+            limitOptions,
+            sortBy,
+            sortDirection,
+            dataLength: props.data.length,
+            isNextPage,
+        });
+    }, [filters, limitOptions, sortBy, sortDirection, props.data.length]);
+    const handleScroll = useCallback((e) => {
+        if (!infiniteScrollTableRef.current || !props.hasMore || props.isLoading)
+            return;
+        const { scrollHeight, clientHeight } = infiniteScrollTableRef.current;
+        const hasVerticalScrollbar = scrollHeight > clientHeight;
+        if (!hasVerticalScrollbar)
+            return;
+        if (e.target instanceof Element === false)
+            return;
+        const scrollPosition = e.target.scrollHeight - e.target.scrollTop;
+        if (scrollPosition > SCROLL_THRESHOLD + e.target.clientHeight)
+            return;
+        props.onQueryChange(getQueryString(true));
+    }, [props.hasMore, props.isLoading, props.onQueryChange, getQueryString]);
+    const handleNextPageClick = useCallback(() => props.onQueryChange(getQueryString(true)), [props.onQueryChange, getQueryString]);
+    const handleRowSelect = useCallback((index) => {
+        setSelectedRows((prev) => {
+            const newSelectedRows = new Set(prev);
+            if (newSelectedRows.has(index))
+                newSelectedRows.delete(index);
+            else
+                newSelectedRows.add(index);
+            return newSelectedRows;
+        });
+    }, []);
+    const handleSelectAll = useCallback(() => {
+        if (!allSelected)
+            setSelectedRows(new Set(rows.map((row) => row.index)));
+        else
+            setSelectedRows(new Set());
+    }, [allSelected, rows]);
+    useEffect(() => {
+        setSelectedRows(new Set());
+    }, [props.data]);
+    useEffect(() => {
+        if (!props.onRowSelect)
+            return;
+        const selectedData = rows.filter((r) => selectedRows.has(r.index));
+        props.onRowSelect(selectedData);
+    }, [selectedRows, rows, props.onRowSelect]);
+    useEffect(() => {
+        if (!props.menu.filters)
+            return;
+        const generatedFilters = props.menu.filters.map((f, i) => {
+            return { ...f, filterId: `${f.dataKey}-${i}` };
+        });
+        setFilters(generatedFilters);
+        setPendingFilters(generatedFilters);
+        const sortDataKeys = props.menu.sort?.sortDataKeys || [];
+        const sortDir = props.menu.sort?.sortDirection || "desc";
+        setSortBy(sortDataKeys);
+        setPendingSortBy(sortDataKeys);
+        setSortDirection(sortDir);
+        setPendingSortDirection(sortDir);
+        const limits = props.menu.limitOptions || DEFAULT_LIMIT_OPTIONS;
+        setLimitOptions(limits);
+        setPendingLimitOptions(limits);
+        props.onReload();
+    }, [props.menu, props.onReload]);
+    useEffect(() => {
+        const queryString = generateQueryString({
+            filters,
+            limitOptions,
+            sortBy,
+            sortDirection,
+            dataLength: 0,
+            isNextPage: false,
+        });
+        props.onQueryChange(queryString);
+    }, [
+        sortBy,
+        sortDirection,
+        limitOptions,
+        filters,
+        props.reloadData,
+        props.onQueryChange,
+    ]);
+    const hasPendingChanges = useMemo(() => pendingChangesUtil.hasPendingChanges({
+        filters,
+        pendingFilters,
+        sortBy,
+        pendingSortBy,
+        sortDirection,
+        pendingSortDirection,
+        limitOptions,
+        pendingLimitOptions,
+    }), [
+        filters,
+        pendingFilters,
+        sortBy,
+        pendingSortBy,
+        sortDirection,
+        pendingSortDirection,
+        limitOptions,
+        pendingLimitOptions,
+    ]);
+    const hasActiveFilters = useMemo(() => pendingChangesUtil.hasActiveFilters(pendingFilters), [pendingFilters]);
+    const handleApply = useCallback(() => {
+        setFilters(pendingFilters);
+        setSortBy(pendingSortBy);
+        setSortDirection(pendingSortDirection);
+        setLimitOptions(pendingLimitOptions);
+    }, [
+        pendingFilters,
+        pendingSortBy,
+        pendingSortDirection,
+        pendingLimitOptions,
+    ]);
+    const handleReset = useCallback(() => {
+        const clearedFilters = pendingFilters.map((filter) => {
+            if (filter.type === "SELECT") {
+                return {
+                    ...filter,
+                    options: filter.options?.map((o) => ({ ...o, selected: false })),
+                };
+            }
+            else if (filter.type === "RANGE") {
+                return { ...filter, startValue: undefined, endValue: undefined };
+            }
+            else if (filter.type === "SEARCH") {
+                return { ...filter, value: undefined };
+            }
+            else
+                return { ...filter, list: "" };
+        });
+        setPendingFilters(clearedFilters);
+        setFilters(clearedFilters);
+    }, [pendingFilters]);
+    return (_jsxs("div", { ref: containerRef, className: "k-infinite-scroll-container", children: [!props.hideFilters && (_jsxs(_Fragment, { children: [_jsxs(Col, { size: "sm", children: [_jsx(Header, { title: props.menu.title, limitOptions: pendingLimitOptions, sortBy: pendingSortBy, sortDirection: pendingSortDirection, rows: rows, selectedRows: selectedRows, allSelected: allSelected, optionsDropdown: props.optionsDropdown, onDownload: props.onDownload, onAddNew: props.onAddNew, onDelete: props.onDelete, onRefetch: props.onReload, onLimitChange: setPendingLimitOptions, onSortByChange: setPendingSortBy, onSortDirectionChange: setPendingSortDirection }), _jsxs(Filters, { pendingFilters: pendingFilters, handleNewPendingFilters: setPendingFilters, children: [_jsx(Button, { size: "sm", variant: "danger", disabled: !hasActiveFilters, onClick: handleReset, children: "Reset" }), _jsx(Button, { size: "sm", disabled: !hasPendingChanges, onClick: handleApply, children: "Apply" })] }), _jsx(Tags, { filters: pendingFilters, handleNewFilters: setPendingFilters })] }), _jsx("div", { className: "k-infinite-scroll-menu-table-divider" })] })), _jsxs("div", { ref: infiniteScrollTableRef, className: "k-infinite-scroll-table-container", onScroll: handleScroll, children: [props.columns && (_jsx(Table, { columns: props.columns, rows: rows, selectedRows: selectedRows, allSelected: allSelected, onRowSelect: handleRowSelect, onSelectAll: handleSelectAll, onRowClick: props.onRowClick, hideSelectColumn: props.hideSelectColumn, scrollParentRef: infiniteScrollTableRef })), props.dataComponent && props.dataComponent(rows), !props.isLoading && props.data.length === 0 && (_jsx("div", { className: "k-infinite-scroll-empty-state", children: props.emptyMessage || "No results found" })), !props.hideNextPageButton && props.data.length > 0 && (_jsx("div", { className: "k-infinite-scroll-next-page-container", children: _jsx(Button, { disabled: !props.hasMore || props.isLoading, onClick: handleNextPageClick, children: props.hasMore
+                                ? props.isLoading
+                                    ? "Loading..."
+                                    : "Fetch Next Page"
+                                : "No More Pages" }) })), _jsx(LoadingOverlay, { fullPage: false, show: props.isLoading && props.data.length === 0, message: props.loadingDataMessage || "Loading Data..." })] })] }));
+};
+export default InfiniteScroll;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,37 @@
+.k-infinite-scroll-container {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  padding: 0.5rem;
+  border-radius: 1rem;
+  overflow-y: hidden;
+  height: 100%;
+}
+
+.k-infinite-scroll-table-container {
+  flex: 1;
+  overflow-y: auto;
+  min-height: 0;
+  position: relative;
+}
+
+.k-infinite-scroll-menu-table-divider {
+  margin: 1rem;
+  border-top: 2px solid var(--border-color);
+}
+
+.k-infinite-scroll-next-page-container {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  padding: 0.5rem 0;
+}
+
+.k-infinite-scroll-empty-state {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 3rem 1rem;
+  color: var(--text-muted);
+  font-size: 1rem;
+}

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

@@ -0,0 +1,16 @@
+import { type RefObject } from "react";
+import { TableColumn, TableRow } from "../../dataTable/types.js";
+interface InfiniteScrollTableProps<TData> {
+    columns: TableColumn<TData>[];
+    rows: TableRow<TData>[];
+    selectedRows: Set<number>;
+    allSelected: boolean;
+    onRowSelect: (data: number) => void;
+    onSelectAll: () => void;
+    onRowClick?: (data: TData) => void;
+    hideSelectColumn?: boolean;
+    scrollParentRef?: RefObject<HTMLElement | null>;
+}
+declare const InfiniteScrollTable: <TData extends object>(props: InfiniteScrollTableProps<TData>) => import("react").JSX.Element;
+export default InfiniteScrollTable;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/table/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,WAAW,EAEX,QAAQ,EACT,MAAM,0BAA0B,CAAC;AAElC,UAAU,wBAAwB,CAAC,KAAK;IACtC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACjD;AAED,QAAA,MAAM,mBAAmB,GAAI,KAAK,SAAS,MAAM,EAC/C,OAAO,wBAAwB,CAAC,KAAK,CAAC,gCA6BvC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import DataTable from "../../../data-display/dataTable/index.js";
+import Checkbox from "../../../inputs/checkbox/index.js";
+const InfiniteScrollTable = (props) => {
+    const leadingColumn = props.hideSelectColumn
+        ? undefined
+        : {
+            header: (_jsx(Checkbox, { checked: props.allSelected, onChange: props.onSelectAll })),
+            cell: (row) => (_jsx(Checkbox, { checked: props.selectedRows.has(row.index) || props.allSelected, onChange: () => props.onRowSelect(row.index) })),
+        };
+    return (_jsx(DataTable, { columns: props.columns, rows: props.rows, leadingColumn: leadingColumn, onRowClick: props.onRowClick, scrollParentRef: props.scrollParentRef }));
+};
+export default InfiniteScrollTable;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/table/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,SAAS,MAAM,0CAA0C,CAAC;AACjE,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AAoBzD,MAAM,mBAAmB,GAAG,CAC1B,KAAsC,EACtC,EAAE;IACF,MAAM,aAAa,GACjB,KAAK,CAAC,gBAAgB;QACpB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,MAAM,EAAE,CACN,KAAC,QAAQ,IACP,OAAO,EAAE,KAAK,CAAC,WAAW,EAC1B,QAAQ,EAAE,KAAK,CAAC,WAAW,GAC3B,CACH;YACD,IAAI,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CACb,KAAC,QAAQ,IACP,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,WAAW,EAC/D,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,GAC5C,CACH;SACF,CAAC;IAER,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,eAAe,EAAE,KAAK,CAAC,eAAe,GACtC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,9 @@
+import { InfiniteScrollMenuGeneratedFilter } from "../types.js";
+import "./styles.css";
+interface InfiniteScrollMenuTagsProps {
+    filters: InfiniteScrollMenuGeneratedFilter[];
+    handleNewFilters: (filters: InfiniteScrollMenuGeneratedFilter[]) => void;
+}
+declare const Tags: (props: InfiniteScrollMenuTagsProps) => import("react").JSX.Element | null;
+export default Tags;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAC;AAKhE,OAAO,cAAc,CAAC;AAEtB,UAAU,2BAA2B;IACnC,OAAO,EAAE,iCAAiC,EAAE,CAAC;IAC7C,gBAAgB,EAAE,CAAC,OAAO,EAAE,iCAAiC,EAAE,KAAK,IAAI,CAAC;CAC1E;AAED,QAAA,MAAM,IAAI,GAAI,OAAO,2BAA2B,uCAiE/C,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import SearchFilterTag from "./searchFilterTag.js";
+import SelectFilterTag from "./selectFilterTag.js";
+import RangeFilterTag from "./rangeFilterTag.js";
+import ListFilterTag from "./listFilterTag.js";
+import "./styles.css";
+const Tags = (props) => {
+    const filterTags = props.filters.reduce((tags, f) => {
+        if (f.type === "SELECT") {
+            const selectedFilters = f.options?.filter((o) => o.selected);
+            if (!selectedFilters)
+                return tags;
+            for (const selectedFilter of selectedFilters) {
+                tags.push(_jsx(SelectFilterTag, { filter: f, filterOption: selectedFilter, filters: props.filters, handleNewFilters: props.handleNewFilters }, f.filterId));
+            }
+        }
+        else if (f.type === "RANGE") {
+            if (f.startValue) {
+                tags.push(_jsx(RangeFilterTag, { filter: f, filters: props.filters, filterValue: "startValue", handleNewFilters: props.handleNewFilters }, f.filterId));
+            }
+            if (f.endValue) {
+                tags.push(_jsx(RangeFilterTag, { filter: f, filters: props.filters, filterValue: "endValue", handleNewFilters: props.handleNewFilters }, f.filterId));
+            }
+        }
+        else if (f.type === "SEARCH") {
+            if (!f.value)
+                return tags;
+            tags.push(_jsx(SearchFilterTag, { filter: f, filters: props.filters, handleNewFilters: props.handleNewFilters }, f.filterId));
+        }
+        else if (f.type === "LIST") {
+            if (!f.list)
+                return tags;
+            tags.push(_jsx(ListFilterTag, { filter: f, filters: props.filters, handleNewFilters: props.handleNewFilters }, f.filterId));
+        }
+        return tags;
+    }, []);
+    if (!filterTags.length)
+        return null;
+    return _jsx("div", { className: "k-tags-container", children: filterTags });
+};
+export default Tags;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,cAAc,CAAC;AAOtB,MAAM,IAAI,GAAG,CAAC,KAAkC,EAAE,EAAE;IAClD,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QAClD,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACxB,MAAM,eAAe,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;YAC7D,IAAI,CAAC,eAAe;gBAAE,OAAO,IAAI,CAAC;YAClC,KAAK,MAAM,cAAc,IAAI,eAAe,EAAE,CAAC;gBAC7C,IAAI,CAAC,IAAI,CACP,KAAC,eAAe,IAEd,MAAM,EAAE,CAAC,EACT,YAAY,EAAE,cAAc,EAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,IAJnC,CAAC,CAAC,QAAQ,CAKf,CACH,CAAC;YACJ,CAAC;QACH,CAAC;aAAM,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC9B,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;gBACjB,IAAI,CAAC,IAAI,CACP,KAAC,cAAc,IAEb,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAC,YAAY,EACxB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,IAJnC,CAAC,CAAC,QAAQ,CAKf,CACH,CAAC;YACJ,CAAC;YACD,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;gBACf,IAAI,CAAC,IAAI,CACP,KAAC,cAAc,IAEb,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAC,UAAU,EACtB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,IAJnC,CAAC,CAAC,QAAQ,CAKf,CACH,CAAC;YACJ,CAAC;QACH,CAAC;aAAM,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC/B,IAAI,CAAC,CAAC,CAAC,KAAK;gBAAE,OAAO,IAAI,CAAC;YAC1B,IAAI,CAAC,IAAI,CACP,KAAC,eAAe,IAEd,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,IAHnC,CAAC,CAAC,QAAQ,CAIf,CACH,CAAC;QACJ,CAAC;aAAM,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YAC7B,IAAI,CAAC,CAAC,CAAC,IAAI;gBAAE,OAAO,IAAI,CAAC;YACzB,IAAI,CAAC,IAAI,CACP,KAAC,aAAa,IAEZ,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,IAHnC,CAAC,CAAC,QAAQ,CAIf,CACH,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,EAAuB,CAAC,CAAC;IAE5B,IAAI,CAAC,UAAU,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACpC,OAAO,cAAK,SAAS,EAAC,kBAAkB,YAAE,UAAU,GAAO,CAAC;AAC9D,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/data-display/infiniteScroll/tags/listFilterTag.d.ts

@@ -0,0 +1,10 @@
+import "./styles.css";
+import { GeneratedListFilter, InfiniteScrollMenuGeneratedFilter } from "../types.js";
+interface InfiniteScrollListFilterTagProps {
+    filter: GeneratedListFilter;
+    filters: InfiniteScrollMenuGeneratedFilter[];
+    handleNewFilters: (filters: InfiniteScrollMenuGeneratedFilter[]) => void;
+}
+declare const ListFilterTag: (props: InfiniteScrollListFilterTagProps) => import("react").JSX.Element;
+export default ListFilterTag;
+//# sourceMappingURL=listFilterTag.d.ts.map

package/dist/components/data-display/infiniteScroll/tags/listFilterTag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listFilterTag.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/listFilterTag.tsx"],"names":[],"mappings":"AAUA,OAAO,cAAc,CAAC;AAOtB,OAAO,EACL,mBAAmB,EACnB,iCAAiC,EAClC,MAAM,aAAa,CAAC;AAErB,UAAU,gCAAgC;IACxC,MAAM,EAAE,mBAAmB,CAAC;IAC5B,OAAO,EAAE,iCAAiC,EAAE,CAAC;IAC7C,gBAAgB,EAAE,CAAC,OAAO,EAAE,iCAAiC,EAAE,KAAK,IAAI,CAAC;CAC1E;AAED,QAAA,MAAM,aAAa,GAAI,OAAO,gCAAgC,gCAsI7D,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/data-display/infiniteScroll/tags/listFilterTag.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import IconButton from "../../../buttons/iconButton/index.js";
+import Table from "../../../data-display/table/index.js";
+import { useCallback, useMemo, useState } from "react";
+import Modal from "../../../overlays/modal/index.js";
+import Input from "../../../inputs/input/index.js";
+import Row from "../../../layout/row/index.js";
+import "./styles.css";
+import { faList, faPenToSquare, faPlus, faXmark, } from "@fortawesome/free-solid-svg-icons";
+const ListFilterTag = (props) => {
+    const [show, setShow] = useState(false);
+    const [modalFilter, setModalFilter] = useState("");
+    const [modalAddValues, setModalAddValues] = useState("");
+    const handleRemove = useCallback(() => {
+        const newFilters = props.filters?.map((f) => {
+            if (f.type !== "LIST")
+                return f;
+            if (f.filterId !== props.filter.filterId)
+                return f;
+            if (!modalAddValues)
+                return { ...f, list: "" };
+            const newValues = f.list.split(",").filter((v) => v !== modalAddValues);
+            return { ...f, list: newValues.join(",") };
+        });
+        props.handleNewFilters(newFilters);
+    }, [props.filters, props.filter.filterId, modalAddValues]);
+    const handleAddValues = () => {
+        const newFilters = props.filters?.map((f) => {
+            if (f.type !== "LIST")
+                return f;
+            if (f.filterId !== props.filter.filterId)
+                return f;
+            const newValues = f.list.split(",");
+            for (const value of modalAddValues.split(",")) {
+                if (!newValues.includes(value))
+                    newValues.push(value);
+            }
+            return { ...f, list: newValues.join(",") };
+        });
+        props.handleNewFilters(newFilters);
+    };
+    const handleClose = () => setShow(false);
+    const tagValue = useMemo(() => {
+        const allValues = props.filter.list.split(",");
+        if (allValues.length > 1) {
+            return `${allValues[0]} (+${allValues.length - 1} more)`;
+        }
+        else
+            return `${allValues[0]}`;
+    }, [props.filter.list]);
+    const allowAdd = useMemo(() => {
+        if (modalAddValues === "")
+            return false;
+        const allValues = props.filter.list.split(",");
+        if (allValues.includes(modalAddValues))
+            return false;
+        return true;
+    }, [modalAddValues, props.filter.list]);
+    const tableRows = useMemo(() => props.filter.list.split(",").filter((l) => {
+        if (!modalFilter)
+            return true;
+        return l.includes(modalFilter);
+    }), [props.filter.list, modalFilter]);
+    const tableColumns = useMemo(() => [
+        {
+            title: "#",
+            headerElement: (t) => (_jsx("span", { className: "k-lft-modal-table-header", children: t })),
+            cellElement: (_, i) => i + 1,
+        },
+        { title: "Value", cellElement: (value) => value },
+        {
+            title: "Remove",
+            headerElement: (t) => (_jsx("span", { className: "k-lft-modal-table-header", children: t })),
+            cellElement: () => (_jsx("div", { className: "k-lft-modal-table-remove-button", children: _jsx(IconButton, { icon: faXmark, size: "sm", variant: "danger", onClick: handleRemove }) })),
+        },
+    ], [handleRemove]);
+    return (_jsxs("div", { className: "k-tag-container", children: [_jsx("p", { className: "k-tag-title", children: props.filter.title }), _jsxs("div", { className: "k-tag-actions", children: [_jsx(FontAwesomeIcon, { icon: faList }), _jsx("p", { className: "k-tag-value", children: tagValue }), _jsxs("div", { className: "k-lft-buttons", children: [_jsx(IconButton, { icon: faPenToSquare, onClick: () => setShow(!show), size: "sm" }), _jsx(IconButton, { icon: faXmark, onClick: handleRemove, size: "sm" })] })] }), _jsx(Modal, { show: show, onClose: handleClose, title: props.filter.title, children: _jsxs("div", { className: "k-lft-modal-body", children: [_jsx(Input, { size: "sm", placeholder: "Search", value: modalFilter, onChange: (e) => setModalFilter(e.target.value) }), _jsxs(Row, { size: "sm", children: [_jsx(Input, { size: "sm", placeholder: "Add new values", value: modalAddValues, onChange: (e) => setModalAddValues(e.target.value) }), _jsx(IconButton, { size: "sm", icon: faPlus, disabled: !allowAdd, onClick: handleAddValues })] }), _jsx("div", { className: "k-lft-modal-table-container", children: _jsx(Table, { striped: true, bordered: true, hover: true, columns: tableColumns, rows: tableRows }) })] }) })] }));
+};
+export default ListFilterTag;
+//# sourceMappingURL=listFilterTag.js.map

package/dist/components/data-display/infiniteScroll/tags/listFilterTag.js.map

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

package/dist/components/data-display/infiniteScroll/tags/rangeFilterTag.d.ts

@@ -0,0 +1,11 @@
+import "./styles.css";
+import { GeneratedRangeFilter, InfiniteScrollMenuGeneratedFilter } from "../types.js";
+interface InfiniteScrollRangeFilterTagProps {
+    filter: GeneratedRangeFilter;
+    filterValue: "startValue" | "endValue";
+    filters: InfiniteScrollMenuGeneratedFilter[];
+    handleNewFilters: (filters: InfiniteScrollMenuGeneratedFilter[]) => void;
+}
+declare const RangeFilterTag: (props: InfiniteScrollRangeFilterTagProps) => import("react").JSX.Element;
+export default RangeFilterTag;
+//# sourceMappingURL=rangeFilterTag.d.ts.map

package/dist/components/data-display/infiniteScroll/tags/rangeFilterTag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rangeFilterTag.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/rangeFilterTag.tsx"],"names":[],"mappings":"AAMA,OAAO,cAAc,CAAC;AAOtB,OAAO,EACL,oBAAoB,EACpB,iCAAiC,EAClC,MAAM,aAAa,CAAC;AAErB,UAAU,iCAAiC;IACzC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,OAAO,EAAE,iCAAiC,EAAE,CAAC;IAC7C,gBAAgB,EAAE,CAAC,OAAO,EAAE,iCAAiC,EAAE,KAAK,IAAI,CAAC;CAC1E;AAED,QAAA,MAAM,cAAc,GAAI,OAAO,iCAAiC,gCAiD/D,CAAC;AAEF,eAAe,cAAc,CAAC"}