@vaadin/hilla-react-crud 24.7.0-alpha9 → 24.8.0-alpha1

package/autogrid-columns.js

@@ -1,102 +1,86 @@
-import {
-  AutoGridBooleanRenderer,
-  AutoGridDateRenderer,
-  AutoGridDateTimeRenderer,
-  AutoGridDecimalRenderer,
-  AutoGridEnumRenderer,
-  AutoGridIntegerRenderer,
-  AutoGridJsonRenderer,
-  AutoGridTimeRenderer
-} from "./autogrid-renderers";
-import {
-  BooleanHeaderFilter,
-  DateHeaderFilter,
-  EnumHeaderFilter,
-  NoHeaderFilter,
-  NumberHeaderFilter,
-  StringHeaderFilter,
-  TimeHeaderFilter
-} from "./header-filter";
+import { AutoGridBooleanRenderer, AutoGridDateRenderer, AutoGridDateTimeRenderer, AutoGridDecimalRenderer, AutoGridEnumRenderer, AutoGridIntegerRenderer, AutoGridJsonRenderer, AutoGridTimeRenderer, } from './autogrid-renderers';
+import { BooleanHeaderFilter, DateHeaderFilter, EnumHeaderFilter, NoHeaderFilter, NumberHeaderFilter, StringHeaderFilter, TimeHeaderFilter, } from './header-filter';
 function getTypeColumnOptions(propertyInfo, customColumnOptions) {
-  switch (propertyInfo.type) {
-    case "integer":
-      return {
-        autoWidth: true,
-        textAlign: "end",
-        flexGrow: 0,
-        renderer: AutoGridIntegerRenderer,
-        headerFilterRenderer: NumberHeaderFilter
-      };
-    case "decimal":
-      return {
-        autoWidth: true,
-        textAlign: "end",
-        flexGrow: 0,
-        renderer: AutoGridDecimalRenderer,
-        headerFilterRenderer: NumberHeaderFilter
-      };
-    case "boolean":
-      return {
-        autoWidth: true,
-        textAlign: "end",
-        flexGrow: 0,
-        renderer: AutoGridBooleanRenderer,
-        headerFilterRenderer: BooleanHeaderFilter
-      };
-    case "date":
-      return {
-        autoWidth: true,
-        textAlign: "end",
-        flexGrow: 0,
-        renderer: AutoGridDateRenderer,
-        headerFilterRenderer: DateHeaderFilter
-      };
-    case "time":
-      return {
-        autoWidth: true,
-        textAlign: "end",
-        flexGrow: 0,
-        renderer: AutoGridTimeRenderer,
-        headerFilterRenderer: TimeHeaderFilter
-      };
-    case "datetime":
-      return {
-        autoWidth: true,
-        textAlign: "end",
-        flexGrow: 0,
-        renderer: AutoGridDateTimeRenderer,
-        headerFilterRenderer: DateHeaderFilter
-      };
-    case "enum":
-      return {
-        autoWidth: true,
-        renderer: AutoGridEnumRenderer,
-        headerFilterRenderer: EnumHeaderFilter
-      };
-    case "string":
-      return {
-        autoWidth: true,
-        headerFilterRenderer: StringHeaderFilter
-      };
-    case "object":
-      return {
-        autoWidth: true,
-        renderer: customColumnOptions?.path !== void 0 && customColumnOptions.renderer == null ? null : AutoGridJsonRenderer,
-        headerFilterRenderer: NoHeaderFilter
-      };
-    default:
-      return {
-        autoWidth: true,
-        headerFilterRenderer: NoHeaderFilter
-      };
-  }
+    switch (propertyInfo.type) {
+        case 'integer':
+            return {
+                autoWidth: true,
+                textAlign: 'end',
+                flexGrow: 0,
+                renderer: AutoGridIntegerRenderer,
+                headerFilterRenderer: NumberHeaderFilter,
+            };
+        case 'decimal':
+            return {
+                autoWidth: true,
+                textAlign: 'end',
+                flexGrow: 0,
+                renderer: AutoGridDecimalRenderer,
+                headerFilterRenderer: NumberHeaderFilter,
+            };
+        case 'boolean':
+            return {
+                autoWidth: true,
+                textAlign: 'end',
+                flexGrow: 0,
+                renderer: AutoGridBooleanRenderer,
+                headerFilterRenderer: BooleanHeaderFilter,
+            };
+        case 'date':
+            return {
+                autoWidth: true,
+                textAlign: 'end',
+                flexGrow: 0,
+                renderer: AutoGridDateRenderer,
+                headerFilterRenderer: DateHeaderFilter,
+            };
+        case 'time':
+            return {
+                autoWidth: true,
+                textAlign: 'end',
+                flexGrow: 0,
+                renderer: AutoGridTimeRenderer,
+                headerFilterRenderer: TimeHeaderFilter,
+            };
+        case 'datetime':
+            return {
+                autoWidth: true,
+                textAlign: 'end',
+                flexGrow: 0,
+                renderer: AutoGridDateTimeRenderer,
+                headerFilterRenderer: DateHeaderFilter,
+            };
+        case 'enum':
+            return {
+                autoWidth: true,
+                renderer: AutoGridEnumRenderer,
+                headerFilterRenderer: EnumHeaderFilter,
+            };
+        case 'string':
+            return {
+                autoWidth: true,
+                headerFilterRenderer: StringHeaderFilter,
+            };
+        case 'object':
+            return {
+                autoWidth: true,
+                renderer: customColumnOptions?.path !== undefined && customColumnOptions.renderer == null ? null : AutoGridJsonRenderer,
+                headerFilterRenderer: NoHeaderFilter,
+            };
+        default:
+            return {
+                autoWidth: true,
+                headerFilterRenderer: NoHeaderFilter,
+            };
+    }
 }
