@kosmeo-ui/react 0.1.0

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

@@ -0,0 +1,54 @@
+"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 { useCallback, useMemo } from "react";
+import { DateTime } from "luxon";
+import "./styles.css";
+import { faCalendarDays, faFont, faHashtag, faXmark, } from "@fortawesome/free-solid-svg-icons";
+const RangeFilterTag = (props) => {
+    const { filter, filterValue } = props;
+    const isDate = useMemo(() => {
+        return filter.rangeType === "DATE" || filter.rangeType === "DATETIME";
+    }, [filter.rangeType]);
+    const tagTitle = useMemo(() => {
+        const startSuffix = isDate ? "After" : "Start";
+        const endSuffix = isDate ? "Before" : "End";
+        const suffix = filterValue === "startValue" ? startSuffix : endSuffix;
+        return `${filter.title} ${suffix}`;
+    }, [filter.rangeType, filterValue]);
+    const tagValue = useMemo(() => {
+        const value = filter[filterValue];
+        if (!value)
+            return "";
+        if (filter.rangeType === "DATE") {
+            return DateTime.fromISO(String(value)).toFormat("D");
+        }
+        else if (filter.rangeType === "DATETIME") {
+            return DateTime.fromISO(String(value)).toFormat("D ttt");
+        }
+        else if (filter.rangeType === "NUMBER")
+            return value;
+        else if (filter.rangeType === "STRING")
+            return value;
+    }, [filter, filterValue, filter.rangeType]);
+    const iconToUse = useMemo(() => {
+        if (isDate)
+            return faCalendarDays;
+        else if (filter.rangeType === "NUMBER")
+            return faHashtag;
+        else if (filter.rangeType === "STRING")
+            return faFont;
+    }, [filter.rangeType]);
+    const handleRemove = useCallback(() => {
+        const newFilters = props.filters.map((f) => {
+            if (f.filterId !== props.filter.filterId)
+                return f;
+            return { ...f, [filterValue]: undefined };
+        });
+        props.handleNewFilters(newFilters);
+    }, [props.filters, filterValue]);
+    return (_jsxs("div", { className: "k-tag-container", children: [_jsx("p", { className: "k-tag-title", children: tagTitle }), _jsxs("div", { className: "k-tag-actions", children: [iconToUse && _jsx(FontAwesomeIcon, { icon: iconToUse }), _jsx("p", { className: "k-tag-value", children: tagValue }), _jsx(IconButton, { icon: faXmark, onClick: handleRemove, size: "sm" })] })] }));
+};
+export default RangeFilterTag;
+//# sourceMappingURL=rangeFilterTag.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"searchFilterTag.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/searchFilterTag.tsx"],"names":[],"mappings":"AAMA,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,qBAAqB,EACrB,iCAAiC,EAClC,MAAM,aAAa,CAAC;AAErB,UAAU,kCAAkC;IAC1C,MAAM,EAAE,qBAAqB,CAAC;IAC9B,OAAO,EAAE,iCAAiC,EAAE,CAAC;IAC7C,gBAAgB,EAAE,CAAC,OAAO,EAAE,iCAAiC,EAAE,KAAK,IAAI,CAAC;CAC1E;AAED,QAAA,MAAM,eAAe,GAAI,OAAO,kCAAkC,gCAoBjE,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { faMagnifyingGlass, faXmark } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import IconButton from "../../../buttons/iconButton/index.js";
+import { useCallback } from "react";
+import "./styles.css";
+const SearchFilterTag = (props) => {
+    const handleRemove = useCallback(() => {
+        const newFilters = props.filters?.map((f) => {
+            if (f.filterId !== props.filter.filterId)
+                return f;
+            if (f.type !== "SEARCH")
+                return f;
+            return { ...f, value: "" };
+        });
+        props.handleNewFilters(newFilters);
+    }, [props.filters, props.filter]);
+    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: faMagnifyingGlass }), _jsx("p", { className: "k-tag-value", children: props.filter.value }), _jsx(IconButton, { icon: faXmark, onClick: handleRemove, size: "sm" })] })] }));
+};
+export default SearchFilterTag;
+//# sourceMappingURL=searchFilterTag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"searchFilterTag.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/searchFilterTag.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,cAAc,CAAC;AAYtB,MAAM,eAAe,GAAG,CAAC,KAAyC,EAAE,EAAE;IACpE,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YAC1C,IAAI,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,MAAM,CAAC,QAAQ;gBAAE,OAAO,CAAC,CAAC;YACnD,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ;gBAAE,OAAO,CAAC,CAAC;YAClC,OAAO,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QAC7B,CAAC,CAAC,CAAC;QACH,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,YAAG,SAAS,EAAC,aAAa,YAAE,KAAK,CAAC,MAAM,CAAC,KAAK,GAAK,EACnD,eAAK,SAAS,EAAC,eAAe,aAC5B,KAAC,eAAe,IAAC,IAAI,EAAE,iBAAiB,GAAI,EAC5C,YAAG,SAAS,EAAC,aAAa,YAAE,KAAK,CAAC,MAAM,CAAC,KAAK,GAAK,EACnD,KAAC,UAAU,IAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAC,IAAI,GAAG,IAC1D,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,11 @@
+import "../styles.css";
+import { GeneratedSelectFilter, InfiniteScrollMenuFilterOption, InfiniteScrollMenuGeneratedFilter } from "../types.js";
+interface InfiniteScrollSelectFilterTagProps {
+    filter: GeneratedSelectFilter;
+    filterOption: InfiniteScrollMenuFilterOption;
+    filters: InfiniteScrollMenuGeneratedFilter[];
+    handleNewFilters: (filters: InfiniteScrollMenuGeneratedFilter[]) => void;
+}
+declare const SelectFilterTag: (props: InfiniteScrollSelectFilterTagProps) => import("react").JSX.Element;
+export default SelectFilterTag;
+//# sourceMappingURL=selectFilterTag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectFilterTag.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/selectFilterTag.tsx"],"names":[],"mappings":"AAMA,OAAO,eAAe,CAAC;AACvB,OAAO,EACL,qBAAqB,EACrB,8BAA8B,EAC9B,iCAAiC,EAClC,MAAM,aAAa,CAAC;AAErB,UAAU,kCAAkC;IAC1C,MAAM,EAAE,qBAAqB,CAAC;IAC9B,YAAY,EAAE,8BAA8B,CAAC;IAC7C,OAAO,EAAE,iCAAiC,EAAE,CAAC;IAC7C,gBAAgB,EAAE,CAAC,OAAO,EAAE,iCAAiC,EAAE,KAAK,IAAI,CAAC;CAC1E;AAED,QAAA,MAAM,eAAe,GAAI,OAAO,kCAAkC,gCAuBjE,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { faCheckSquare, faXmark } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import IconButton from "../../../buttons/iconButton/index.js";
+import { useCallback } from "react";
+import "../styles.css";
+const SelectFilterTag = (props) => {
+    const handleRemove = useCallback(() => {
+        const newFilters = props.filters.map((f) => {
+            if (props.filter.filterId !== f.filterId || f.type !== "SELECT")
+                return f;
+            const newOptions = f.options?.map((o) => {
+                if (o.id === props.filterOption.id)
+                    return { ...o, selected: false };
+                else
+                    return o;
+            });
+            return { ...f, options: newOptions };
+        });
+        props.handleNewFilters(newFilters);
+    }, [props]);
+    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: faCheckSquare }), _jsx("p", { className: "k-tag-value", children: props.filterOption.name }), _jsx(IconButton, { onClick: handleRemove, size: "sm", icon: faXmark })] })] }));
+};
+export default SelectFilterTag;
+//# sourceMappingURL=selectFilterTag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectFilterTag.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/selectFilterTag.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,eAAe,CAAC;AAcvB,MAAM,eAAe,GAAG,CAAC,KAAyC,EAAE,EAAE;IACpE,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACzC,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ;gBAAE,OAAO,CAAC,CAAC;YAC1E,MAAM,UAAU,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACtC,IAAI,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,YAAY,CAAC,EAAE;oBAAE,OAAO,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;;oBAChE,OAAO,CAAC,CAAC;YAChB,CAAC,CAAC,CAAC;YACH,OAAO,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;QACvC,CAAC,CAAC,CAAC;QACH,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,YAAG,SAAS,EAAC,aAAa,YAAE,KAAK,CAAC,MAAM,CAAC,KAAK,GAAK,EACnD,eAAK,SAAS,EAAC,eAAe,aAC5B,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,GAAI,EACxC,YAAG,SAAS,EAAC,aAAa,YAAE,KAAK,CAAC,YAAY,CAAC,IAAI,GAAK,EACxD,KAAC,UAAU,IAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,OAAO,GAAI,IAC1D,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,65 @@
+.k-tags-container {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}
+
+.k-tag-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  background-color: var(--primary-color);
+  border-radius: 0.375rem;
+  color: var(--text-color-light);
+  padding-left: 0.5rem;
+}
+
+.k-tag-title {
+  margin: 0;
+  margin-top: 0.25rem;
+  font-size: 0.75rem;
+}
+
+.k-tag-actions {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 0.25rem;
+  margin-top: -0.25rem;
+}
+
+.k-tag-value {
+  margin: 0;
+  font-size: 0.875rem;
+}
+
+.k-lft-buttons {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.k-lft-modal-body {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  padding: 0.5rem;
+  gap: 0.5rem;
+}
+
+.k-lft-modal-table-container {
+  max-height: 30rem;
+  overflow-y: auto;
+}
+
+.k-lft-modal-table-header {
+  width: 5rem;
+}
+
+.k-lft-modal-table-remove-button {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}

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

@@ -0,0 +1,87 @@
+import type { DataKey } from "../dataTable/types.js";
+export type { DataKey, TableColumn, TableRow, TableLeadingColumn, } from "../dataTable/types.js";
+export type RangeType = "DATE" | "DATETIME" | "NUMBER" | "STRING";
+export type RangeValue = string | number;
+export type SortDirection = "asc" | "desc";
+export interface InfiniteScrollMenu {
+    title: string;
+    limitOptions?: InfiniteScrollMenuLimitOption[];
+    filters?: InfiniteScrollMenuFilter[];
+    sort?: InfiniteScrollMenuSort;
+}
+export type InfiniteScrollMenuFilter = RangeFilter | SearchFilter | SelectFilter | ListFilter;
+export type InfiniteScrollMenuGeneratedFilter = GeneratedRangeFilter | GeneratedSearchFilter | GeneratedSelectFilter | GeneratedListFilter;
+interface BaseFilter {
+    title: string;
+    dataKey: DataKey;
+    searchType?: SearchType[];
+}
+interface GeneratedBaseFilter extends BaseFilter {
+    filterId: string;
+}
+export interface RangeFilter extends BaseFilter {
+    type: "RANGE";
+    startValue?: RangeValue;
+    endValue?: RangeValue;
+    rangeType?: RangeType;
+}
+export interface GeneratedRangeFilter extends RangeFilter, GeneratedBaseFilter {
+}
+export interface SearchFilter extends BaseFilter {
+    type: "SEARCH";
+    value?: string;
+}
+export interface GeneratedSearchFilter extends SearchFilter, GeneratedBaseFilter {
+}
+export interface SelectFilter extends BaseFilter {
+    type: "SELECT";
+    options: InfiniteScrollMenuFilterOption[];
+    multiSelect?: boolean;
+}
+export interface GeneratedSelectFilter extends SelectFilter, GeneratedBaseFilter {
+}
+export interface ListFilter extends BaseFilter {
+    type: "LIST";
+    list: string;
+}
+export interface GeneratedListFilter extends ListFilter, GeneratedBaseFilter {
+}
+/**
+ * SearchType allows a more complex search to be performed on the data.
+ *
+ * For example, if you want to search for a string that starts with a value, you would use the "startsWith" type.
+ *
+ * @example
+ * const dataKey = "tasks.assignee.email"
+ * const searchType = {
+ *  type: "startsWith",
+ *  key: "email"
+ * }
+ * // This will search for the email that starts with the value provided
+ */
+export interface SearchType {
+    /** The Prisma search type to use */
+    type: "some" | "every" | "none" | "in" | "gte" | "lte" | "contains" | "startsWith" | "endsWith" | "not";
+    /** The dataKey segment to use the type with */
+    key: string;
+}
+export interface InfiniteScrollMenuFilterOption {
+    id: number | string;
+    name: string;
+    selected: boolean;
+}
+export interface InfiniteScrollMenuLimitOption {
+    value: number;
+    selected: boolean;
+}
+export interface InfiniteScrollMenuSort {
+    sortDataKeys: InfiniteScrollMenuSortDataKey[];
+    /** Sort direction to use on load. Defaults to desc */
+    sortDirection?: SortDirection;
+}
+export interface InfiniteScrollMenuSortDataKey {
+    dataKey: DataKey;
+    displayName: string;
+    selected: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/data-display/infiniteScroll/types.ts"],"names":[],"mappings":""}

package/dist/components/data-display/infiniteScroll/utils/generateQueryString.d.ts

@@ -0,0 +1,12 @@
+import { InfiniteScrollMenuGeneratedFilter, InfiniteScrollMenuLimitOption, InfiniteScrollMenuSortDataKey, SortDirection } from "../types.js";
+interface GenerateQueryStringParams {
+    filters: InfiniteScrollMenuGeneratedFilter[];
+    limitOptions: InfiniteScrollMenuLimitOption[];
+    sortBy: InfiniteScrollMenuSortDataKey[];
+    sortDirection: SortDirection;
+    dataLength: number;
+    isNextPage?: boolean;
+}
+declare const generateQueryString: (params: GenerateQueryStringParams) => string;
+export default generateQueryString;
+//# sourceMappingURL=generateQueryString.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generateQueryString.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/utils/generateQueryString.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iCAAiC,EACjC,6BAA6B,EAC7B,6BAA6B,EAC7B,aAAa,EACd,MAAM,aAAa,CAAC;AAErB,UAAU,yBAAyB;IACjC,OAAO,EAAE,iCAAiC,EAAE,CAAC;IAC7C,YAAY,EAAE,6BAA6B,EAAE,CAAC;IAC9C,MAAM,EAAE,6BAA6B,EAAE,CAAC;IACxC,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,mBAAmB,GAAI,QAAQ,yBAAyB,KAAG,MAwDhE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/data-display/infiniteScroll/utils/generateQueryString.js

@@ -0,0 +1,49 @@
+const generateQueryString = (params) => {
+    const { filters, limitOptions, sortBy, sortDirection, dataLength, isNextPage = false, } = params;
+    const defaultLimit = 10;
+    const limit = limitOptions.find((opt) => opt.selected)?.value || defaultLimit;
+    const offset = isNextPage ? dataLength : 0;
+    const queryParams = new URLSearchParams();
+    queryParams.set("limit", String(limit));
+    queryParams.set("offset", String(offset));
+    // Sort params
+    const selectedSort = sortBy.find((s) => s.selected);
+    if (selectedSort) {
+        queryParams.set("sort", selectedSort.dataKey);
+        queryParams.set("sortDir", sortDirection);
+    }
+    // Filter params - simple key-value format for server-side validation
+    for (const filter of filters) {
+        const key = filter.dataKey;
+        if (filter.type === "SEARCH" && filter.value) {
+            queryParams.set(`filter[${key}]`, filter.value);
+            queryParams.set(`filter[${key}_op]`, "contains");
+        }
+        else if (filter.type === "RANGE") {
+            if (filter.startValue !== undefined) {
+                queryParams.set(`filter[${key}_gte]`, String(filter.startValue));
+            }
+            if (filter.endValue !== undefined) {
+                queryParams.set(`filter[${key}_lte]`, String(filter.endValue));
+            }
+        }
+        else if (filter.type === "SELECT") {
+            const selectedOptions = filter.options
+                .filter((opt) => opt.selected)
+                .map((opt) => opt.id);
+            if (selectedOptions.length > 0) {
+                queryParams.set(`filter[${key}]`, selectedOptions.join(","));
+                if (filter.multiSelect) {
+                    queryParams.set(`filter[${key}_op]`, "in");
+                }
+            }
+        }
+        else if (filter.type === "LIST" && filter.list) {
+            queryParams.set(`filter[${key}]`, filter.list);
+            queryParams.set(`filter[${key}_op]`, "in");
+        }
+    }
+    return queryParams.toString();
+};
+export default generateQueryString;
+//# sourceMappingURL=generateQueryString.js.map

package/dist/components/data-display/infiniteScroll/utils/generateQueryString.js.map

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

package/dist/components/data-display/infiniteScroll/utils/hasPendingChanges.d.ts

@@ -0,0 +1,15 @@
+import { InfiniteScrollMenuGeneratedFilter, InfiniteScrollMenuLimitOption, InfiniteScrollMenuSortDataKey, SortDirection } from "../types.js";
+interface PendingChangesParams {
+    filters: InfiniteScrollMenuGeneratedFilter[];
+    pendingFilters: InfiniteScrollMenuGeneratedFilter[];
+    sortBy: InfiniteScrollMenuSortDataKey[];
+    pendingSortBy: InfiniteScrollMenuSortDataKey[];
+    sortDirection: SortDirection;
+    pendingSortDirection: SortDirection;
+    limitOptions: InfiniteScrollMenuLimitOption[];
+    pendingLimitOptions: InfiniteScrollMenuLimitOption[];
+}
+export declare const hasPendingChanges: (params: PendingChangesParams) => boolean;
+export declare const hasActiveFilters: (pendingFilters: InfiniteScrollMenuGeneratedFilter[]) => boolean;
+export {};
+//# sourceMappingURL=hasPendingChanges.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hasPendingChanges.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/utils/hasPendingChanges.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iCAAiC,EACjC,6BAA6B,EAC7B,6BAA6B,EAC7B,aAAa,EACd,MAAM,aAAa,CAAC;AAErB,UAAU,oBAAoB;IAC5B,OAAO,EAAE,iCAAiC,EAAE,CAAC;IAC7C,cAAc,EAAE,iCAAiC,EAAE,CAAC;IACpD,MAAM,EAAE,6BAA6B,EAAE,CAAC;IACxC,aAAa,EAAE,6BAA6B,EAAE,CAAC;IAC/C,aAAa,EAAE,aAAa,CAAC;IAC7B,oBAAoB,EAAE,aAAa,CAAC;IACpC,YAAY,EAAE,6BAA6B,EAAE,CAAC;IAC9C,mBAAmB,EAAE,6BAA6B,EAAE,CAAC;CACtD;AAED,eAAO,MAAM,iBAAiB,GAAI,QAAQ,oBAAoB,KAAG,OAWhE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,gBAAgB,iCAAiC,EAAE,KAClD,OAaF,CAAC"}

package/dist/components/data-display/infiniteScroll/utils/hasPendingChanges.js

@@ -0,0 +1,87 @@
+export const hasPendingChanges = (params) => {
+    return (hasFilterChanges(params.filters, params.pendingFilters) ||
+        hasSortChanges(params.sortBy, params.pendingSortBy, params.sortDirection, params.pendingSortDirection) ||
+        hasLimitChanges(params.limitOptions, params.pendingLimitOptions));
+};
+export const hasActiveFilters = (pendingFilters) => {
+    for (const filter of pendingFilters) {
+        if (filter.type === "RANGE") {
+            if (filter.startValue || filter.endValue)
+                return true;
+        }
+        else if (filter.type === "SEARCH") {
+            if (filter.value)
+                return true;
+        }
+        else if (filter.type === "LIST") {
+            if (filter.list)
+                return true;
+        }
+        else if (filter.type === "SELECT") {
+            if (filter.options?.some((o) => o.selected))
+                return true;
+        }
+    }
+    return false;
+};
+const hasFilterChanges = (filters, pendingFilters) => {
+    if (!filters || !pendingFilters)
+        return false;
+    for (const filter of filters) {
+        const pending = pendingFilters[filters.indexOf(filter)];
+        if (!pending)
+            return true;
+        if (filter.type === "SELECT" && pending.type === "SELECT") {
+            const selected = filter.options?.filter((o) => o.selected) || [];
+            const pendingSelected = pending.options?.filter((o) => o.selected) || [];
+            if (selected.length !== pendingSelected.length)
+                return true;
+            if (!selected.every((o) => pendingSelected.some((p) => p.id === o.id)))
+                return true;
+        }
+        else if (filter.type === "SEARCH" && pending.type === "SEARCH") {
+            if (filter.value !== pending.value) {
+                if (!(filter.value === "" && pending.value === undefined))
+                    return true;
+            }
+        }
+        else if (filter.type === "RANGE" && pending.type === "RANGE") {
+            if (filter.startValue !== pending.startValue) {
+                if (!(filter.startValue === "" && pending.startValue === undefined))
+                    return true;
+            }
+            if (filter.endValue !== pending.endValue) {
+                if (!(filter.endValue === "" && pending.endValue === undefined))
+                    return true;
+            }
+        }
+        else if (filter.type === "LIST" && pending.type === "LIST") {
+            if (filter.list !== pending.list) {
+                if (!(filter.list === "" && pending.list === undefined))
+                    return true;
+            }
+        }
+    }
+    return false;
+};
+const hasSortChanges = (sortBy, pendingSortBy, sortDirection, pendingSortDirection) => {
+    if (sortDirection !== pendingSortDirection)
+        return true;
+    const currentSelected = sortBy.find((s) => s.selected);
+    const pendingSelected = pendingSortBy.find((s) => s.selected);
+    if (!currentSelected && !pendingSelected)
+        return false;
+    if (!currentSelected || !pendingSelected)
+        return true;
+    return currentSelected.dataKey !== pendingSelected.dataKey;
+};
+const hasLimitChanges = (limitOptions, pendingLimitOptions) => {
+    const currentSelected = limitOptions.find((l) => l.selected);
+    const pendingSelected = pendingLimitOptions.find((l) => l.selected);
+    if (!currentSelected && !pendingSelected)
+        return false;
+    if (!currentSelected || !pendingSelected)
+        return true;
+    return currentSelected.value !== pendingSelected.value;
+};
+//# sourceMappingURL=hasPendingChanges.js.map

package/dist/components/data-display/infiniteScroll/utils/hasPendingChanges.js.map

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

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

@@ -0,0 +1,13 @@
+import "./styles.css";
+interface ListCardProps {
+    listTitle: string;
+    items: {
+        label: string;
+        value: React.ReactNode;
+    }[];
+    headerActions?: React.ReactNode;
+    footerButtons?: React.ReactNode;
+}
+declare const ListCard: (props: ListCardProps) => import("react").JSX.Element;
+export default ListCard;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/listCard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,cAAc,CAAC;AAEtB,UAAU,aAAa;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;IACnD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,QAAA,MAAM,QAAQ,GAAI,OAAO,aAAa,gCA2BrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Card from "../../layout/card/index.js";
+import "./styles.css";
+const ListCard = (props) => {
+    return (_jsxs(Card, { children: [props.headerActions ? (_jsxs("div", { className: "k-list-card-header", children: [_jsx("h3", { children: props.listTitle }), _jsx("div", { className: "k-list-card-header-actions", children: props.headerActions })] })) : (_jsx("h3", { children: props.listTitle })), _jsx("dl", { className: "k-list-card", children: props.items.map((item, index) => (_jsxs("div", { children: [_jsx("dt", { children: item.label }), _jsx("dd", { children: item.value })] }, index))) }), props.footerButtons && (_jsx("div", { className: "k-list-card-actions", children: props.footerButtons }))] }));
+};
+export default ListCard;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/listCard/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAC9C,OAAO,cAAc,CAAC;AAStB,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IACxC,OAAO,CACL,MAAC,IAAI,eACF,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CACrB,eAAK,SAAS,EAAC,oBAAoB,aACjC,uBAAK,KAAK,CAAC,SAAS,GAAM,EAC1B,cAAK,SAAS,EAAC,4BAA4B,YACxC,KAAK,CAAC,aAAa,GAChB,IACF,CACP,CAAC,CAAC,CAAC,CACF,uBAAK,KAAK,CAAC,SAAS,GAAM,CAC3B,EACD,aAAI,SAAS,EAAC,aAAa,YACxB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,0BACE,uBAAK,IAAI,CAAC,KAAK,GAAM,EACrB,uBAAK,IAAI,CAAC,KAAK,GAAM,KAFb,KAAK,CAGT,CACP,CAAC,GACC,EAEJ,KAAK,CAAC,aAAa,IAAI,CACtB,cAAK,SAAS,EAAC,qBAAqB,YAAE,KAAK,CAAC,aAAa,GAAO,CACjE,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,48 @@
+.k-list-card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 1rem;
+}
+
+.k-list-card-header h3 {
+  margin: 0;
+}
+
+.k-list-card-header-actions {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.k-list-card {
+  margin: 0;
+}
+
+.k-list-card > div {
+  display: flex;
+  justify-content: space-between;
+  gap: 1.5rem;
+  padding: 0.5rem 0;
+  border-bottom: 1px solid var(--border-color);
+}
+
+.k-list-card > div:last-child {
+  border-bottom: none;
+}
+
+.k-list-card dt {
+  font-weight: 600;
+  text-align: left;
+  flex-shrink: 0;
+  color: var(--text-color-secondary);
+}
+
+.k-list-card dd {
+  margin: 0;
+}
+
+.k-list-card-actions {
+  padding-top: 1rem;
+  border-top: 1px solid var(--border-color);
+}

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

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+import "./styles.css";
+export interface ListRowProps {
+    children: ReactNode;
+    /** Right-aligned action cluster (icon buttons, etc.). */
+    actions?: ReactNode;
+}
+declare const ListRow: ({ children, actions }: ListRowProps) => import("react").JSX.Element;
+export default ListRow;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/listRow/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,yDAAyD;IACzD,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,GAAI,uBAAuB,YAAY,gCAOnD,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "./styles.css";
+const ListRow = ({ children, actions }) => {
+    return (_jsxs("div", { className: "k-list-row", children: [_jsx("div", { className: "k-list-row-body", children: children }), actions && _jsx("div", { className: "k-list-row-actions", children: actions })] }));
+};
+export default ListRow;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/listRow/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,cAAc,CAAC;AAQtB,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAgB,EAAE,EAAE;IACtD,OAAO,CACL,eAAK,SAAS,EAAC,YAAY,aACzB,cAAK,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAO,EAChD,OAAO,IAAI,cAAK,SAAS,EAAC,oBAAoB,YAAE,OAAO,GAAO,IAC3D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}