@kosmeo-ui/react 0.1.1 → 1.0.0

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

@@ -1,3 +1,4 @@
+import { hasRangeValue } from "./hasPendingChanges.js";
 const generateQueryString = (params) => {
     const { filters, limitOptions, sortBy, sortDirection, dataLength, isNextPage = false, } = params;
     const defaultLimit = 10;
@@ -12,19 +13,30 @@ const generateQueryString = (params) => {
         queryParams.set("sort", selectedSort.dataKey);
         queryParams.set("sortDir", sortDirection);
     }
-    // Filter params - simple key-value format for server-side validation
+    for (const [name, value] of Object.entries(filterParams(filters))) {
+        queryParams.set(name, value);
+    }
+    return queryParams.toString();
+};
+/**
+ * The `filter[...]` query params for the filters' current values: simple
+ * key-value pairs for server-side validation. Shared by InfiniteScroll and
+ * TableFilters, so both send the same format.
+ */
+export const filterParams = (filters) => {
+    const params = {};
     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");
+            params[`filter[${key}]`] = filter.value;
+            params[`filter[${key}_op]`] = "contains";
         }
         else if (filter.type === "RANGE") {
-            if (filter.startValue !== undefined) {
-                queryParams.set(`filter[${key}_gte]`, String(filter.startValue));
+            if (hasRangeValue(filter.startValue)) {
+                params[`filter[${key}_gte]`] = String(filter.startValue);
             }
-            if (filter.endValue !== undefined) {
-                queryParams.set(`filter[${key}_lte]`, String(filter.endValue));
+            if (hasRangeValue(filter.endValue)) {
+                params[`filter[${key}_lte]`] = String(filter.endValue);
             }
         }
         else if (filter.type === "SELECT") {
@@ -32,18 +44,18 @@ const generateQueryString = (params) => {
                 .filter((opt) => opt.selected)
                 .map((opt) => opt.id);
             if (selectedOptions.length > 0) {
-                queryParams.set(`filter[${key}]`, selectedOptions.join(","));
+                params[`filter[${key}]`] = selectedOptions.join(",");
                 if (filter.multiSelect) {
-                    queryParams.set(`filter[${key}_op]`, "in");
+                    params[`filter[${key}_op]`] = "in";
                 }
             }
         }
         else if (filter.type === "LIST" && filter.list) {
-            queryParams.set(`filter[${key}]`, filter.list);
-            queryParams.set(`filter[${key}_op]`, "in");
+            params[`filter[${key}]`] = filter.list;
+            params[`filter[${key}_op]`] = "in";
         }
     }
-    return queryParams.toString();
+    return params;
 };
 export default generateQueryString;
 //# sourceMappingURL=generateQueryString.js.map

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

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

@@ -1,4 +1,4 @@
-import { InfiniteScrollMenuGeneratedFilter, InfiniteScrollMenuLimitOption, InfiniteScrollMenuSortDataKey, SortDirection } from "../types.js";
+import { InfiniteScrollMenuGeneratedFilter, InfiniteScrollMenuLimitOption, InfiniteScrollMenuSortDataKey, RangeValue, SortDirection } from "../types.js";
 interface PendingChangesParams {
     filters: InfiniteScrollMenuGeneratedFilter[];
     pendingFilters: InfiniteScrollMenuGeneratedFilter[];
@@ -10,6 +10,16 @@ interface PendingChangesParams {
     pendingLimitOptions: InfiniteScrollMenuLimitOption[];
 }
 export declare const hasPendingChanges: (params: PendingChangesParams) => boolean;
+/** A range bound is set unless it's missing or empty; `0` is a real bound. */
+export declare const hasRangeValue: (value: RangeValue | undefined) => value is RangeValue;
 export declare const hasActiveFilters: (pendingFilters: InfiniteScrollMenuGeneratedFilter[]) => boolean;
+/** The filters with every value cleared, for Reset. */
+export declare const clearFilters: (filters: InfiniteScrollMenuGeneratedFilter[]) => InfiniteScrollMenuGeneratedFilter[];
+/**
+ * Whether a pending change is in a search box: applied immediately, searches
+ * wait for a pause in typing. (Ranges apply from their menu's Apply button.)
+ */
+export declare const hasTypedFilterChanges: (filters: InfiniteScrollMenuGeneratedFilter[], pendingFilters: InfiniteScrollMenuGeneratedFilter[]) => boolean;
+export declare const hasFilterChanges: (filters: InfiniteScrollMenuGeneratedFilter[], pendingFilters: InfiniteScrollMenuGeneratedFilter[]) => boolean;
 export {};
 //# sourceMappingURL=hasPendingChanges.d.ts.map

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

@@ -1 +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"}
+{"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,UAAU,EACV,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,8EAA8E;AAC9E,eAAO,MAAM,aAAa,GACxB,OAAO,UAAU,GAAG,SAAS,KAC5B,KAAK,IAAI,UAAiD,CAAC;AAE9D,eAAO,MAAM,gBAAgB,GAC3B,gBAAgB,iCAAiC,EAAE,KAClD,OAcF,CAAC;AAEF,uDAAuD;AACvD,eAAO,MAAM,YAAY,GACvB,SAAS,iCAAiC,EAAE,KAC3C,iCAAiC,EAYhC,CAAC;AAEL;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAChC,SAAS,iCAAiC,EAAE,EAC5C,gBAAgB,iCAAiC,EAAE,KAClD,OAKA,CAAC;AAMJ,eAAO,MAAM,gBAAgB,GAC3B,SAAS,iCAAiC,EAAE,EAC5C,gBAAgB,iCAAiC,EAAE,KAClD,OAuBF,CAAC"}

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

@@ -3,10 +3,12 @@ export const hasPendingChanges = (params) => {
         hasSortChanges(params.sortBy, params.pendingSortBy, params.sortDirection, params.pendingSortDirection) ||
         hasLimitChanges(params.limitOptions, params.pendingLimitOptions));
 };
+/** A range bound is set unless it's missing or empty; `0` is a real bound. */
+export const hasRangeValue = (value) => value !== undefined && value !== "";
 export const hasActiveFilters = (pendingFilters) => {
     for (const filter of pendingFilters) {
         if (filter.type === "RANGE") {
-            if (filter.startValue || filter.endValue)
+            if (hasRangeValue(filter.startValue) || hasRangeValue(filter.endValue))
                 return true;
         }
         else if (filter.type === "SEARCH") {
@@ -24,7 +26,32 @@ export const hasActiveFilters = (pendingFilters) => {
     }
     return false;
 };
-const hasFilterChanges = (filters, pendingFilters) => {
+/** The filters with every value cleared, for Reset. */
+export const clearFilters = (filters) => filters.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: "" };
+});
+/**
+ * Whether a pending change is in a search box: applied immediately, searches
+ * wait for a pause in typing. (Ranges apply from their menu's Apply button.)
+ */
+export const hasTypedFilterChanges = (filters, pendingFilters) => filters.some((filter, i) => filter.type === "SEARCH" &&
+    hasFilterChanges([filter], [pendingFilters[i]]));
+// An emptied field is "" and an untouched one undefined; both mean unset.
+const isSameValue = (a, b) => a === b || ((a === "" || a === undefined) && (b === "" || b === undefined));
+export const hasFilterChanges = (filters, pendingFilters) => {
     if (!filters || !pendingFilters)
         return false;
     for (const filter of filters) {
@@ -40,26 +67,18 @@ const hasFilterChanges = (filters, pendingFilters) => {
                 return true;
         }
         else if (filter.type === "SEARCH" && pending.type === "SEARCH") {
-            if (filter.value !== pending.value) {
-                if (!(filter.value === "" && pending.value === undefined))
-                    return true;
-            }
+            if (!isSameValue(filter.value, pending.value))
+                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;
-            }
+            if (!isSameValue(filter.startValue, pending.startValue))
+                return true;
+            if (!isSameValue(filter.endValue, pending.endValue))
+                return true;
         }
         else if (filter.type === "LIST" && pending.type === "LIST") {
-            if (filter.list !== pending.list) {
-                if (!(filter.list === "" && pending.list === undefined))
-                    return true;
-            }
+            if (!isSameValue(filter.list, pending.list))
+                return true;
         }
     }
     return false;

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

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

@@ -24,7 +24,7 @@
   justify-content: space-between;
   gap: 1.5rem;
   padding: 0.5rem 0;
-  border-bottom: 1px solid var(--border-color);
+  border-bottom: 1px solid var(--k-border-color);
 }
 
 .k-list-card > div:last-child {
@@ -35,7 +35,7 @@
   font-weight: 600;
   text-align: left;
   flex-shrink: 0;
-  color: var(--text-color-secondary);
+  color: var(--k-text-color-secondary);
 }
 
 .k-list-card dd {
@@ -44,5 +44,5 @@
 
 .k-list-card-actions {
   padding-top: 1rem;
-  border-top: 1px solid var(--border-color);
+  border-top: 1px solid var(--k-border-color);
 }

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

@@ -4,9 +4,9 @@
   justify-content: space-between;
   gap: 0.75rem;
   padding: 0.6rem 0.75rem;
-  border: 1px solid var(--border-color);
+  border: 1px solid var(--k-border-color);
   border-radius: 0.25rem;
-  background: var(--background-color);
+  background: var(--k-background-color);
 }
 
 .k-list-row-body {

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

@@ -4,9 +4,9 @@
   padding: 0.75rem;
   display: grid;
   gap: 0.5rem;
-  border: 0.0625rem solid var(--border-color);
+  border: 0.0625rem solid var(--k-border-color);
   border-radius: 0.375rem;
-  background: var(--background-color-light, var(--background-color));
+  background: var(--k-background-color-light, var(--k-background-color));
 }
 
 .k-recovery-code-grid-1col {
@@ -34,8 +34,7 @@
 
 .k-recovery-code-grid-index {
   font-size: 0.75rem;
-  color: var(--text-color);
-  opacity: 0.55;
+  color: var(--k-text-color-secondary);
   min-width: 1.5rem;
   text-align: right;
 }

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

@@ -3,21 +3,21 @@
   align-items: center;
   gap: 0.5rem;
   padding: 0.5rem 0.75rem;
-  border: 1px solid var(--border-color);
+  border: 1px solid var(--k-border-color);
   border-radius: 0.375rem;
-  background: var(--background-color-light);
+  background: var(--k-background-color-light);
 }
 
 .k-secret-display-leading {
   flex-shrink: 0;
-  color: var(--text-color-secondary);
+  color: var(--k-text-color-secondary);
 }
 
 .k-secret-display-value {
   flex: 1;
   min-width: 0;
   padding: 0.125rem 0.25rem;
-  background-color: var(--background-color);
+  background-color: var(--k-background-color);
   border-radius: 0.25rem;
   word-break: break-all;
   user-select: all;

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

@@ -24,7 +24,7 @@
 }
 
 .k-stat-card-compact .k-card {
-  background: var(--background-color-dark);
+  background: var(--k-background-color-dark);
 }
 
 .k-stat-card-icon {
@@ -34,25 +34,25 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--text-color-light);
+  color: var(--k-text-color-light);
   font-size: 1.5rem;
   flex-shrink: 0;
 }
 
 .k-stat-card-icon-primary {
-  background-color: var(--primary-color);
+  background-color: var(--k-primary-color);
 }
 .k-stat-card-icon-secondary {
-  background-color: var(--secondary-color);
+  background-color: var(--k-secondary-color);
 }
 .k-stat-card-icon-success {
-  background-color: var(--success-color);
+  background-color: var(--k-success-color);
 }
 .k-stat-card-icon-warning {
-  background-color: var(--warning-color);
+  background-color: var(--k-warning-color);
 }
 .k-stat-card-icon-danger {
-  background-color: var(--danger-color);
+  background-color: var(--k-danger-color);
 }
 
 .k-stat-card-content {
@@ -63,19 +63,19 @@
 .k-stat-card-default .k-stat-card-value {
   font-size: 2rem;
   font-weight: 700;
-  color: var(--text-color);
+  color: var(--k-text-color);
   line-height: 1;
 }
 
 .k-stat-card-default .k-stat-card-label {
   font-size: 0.875rem;
-  color: var(--text-color-secondary);
+  color: var(--k-text-color-secondary);
   margin-top: 0.25rem;
 }
 
 .k-stat-card-compact .k-stat-card-label {
   font-size: 0.75rem;
-  color: var(--text-color-secondary);
+  color: var(--k-text-color-secondary);
   text-transform: uppercase;
   letter-spacing: 0.04em;
 }
@@ -87,10 +87,10 @@
 }
 
 .k-stat-card-trailing {
-  color: var(--border-color);
+  color: var(--k-border-color);
   flex-shrink: 0;
 }
 
 .k-stat-card-interactive:hover .k-stat-card-trailing {
-  color: var(--primary-color);
+  color: var(--k-primary-color-text);
 }

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