-function getColumnOptions(propertyInfo, customColumnOptions) {
-  const typeColumnOptions = getTypeColumnOptions(propertyInfo, customColumnOptions);
-  const headerFilterRenderer = customColumnOptions?.filterable === false ? NoHeaderFilter : typeColumnOptions.headerFilterRenderer ?? NoHeaderFilter;
-  return customColumnOptions ? { ...typeColumnOptions, headerFilterRenderer, ...customColumnOptions } : typeColumnOptions;
+export function getColumnOptions(propertyInfo, customColumnOptions) {
+    const typeColumnOptions = getTypeColumnOptions(propertyInfo, customColumnOptions);
+    const headerFilterRenderer = customColumnOptions?.filterable === false
+        ? NoHeaderFilter
+        : (typeColumnOptions.headerFilterRenderer ?? NoHeaderFilter);
+    return customColumnOptions
+        ? { ...typeColumnOptions, headerFilterRenderer, ...customColumnOptions }
+        : typeColumnOptions;
 }
-export {
-  getColumnOptions
-};
-//# sourceMappingURL=autogrid-columns.js.map
+//# sourceMappingURL=autogrid-columns.js.map

package/autogrid-columns.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["src/autogrid-columns.tsx"],
-  "sourcesContent": ["import type { GridColumnProps } from '@vaadin/react-components/GridColumn.js';\nimport {\n  AutoGridBooleanRenderer,\n  AutoGridDateRenderer,\n  AutoGridDateTimeRenderer,\n  AutoGridDecimalRenderer,\n  AutoGridEnumRenderer,\n  AutoGridIntegerRenderer,\n  AutoGridJsonRenderer,\n  AutoGridTimeRenderer,\n} from './autogrid-renderers';\nimport {\n  BooleanHeaderFilter,\n  DateHeaderFilter,\n  EnumHeaderFilter,\n  type HeaderFilterProps,\n  NoHeaderFilter,\n  NumberHeaderFilter,\n  StringHeaderFilter,\n  TimeHeaderFilter,\n} from './header-filter';\nimport type { PropertyInfo } from './model-info';\n\nexport type ColumnOptions = HeaderFilterProps & Omit<GridColumnProps<any>, 'dangerouslySetInnerHTML'>;\n\n// eslint-disable-next-line consistent-return\nfunction getTypeColumnOptions(propertyInfo: PropertyInfo, customColumnOptions?: ColumnOptions): ColumnOptions {\n  // eslint-disable-next-line default-case\n  switch (propertyInfo.type) {\n    case 'integer':\n      return {\n        autoWidth: true,\n        textAlign: 'end',\n        flexGrow: 0,\n        renderer: AutoGridIntegerRenderer,\n        headerFilterRenderer: NumberHeaderFilter,\n      };\n    case 'decimal':\n      return {\n        autoWidth: true,\n        textAlign: 'end',\n        flexGrow: 0,\n        renderer: AutoGridDecimalRenderer,\n        headerFilterRenderer: NumberHeaderFilter,\n      };\n    case 'boolean':\n      return {\n        autoWidth: true,\n        textAlign: 'end',\n        flexGrow: 0,\n        renderer: AutoGridBooleanRenderer,\n        headerFilterRenderer: BooleanHeaderFilter,\n      };\n    case 'date':\n      return {\n        autoWidth: true,\n        textAlign: 'end',\n        flexGrow: 0,\n        renderer: AutoGridDateRenderer,\n        headerFilterRenderer: DateHeaderFilter,\n      };\n    case 'time':\n      return {\n        autoWidth: true,\n        textAlign: 'end',\n        flexGrow: 0,\n        renderer: AutoGridTimeRenderer,\n        headerFilterRenderer: TimeHeaderFilter,\n      };\n    case 'datetime':\n      return {\n        autoWidth: true,\n        textAlign: 'end',\n        flexGrow: 0,\n        renderer: AutoGridDateTimeRenderer,\n        headerFilterRenderer: DateHeaderFilter,\n      };\n    case 'enum':\n      return {\n        autoWidth: true,\n        renderer: AutoGridEnumRenderer,\n        headerFilterRenderer: EnumHeaderFilter,\n      };\n    case 'string':\n      return {\n        autoWidth: true,\n        headerFilterRenderer: StringHeaderFilter,\n      };\n    case 'object':\n      return {\n        autoWidth: true,\n        renderer:\n          customColumnOptions?.path !== undefined && customColumnOptions.renderer == null ? null : AutoGridJsonRenderer,\n        headerFilterRenderer: NoHeaderFilter,\n      };\n    default:\n      return {\n        autoWidth: true,\n        headerFilterRenderer: NoHeaderFilter,\n      };\n  }\n}\n\nexport function getColumnOptions(\n  propertyInfo: PropertyInfo,\n  customColumnOptions: ColumnOptions | undefined,\n): ColumnOptions {\n  const typeColumnOptions = getTypeColumnOptions(propertyInfo, customColumnOptions);\n  const headerFilterRenderer =\n    customColumnOptions?.filterable === false\n      ? NoHeaderFilter\n      : (typeColumnOptions.headerFilterRenderer ?? NoHeaderFilter);\n  // TODO: Remove eslint-disable when all TypeScript version issues are resolved\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  return customColumnOptions\n    ? { ...typeColumnOptions, headerFilterRenderer, ...customColumnOptions }\n    : typeColumnOptions;\n}\n"],
-  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAMP,SAAS,qBAAqB,cAA4B,qBAAoD;AAE5G,UAAQ,aAAa,MAAM;AAAA,IACzB,KAAK;AACH,aAAO;AAAA,QACL,WAAW;AAAA,QACX,WAAW;AAAA,QACX,UAAU;AAAA,QACV,UAAU;AAAA,QACV,sBAAsB;AAAA,MACxB;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,WAAW;AAAA,QACX,WAAW;AAAA,QACX,UAAU;AAAA,QACV,UAAU;AAAA,QACV,sBAAsB;AAAA,MACxB;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,WAAW;AAAA,QACX,WAAW;AAAA,QACX,UAAU;AAAA,QACV,UAAU;AAAA,QACV,sBAAsB;AAAA,MACxB;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,WAAW;AAAA,QACX,WAAW;AAAA,QACX,UAAU;AAAA,QACV,UAAU;AAAA,QACV,sBAAsB;AAAA,MACxB;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,WAAW;AAAA,QACX,WAAW;AAAA,QACX,UAAU;AAAA,QACV,UAAU;AAAA,QACV,sBAAsB;AAAA,MACxB;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,WAAW;AAAA,QACX,WAAW;AAAA,QACX,UAAU;AAAA,QACV,UAAU;AAAA,QACV,sBAAsB;AAAA,MACxB;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,WAAW;AAAA,QACX,UAAU;AAAA,QACV,sBAAsB;AAAA,MACxB;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,WAAW;AAAA,QACX,sBAAsB;AAAA,MACxB;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,WAAW;AAAA,QACX,UACE,qBAAqB,SAAS,UAAa,oBAAoB,YAAY,OAAO,OAAO;AAAA,QAC3F,sBAAsB;AAAA,MACxB;AAAA,IACF;AACE,aAAO;AAAA,QACL,WAAW;AAAA,QACX,sBAAsB;AAAA,MACxB;AAAA,EACJ;AACF;AAEO,SAAS,iBACd,cACA,qBACe;AACf,QAAM,oBAAoB,qBAAqB,cAAc,mBAAmB;AAChF,QAAM,uBACJ,qBAAqB,eAAe,QAChC,iBACC,kBAAkB,wBAAwB;AAGjD,SAAO,sBACH,EAAE,GAAG,mBAAmB,sBAAsB,GAAG,oBAAoB,IACrE;AACN;",
-  "names": []
-}
+{"version":3,"file":"autogrid-columns.js","sourceRoot":"","sources":["src/autogrid-columns.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { GridColumnProps } from '@vaadin/react-components/GridColumn.js';\nimport {\n  AutoGridBooleanRenderer,\n  AutoGridDateRenderer,\n  AutoGridDateTimeRenderer,\n  AutoGridDecimalRenderer,\n  AutoGridEnumRenderer,\n  AutoGridIntegerRenderer,\n  AutoGridJsonRenderer,\n  AutoGridTimeRenderer,\n} from './autogrid-renderers';\nimport {\n  BooleanHeaderFilter,\n  DateHeaderFilter,\n  EnumHeaderFilter,\n  type HeaderFilterProps,\n  NoHeaderFilter,\n  NumberHeaderFilter,\n  StringHeaderFilter,\n  TimeHeaderFilter,\n} from './header-filter';\nimport type { PropertyInfo } from './model-info';\n\nexport type ColumnOptions = HeaderFilterProps & Omit<GridColumnProps<any>, 'dangerouslySetInnerHTML'>;\n\n// eslint-disable-next-line consistent-return\nfunction getTypeColumnOptions(propertyInfo: PropertyInfo, customColumnOptions?: ColumnOptions): ColumnOptions {\n  // eslint-disable-next-line default-case\n  switch (propertyInfo.type) {\n    case 'integer':\n      return {\n        autoWidth: true,\n        textAlign: 'end',\n        flexGrow: 0,\n        renderer: AutoGridIntegerRenderer,\n        headerFilterRenderer: NumberHeaderFilter,\n      };\n    case 'decimal':\n      return {\n        autoWidth: true,\n        textAlign: 'end',\n        flexGrow: 0,\n        renderer: AutoGridDecimalRenderer,\n        headerFilterRenderer: NumberHeaderFilter,\n      };\n    case 'boolean':\n      return {\n        autoWidth: true,\n        textAlign: 'end',\n        flexGrow: 0,\n        renderer: AutoGridBooleanRenderer,\n        headerFilterRenderer: BooleanHeaderFilter,\n      };\n    case 'date':\n      return {\n        autoWidth: true,\n        textAlign: 'end',\n        flexGrow: 0,\n        renderer: AutoGridDateRenderer,\n        headerFilterRenderer: DateHeaderFilter,\n      };\n    case 'time':\n      return {\n        autoWidth: true,\n        textAlign: 'end',\n        flexGrow: 0,\n        renderer: AutoGridTimeRenderer,\n        headerFilterRenderer: TimeHeaderFilter,\n      };\n    case 'datetime':\n      return {\n        autoWidth: true,\n        textAlign: 'end',\n        flexGrow: 0,\n        renderer: AutoGridDateTimeRenderer,\n        headerFilterRenderer: DateHeaderFilter,\n      };\n    case 'enum':\n      return {\n        autoWidth: true,\n        renderer: AutoGridEnumRenderer,\n        headerFilterRenderer: EnumHeaderFilter,\n      };\n    case 'string':\n      return {\n        autoWidth: true,\n        headerFilterRenderer: StringHeaderFilter,\n      };\n    case 'object':\n      return {\n        autoWidth: true,\n        renderer:\n          customColumnOptions?.path !== undefined && customColumnOptions.renderer == null ? null : AutoGridJsonRenderer,\n        headerFilterRenderer: NoHeaderFilter,\n      };\n    default:\n      return {\n        autoWidth: true,\n        headerFilterRenderer: NoHeaderFilter,\n      };\n  }\n}\n\nexport function getColumnOptions(\n  propertyInfo: PropertyInfo,\n  customColumnOptions: ColumnOptions | undefined,\n): ColumnOptions {\n  const typeColumnOptions = getTypeColumnOptions(propertyInfo, customColumnOptions);\n  const headerFilterRenderer =\n    customColumnOptions?.filterable === false\n      ? NoHeaderFilter\n      : (typeColumnOptions.headerFilterRenderer ?? NoHeaderFilter);\n  // TODO: Remove eslint-disable when all TypeScript version issues are resolved\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  return customColumnOptions\n    ? { ...typeColumnOptions, headerFilterRenderer, ...customColumnOptions }\n    : typeColumnOptions;\n}\n"]}

