@nixxie-cms/core 2.1.0 → 2.2.0

package/dist/{useCreateItem-1f94d252.esm.js → useCreateItem-36a75f1c.esm.js}

@@ -1,5 +1,5 @@
 import { useRouter } from 'next/router';
-import { useEffect, useMemo, useState, useRef } from 'react';
+import { useMemo, useState, useRef, useEffect } from 'react';
 import { toastQueue } from '@keystar/ui/toast';
 import '@react-aria/utils';
 import '@keystar/ui/button';
@@ -15,32 +15,28 @@ import 'react/jsx-runtime';
 import { m as makeDefaultValueState, u as useInvalidFields, a as useHasChanges, s as serializeValueToOperationItem } from './utils-5e1d4d28.esm.js';
 import { gql } from '@apollo/client';
 import { useMutation } from '@apollo/client/react';
+import { u as usePreventNavigation } from './usePreventNavigation-093389dd.esm.js';
 
-function usePreventNavigation(shouldPreventNavigationRef) {
-  const router = useRouter();
-  useEffect(() => {
-    const clientSideRouteChangeHandler = () => {
-      if (shouldPreventNavigationRef.current && !window.confirm('There are unsaved changes, are you sure you want to exit?')) {
-        // throwing from here seems to be the only way to prevent the navigation
-        // we're throwing just a string here rather than an error because throwing an error
-        // causes Next to show an error overlay in dev but it doesn't show the overlay when we throw a string
-        throw 'Navigation cancelled by user';
-      }
-    };
-    router.events.on('routeChangeStart', clientSideRouteChangeHandler);
-    const beforeUnloadHandler = event => {
-      if (shouldPreventNavigationRef.current) {
-        event.preventDefault();
-      }
-    };
-    window.addEventListener('beforeunload', beforeUnloadHandler);
-    return () => {
-      router.events.off('routeChangeStart', clientSideRouteChangeHandler);
-      window.removeEventListener('beforeunload', beforeUnloadHandler);
-    };
-  }, [shouldPreventNavigationRef, router.events]);
+// after forcing validation, move focus to the first invalid field so the user
+// can see and fix it. runs on the next frame so the DOM reflects the new
+// aria-invalid state, and is fully defensive so it can never throw.
+function focusFirstInvalidField() {
+  requestAnimationFrame(() => {
+    try {
+      const el = document.querySelector('[aria-invalid="true"]');
+      if (!el) return;
+      el.focus({
+        preventScroll: false
+      });
+      el.scrollIntoView({
+        block: 'center',
+        behavior: 'smooth'
+      });
+    } catch {
+      // ignore — focusing is a best-effort enhancement
+    }
+  });
 }
-
 function useCreateItem(list) {
   const router = useRouter();
   const [tryCreateItem, {
@@ -82,7 +78,11 @@ function useCreateItem(list) {
     async create() {
       const newForceValidation = invalidFields.size !== 0;
       setForceValidation(newForceValidation);
-      if (newForceValidation) return;
+      if (newForceValidation) {
+        toastQueue.critical('Please fix the highlighted field(s) before saving.');
+        focusFirstInvalidField();
+        return;
+      }
       let outputData;
       try {
         outputData = await tryCreateItem({

package/dist/{useCreateItem-1be4987e.cjs.js → useCreateItem-acf06f77.cjs.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var router = require('next/router');
-var react = require('react');
+var react$1 = require('react');
 var toast = require('@keystar/ui/toast');
 require('@react-aria/utils');
 require('@keystar/ui/button');
@@ -16,56 +16,52 @@ require('@keystar/ui/utils');
 require('react/jsx-runtime');
 var utils = require('./utils-230cddb1.cjs.js');
 var client = require('@apollo/client');
-var react$1 = require('@apollo/client/react');
+var react = require('@apollo/client/react');
+var usePreventNavigation = require('./usePreventNavigation-d4f9f4fa.cjs.js');
 
-function usePreventNavigation(shouldPreventNavigationRef) {
-  const router$1 = router.useRouter();
-  react.useEffect(() => {
-    const clientSideRouteChangeHandler = () => {
-      if (shouldPreventNavigationRef.current && !window.confirm('There are unsaved changes, are you sure you want to exit?')) {
-        // throwing from here seems to be the only way to prevent the navigation
-        // we're throwing just a string here rather than an error because throwing an error
-        // causes Next to show an error overlay in dev but it doesn't show the overlay when we throw a string
-        throw 'Navigation cancelled by user';
-      }
-    };
-    router$1.events.on('routeChangeStart', clientSideRouteChangeHandler);
-    const beforeUnloadHandler = event => {
-      if (shouldPreventNavigationRef.current) {
-        event.preventDefault();
-      }
-    };
-    window.addEventListener('beforeunload', beforeUnloadHandler);
-    return () => {
-      router$1.events.off('routeChangeStart', clientSideRouteChangeHandler);
-      window.removeEventListener('beforeunload', beforeUnloadHandler);
-    };
-  }, [shouldPreventNavigationRef, router$1.events]);
+// after forcing validation, move focus to the first invalid field so the user
+// can see and fix it. runs on the next frame so the DOM reflects the new
+// aria-invalid state, and is fully defensive so it can never throw.
+function focusFirstInvalidField() {
+  requestAnimationFrame(() => {
+    try {
+      const el = document.querySelector('[aria-invalid="true"]');
+      if (!el) return;
+      el.focus({
+        preventScroll: false
+      });
+      el.scrollIntoView({
+        block: 'center',
+        behavior: 'smooth'
+      });
+    } catch {
+      // ignore — focusing is a best-effort enhancement
+    }
+  });
 }
-
 function useCreateItem(list) {
   const router$1 = router.useRouter();
   const [tryCreateItem, {
     loading,
     error,
     data: returnedData
-  }] = react$1.useMutation(client.gql`mutation($data: ${list.graphql.names.createInputName}!) {
+  }] = react.useMutation(client.gql`mutation($data: ${list.graphql.names.createInputName}!) {
       item: ${list.graphql.names.createMutationName}(data: $data) {
         id
         label: ${list.labelField}
       }
     }`);
-  const isRequireds = react.useMemo(() => Object.fromEntries(Object.entries(list.fields).map(([key, field]) => [key, field.createView.isRequired])), [list.fields]);
-  const [forceValidation, setForceValidation] = react.useState(false);
-  const [value, setValue] = react.useState(() => utils.makeDefaultValueState(list.fields));
+  const isRequireds = react$1.useMemo(() => Object.fromEntries(Object.entries(list.fields).map(([key, field]) => [key, field.createView.isRequired])), [list.fields]);
+  const [forceValidation, setForceValidation] = react$1.useState(false);
+  const [value, setValue] = react$1.useState(() => utils.makeDefaultValueState(list.fields));
   const invalidFields = utils.useInvalidFields(list.fields, value, isRequireds);
   const hasChangedFields = utils.useHasChanges('create', list.fields, value, utils.makeDefaultValueState(list.fields));
   const shouldPreventNavigation = !(returnedData !== null && returnedData !== void 0 && returnedData.item) && hasChangedFields;
-  const shouldPreventNavigationRef = react.useRef(shouldPreventNavigation);
-  react.useEffect(() => {
+  const shouldPreventNavigationRef = react$1.useRef(shouldPreventNavigation);
+  react$1.useEffect(() => {
     shouldPreventNavigationRef.current = shouldPreventNavigation;
   }, [shouldPreventNavigation]);
-  usePreventNavigation(shouldPreventNavigationRef);
+  usePreventNavigation.usePreventNavigation(shouldPreventNavigationRef);
   return {
     state: loading ? 'loading' : !(returnedData !== null && returnedData !== void 0 && returnedData.item) ? 'created' : 'editing',
     shouldPreventNavigation,
@@ -84,7 +80,11 @@ function useCreateItem(list) {
     async create() {
       const newForceValidation = invalidFields.size !== 0;
       setForceValidation(newForceValidation);
-      if (newForceValidation) return;
+      if (newForceValidation) {
+        toast.toastQueue.critical('Please fix the highlighted field(s) before saving.');
+        focusFirstInvalidField();
+        return;
+      }
       let outputData;
       try {
         outputData = await tryCreateItem({
@@ -129,10 +129,10 @@ function useCreateItem(list) {
   };
 }
 function useBuildItem(list, fieldKeys = []) {
-  const [forceValidation, setForceValidation] = react.useState(false);
-  const [value, setValue] = react.useState(() => utils.makeDefaultValueState(list.fields));
+  const [forceValidation, setForceValidation] = react$1.useState(false);
+  const [value, setValue] = react$1.useState(() => utils.makeDefaultValueState(list.fields));
   const fields = fieldKeys.length ? Object.fromEntries(Object.entries(list.fields).filter(([key]) => fieldKeys.includes(key))) : list.fields;
-  const isRequireds = react.useMemo(() => Object.fromEntries(Object.entries(list.fields).map(([key, field]) => [key, field.createView.isRequired])), [list.fields]);
+  const isRequireds = react$1.useMemo(() => Object.fromEntries(Object.entries(list.fields).map(([key, field]) => [key, field.createView.isRequired])), [list.fields]);
   const invalidFields = utils.useInvalidFields(list.fields, value, isRequireds);
   return {
     state: 'editing',

package/dist/{useFilter-acc9d413.cjs.js → useFilter-c29f17a8.cjs.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var react = require('react');
-var adminUi_context_dist_nixxieCmsCoreAdminUiContext = require('./context-b5204629.cjs.js');
+var adminUi_context_dist_nixxieCmsCoreAdminUiContext = require('./context-2ce61d0b.cjs.js');
 
 function isInt(x) {
   return Number.isInteger(Number(x));

package/dist/{useFilter-9b6db1f9.esm.js → useFilter-f79b2abb.esm.js}

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { u as useNixxie } from './context-af9957ed.esm.js';
+import { u as useNixxie } from './context-2924eaaa.esm.js';
 
 function isInt(x) {
   return Number.isInteger(Number(x));

package/dist/{Fields-956d9a14.esm.js → usePreventNavigation-093389dd.esm.js}

@@ -1,5 +1,5 @@
 import { useSlotId } from '@react-aria/utils';
-import { useId } from 'react';
+import { useId, useEffect } from 'react';
 import { FieldButton } from '@keystar/ui/button';
 import { Icon } from '@keystar/ui/icon';
 import { chevronRightIcon } from '@keystar/ui/icon/icons/chevronRightIcon';
@@ -10,6 +10,7 @@ import { textCursorInputIcon } from '@keystar/ui/icon/icons/textCursorInputIcon'
 import { E as EmptyState } from './utils-5e1d4d28.esm.js';
 import { s as serializeItemForConditionalFilters, a as resolveFieldMode, t as testFilter } from './filters-8c8616f9.esm.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRouter } from 'next/router';
 
 function Fields({
   view,
@@ -200,4 +201,29 @@ function GroupIndicatorLine() {
   });
 }
 
-export { Fields as F, GroupIndicatorLine as G };
+function usePreventNavigation(shouldPreventNavigationRef) {
+  const router = useRouter();
+  useEffect(() => {
+    const clientSideRouteChangeHandler = () => {
+      if (shouldPreventNavigationRef.current && !window.confirm('There are unsaved changes, are you sure you want to exit?')) {
+        // throwing from here seems to be the only way to prevent the navigation
+        // we're throwing just a string here rather than an error because throwing an error
+        // causes Next to show an error overlay in dev but it doesn't show the overlay when we throw a string
+        throw 'Navigation cancelled by user';
+      }
+    };
+    router.events.on('routeChangeStart', clientSideRouteChangeHandler);
+    const beforeUnloadHandler = event => {
+      if (shouldPreventNavigationRef.current) {
+        event.preventDefault();
+      }
+    };
+    window.addEventListener('beforeunload', beforeUnloadHandler);
+    return () => {
+      router.events.off('routeChangeStart', clientSideRouteChangeHandler);
+      window.removeEventListener('beforeunload', beforeUnloadHandler);
+    };
+  }, [shouldPreventNavigationRef, router.events]);
+}
+
+export { Fields as F, GroupIndicatorLine as G, usePreventNavigation as u };

package/dist/{Fields-e2c28056.cjs.js → usePreventNavigation-d4f9f4fa.cjs.js}

@@ -12,6 +12,7 @@ var textCursorInputIcon = require('@keystar/ui/icon/icons/textCursorInputIcon');
 var utils = require('./utils-230cddb1.cjs.js');
 var filters = require('./filters-b3e5eb50.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
+var router = require('next/router');
 
 function Fields({
   view,
@@ -202,5 +203,31 @@ function GroupIndicatorLine() {
   });
 }
 
+function usePreventNavigation(shouldPreventNavigationRef) {
+  const router$1 = router.useRouter();
+  react.useEffect(() => {
+    const clientSideRouteChangeHandler = () => {
+      if (shouldPreventNavigationRef.current && !window.confirm('There are unsaved changes, are you sure you want to exit?')) {
+        // throwing from here seems to be the only way to prevent the navigation
+        // we're throwing just a string here rather than an error because throwing an error
+        // causes Next to show an error overlay in dev but it doesn't show the overlay when we throw a string
+        throw 'Navigation cancelled by user';
+      }
+    };
+    router$1.events.on('routeChangeStart', clientSideRouteChangeHandler);
+    const beforeUnloadHandler = event => {
+      if (shouldPreventNavigationRef.current) {
+        event.preventDefault();
+      }
+    };
+    window.addEventListener('beforeunload', beforeUnloadHandler);
+    return () => {
+      router$1.events.off('routeChangeStart', clientSideRouteChangeHandler);
+      window.removeEventListener('beforeunload', beforeUnloadHandler);
+    };
+  }, [shouldPreventNavigationRef, router$1.events]);
+}
+
 exports.Fields = Fields;
 exports.GroupIndicatorLine = GroupIndicatorLine;
+exports.usePreventNavigation = usePreventNavigation;

package/fields/types/bigInt/views/dist/nixxie-cms-core-fields-types-bigInt-views.cjs.js

@@ -253,6 +253,14 @@ function Field({
     value: (_value$value = value.value) !== null && _value$value !== void 0 ? _value$value : ''
   });
 }
+const Cell = ({
+  value
+}) => {
+  return value != null && value !== '' ? /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
+    children: value
+  }) : null;
+};
 
+exports.Cell = Cell;
 exports.Field = Field;
 exports.controller = controller;

package/fields/types/bigInt/views/dist/nixxie-cms-core-fields-types-bigInt-views.esm.js

@@ -249,5 +249,12 @@ function Field({
     value: (_value$value = value.value) !== null && _value$value !== void 0 ? _value$value : ''
   });
 }
+const Cell = ({
+  value
+}) => {
+  return value != null && value !== '' ? /*#__PURE__*/jsx(Text, {
+    children: value
+  }) : null;
+};
 
-export { Field, controller };
+export { Cell, Field, controller };

package/fields/types/bytes/views/dist/nixxie-cms-core-fields-types-bytes-views.cjs.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var textField = require('@keystar/ui/text-field');
+var typography = require('@keystar/ui/typography');
 var react = require('react');
 require('@keystar/ui/table');
 var jsxRuntime = require('react/jsx-runtime');
@@ -16,7 +17,6 @@ require('@keystar/ui/icon/icons/alertTriangleIcon');
 require('@keystar/ui/layout');
 require('@keystar/ui/notice');
 require('@keystar/ui/slots');
-require('@keystar/ui/typography');
 require('next/link');
 require('apollo-upload-client/UploadHttpLink.mjs');
 require('next/head');
@@ -26,8 +26,8 @@ require('@nixxie-cms/core/admin-ui/router');
 require('@keystar/ui/icon/icons/chevronLeftIcon');
 require('@keystar/ui/icon/icons/chevronRightIcon');
 require('@keystar/ui/icon/icons/undo2Icon');
+require('@keystar/ui/number-field');
 require('@keystar/ui/picker');
-require('@keystar/ui/tag');
 require('@keystar/ui/tooltip');
 require('../../../../../dist/admin-meta-graphql-306c224a.cjs.js');
 require('@apollo/client');
@@ -79,7 +79,9 @@ function Field(props) {
       autoFocus: autoFocus,
       description: field.description,
       label: field.label,
-      errorMessage: !!validationMessages.length && (shouldShowErrors || forceValidation) ? validationMessages.join('. ') : undefined,
+      errorMessage: !!validationMessages.length && (shouldShowErrors || forceValidation) ? validationMessages.length === 1 ? validationMessages[0] : validationMessages.map((message, i) => /*#__PURE__*/jsxRuntime.jsxs(typography.Text, {
+        children: [i > 0 && /*#__PURE__*/jsxRuntime.jsx("br", {}), message]
+      }, i)) : undefined,
       isDisabled: isNull,
       isReadOnly: isReadOnly,
       isRequired: isRequired,
@@ -103,6 +105,14 @@ function Field(props) {
     })
   });
 }
+const Cell = ({
+  value
+}) => {
+  return value ? /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
+    truncate: true,
+    children: value
+  }) : null;
+};
 function validate(value, isRequired, fieldLabel) {
   // if the value is the same as the initial for an update, we don't want to block saving
   // since we're not gonna send it anyway if it's the same
@@ -235,5 +245,6 @@ function controller(config) {
   };
 }
 
+exports.Cell = Cell;
 exports.Field = Field;
 exports.controller = controller;

package/fields/types/bytes/views/dist/nixxie-cms-core-fields-types-bytes-views.esm.js

@@ -1,7 +1,8 @@
 import { TextField } from '@keystar/ui/text-field';
+import { Text } from '@keystar/ui/typography';
 import { useState } from 'react';
 import '@keystar/ui/table';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '@keystar/ui/style';
 import { N as NullableFieldWrapper } from '../../../../../dist/NullableFieldWrapper-6ea48af3.esm.js';
 import '@babel/runtime/helpers/defineProperty';
@@ -12,7 +13,6 @@ import '@keystar/ui/icon/icons/alertTriangleIcon';
 import '@keystar/ui/layout';
 import '@keystar/ui/notice';
 import '@keystar/ui/slots';
-import '@keystar/ui/typography';
 import 'next/link';
 import 'apollo-upload-client/UploadHttpLink.mjs';
 import 'next/head';
@@ -22,8 +22,8 @@ import '@nixxie-cms/core/admin-ui/router';
 import '@keystar/ui/icon/icons/chevronLeftIcon';
 import '@keystar/ui/icon/icons/chevronRightIcon';
 import '@keystar/ui/icon/icons/undo2Icon';
+import '@keystar/ui/number-field';
 import '@keystar/ui/picker';
-import '@keystar/ui/tag';
 import '@keystar/ui/tooltip';
 import '../../../../../dist/admin-meta-graphql-0e6e606e.esm.js';
 import '@apollo/client';
@@ -75,7 +75,9 @@ function Field(props) {
       autoFocus: autoFocus,
       description: field.description,
       label: field.label,
-      errorMessage: !!validationMessages.length && (shouldShowErrors || forceValidation) ? validationMessages.join('. ') : undefined,
+      errorMessage: !!validationMessages.length && (shouldShowErrors || forceValidation) ? validationMessages.length === 1 ? validationMessages[0] : validationMessages.map((message, i) => /*#__PURE__*/jsxs(Text, {
+        children: [i > 0 && /*#__PURE__*/jsx("br", {}), message]
+      }, i)) : undefined,
       isDisabled: isNull,
       isReadOnly: isReadOnly,
       isRequired: isRequired,
@@ -99,6 +101,14 @@ function Field(props) {
     })
   });
 }
+const Cell = ({
+  value
+}) => {
+  return value ? /*#__PURE__*/jsx(Text, {
+    truncate: true,
+    children: value
+  }) : null;
+};
 function validate(value, isRequired, fieldLabel) {
   // if the value is the same as the initial for an update, we don't want to block saving
   // since we're not gonna send it anyway if it's the same
@@ -231,4 +241,4 @@ function controller(config) {
   };
 }
 
-export { Field, controller };
+export { Cell, Field, controller };

package/fields/types/calendarDay/views/dist/nixxie-cms-core-fields-types-calendarDay-views.cjs.js

@@ -47,7 +47,8 @@ function Field(props) {
         description: field.description,
         isDisabled: !parsedValue,
         isReadOnly: true,
-        value: parsedValue ? isReadonlyUTC ? parsedValue.toString() : dateFormatter.format(parsedValue.toDate(date.getLocalTimeZone())) : 'yyyy-mm-dd'
+        placeholder: "yyyy-mm-dd",
+        value: parsedValue ? isReadonlyUTC ? parsedValue.toString() : dateFormatter.format(parsedValue.toDate(date.getLocalTimeZone())) : ''
       }), !!parsedValue && /*#__PURE__*/jsxRuntime.jsxs(tooltip.TooltipTrigger, {
         children: [/*#__PURE__*/jsxRuntime.jsx(button.ToggleButton, {
           "aria-label": "utc time",

package/fields/types/calendarDay/views/dist/nixxie-cms-core-fields-types-calendarDay-views.esm.js

@@ -43,7 +43,8 @@ function Field(props) {
         description: field.description,
         isDisabled: !parsedValue,
         isReadOnly: true,
-        value: parsedValue ? isReadonlyUTC ? parsedValue.toString() : dateFormatter.format(parsedValue.toDate(getLocalTimeZone())) : 'yyyy-mm-dd'
+        placeholder: "yyyy-mm-dd",
+        value: parsedValue ? isReadonlyUTC ? parsedValue.toString() : dateFormatter.format(parsedValue.toDate(getLocalTimeZone())) : ''
       }), !!parsedValue && /*#__PURE__*/jsxs(TooltipTrigger, {
         children: [/*#__PURE__*/jsx(ToggleButton, {
           "aria-label": "utc time",

package/fields/types/decimal/views/dist/nixxie-cms-core-fields-types-decimal-views.cjs.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 var textField = require('@keystar/ui/text-field');
+var typography = require('@keystar/ui/typography');
 require('pluralize');
 require('../../../../../dist/next-fields-49c025ef.cjs.js');
 var utils = require('../../../../../dist/utils-b031e11c.cjs.js');
@@ -233,7 +234,7 @@ function Field({
     errorMessage: (forceValidation || isDirty) && validate(value),
     isReadOnly: isReadOnly,
     isRequired: isRequired,
-    inputMode: "numeric",
+    inputMode: "decimal",
     width: "alias.singleLineWidth",
     onBlur: () => setDirty(true),
     onChange: x => onChange === null || onChange === void 0 ? void 0 : onChange({
@@ -243,6 +244,14 @@ function Field({
     value: (_value$value = value.value) !== null && _value$value !== void 0 ? _value$value : ''
   });
 }
+const Cell = ({
+  value
+}) => {
+  return value != null && value !== '' ? /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
+    children: value
+  }) : null;
+};
 
+exports.Cell = Cell;
 exports.Field = Field;
 exports.controller = controller;

package/fields/types/decimal/views/dist/nixxie-cms-core-fields-types-decimal-views.esm.js

@@ -1,5 +1,6 @@
 import { useState } from 'react';
 import { TextField } from '@keystar/ui/text-field';
+import { Text } from '@keystar/ui/typography';
 import 'pluralize';
 import '../../../../../dist/next-fields-9bf04ed8.esm.js';
 import { e as entriesTyped } from '../../../../../dist/utils-f9556354.esm.js';
@@ -225,7 +226,7 @@ function Field({
     errorMessage: (forceValidation || isDirty) && validate(value),
     isReadOnly: isReadOnly,
     isRequired: isRequired,
-    inputMode: "numeric",
+    inputMode: "decimal",
     width: "alias.singleLineWidth",
     onBlur: () => setDirty(true),
     onChange: x => onChange === null || onChange === void 0 ? void 0 : onChange({
@@ -235,5 +236,12 @@ function Field({
     value: (_value$value = value.value) !== null && _value$value !== void 0 ? _value$value : ''
   });
 }
+const Cell = ({
+  value
+}) => {
+  return value != null && value !== '' ? /*#__PURE__*/jsx(Text, {
+    children: value
+  }) : null;
+};
 
-export { Field, controller };
+export { Cell, Field, controller };

package/fields/types/file/views/dist/nixxie-cms-core-fields-types-file-views.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Field = require('../../../../../dist/Field-ed8d7627.cjs.js');
+var Field = require('../../../../../dist/Field-38d3cdf9.cjs.js');
 require('@react-aria/i18n');
 require('bytes');
 require('path');

package/fields/types/file/views/dist/nixxie-cms-core-fields-types-file-views.esm.js

@@ -1,5 +1,5 @@
-import { v as validateFile } from '../../../../../dist/Field-47f85161.esm.js';
-export { F as Field } from '../../../../../dist/Field-47f85161.esm.js';
+import { v as validateFile } from '../../../../../dist/Field-1820c4e6.esm.js';
+export { F as Field } from '../../../../../dist/Field-1820c4e6.esm.js';
 import '@react-aria/i18n';
 import 'bytes';
 import 'path';

package/fields/types/float/views/dist/nixxie-cms-core-fields-types-float-views.cjs.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 var textField = require('@keystar/ui/text-field');
+var typography = require('@keystar/ui/typography');
 var utils = require('../../../../../dist/utils-b031e11c.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -222,7 +223,7 @@ function Field({
     errorMessage: (forceValidation || isDirty) && validate(value),
     isReadOnly: isReadOnly,
     isRequired: isRequired,
-    inputMode: "numeric",
+    inputMode: "decimal",
     width: "alias.singleLineWidth",
     onBlur: () => setDirty(true),
     onChange: x => onChange === null || onChange === void 0 ? void 0 : onChange({
@@ -232,6 +233,14 @@ function Field({
     value: (_value$value = value.value) !== null && _value$value !== void 0 ? _value$value : ''
   });
 }
+const Cell = ({
+  value
+}) => {
+  return value != null && value !== '' ? /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
+    children: value
+  }) : null;
+};
 
+exports.Cell = Cell;
 exports.Field = Field;
 exports.controller = controller;

package/fields/types/float/views/dist/nixxie-cms-core-fields-types-float-views.esm.js

@@ -1,5 +1,6 @@
 import { useState } from 'react';
 import { TextField } from '@keystar/ui/text-field';
+import { Text } from '@keystar/ui/typography';
 import { e as entriesTyped } from '../../../../../dist/utils-f9556354.esm.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -218,7 +219,7 @@ function Field({
     errorMessage: (forceValidation || isDirty) && validate(value),
     isReadOnly: isReadOnly,
     isRequired: isRequired,
-    inputMode: "numeric",
+    inputMode: "decimal",
     width: "alias.singleLineWidth",
     onBlur: () => setDirty(true),
     onChange: x => onChange === null || onChange === void 0 ? void 0 : onChange({
@@ -228,5 +229,12 @@ function Field({
     value: (_value$value = value.value) !== null && _value$value !== void 0 ? _value$value : ''
   });
 }
+const Cell = ({
+  value
+}) => {
+  return value != null && value !== '' ? /*#__PURE__*/jsx(Text, {
+    children: value
+  }) : null;
+};
 
-export { Field, controller };
+export { Cell, Field, controller };

package/fields/types/image/views/dist/nixxie-cms-core-fields-types-image-views.cjs.js

@@ -10,7 +10,7 @@ var field = require('@keystar/ui/field');
 var layout = require('@keystar/ui/layout');
 var style = require('@keystar/ui/style');
 var typography = require('@keystar/ui/typography');
-var Field$1 = require('../../../../../dist/Field-ed8d7627.cjs.js');
+var Field$1 = require('../../../../../dist/Field-38d3cdf9.cjs.js');
 require('@react-aria/i18n');
 require('bytes');
 require('path');
@@ -290,6 +290,7 @@ const Cell = ({
       width: 24
     },
     children: /*#__PURE__*/jsxRuntime.jsx("img", {
+      alt: "",
       style: {
         maxHeight: '100%',
         maxWidth: '100%'

package/fields/types/image/views/dist/nixxie-cms-core-fields-types-image-views.esm.js

@@ -6,7 +6,7 @@ import { Field as Field$1 } from '@keystar/ui/field';
 import { VStack, HStack } from '@keystar/ui/layout';
 import { transition, css, tokenSchema } from '@keystar/ui/style';
 import { Text } from '@keystar/ui/typography';
-import { u as useTrimStartStyles, f as formatBytes } from '../../../../../dist/Field-47f85161.esm.js';
+import { u as useTrimStartStyles, f as formatBytes } from '../../../../../dist/Field-1820c4e6.esm.js';
 import '@react-aria/i18n';
 import 'bytes';
 import 'path';
@@ -286,6 +286,7 @@ const Cell = ({
       width: 24
     },
     children: /*#__PURE__*/jsx("img", {
+      alt: "",
       style: {
         maxHeight: '100%',
         maxWidth: '100%'