@@ -5,8 +5,8 @@
   padding: 0.5rem 0.75rem;
   font-size: 0.85rem;
   font-weight: 600;
-  background-color: var(--background-color-dark);
-  border: 1px solid var(--border-color);
+  background-color: var(--k-background-color-dark);
+  border: 1px solid var(--k-border-color);
   border-radius: 4px;
 }
 
@@ -17,10 +17,10 @@
 }
 
 .k-summary-row-label {
-  color: var(--text-color-secondary);
+  color: var(--k-text-color-secondary);
   font-weight: 500;
 }
 
 .k-summary-row-value {
-  color: var(--text-color);
+  color: var(--k-text-color);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,UAAU,CAAC,KAAK;IAC/B,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,KAAK,EAAE,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACxD;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvD,mEAAmE;IACnE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,KAAK,GAAI,KAAK,EAAG,iHAYpB,UAAU,CAAC,KAAK,CAAC,gCAqGnB,CAAC;AAEF,eAAe,KAAK,CAAC;AACrB,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/table/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,UAAU,CAAC,KAAK;IAC/B,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,KAAK,EAAE,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACxD;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvD,mEAAmE;IACnE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,KAAK,GAAI,KAAK,EAAG,iHAYpB,UAAU,CAAC,KAAK,CAAC,gCAqGnB,CAAC;AAEF,eAAe,KAAK,CAAC;AACrB,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import parseDataKey from "../dataTable/utils/parseDataKey.js";
+import parseDataKey, { cellText } from "../dataTable/utils/parseDataKey.js";
 import "./styles.css";
 const Table = ({ columns, rows, rowKey, onRowClick, isRowSelected, emptyMessage, striped = true, bordered = true, hover = true, maxHeight, style, }) => {
     const visibleColumns = columns.filter((c) => !c.hidden);
@@ -33,7 +33,7 @@ const Table = ({ columns, rows, rowKey, onRowClick, isRowSelected, emptyMessage,
                             const content = c.cellElement
                                 ? c.cellElement(row, i)
                                 : c.dataKey
-                                    ? parseDataKey(c.dataKey, row)
+                                    ? cellText(parseDataKey(c.dataKey, row))
                                     : null;
                             return (_jsx("td", { className: alignClass || undefined, onClick: c.disableRowClick
                                     ? (e) => e.stopPropagation()

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

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

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

@@ -2,13 +2,24 @@
   width: 100%;
   border-collapse: collapse;
   text-align: left;
-  color: var(--text-color);
-  background-color: var(--background-color-light);
+  color: var(--k-text-color);
+  background-color: var(--k-background-color-light);
 }
 
 .k-table th,
 .k-table td {
-  padding: 0.5rem;
+  padding: 0.5rem 0.75rem;
+}
+
+/* Keep text clear of the table's outer edges. */
+.k-table th:first-child,
+.k-table td:first-child {
+  padding-left: 1rem;
+}
+
+.k-table th:last-child,
+.k-table td:last-child {
+  padding-right: 1rem;
 }
 
 .k-table th {
@@ -16,25 +27,25 @@
 }
 
 .k-table-striped tbody tr:nth-of-type(odd) {
-  background-color: var(--background-color-dark);
+  background-color: var(--k-background-color-dark);
 }
 
 .k-table-hover tbody tr:hover {
-  background-color: var(--background-color-hover);
+  background-color: var(--k-background-color-hover);
 }
 
 .k-table-bordered {
-  border: 1px solid var(--border-color);
+  border: 1px solid var(--k-border-color);
 }
 
 .k-table-bordered th,
 .k-table-bordered td {
-  border-top: 1px solid var(--border-color);
+  border-top: 1px solid var(--k-border-color);
 }
 
 .k-table-bordered th:not(:first-child),
 .k-table-bordered td:not(:first-child) {
-  border-left: 1px solid var(--border-color);
+  border-left: 1px solid var(--k-border-color);
 }
 
 /* ===== Clickable rows ===== */
@@ -44,18 +55,18 @@
 
 /* ===== Row selection (caller marks rows with data-selected="true") ===== */
 .k-table tbody tr[data-selected="true"] {
-  background-color: var(--primary-color-background-light);
+  background-color: var(--k-primary-color-background-light);
 }
 
 /* ===== Scrollable wrapper with sticky header ===== */
 .k-table-scroll-container {
   overflow-y: auto;
-  border: 1px solid var(--border-color);
+  border: 1px solid var(--k-border-color);
   border-radius: 4px;
 }
 
 .k-table-scroll-container .k-table thead tr {
   position: sticky;
   top: 0;
-  background: var(--background-color-light);
+  background: var(--k-background-color-light);
 }

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

@@ -0,0 +1,30 @@
+import { InfiniteScrollMenuFilter } from "../infiniteScroll/types.js";
+export interface TableFiltersProps {
+    /**
+     * The filters to offer, as in InfiniteScroll's `menu.filters`. They're
+     * compared by contents, so an inline array is fine; changing them resets
+     * every filter to the new definitions.
+     */
+    filters: InfiniteScrollMenuFilter[];
+    /**
+     * Called with the applied filters as query params (`filter[status]`,
+     * `filter[mrr_gte]`, …), ready to spread into `usePaginated`'s `params`.
+     * It fires once on mount, with `{}` unless a filter starts with a value.
+     */
+    onChange: (params: Record<string, string>) => void;
+    /**
+     * `"immediate"` (default) applies each change as it's made: searches wait
+     * for a pause in typing, and a range (two bounds in one menu) applies from
+     * the menu's own Apply button. `"manual"` collects changes until Apply is
+     * clicked. Enter in a filter's text box applies in both.
+     */
+    applyMode?: "immediate" | "manual";
+}
+/**
+ * InfiniteScroll's filter bar on its own, for tables that page or load some
+ * other way: search, select, range and list filters with tags and Reset. It
+ * reports the applied filters as query params.
+ */
+declare const TableFilters: ({ filters: definitions, onChange, applyMode, }: TableFiltersProps) => import("react").JSX.Element;
+export default TableFilters;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/tableFilters/index.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,wBAAwB,EAEzB,MAAM,4BAA4B,CAAC;AAIpC,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACnD;;;;;OAKG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;CACpC;AAQD;;;;GAIG;AACH,QAAA,MAAM,YAAY,GAAI,gDAInB,iBAAiB,gCA2FnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as pendingChangesUtil from "../infiniteScroll/utils/hasPendingChanges.js";
+import { filterParams } from "../infiniteScroll/utils/generateQueryString.js";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import Filters from "../infiniteScroll/filters/index.js";
+import Button from "../../buttons/button/index.js";
+import Tags from "../infiniteScroll/tags/index.js";
+import Col from "../../layout/col/index.js";
+const TYPING_DEBOUNCE_MS = 400;
+const generate = (filters) => filters.map((f, i) => ({
+    ...f,
+    filterId: `${f.dataKey}-${i}`,
+}));
+/**
+ * InfiniteScroll's filter bar on its own, for tables that page or load some
+ * other way: search, select, range and list filters with tags and Reset. It
+ * reports the applied filters as query params.
+ */
+const TableFilters = ({ filters: definitions, onChange, applyMode = "immediate", }) => {
+    const [filters, setFilters] = useState(() => generate(definitions));
+    const [pendingFilters, setPendingFilters] = useState(filters);
+    // The definitions are plain data, as InfiniteScroll's menu: start over when
+    // their contents change, not each time they're a new array.
+    const definitionsKey = JSON.stringify(definitions);
+    const [prevDefinitionsKey, setPrevDefinitionsKey] = useState(definitionsKey);
+    if (definitionsKey !== prevDefinitionsKey) {
+        const next = generate(definitions);
+        setPrevDefinitionsKey(definitionsKey);
+        setFilters(next);
+        setPendingFilters(next);
+    }
+    // Report only when the params actually change, not on every new array.
+    const params = useMemo(() => filterParams(filters), [filters]);
+    const paramsKey = JSON.stringify(params);
+    const onChangeRef = useRef(onChange);
+    onChangeRef.current = onChange;
+    useEffect(() => {
+        onChangeRef.current(params);
+    }, [paramsKey]);
+    const hasPendingChanges = useMemo(() => pendingChangesUtil.hasFilterChanges(filters, pendingFilters), [filters, pendingFilters]);
+    const hasActiveFilters = pendingChangesUtil.hasActiveFilters(pendingFilters) ||
+        pendingChangesUtil.hasActiveFilters(filters);
+    const handleApply = useCallback(() => setFilters(pendingFilters), [pendingFilters]);
+    useEffect(() => {
+        if (applyMode !== "immediate" || !hasPendingChanges)
+            return;
+        const delay = pendingChangesUtil.hasTypedFilterChanges(filters, pendingFilters)
+            ? TYPING_DEBOUNCE_MS
+            : 0;
+        const timer = setTimeout(handleApply, delay);
+        return () => clearTimeout(timer);
+    }, [applyMode, hasPendingChanges, handleApply, filters, pendingFilters]);
+    // Removing a tag applies at once; the pending copy of that filter follows.
+    const handleTagChange = useCallback((next) => {
+        setPendingFilters((pending) => pending.map((p, i) => (next[i] !== filters[i] ? next[i] : p)));
+        setFilters(next);
+    }, [filters]);
+    const handleReset = useCallback(() => {
+        const cleared = pendingChangesUtil.clearFilters(pendingFilters);
+        setPendingFilters(cleared);
+        setFilters(cleared);
+    }, [pendingFilters]);
+    return (_jsxs(Col, { size: "sm", children: [_jsxs(Filters, { pendingFilters: pendingFilters, handleNewPendingFilters: setPendingFilters, onApply: hasPendingChanges ? handleApply : undefined, rangeApplyInMenu: applyMode === "immediate", children: [_jsx(Button, { size: "sm", variant: "danger", disabled: !hasActiveFilters, onClick: handleReset, children: "Reset" }), applyMode === "manual" && (_jsx(Button, { size: "sm", disabled: !hasPendingChanges, onClick: handleApply, children: "Apply" }))] }), _jsx(Tags, { filters: filters, handleNewFilters: handleTagChange })] }));
+};
+export default TableFilters;
+//# sourceMappingURL=index.js.map