package/autogrid-feature.d.ts

@@ -1,4 +1,3 @@
 import { AutoGrid as _AutoGrid } from './autogrid.js';
 export * from './autogrid.js';
 export declare const AutoGrid: typeof _AutoGrid;
-//# sourceMappingURL=autogrid-feature.d.ts.map

package/autogrid-feature.js

@@ -1,8 +1,5 @@
-import { AutoGrid as _AutoGrid } from "./autogrid.js";
-import { featureRegistration } from "./util";
-export * from "./autogrid.js";
-const AutoGrid = featureRegistration(_AutoGrid, "AutoGrid");
-export {
-  AutoGrid
-};
-//# sourceMappingURL=autogrid-feature.js.map
+import { AutoGrid as _AutoGrid } from './autogrid.js';
+import { featureRegistration } from './util';
+export * from './autogrid.js';
+export const AutoGrid = featureRegistration(_AutoGrid, 'AutoGrid');
+//# sourceMappingURL=autogrid-feature.js.map

package/autogrid-feature.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["src/autogrid-feature.ts"],
-  "sourcesContent": ["/* eslint-disable import/export */\nimport { AutoGrid as _AutoGrid } from './autogrid.js';\nimport { featureRegistration } from './util';\n\nexport * from './autogrid.js';\n\nexport const AutoGrid: typeof _AutoGrid = featureRegistration(_AutoGrid, 'AutoGrid');\n"],
-  "mappings": "AACA,SAAS,YAAY,iBAAiB;AACtC,SAAS,2BAA2B;AAEpC,cAAc;AAEP,MAAM,WAA6B,oBAAoB,WAAW,UAAU;",
-  "names": []
-}
+{"version":3,"file":"autogrid-feature.js","sourceRoot":"","sources":["src/autogrid-feature.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAE7C,cAAc,eAAe,CAAC;AAE9B,MAAM,CAAC,MAAM,QAAQ,GAAqB,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC","sourcesContent":["/* eslint-disable import/export */\nimport { AutoGrid as _AutoGrid } from './autogrid.js';\nimport { featureRegistration } from './util';\n\nexport * from './autogrid.js';\n\nexport const AutoGrid: typeof _AutoGrid = featureRegistration(_AutoGrid, 'AutoGrid');\n"]}

package/autogrid-renderers.d.ts

@@ -25,4 +25,3 @@ export type FooterContextType = {
 };
 export declare const FooterContext: import("react").Context<FooterContextType>;
 export declare function AutoGridFooterItemCountRenderer(): JSX.Element;
-//# sourceMappingURL=autogrid-renderers.d.ts.map

package/autogrid-renderers.js

@@ -1,92 +1,83 @@
-import { Fragment, jsx } from "react/jsx-runtime";
-import { Icon } from "@vaadin/react-components/Icon.js";
-import { createContext, useContext } from "react";
-import { ColumnContext } from "./autogrid-column-context";
-import { useLocaleFormatter } from "./locale.js";
-import { convertToTitleCase } from "./util";
-import "@vaadin/vaadin-lumo-styles/vaadin-iconset.js";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon } from '@vaadin/react-components/Icon.js';
+import { createContext, useContext } from 'react';
+import { ColumnContext } from './autogrid-column-context';
+import { useLocaleFormatter } from './locale.js';
+import { convertToTitleCase } from './util';
+import '@vaadin/vaadin-lumo-styles/vaadin-iconset.js';
 function getColumnValue(context, item) {
-  const path = context.propertyInfo.name;
-  return path.split(".").reduce((obj, property) => obj ? obj[property] : void 0, item);
+    const path = context.propertyInfo.name;
+    return path.split('.').reduce((obj, property) => (obj ? obj[property] : undefined), item);
 }
