@kosmeo-ui/react 0.2.0 → 1.0.0

package/README.md

@@ -72,7 +72,9 @@ type Size = "sm" | "md" | "lg";
 ## Theming
 
 Theme tokens are defined in `src/styles.css` on `:root` (light) and `[data-theme="dark"]`. Import
-`styles.css` in your app entry point and override the variables to customize the theme.
+`styles.css` in your app entry point and override the variables to customize the theme. Every token
+is `--k-` prefixed (`--k-primary-color`, `--k-text-color`) so it can't collide with your app's own
+variables.
 
 `styles.css` is a global base, not only tokens: it also resets `html`, `body`, headings, links,
 form-control fonts and scrollbars. Import it once, in the app's entry point.

package/dist/components/buttons/button/styles.css

@@ -46,126 +46,126 @@
 
 .k-button-shadow {
   box-shadow:
-    0 0.25rem 0.375rem -0.0625rem var(--shadow-color),
-    0 0.125rem 0.25rem -0.125rem var(--shadow-color);
+    0 0.25rem 0.375rem -0.0625rem var(--k-shadow-color),
+    0 0.125rem 0.25rem -0.125rem var(--k-shadow-color);
 }
 
 .k-button-sm {
   padding: 0.5rem 1rem;
-  font-size: var(--text-size-sm);
+  font-size: var(--k-text-size-sm);
 }
 
 .k-button-md {
   padding: 0.75rem 1.5rem;
-  font-size: var(--text-size-md);
+  font-size: var(--k-text-size-md);
 }
 
 .k-button-lg {
   padding: 1rem 2rem;
-  font-size: var(--text-size-lg);
+  font-size: var(--k-text-size-lg);
 }
 
 .k-button:not(:disabled):hover {
   box-shadow:
-    0 0.625rem 0.9375rem -0.1875rem var(--shadow-color-hover),
-    0 0.25rem 0.375rem -0.25rem var(--shadow-color-hover);
+    0 0.625rem 0.9375rem -0.1875rem var(--k-shadow-color-hover),
+    0 0.25rem 0.375rem -0.25rem var(--k-shadow-color-hover);
 }
 
 .k-button:active {
-  box-shadow: inset 0 0.125rem 0.25rem 0 var(--shadow-color-active);
+  box-shadow: inset 0 0.125rem 0.25rem 0 var(--k-shadow-color-active);
 }
 
 .k-button:focus {
-  box-shadow: 0 0 0 0.1875rem var(--shadow-color-hover);
+  box-shadow: 0 0 0 0.1875rem var(--k-shadow-color-hover);
 }
 
 .k-button-primary {
-  background-color: var(--primary-color);
-  color: var(--text-color-light);
+  background-color: var(--k-primary-color);
+  color: var(--k-text-color-light);
 }
 .k-button-primary:not(:disabled):hover {
-  background-color: var(--primary-color-hover);
+  background-color: var(--k-primary-color-hover);
 }
 .k-button-primary:active {
-  background-color: var(--primary-color-active);
+  background-color: var(--k-primary-color-active);
 }
 .k-button-primary:focus {
-  box-shadow: 0 0 0 0.1875rem var(--primary-color);
+  box-shadow: 0 0 0 0.1875rem var(--k-primary-color);
 }
 
 .k-button-secondary {
-  background-color: var(--secondary-color);
-  color: var(--text-color-light);
+  background-color: var(--k-secondary-color);
+  color: var(--k-text-color-light);
 }
 .k-button-secondary:not(:disabled):hover {
-  background-color: var(--secondary-color-hover);
+  background-color: var(--k-secondary-color-hover);
 }
 .k-button-secondary:active {
-  background-color: var(--secondary-color-active);
+  background-color: var(--k-secondary-color-active);
 }
 .k-button-secondary:focus {
-  box-shadow: 0 0 0 0.1875rem var(--secondary-color);
+  box-shadow: 0 0 0 0.1875rem var(--k-secondary-color);
 }
 
 .k-button-light {
-  background-color: var(--light-color);
-  color: var(--text-color);
+  background-color: var(--k-light-color);
+  color: var(--k-text-color);
 }
 .k-button-light:not(:disabled):hover {
-  background-color: var(--light-color-hover);
+  background-color: var(--k-light-color-hover);
 }
 .k-button-light:active {
-  background-color: var(--light-color-active);
+  background-color: var(--k-light-color-active);
 }
 .k-button-light:focus {
-  box-shadow: 0 0 0 0.1875rem var(--light-color);
+  box-shadow: 0 0 0 0.1875rem var(--k-light-color);
 }
 
 .k-button-danger {
-  background-color: var(--danger-color);
-  color: var(--text-color-light);
+  background-color: var(--k-danger-color);
+  color: var(--k-text-color-light);
 }
 .k-button-danger:not(:disabled):hover {
-  background-color: var(--danger-color-hover);
+  background-color: var(--k-danger-color-hover);
 }
 .k-button-danger:active {
-  background-color: var(--danger-color-active);
+  background-color: var(--k-danger-color-active);
 }
 .k-button-danger:focus {
-  box-shadow: 0 0 0 0.1875rem var(--danger-color);
+  box-shadow: 0 0 0 0.1875rem var(--k-danger-color);
 }
 
 .k-button-success {
-  background-color: var(--success-color);
-  color: var(--text-color-light);
+  background-color: var(--k-success-color);
+  color: var(--k-text-color-light);
 }
 .k-button-success:not(:disabled):hover {
-  background-color: var(--success-color-hover);
+  background-color: var(--k-success-color-hover);
 }
 .k-button-success:active {
-  background-color: var(--success-color-active);
+  background-color: var(--k-success-color-active);
 }
 .k-button-success:focus {
-  box-shadow: 0 0 0 0.1875rem var(--success-color);
+  box-shadow: 0 0 0 0.1875rem var(--k-success-color);
 }
 
 .k-button-warning {
-  background-color: var(--warning-color);
-  color: var(--warning-color-contrast);
+  background-color: var(--k-warning-color);
+  color: var(--k-warning-color-contrast);
 }
 .k-button-warning:not(:disabled):hover {
-  background-color: var(--warning-color-hover);
+  background-color: var(--k-warning-color-hover);
 }
 .k-button-warning:active {
-  background-color: var(--warning-color-active);
+  background-color: var(--k-warning-color-active);
 }
 .k-button-warning:focus {
-  box-shadow: 0 0 0 0.1875rem var(--warning-color);
+  box-shadow: 0 0 0 0.1875rem var(--k-warning-color);
 }
 
 .k-button-link {
   background-color: transparent;
-  color: var(--primary-color-text);
+  color: var(--k-primary-color-text);
   padding: 0;
   border-radius: 0;
   font-weight: 500;
@@ -174,19 +174,19 @@
   box-shadow: none;
 }
 .k-button-link:not(:disabled):hover {
-  color: var(--primary-color-text);
+  color: var(--k-primary-color-text);
   /* One text color keeps contrast in both themes; hover shows as a heavier underline. */
   text-decoration-thickness: 0.125rem;
   background-color: transparent;
   box-shadow: none;
 }
 .k-button-link:active {
-  color: var(--primary-color-text);
+  color: var(--k-primary-color-text);
   background-color: transparent;
   box-shadow: none;
 }
 .k-button-link:focus {
-  outline: 0.125rem solid var(--primary-color);
+  outline: 0.125rem solid var(--k-primary-color);
   outline-offset: 0.125rem;
   box-shadow: none;
 }