-const fontVariantStyle = { fontVariantNumeric: "tabular-nums" };
-function AutoGridIntegerRenderer({ item }) {
-  const formatter = useLocaleFormatter();
-  const context = useContext(ColumnContext);
-  return /* @__PURE__ */ jsx("span", { style: fontVariantStyle, children: formatter.formatInteger(getColumnValue(context, item)) });
+const fontVariantStyle = { fontVariantNumeric: 'tabular-nums' };
+export function AutoGridIntegerRenderer({ item }) {
+    const formatter = useLocaleFormatter();
+    const context = useContext(ColumnContext);
+    return _jsx("span", { style: fontVariantStyle, children: formatter.formatInteger(getColumnValue(context, item)) });
 }
-function AutoGridDecimalRenderer({ item }) {
-  const formatter = useLocaleFormatter();
-  const context = useContext(ColumnContext);
-  return /* @__PURE__ */ jsx("span", { style: fontVariantStyle, children: formatter.formatDecimal(getColumnValue(context, item)) });
+export function AutoGridDecimalRenderer({ item }) {
+    const formatter = useLocaleFormatter();
+    const context = useContext(ColumnContext);
+    return _jsx("span", { style: fontVariantStyle, children: formatter.formatDecimal(getColumnValue(context, item)) });
 }
-function AutoGridEnumRenderer({ item }) {
-  const context = useContext(ColumnContext);
-  const value = getColumnValue(context, item) || "";
-  return /* @__PURE__ */ jsx("span", { children: convertToTitleCase(value) });
+export function AutoGridEnumRenderer({ item }) {
+    const context = useContext(ColumnContext);
+    const value = getColumnValue(context, item) || '';
+    return _jsx("span", { children: convertToTitleCase(value) });
 }
-function AutoGridBooleanRenderer({ item }) {
-  const context = useContext(ColumnContext);
-  const value = getColumnValue(context, item);
-  if (value) {
-    return /* @__PURE__ */ jsx(Icon, { "aria-label": "false", icon: "lumo:checkmark" });
-  }
-  return /* @__PURE__ */ jsx(Icon, { "aria-label": "true", style: { color: "var(--lumo-secondary-text-color)" }, icon: "lumo:minus" });
+export function AutoGridBooleanRenderer({ item }) {
+    const context = useContext(ColumnContext);
+    const value = getColumnValue(context, item);
+    if (value) {
+        return _jsx(Icon, { "aria-label": "false", icon: "lumo:checkmark" });
+    }
+    return _jsx(Icon, { "aria-label": "true", style: { color: 'var(--lumo-secondary-text-color)' }, icon: "lumo:minus" });
 }
-function AutoGridDateRenderer({ item }) {
-  const formatter = useLocaleFormatter();
-  const context = useContext(ColumnContext);
-  return /* @__PURE__ */ jsx("span", { style: fontVariantStyle, children: formatter.formatDate(getColumnValue(context, item)) });
+export function AutoGridDateRenderer({ item }) {
+    const formatter = useLocaleFormatter();
+    const context = useContext(ColumnContext);
+    return _jsx("span", { style: fontVariantStyle, children: formatter.formatDate(getColumnValue(context, item)) });
 }
-function AutoGridTimeRenderer({ item }) {
-  const formatter = useLocaleFormatter();
-  const context = useContext(ColumnContext);
-  return /* @__PURE__ */ jsx("span", { style: fontVariantStyle, children: formatter.formatLocalTime(getColumnValue(context, item)) });
+export function AutoGridTimeRenderer({ item }) {
+    const formatter = useLocaleFormatter();
+    const context = useContext(ColumnContext);
+    return _jsx("span", { style: fontVariantStyle, children: formatter.formatLocalTime(getColumnValue(context, item)) });
 }
-function AutoGridDateTimeRenderer({ item }) {
-  const formatter = useLocaleFormatter();
-  const context = useContext(ColumnContext);
-  return /* @__PURE__ */ jsx("span", { style: fontVariantStyle, children: formatter.formatLocalDateTime(getColumnValue(context, item)) });
+export function AutoGridDateTimeRenderer({ item }) {
+    const formatter = useLocaleFormatter();
+    const context = useContext(ColumnContext);
+    return _jsx("span", { style: fontVariantStyle, children: formatter.formatLocalDateTime(getColumnValue(context, item)) });
 }
-function AutoGridJsonRenderer({ item }) {
-  const context = useContext(ColumnContext);
-  const value = getColumnValue(context, item);
-  const jsonString = value ? JSON.stringify(value) : "";
-  const jsonPreview = jsonString.length > 50 ? `${jsonString.substring(0, 50)}...` : jsonString;
-  return /* @__PURE__ */ jsx("span", { children: jsonPreview });
+export function AutoGridJsonRenderer({ item }) {
+    const context = useContext(ColumnContext);
+    const value = getColumnValue(context, item);
+    const jsonString = value ? JSON.stringify(value) : '';
+    const jsonPreview = jsonString.length > 50 ? `${jsonString.substring(0, 50)}...` : jsonString;
+    return _jsx("span", { children: jsonPreview });
 }
-function AutoGridRowNumberRenderer({ model }) {
-  return /* @__PURE__ */ jsx(Fragment, { children: model.index + 1 });
+export function AutoGridRowNumberRenderer({ model }) {
+    return _jsx(_Fragment, { children: model.index + 1 });
 }
-const FooterContext = createContext(void 0);
-function AutoGridFooterItemCountRenderer() {
-  const footerContext = useContext(FooterContext);
-  const { totalCount, filteredCount, itemCounts, footerCountRenderer: FooterRenderer } = footerContext;
-  if (FooterRenderer) {
-    return /* @__PURE__ */ jsx(FooterRenderer, { ...itemCounts });
-  }
-  let filterCountText;
-  if (filteredCount && itemCounts?.filteredCount !== void 0) {
-    filterCountText = totalCount && itemCounts.totalCount !== void 0 ? `Showing: ${itemCounts.filteredCount} out of ${itemCounts.totalCount}` : `Showing: ${itemCounts.filteredCount}`;
-  } else if (totalCount && itemCounts?.totalCount !== void 0) {
-    filterCountText = `Total: ${itemCounts.totalCount}`;
-  }
-  if (filterCountText) {
-    return /* @__PURE__ */ jsx("p", { children: filterCountText });
-  }
-  return /* @__PURE__ */ jsx(Fragment, {});
+export const FooterContext = createContext(undefined);
+export function AutoGridFooterItemCountRenderer() {
+    const footerContext = useContext(FooterContext);
+    const { totalCount, filteredCount, itemCounts, footerCountRenderer: FooterRenderer } = footerContext;
+    if (FooterRenderer) {
+        return _jsx(FooterRenderer, { ...itemCounts });
+    }
+    let filterCountText;
+    if (filteredCount && itemCounts?.filteredCount !== undefined) {
+        filterCountText =
+            totalCount && itemCounts.totalCount !== undefined
+                ? `Showing: ${itemCounts.filteredCount} out of ${itemCounts.totalCount}`
+                : `Showing: ${itemCounts.filteredCount}`;
+    }
+    else if (totalCount && itemCounts?.totalCount !== undefined) {
+        filterCountText = `Total: ${itemCounts.totalCount}`;
+    }
+    if (filterCountText) {
+        return _jsx("p", { children: filterCountText });
+    }
+    return _jsx(_Fragment, {});
 }
-export {
-  AutoGridBooleanRenderer,
-  AutoGridDateRenderer,
-  AutoGridDateTimeRenderer,
-  AutoGridDecimalRenderer,
-  AutoGridEnumRenderer,
-  AutoGridFooterItemCountRenderer,
-  AutoGridIntegerRenderer,
-  AutoGridJsonRenderer,
-  AutoGridRowNumberRenderer,
-  AutoGridTimeRenderer,
-  FooterContext
-};
-//# sourceMappingURL=autogrid-renderers.js.map
+//# sourceMappingURL=autogrid-renderers.js.map

package/autogrid-renderers.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["src/autogrid-renderers.tsx"],
-  "sourcesContent": ["import type { GridItemModel } from '@vaadin/react-components/Grid.js';\nimport type { GridColumnElement } from '@vaadin/react-components/GridColumn.js';\nimport { Icon } from '@vaadin/react-components/Icon.js';\nimport { type ComponentType, createContext, type CSSProperties, type JSX, useContext } from 'react';\nimport { ColumnContext } from './autogrid-column-context';\nimport type { ItemCounts } from './data-provider';\nimport { useLocaleFormatter } from './locale.js';\nimport { convertToTitleCase } from './util';\n\n// eslint-disable-next-line\nimport '@vaadin/vaadin-lumo-styles/vaadin-iconset.js';\n\nexport type RendererOptions<TItem> = {\n  item: TItem;\n  model: GridItemModel<TItem>;\n  original: GridColumnElement<TItem>;\n};\n\nfunction getColumnValue<TItem>(context: ColumnContext, item: TItem): any {\n  const path = context.propertyInfo.name;\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  return path.split('.').reduce<any>((obj, property) => (obj ? obj[property] : undefined), item);\n}\n\nconst fontVariantStyle: CSSProperties = { fontVariantNumeric: 'tabular-nums' };\n\nexport function AutoGridIntegerRenderer<TItem>({ item }: RendererOptions<TItem>): JSX.Element {\n  const formatter = useLocaleFormatter();\n  const context = useContext(ColumnContext)!;\n  return <span style={fontVariantStyle}>{formatter.formatInteger(getColumnValue(context, item))}</span>;\n}\n\nexport function AutoGridDecimalRenderer<TItem>({ item }: RendererOptions<TItem>): JSX.Element {\n  const formatter = useLocaleFormatter();\n  const context = useContext(ColumnContext)!;\n  return <span style={fontVariantStyle}>{formatter.formatDecimal(getColumnValue(context, item))}</span>;\n}\n\nexport function AutoGridEnumRenderer<TItem>({ item }: RendererOptions<TItem>): JSX.Element {\n  const context = useContext(ColumnContext)!;\n  const value = getColumnValue(context, item) || '';\n  return <span>{convertToTitleCase(value)}</span>;\n}\n\nexport function AutoGridBooleanRenderer<TItem>({ item }: RendererOptions<TItem>): JSX.Element {\n  const context = useContext(ColumnContext)!;\n  const value = getColumnValue(context, item);\n  if (value) {\n    return <Icon aria-label=\"false\" icon=\"lumo:checkmark\" />;\n  }\n  return <Icon aria-label=\"true\" style={{ color: 'var(--lumo-secondary-text-color)' }} icon=\"lumo:minus\" />;\n}\n\nexport function AutoGridDateRenderer<TItem>({ item }: RendererOptions<TItem>): JSX.Element {\n  const formatter = useLocaleFormatter();\n  const context = useContext(ColumnContext)!;\n  return <span style={fontVariantStyle}>{formatter.formatDate(getColumnValue(context, item))}</span>;\n}\n\nexport function AutoGridTimeRenderer<TItem>({ item }: RendererOptions<TItem>): JSX.Element {\n  const formatter = useLocaleFormatter();\n  const context = useContext(ColumnContext)!;\n  return <span style={fontVariantStyle}>{formatter.formatLocalTime(getColumnValue(context, item))}</span>;\n}\n\nexport function AutoGridDateTimeRenderer<TItem>({ item }: RendererOptions<TItem>): JSX.Element {\n  const formatter = useLocaleFormatter();\n  const context = useContext(ColumnContext)!;\n  return <span style={fontVariantStyle}>{formatter.formatLocalDateTime(getColumnValue(context, item))}</span>;\n}\n\nexport function AutoGridJsonRenderer<TItem>({ item }: RendererOptions<TItem>): JSX.Element {\n  const context = useContext(ColumnContext)!;\n  const value = getColumnValue(context, item);\n  const jsonString = value ? JSON.stringify(value) : '';\n  const jsonPreview = jsonString.length > 50 ? `${jsonString.substring(0, 50)}...` : jsonString;\n  return <span>{jsonPreview}</span>;\n}\n\nexport function AutoGridRowNumberRenderer<TItem>({ model }: RendererOptions<TItem>): JSX.Element {\n  return <>{model.index + 1}</>;\n}\n\nexport type FooterContextType = {\n  totalCount?: boolean;\n  filteredCount?: boolean;\n  footerCountRenderer?: ComponentType<ItemCounts>;\n  itemCounts?: ItemCounts;\n};\n\nexport const FooterContext = createContext<FooterContextType>(undefined!);\n\nexport function AutoGridFooterItemCountRenderer(): JSX.Element {\n  const footerContext = useContext(FooterContext);\n  const { totalCount, filteredCount, itemCounts, footerCountRenderer: FooterRenderer } = footerContext;\n\n  if (FooterRenderer) {\n    return <FooterRenderer {...itemCounts} />;\n  }\n\n  let filterCountText: string | undefined;\n  if (filteredCount && itemCounts?.filteredCount !== undefined) {\n    filterCountText =\n      totalCount && itemCounts.totalCount !== undefined\n        ? `Showing: ${itemCounts.filteredCount} out of ${itemCounts.totalCount}`\n        : `Showing: ${itemCounts.filteredCount}`;\n  } else if (totalCount && itemCounts?.totalCount !== undefined) {\n    filterCountText = `Total: ${itemCounts.totalCount}`;\n  }\n  if (filterCountText) {\n    return <p>{filterCountText}</p>;\n  }\n  return <></>;\n}\n"],
-  "mappings": "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",
-  "names": []
-}
+{"version":3,"file":"autogrid-renderers.js","sourceRoot":"","sources":["src/autogrid-renderers.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { GridItemModel } from '@vaadin/react-components/Grid.js';\nimport type { GridColumnElement } from '@vaadin/react-components/GridColumn.js';\nimport { Icon } from '@vaadin/react-components/Icon.js';\nimport { type ComponentType, createContext, type CSSProperties, type JSX, useContext } from 'react';\nimport { ColumnContext } from './autogrid-column-context';\nimport type { ItemCounts } from './data-provider';\nimport { useLocaleFormatter } from './locale.js';\nimport { convertToTitleCase } from './util';\n\n// eslint-disable-next-line\nimport '@vaadin/vaadin-lumo-styles/vaadin-iconset.js';\n\nexport type RendererOptions<TItem> = {\n  item: TItem;\n  model: GridItemModel<TItem>;\n  original: GridColumnElement<TItem>;\n};\n\nfunction getColumnValue<TItem>(context: ColumnContext, item: TItem): any {\n  const path = context.propertyInfo.name;\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  return path.split('.').reduce<any>((obj, property) => (obj ? obj[property] : undefined), item);\n}\n\nconst fontVariantStyle: CSSProperties = { fontVariantNumeric: 'tabular-nums' };\n\nexport function AutoGridIntegerRenderer<TItem>({ item }: RendererOptions<TItem>): JSX.Element {\n  const formatter = useLocaleFormatter();\n  const context = useContext(ColumnContext)!;\n  return <span style={fontVariantStyle}>{formatter.formatInteger(getColumnValue(context, item))}</span>;\n}\n\nexport function AutoGridDecimalRenderer<TItem>({ item }: RendererOptions<TItem>): JSX.Element {\n  const formatter = useLocaleFormatter();\n  const context = useContext(ColumnContext)!;\n  return <span style={fontVariantStyle}>{formatter.formatDecimal(getColumnValue(context, item))}</span>;\n}\n\nexport function AutoGridEnumRenderer<TItem>({ item }: RendererOptions<TItem>): JSX.Element {\n  const context = useContext(ColumnContext)!;\n  const value = getColumnValue(context, item) || '';\n  return <span>{convertToTitleCase(value)}</span>;\n}\n\nexport function AutoGridBooleanRenderer<TItem>({ item }: RendererOptions<TItem>): JSX.Element {\n  const context = useContext(ColumnContext)!;\n  const value = getColumnValue(context, item);\n  if (value) {\n    return <Icon aria-label=\"false\" icon=\"lumo:checkmark\" />;\n  }\n  return <Icon aria-label=\"true\" style={{ color: 'var(--lumo-secondary-text-color)' }} icon=\"lumo:minus\" />;\n}\n\nexport function AutoGridDateRenderer<TItem>({ item }: RendererOptions<TItem>): JSX.Element {\n  const formatter = useLocaleFormatter();\n  const context = useContext(ColumnContext)!;\n  return <span style={fontVariantStyle}>{formatter.formatDate(getColumnValue(context, item))}</span>;\n}\n\nexport function AutoGridTimeRenderer<TItem>({ item }: RendererOptions<TItem>): JSX.Element {\n  const formatter = useLocaleFormatter();\n  const context = useContext(ColumnContext)!;\n  return <span style={fontVariantStyle}>{formatter.formatLocalTime(getColumnValue(context, item))}</span>;\n}\n\nexport function AutoGridDateTimeRenderer<TItem>({ item }: RendererOptions<TItem>): JSX.Element {\n  const formatter = useLocaleFormatter();\n  const context = useContext(ColumnContext)!;\n  return <span style={fontVariantStyle}>{formatter.formatLocalDateTime(getColumnValue(context, item))}</span>;\n}\n\nexport function AutoGridJsonRenderer<TItem>({ item }: RendererOptions<TItem>): JSX.Element {\n  const context = useContext(ColumnContext)!;\n  const value = getColumnValue(context, item);\n  const jsonString = value ? JSON.stringify(value) : '';\n  const jsonPreview = jsonString.length > 50 ? `${jsonString.substring(0, 50)}...` : jsonString;\n  return <span>{jsonPreview}</span>;\n}\n\nexport function AutoGridRowNumberRenderer<TItem>({ model }: RendererOptions<TItem>): JSX.Element {\n  return <>{model.index + 1}</>;\n}\n\nexport type FooterContextType = {\n  totalCount?: boolean;\n  filteredCount?: boolean;\n  footerCountRenderer?: ComponentType<ItemCounts>;\n  itemCounts?: ItemCounts;\n};\n\nexport const FooterContext = createContext<FooterContextType>(undefined!);\n\nexport function AutoGridFooterItemCountRenderer(): JSX.Element {\n  const footerContext = useContext(FooterContext);\n  const { totalCount, filteredCount, itemCounts, footerCountRenderer: FooterRenderer } = footerContext;\n\n  if (FooterRenderer) {\n    return <FooterRenderer {...itemCounts} />;\n  }\n\n  let filterCountText: string | undefined;\n  if (filteredCount && itemCounts?.filteredCount !== undefined) {\n    filterCountText =\n      totalCount && itemCounts.totalCount !== undefined\n        ? `Showing: ${itemCounts.filteredCount} out of ${itemCounts.totalCount}`\n        : `Showing: ${itemCounts.filteredCount}`;\n  } else if (totalCount && itemCounts?.totalCount !== undefined) {\n    filterCountText = `Total: ${itemCounts.totalCount}`;\n  }\n  if (filterCountText) {\n    return <p>{filterCountText}</p>;\n  }\n  return <></>;\n}\n"]}

package/autogrid.d.ts

@@ -2,114 +2,27 @@ import type { AbstractModel, DetachedModelConstructor } from '@vaadin/hilla-lit-
 import { type GridElement, type GridProps } from '@vaadin/react-components/Grid.js';
 import { type ComponentType, type ForwardedRef, type JSX } from 'react';
 import { type ColumnOptions } from './autogrid-columns.js';
-import type { ListService } from './crud';
+import type { ListService } from './crud.js';
 import { type ItemCounts } from './data-provider.js';
 import { type HeaderFilterRendererProps } from './header-filter';
 import type FilterUnion from './types/com/vaadin/hilla/crud/filter/FilterUnion.js';
 export interface AutoGridRef<TItem = any> {
-    /**
-     * The underlying vaadin-grid DOM element.
-     */
     grid: GridElement<TItem> | null;
-    /**
-     * Refreshes the grid by reloading the data from the backend.
-     */
     refresh(): void;
 }
 interface AutoGridOwnProps<TItem> {
-    /**
-     * The service to use for fetching the data. This must be a TypeScript service
-     * that has been generated by Hilla from a backend Java service that
-     * implements the `com.vaadin.hilla.crud.ListService` interface.
-     */
     service: ListService<TItem>;
-    /**
-     * The entity model to use for the grid, which determines which columns to
-     * show and how to render them. This must be a Typescript model class that has
-     * been generated by Hilla from a backend Java class. The model must match
-     * with the type of the items returned by the service. For example, a
-     * `PersonModel` can be used with a service that returns `Person` instances.
-     *
-     * By default, the grid shows columns for all properties of the model which
-     * have a type that is supported. Use the `visibleColumns` option to customize
-     * which columns to show and in which order.
-     */
     model: DetachedModelConstructor<AbstractModel<TItem>>;
-    /**
-     * The property to use to detect an item's ID. The item ID is used to keep
-     * the selection state when reloading the grid.
-     *
-     * By default, the component uses the property annotated with
-     * `jakarta.persistence.Id`, or a property named `id`, in that order.
-     * This option can be used to override the default behavior, or define the ID
-     * property in case a class doesn't have a property matching the defaults.
-     */
     itemIdProperty?: string;
-    /**
-     * Allows to provide a filter that is applied when fetching data from the
-     * service. This can be used for implementing an external filter UI outside
-     * the grid. A custom filter is not compatible with header filters.
-     *
-     * **NOTE:** This is considered an experimental feature and the API may change
-     * in the future.
-     */
     experimentalFilter?: FilterUnion;
-    /**
-     * Allows to customize which columns to show and in which order. This must be
-     * an array of property names that are defined in the model. Nested properties
-     * can be specified using dot notation, e.g. `address.street`.
-     */
     visibleColumns?: string[];
-    /**
-     * Allows to customize which columns to hide. This must be an array of property
-     * names that are defined in the model. Nested properties can be specified using
-     * dot notation, e.g. `address.street`.
-     */
     hiddenColumns?: string[];
-    /**
-     * Disables header filters, which are otherwise enabled by default.
-     */
     noHeaderFilters?: boolean;
-    /**
-     * Allows to add custom columns to the grid. This must be an array of
-     * `GridColumn` component instances. Custom columns are added after the
-     * auto-generated columns.
-     */
     customColumns?: JSX.Element[];
-    /**
-     * Allows to customize the props for individual columns. This is an object
-     * where the keys must be property names that are defined in the model, and
-     * the values are props that are accepted by the `GridColumn` component.
-     * Nested properties can be specified using dot notation, e.g.
-     * `address.street`.
-     */
     columnOptions?: Record<string, ColumnOptions>;
-    /**
-     * When enabled, inserts a column with row numbers at the beginning of the
-     * grid.
-     */
     rowNumbers?: boolean;
-    /**
-     * When enabled, shows the total count of items in the grid footer.
-     * This requires the provided service to implement the CountService interface,
-     *  otherwise an error will be logged to the console, without any count being
-     *  rendered.
-     */
     totalCount?: boolean;
-    /**
-     * When enabled, shows the filtered item count in the grid footer.
-     * if totalCount is also enabled, it will show both totalCount and filteredCount.
-     * This requires the provided service to implement the CountService interface,
-     *  otherwise an error will be logged to the console, without any count being
-     *  rendered.
-     */
     filteredCount?: boolean;
-    /**
-     * Allows to customize the grid footer with a custom renderer component for
-     *  the total count and filtered item count.
-     * This requires the provided service to implement the CountService interface,
-     * See {@link AutoGrid#totalCount} and {@link AutoGrid#filteredCount}.
-     */
     footerCountRenderer?: ComponentType<ItemCounts>;
 }
 export type AutoGridProps<TItem> = GridProps<TItem> & Readonly<AutoGridOwnProps<TItem>>;
@@ -117,20 +30,5 @@ declare function AutoGridInner<TItem>({ service, model, itemIdProperty, experime
 type AutoGrid = <TItem>(props: AutoGridProps<TItem> & {
     ref?: ForwardedRef<AutoGridRef<TItem>>;
 }) => ReturnType<typeof AutoGridInner>;
-/**
- * Auto Grid is a component for displaying tabular data based on a Java backend
- * service. It automatically generates columns based on the properties of a
- * Java class and provides features such as lazy-loading, sorting and filtering.
- *
- * Example usage:
- * ```tsx
- * import { AutoGrid } from '@vaadin/hilla-react-crud';
- * import PersonService from 'Frontend/generated/endpoints';
- * import PersonModel from 'Frontend/generated/com/example/application/Person';
- *
- * <AutoGrid service={PersonService} model={PersonModel} />
- * ```
- */
 export declare const AutoGrid: AutoGrid;
 export type { ColumnOptions, HeaderFilterRendererProps };
-//# sourceMappingURL=autogrid.d.ts.map