package/dist/components/buttons/rowActions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/rowActions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,qDAAqD;IACrD,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,UAAU,GAAI,2BAIjB,eAAe,gCAOjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/rowActions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,qDAAqD;IACrD,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,UAAU,GAAI,2BAIjB,eAAe,gCAYjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/buttons/rowActions/index.js

@@ -7,7 +7,8 @@ const RowActions = ({ children, align = "center", gap = "xs", }) => {
         `k-row-actions-${align}`,
         `k-row-actions-gap-${gap}`,
     ].join(" ");
-    return _jsx("div", { className: classes, children: children });
+    // Actions sit inside clickable rows; a click on one is not a row click.
+    return (_jsx("div", { className: classes, onClick: (e) => e.stopPropagation(), children: children }));
 };
 export default RowActions;
 //# sourceMappingURL=index.js.map

package/dist/components/buttons/rowActions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/rowActions/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,cAAc,CAAC;AAUtB,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,KAAK,GAAG,QAAQ,EAChB,GAAG,GAAG,IAAI,GACM,EAAE,EAAE;IACpB,MAAM,OAAO,GAAG;QACd,eAAe;QACf,iBAAiB,KAAK,EAAE;QACxB,qBAAqB,GAAG,EAAE;KAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACZ,OAAO,cAAK,SAAS,EAAE,OAAO,YAAG,QAAQ,GAAO,CAAC;AACnD,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/rowActions/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,cAAc,CAAC;AAUtB,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,KAAK,GAAG,QAAQ,EAChB,GAAG,GAAG,IAAI,GACM,EAAE,EAAE;IACpB,MAAM,OAAO,GAAG;QACd,eAAe;QACf,iBAAiB,KAAK,EAAE;QACxB,qBAAqB,GAAG,EAAE;KAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACZ,wEAAwE;IACxE,OAAO,CACL,cAAK,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,YACzD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -10,7 +10,7 @@
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.04em;
-  color: var(--text-color-secondary);
+  color: var(--k-text-color-secondary);
 }
 
 .k-address-block-body {
@@ -29,7 +29,7 @@
 
 .k-address-block-contact {
   font-size: 0.8125rem;
-  color: var(--text-color-secondary);
+  color: var(--k-text-color-secondary);
   margin-top: 0.125rem;
 }
 

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

@@ -4,7 +4,7 @@ export interface ColorSwatchProps {
     size?: "sm" | "md" | "lg";
     /** Border around swatch. Defaults to true. */
     bordered?: boolean;
-    /** Accessible label (rendered as title attribute). */
+    /** Accessible label and tooltip. Defaults to the colour value. */
     title?: string;
 }
 declare const ColorSwatch: ({ color, size, bordered, title, }: ColorSwatchProps) => import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/colorSwatch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,WAAW,GAAI,mCAKlB,gBAAgB,gCAYlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/colorSwatch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,WAAW,GAAI,mCAKlB,gBAAgB,gCAYlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import "./styles.css";
-const ColorSwatch = ({ color, size = "md", bordered = true, title, }) => {
+const ColorSwatch = ({ color, size = "md", bordered = true, title = color, }) => {
     return (_jsx("span", { role: "img", "aria-label": title, title: title, style: { backgroundColor: color }, className: `k-color-swatch k-color-swatch-${size} ${bordered ? "k-color-swatch-bordered" : ""}`.trim() }));
 };
 export default ColorSwatch;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/colorSwatch/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,cAAc,CAAC;AAWtB,MAAM,WAAW,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,IAAI,EACf,KAAK,GACY,EAAE,EAAE;IACrB,OAAO,CACL,eACE,IAAI,EAAC,KAAK,gBACE,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,SAAS,EAAE,iCAAiC,IAAI,IAC9C,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EACzC,EAAE,CAAC,IAAI,EAAE,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/colorSwatch/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,cAAc,CAAC;AAWtB,MAAM,WAAW,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,KAAK,GACI,EAAE,EAAE;IACrB,OAAO,CACL,eACE,IAAI,EAAC,KAAK,gBACE,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,SAAS,EAAE,iCAAiC,IAAI,IAC9C,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EACzC,EAAE,CAAC,IAAI,EAAE,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -6,7 +6,7 @@
 }
 
 .k-color-swatch-bordered {
-  border: 0.0625rem solid var(--border-color);
+  border: 0.0625rem solid var(--k-border-color);
 }
 
 .k-color-swatch-sm {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/dataTable/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGvE,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,cAAc,CAAC,KAAK;IACnC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,qEAAqE;IACrE,aAAa,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC1C,gDAAgD;IAChD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC;;;;OAIG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAgBD,QAAA,MAAM,SAAS,GAAI,KAAK,SAAS,MAAM,EAAE,OAAO,cAAc,CAAC,KAAK,CAAC,gCA8JpE,CAAC;AAEF,eAAe,SAAS,CAAC;AACzB,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/dataTable/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGvE,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,cAAc,CAAC,KAAK;IACnC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,qEAAqE;IACrE,aAAa,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC1C,gDAAgD;IAChD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC;;;;OAIG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAgBD,QAAA,MAAM,SAAS,GAAI,KAAK,SAAS,MAAM,EAAE,OAAO,cAAc,CAAC,KAAK,CAAC,gCAiKpE,CAAC;AAEF,eAAe,SAAS,CAAC;AACzB,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import parseDataKey, { cellText } from "./utils/parseDataKey.js";
 import { useVirtualizer } from "@tanstack/react-virtual";
-import parseDataKey from "./utils/parseDataKey.js";
 import { useMemo } from "react";
 import "../table/styles.css";
 import "./styles.css";
@@ -32,6 +32,8 @@ const DataTable = (props) => {
             headers.push(_jsx("th", { className: "k-data-table-leading", children: leadingColumn.header }, "leading"));
         }
         for (const c of columns) {
+            if (c.hidden)
+                continue;
             const content = c.headerElement ? c.headerElement(c.title) : c.title;
             const alignClass = c.align ? `k-data-table-align-${c.align}` : "";
             headers.push(_jsx("th", { className: `k-data-table-header-cell ${alignClass}`.trim(), style: { width: c.width, minWidth: c.minWidth, maxWidth: c.maxWidth }, children: content }, headers.length));
@@ -45,17 +47,19 @@ const DataTable = (props) => {
             cells.push(_jsx("td", { className: "k-data-table-leading", onClick: disable ? (e) => e.stopPropagation() : undefined, children: leadingColumn.cell(row) }, "leading"));
         }
         for (const c of columns) {
+            if (c.hidden)
+                continue;
             const alignClass = c.align ? `k-data-table-align-${c.align}` : "";
             const content = c.cellElement
                 ? c.cellElement(row.data, row.index)
                 : c.dataKey
-                    ? parseDataKey(c.dataKey, row.data)
+                    ? cellText(parseDataKey(c.dataKey, row.data))
                     : undefined;
             cells.push(_jsx("td", { className: alignClass, onClick: c.disableRowClick ? (e) => e.stopPropagation() : undefined, children: content }, cells.length));
         }
         return cells;
     };
-    const columnSpan = columns.length + (leadingColumn ? 1 : 0);
+    const columnSpan = columns.filter((c) => !c.hidden).length + (leadingColumn ? 1 : 0);
     const body = shouldVirtualize
         ? (() => {
             const virtualRows = virtualizer.getVirtualItems();

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

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

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

@@ -24,8 +24,9 @@
   border: 0;
 }
 
+/* Headers follow their column's `align`, so they line up with the cells. */
 .k-data-table-header-cell {
-  text-align: center;
+  text-align: left;
 }
 
 .k-data-table-row-clickable {
@@ -33,7 +34,7 @@
 }
 
 .k-data-table-row-clickable:hover {
-  background-color: var(--bg-hover) !important;
+  background-color: var(--k-background-color-hover) !important;
 }
 
 /* Alignment classes using flexbox for reliable alignment of any content */

package/dist/components/data-display/dataTable/utils/parseDataKey.d.ts

@@ -1,3 +1,10 @@
-declare const parseDataKey: (dataKey: string, data: any) => any;
+import { ReactNode } from "react";
+/**
+ * Reads the value at `dataKey` ("name", "address.city", "tags[1]",
+ * "pets[0].name"), or undefined when any part of the path is missing.
+ */
+declare const parseDataKey: (dataKey: string, data: any) => unknown;
+/** What a cell shows for a value: the value, or an em dash when there is none. */
+export declare const cellText: (value: unknown) => ReactNode;
 export default parseDataKey;
 //# sourceMappingURL=parseDataKey.d.ts.map

package/dist/components/data-display/dataTable/utils/parseDataKey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parseDataKey.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/dataTable/utils/parseDataKey.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,YAAY,GAAI,SAAS,MAAM,EAAE,MAAM,GAAG,QAmC/C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"parseDataKey.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/dataTable/utils/parseDataKey.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;;GAGG;AAEH,QAAA,MAAM,YAAY,GAAI,SAAS,MAAM,EAAE,MAAM,GAAG,KAAG,OAKwB,CAAC;AAE5E,kFAAkF;AAClF,eAAO,MAAM,QAAQ,GAAI,OAAO,OAAO,KAAG,SAGhB,CAAC;AAE3B,eAAe,YAAY,CAAC"}

package/dist/components/data-display/dataTable/utils/parseDataKey.js

@@ -1,44 +1,16 @@
+/**
+ * Reads the value at `dataKey` ("name", "address.city", "tags[1]",
+ * "pets[0].name"), or undefined when any part of the path is missing.
+ */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const parseDataKey = (dataKey, data) => {
-    let value = data;
-    let more = false;
-    do {
-        const dotIndex = dataKey.indexOf(".");
-        const bracketIndex = dataKey.indexOf("[");
-        if (bracketIndex === -1 && dotIndex === -1) {
-            value = value[dataKey];
-            more = false;
-        }
-        else if (bracketIndex === -1) {
-            const key = dataKey.substring(0, dotIndex);
-            value = value[key];
-            dataKey = dataKey.substring(dotIndex + 1);
-            more = true;
-        }
-        else if (dotIndex === -1) {
-            const key = dataKey.substring(0, bracketIndex);
-            const index = dataKey.substring(bracketIndex + 1, dataKey.indexOf("]"));
-            value = value[key][parseInt(index)];
-            dataKey = dataKey.substring(dataKey.indexOf("]") + 1);
-            more = true;
-        }
-        else if (bracketIndex < dotIndex) {
-            const key = dataKey.substring(0, bracketIndex);
-            const index = dataKey.substring(bracketIndex + 1, dataKey.indexOf("]"));
-            value = value[key][parseInt(index)];
-            dataKey = dataKey.substring(dataKey.indexOf("]") + 1);
-            more = true;
-        }
-        else {
-            const key = dataKey.substring(0, dotIndex);
-            value = value[key];
-            dataKey = dataKey.substring(dotIndex + 1);
-            more = true;
-        }
-    } while (more);
-    if (value === undefined)
-        throw new Error(`Invalid dataKey: ${dataKey}`);
-    return value;
-};
+const parseDataKey = (dataKey, data) => dataKey
+    .replace(/\[(\d+)\]/g, ".$1")
+    .split(".")
+    .filter(Boolean)
+    .reduce((value, key) => (value == null ? undefined : value[key]), data);
+/** What a cell shows for a value: the value, or an em dash when there is none. */
+export const cellText = (value) => value === undefined || value === null || value === ""
+    ? "—"
+    : value;
 export default parseDataKey;
 //# sourceMappingURL=parseDataKey.js.map

package/dist/components/data-display/dataTable/utils/parseDataKey.js.map

@@ -1 +1 @@
-{"version":3,"file":"parseDataKey.js","sourceRoot":"","sources":["../../../../../src/components/data-display/dataTable/utils/parseDataKey.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAC9D,MAAM,YAAY,GAAG,CAAC,OAAe,EAAE,IAAS,EAAE,EAAE;IAClD,IAAI,KAAK,GAAG,IAAI,CAAC;IACjB,IAAI,IAAI,GAAG,KAAK,CAAC;IACjB,GAAG,CAAC;QACF,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACtC,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,YAAY,KAAK,CAAC,CAAC,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC;YAC3C,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;YACvB,IAAI,GAAG,KAAK,CAAC;QACf,CAAC;aAAM,IAAI,YAAY,KAAK,CAAC,CAAC,EAAE,CAAC;YAC/B,MAAM,GAAG,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;YAC3C,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;YACnB,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YAC1C,IAAI,GAAG,IAAI,CAAC;QACd,CAAC;aAAM,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC;YAC3B,MAAM,GAAG,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;YAC/C,MAAM,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,YAAY,GAAG,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;YACxE,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;YACpC,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;YACtD,IAAI,GAAG,IAAI,CAAC;QACd,CAAC;aAAM,IAAI,YAAY,GAAG,QAAQ,EAAE,CAAC;YACnC,MAAM,GAAG,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;YAC/C,MAAM,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,YAAY,GAAG,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;YACxE,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;YACpC,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;YACtD,IAAI,GAAG,IAAI,CAAC;QACd,CAAC;aAAM,CAAC;YACN,MAAM,GAAG,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;YAC3C,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;YACnB,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YAC1C,IAAI,GAAG,IAAI,CAAC;QACd,CAAC;IACH,CAAC,QAAQ,IAAI,EAAE;IACf,IAAI,KAAK,KAAK,SAAS;QAAE,MAAM,IAAI,KAAK,CAAC,oBAAoB,OAAO,EAAE,CAAC,CAAC;IACxE,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"parseDataKey.js","sourceRoot":"","sources":["../../../../../src/components/data-display/dataTable/utils/parseDataKey.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,8DAA8D;AAC9D,MAAM,YAAY,GAAG,CAAC,OAAe,EAAE,IAAS,EAAW,EAAE,CAC3D,OAAO;KACJ,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC;KAC5B,KAAK,CAAC,GAAG,CAAC;KACV,MAAM,CAAC,OAAO,CAAC;KACf,MAAM,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAE5E,kFAAkF;AAClF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAa,EAAE,CACpD,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,EAAE;IACnD,CAAC,CAAC,GAAG;IACL,CAAC,CAAE,KAAmB,CAAC;AAE3B,eAAe,YAAY,CAAC"}

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

@@ -4,7 +4,7 @@
   align-items: center;
   gap: 0.5rem;
   width: 100%;
-  border: 0.0625rem dashed var(--border-color);
+  border: 0.0625rem dashed var(--k-border-color);
   border-radius: 0.25rem;
   padding: 0.5rem;
 }
@@ -23,7 +23,7 @@
 .k-image-preview-item {
   object-fit: cover;
   border-radius: 0.25rem;
-  box-shadow: 0 0.125rem 0.25rem var(--shadow-color);
+  box-shadow: 0 0.125rem 0.25rem var(--k-shadow-color);
   flex-shrink: 0;
 }
 

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

@@ -4,6 +4,10 @@ import "./styles.css";
 interface InfiniteScrollMenuFiltersProps {
     pendingFilters: InfiniteScrollMenuGeneratedFilter[];
     handleNewPendingFilters: (filters: SetStateAction<InfiniteScrollMenuGeneratedFilter[]>) => void;
+    /** Applies the pending filters; Enter in a filter's text box calls it. Omit when there's nothing to apply. */
+    onApply?: () => void;
+    /** Range filters keep edits as a draft until their menu's Apply button. */
+    rangeApplyInMenu?: boolean;
     children?: ReactNode;
 }
 declare const Filters: (props: InfiniteScrollMenuFiltersProps) => import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAe,MAAM,OAAO,CAAC;AAK/D,OAAO,cAAc,CAAC;AAEtB,UAAU,8BAA8B;IACtC,cAAc,EAAE,iCAAiC,EAAE,CAAC;IACpD,uBAAuB,EAAE,CACvB,OAAO,EAAE,cAAc,CAAC,iCAAiC,EAAE,CAAC,KACzD,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,OAAO,GAAI,OAAO,8BAA8B,gCAwDrD,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAe,MAAM,OAAO,CAAC;AAK/D,OAAO,cAAc,CAAC;AAEtB,UAAU,8BAA8B;IACtC,cAAc,EAAE,iCAAiC,EAAE,CAAC;IACpD,uBAAuB,EAAE,CACvB,OAAO,EAAE,cAAc,CAAC,iCAAiC,EAAE,CAAC,KACzD,IAAI,CAAC;IACV,8GAA8G;IAC9G,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAQD,QAAA,MAAM,OAAO,GAAI,OAAO,8BAA8B,gCA+DrD,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -6,6 +6,10 @@ import SearchFilter from "./searchFilter.js";
 import RangeFilter from "./rangeFilter.js";
 import ListFilter from "./listFilter.js";
 import "./styles.css";
+// Enter in a search, number or date box applies, as in a form; checkboxes and
+// buttons keep their own Enter behaviour.
+const isTextEntry = (target) => target instanceof HTMLInputElement &&
+    !["checkbox", "radio", "button", "submit"].includes(target.type);
 const Filters = (props) => {
     const handleFilterChange = useCallback((filter) => {
         props.handleNewPendingFilters((prevFilters) => prevFilters.map((f) => (f.filterId === filter.filterId ? filter : f)));
@@ -15,7 +19,7 @@ const Filters = (props) => {
             return (_jsx(SelectFilter, { filter: filter, onFilterChange: handleFilterChange }, filter.filterId));
         }
         else if (filter.type === "RANGE") {
-            return (_jsx(RangeFilter, { filter: filter, onFilterChange: handleFilterChange }, filter.filterId));
+            return (_jsx(RangeFilter, { filter: filter, onFilterChange: handleFilterChange, applyInMenu: props.rangeApplyInMenu }, filter.filterId));
         }
         else if (filter.type === "SEARCH") {
             return (_jsx(SearchFilter, { filter: filter, onFilterChange: handleFilterChange }, filter.filterId));
@@ -24,7 +28,13 @@ const Filters = (props) => {
             return (_jsx(ListFilter, { filter: filter, onFilterChange: handleFilterChange }, filter.filterId));
         }
     };
-    return (_jsxs("div", { className: "k-menu-filters-container", children: [_jsx("div", { className: "k-menu-filters", children: props.pendingFilters.map(getFilter) }), props.children && (_jsx("div", { className: "k-menu-filters-buttons", children: props.children }))] }));
+    const handleKeyDown = (e) => {
+        if (e.key !== "Enter" || !props.onApply || !isTextEntry(e.target))
+            return;
+        e.preventDefault();
+        props.onApply();
+    };
+    return (_jsxs("div", { className: "k-menu-filters-container", onKeyDown: handleKeyDown, children: [_jsx("div", { className: "k-menu-filters", children: props.pendingFilters.map(getFilter) }), props.children && (_jsx("div", { className: "k-menu-filters-buttons", children: props.children }))] }));
 };
 export default Filters;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAA6B,WAAW,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,cAAc,CAAC;AAUtB,MAAM,OAAO,GAAG,CAAC,KAAqC,EAAE,EAAE;IACxD,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,MAAyC,EAAE,EAAE;QAC5C,KAAK,CAAC,uBAAuB,CAAC,CAAC,WAAW,EAAE,EAAE,CAC5C,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACtE,CAAC;IACJ,CAAC,EACD,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAChC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,MAAyC,EAAE,EAAE;QAC9D,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,OAAO,CACL,KAAC,YAAY,IAEX,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,kBAAkB,IAF7B,MAAM,CAAC,QAAQ,CAGpB,CACH,CAAC;QACJ,CAAC;aAAM,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACnC,OAAO,CACL,KAAC,WAAW,IAEV,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,kBAAkB,IAF7B,MAAM,CAAC,QAAQ,CAGpB,CACH,CAAC;QACJ,CAAC;aAAM,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACpC,OAAO,CACL,KAAC,YAAY,IAEX,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,kBAAkB,IAF7B,MAAM,CAAC,QAAQ,CAGpB,CACH,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,CACL,KAAC,UAAU,IAET,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,kBAAkB,IAF7B,MAAM,CAAC,QAAQ,CAGpB,CACH,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,cAAK,SAAS,EAAC,gBAAgB,YAC5B,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,GAChC,EACL,KAAK,CAAC,QAAQ,IAAI,CACjB,cAAK,SAAS,EAAC,wBAAwB,YAAE,KAAK,CAAC,QAAQ,GAAO,CAC/D,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAA6B,WAAW,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,cAAc,CAAC;AActB,8EAA8E;AAC9E,0CAA0C;AAC1C,MAAM,WAAW,GAAG,CAAC,MAAmB,EAAE,EAAE,CAC1C,MAAM,YAAY,gBAAgB;IAClC,CAAC,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAEnE,MAAM,OAAO,GAAG,CAAC,KAAqC,EAAE,EAAE;IACxD,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,MAAyC,EAAE,EAAE;QAC5C,KAAK,CAAC,uBAAuB,CAAC,CAAC,WAAW,EAAE,EAAE,CAC5C,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACtE,CAAC;IACJ,CAAC,EACD,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAChC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,MAAyC,EAAE,EAAE;QAC9D,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,OAAO,CACL,KAAC,YAAY,IAEX,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,kBAAkB,IAF7B,MAAM,CAAC,QAAQ,CAGpB,CACH,CAAC;QACJ,CAAC;aAAM,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACnC,OAAO,CACL,KAAC,WAAW,IAEV,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,kBAAkB,EAClC,WAAW,EAAE,KAAK,CAAC,gBAAgB,IAH9B,MAAM,CAAC,QAAQ,CAIpB,CACH,CAAC;QACJ,CAAC;aAAM,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACpC,OAAO,CACL,KAAC,YAAY,IAEX,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,kBAAkB,IAF7B,MAAM,CAAC,QAAQ,CAGpB,CACH,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,CACL,KAAC,UAAU,IAET,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,kBAAkB,IAF7B,MAAM,CAAC,QAAQ,CAGpB,CACH,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC/D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC;YAAE,OAAO;QAC1E,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,KAAK,CAAC,OAAO,EAAE,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,EAAC,SAAS,EAAE,aAAa,aAChE,cAAK,SAAS,EAAC,gBAAgB,YAC5B,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,GAChC,EACL,KAAK,CAAC,QAAQ,IAAI,CACjB,cAAK,SAAS,EAAC,wBAAwB,YAAE,KAAK,CAAC,QAAQ,GAAO,CAC/D,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"listFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/listFilter.tsx"],"names":[],"mappings":"AAOA,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,mBAAmB,EACnB,iCAAiC,EAClC,MAAM,aAAa,CAAC;AAErB,UAAU,6BAA6B;IACrC,MAAM,EAAE,mBAAmB,CAAC;IAC5B,cAAc,EAAE,CAAC,MAAM,EAAE,iCAAiC,KAAK,IAAI,CAAC;CACrE;AAED,QAAA,MAAM,UAAU,GAAI,OAAO,6BAA6B,gCA8DvD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"listFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/listFilter.tsx"],"names":[],"mappings":"AAOA,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,mBAAmB,EACnB,iCAAiC,EAClC,MAAM,aAAa,CAAC;AAErB,UAAU,6BAA6B;IACrC,MAAM,EAAE,mBAAmB,CAAC;IAC5B,cAAc,EAAE,CAAC,MAAM,EAAE,iCAAiC,KAAK,IAAI,CAAC;CACrE;AAED,QAAA,MAAM,UAAU,GAAI,OAAO,6BAA6B,gCA+DvD,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -34,7 +34,7 @@ const ListFilter = (props) => {
     const allowSubmit = useMemo(() => {
         return list !== prevList;
     }, [list, prevList]);
-    return (_jsx(Dropdown, { size: "sm", variant: "secondary", label: props.filter.title, align: "left", icon: faList, isOpen: isOpen, onOpenChange: setIsOpen, children: _jsxs("div", { className: "k-filter-menu", children: [_jsx(Input, { size: "sm", value: list, onChange: handleChange, type: "text", onKeyDown: handleKeydown }), _jsx(Button, { size: "sm", disabled: !allowSubmit, onClick: handleSubmit, children: "Add Filter" })] }) }));
+    return (_jsx(Dropdown, { size: "sm", variant: "secondary", label: props.filter.title, align: "left", icon: faList, isOpen: isOpen, onOpenChange: setIsOpen, children: _jsxs("div", { className: "k-filter-menu", children: [_jsx(Input, { size: "sm", value: list, onChange: handleChange, type: "text", onKeyDown: handleKeydown, "aria-label": `${props.filter.title} values` }), _jsx(Button, { size: "sm", disabled: !allowSubmit, onClick: handleSubmit, children: "Add Filter" })] }) }));
 };
 export default ListFilter;
 //# sourceMappingURL=listFilter.js.map

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

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

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

@@ -3,6 +3,12 @@ import { GeneratedRangeFilter, InfiniteScrollMenuGeneratedFilter } from "../type
 interface InfiniteScrollRangeFilterProps {
     filter: GeneratedRangeFilter;
     onFilterChange: (filter: InfiniteScrollMenuGeneratedFilter) => void;
+    /**
+     * Edits stay a draft until the menu's Apply button (or Enter), so both
+     * bounds can be typed before anything is fetched. Closing the menu drops
+     * the draft. Without it, each edit reports at once.
+     */
+    applyInMenu?: boolean;
 }
 declare const RangeFilter: (props: InfiniteScrollRangeFilterProps) => import("react").JSX.Element;
 export default RangeFilter;

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

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