@nixxie-cms/core 2.1.0 → 2.2.0

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

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

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

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

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var react = require('react');
 var style = require('@keystar/ui/style');
 var textField = require('@keystar/ui/text-field');
 var typography = require('@keystar/ui/typography');
@@ -15,7 +16,8 @@ const Field = props => {
     onChange,
     value
   } = props;
-  const errorMessage = forceValidation ? 'Invalid JSON' : undefined;
+  const [isDirty, setDirty] = react.useState(false);
+  const errorMessage = (isDirty || forceValidation) && !isValidJSON(value) ? 'Invalid JSON' : undefined;
   return /*#__PURE__*/jsxRuntime.jsx(textField.TextArea, {
     autoFocus: autoFocus,
     description: field.description,
@@ -23,6 +25,7 @@ const Field = props => {
     isReadOnly: onChange === undefined,
     label: field.label,
     onChange: onChange,
+    onBlur: () => setDirty(true),
     value: value,
     UNSAFE_className: style.css({
       textarea: {
@@ -32,12 +35,24 @@ const Field = props => {
     })
   });
 };
+function isValidJSON(value) {
+  if (!value) return true;
+  try {
+    JSON.parse(value);
+    return true;
+  } catch {
+    return false;
+  }
+}
 const Cell = ({
   value
 }) => {
-  return value ? /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
-    children: JSON.stringify(value)
-  }) : null;
+  if (value == null) return null;
+  const stringified = JSON.stringify(value);
+  const truncated = stringified.length > 100 ? `${stringified.slice(0, 100)}…` : stringified;
+  return /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
+    children: truncated
+  });
 };
 function controller(config) {
   return {

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

@@ -1,3 +1,4 @@
+import { useState } from 'react';
 import { css, tokenSchema } from '@keystar/ui/style';
 import { TextArea } from '@keystar/ui/text-field';
 import { Text } from '@keystar/ui/typography';
@@ -11,7 +12,8 @@ const Field = props => {
     onChange,
     value
   } = props;
-  const errorMessage = forceValidation ? 'Invalid JSON' : undefined;
+  const [isDirty, setDirty] = useState(false);
+  const errorMessage = (isDirty || forceValidation) && !isValidJSON(value) ? 'Invalid JSON' : undefined;
   return /*#__PURE__*/jsx(TextArea, {
     autoFocus: autoFocus,
     description: field.description,
@@ -19,6 +21,7 @@ const Field = props => {
     isReadOnly: onChange === undefined,
     label: field.label,
     onChange: onChange,
+    onBlur: () => setDirty(true),
     value: value,
     UNSAFE_className: css({
       textarea: {
@@ -28,12 +31,24 @@ const Field = props => {
     })
   });
 };
+function isValidJSON(value) {
+  if (!value) return true;
+  try {
+    JSON.parse(value);
+    return true;
+  } catch {
+    return false;
+  }
+}
 const Cell = ({
   value
 }) => {
-  return value ? /*#__PURE__*/jsx(Text, {
-    children: JSON.stringify(value)
-  }) : null;
+  if (value == null) return null;
+  const stringified = JSON.stringify(value);
+  const truncated = stringified.length > 100 ? `${stringified.slice(0, 100)}…` : stringified;
+  return /*#__PURE__*/jsx(Text, {
+    children: truncated
+  });
 };
 function controller(config) {
   return {

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

@@ -100,7 +100,10 @@ const Cell = ({
     style: 'short',
     type: 'conjunction'
   });
-  const labels = value.map(x => field.valuesToOptionsWithStringValues[x].label);
+  const labels = value.map(x => {
+    var _field$valuesToOption, _field$valuesToOption2;
+    return (_field$valuesToOption = (_field$valuesToOption2 = field.valuesToOptionsWithStringValues[x]) === null || _field$valuesToOption2 === void 0 ? void 0 : _field$valuesToOption2.label) !== null && _field$valuesToOption !== void 0 ? _field$valuesToOption : x;
+  });
   const cellContent = value.length > 3 ? listFormatter.format([labels[0], `${value.length - 1} more`]) : listFormatter.format(labels);
   return /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
     children: cellContent
@@ -121,13 +124,25 @@ function controller(config) {
     type: config.fieldMeta.type,
     options: optionsWithStringValues,
     valuesToOptionsWithStringValues,
-    defaultValue: config.fieldMeta.defaultValue.map(x => valuesToOptionsWithStringValues[x]),
+    defaultValue: config.fieldMeta.defaultValue.map(x => {
+      var _valuesToOptionsWithS;
+      return (_valuesToOptionsWithS = valuesToOptionsWithStringValues[x]) !== null && _valuesToOptionsWithS !== void 0 ? _valuesToOptionsWithS : {
+        label: x.toString(),
+        value: x.toString()
+      };
+    }),
     deserialize: data => {
       var _data$config$fieldKey;
       // if we get null from the GraphQL API (which will only happen if field read access control failed)
       // we'll just show it as nothing being selected for now.
       const values = (_data$config$fieldKey = data[config.fieldKey]) !== null && _data$config$fieldKey !== void 0 ? _data$config$fieldKey : [];
-      const selectedOptions = values.map(x => valuesToOptionsWithStringValues[x]);
+      const selectedOptions = values.map(x => {
+        var _valuesToOptionsWithS2;
+        return (_valuesToOptionsWithS2 = valuesToOptionsWithStringValues[x]) !== null && _valuesToOptionsWithS2 !== void 0 ? _valuesToOptionsWithS2 : {
+          label: x.toString(),
+          value: x.toString()
+        };
+      });
       return selectedOptions;
     },
     serialize: value => ({

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

@@ -96,7 +96,10 @@ const Cell = ({
     style: 'short',
     type: 'conjunction'
   });
-  const labels = value.map(x => field.valuesToOptionsWithStringValues[x].label);
+  const labels = value.map(x => {
+    var _field$valuesToOption, _field$valuesToOption2;
+    return (_field$valuesToOption = (_field$valuesToOption2 = field.valuesToOptionsWithStringValues[x]) === null || _field$valuesToOption2 === void 0 ? void 0 : _field$valuesToOption2.label) !== null && _field$valuesToOption !== void 0 ? _field$valuesToOption : x;
+  });
   const cellContent = value.length > 3 ? listFormatter.format([labels[0], `${value.length - 1} more`]) : listFormatter.format(labels);
   return /*#__PURE__*/jsx(Text, {
     children: cellContent
@@ -117,13 +120,25 @@ function controller(config) {
     type: config.fieldMeta.type,
     options: optionsWithStringValues,
     valuesToOptionsWithStringValues,
-    defaultValue: config.fieldMeta.defaultValue.map(x => valuesToOptionsWithStringValues[x]),
+    defaultValue: config.fieldMeta.defaultValue.map(x => {
+      var _valuesToOptionsWithS;
+      return (_valuesToOptionsWithS = valuesToOptionsWithStringValues[x]) !== null && _valuesToOptionsWithS !== void 0 ? _valuesToOptionsWithS : {
+        label: x.toString(),
+        value: x.toString()
+      };
+    }),
     deserialize: data => {
       var _data$config$fieldKey;
       // if we get null from the GraphQL API (which will only happen if field read access control failed)
       // we'll just show it as nothing being selected for now.
       const values = (_data$config$fieldKey = data[config.fieldKey]) !== null && _data$config$fieldKey !== void 0 ? _data$config$fieldKey : [];
-      const selectedOptions = values.map(x => valuesToOptionsWithStringValues[x]);
+      const selectedOptions = values.map(x => {
+        var _valuesToOptionsWithS2;
+        return (_valuesToOptionsWithS2 = valuesToOptionsWithStringValues[x]) !== null && _valuesToOptionsWithS2 !== void 0 ? _valuesToOptionsWithS2 : {
+          label: x.toString(),
+          value: x.toString()
+        };
+      });
       return selectedOptions;
     },
     serialize: value => ({

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

@@ -188,7 +188,7 @@ function Field(props) {
       }), /*#__PURE__*/jsxRuntime.jsxs(layout.Flex, {
         gap: "regular",
         children: [/*#__PURE__*/jsxRuntime.jsxs(button.ToggleButton, {
-          "aria-label": "show",
+          "aria-label": secureTextEntry ? 'Show password' : 'Hide password',
           isSelected: !secureTextEntry,
           onPress: () => setSecureTextEntry(bool => !bool),
           children: [/*#__PURE__*/jsxRuntime.jsx(icon.Icon, {

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

@@ -180,7 +180,7 @@ function Field(props) {
       }), /*#__PURE__*/jsxs(Flex, {
         gap: "regular",
         children: [/*#__PURE__*/jsxs(ToggleButton, {
-          "aria-label": "show",
+          "aria-label": secureTextEntry ? 'Show password' : 'Hide password',
           isSelected: !secureTextEntry,
           onPress: () => setSecureTextEntry(bool => !bool),
           children: [/*#__PURE__*/jsx(Icon, {

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

@@ -22,39 +22,40 @@ require('@keystar/ui/icon/icons/alertTriangleIcon');
 require('@keystar/ui/notice');
 require('@keystar/ui/slots');
 require('next/link');
-var adminUi_context_dist_nixxieCmsCoreAdminUiContext = require('../../../../../dist/context-b5204629.cjs.js');
+var adminUi_context_dist_nixxieCmsCoreAdminUiContext = require('../../../../../dist/context-2ce61d0b.cjs.js');
 require('next/router');
 require('next/head');
-var CreateItemDialog = require('../../../../../dist/CreateItemDialog-a0cab315.cjs.js');
+require('@react-aria/utils');
+var CreateItemDialog = require('../../../../../dist/CreateItemDialog-96b044ce.cjs.js');
 var client = require('@apollo/client');
 var arrowUpRightIcon = require('@keystar/ui/icon/icons/arrowUpRightIcon');
 var combobox = require('@keystar/ui/combobox');
 var isDeepEqual = require('fast-deep-equal');
 var react$1 = require('@apollo/client/react');
-var useFilter = require('../../../../../dist/useFilter-acc9d413.cjs.js');
+var useFilter = require('../../../../../dist/useFilter-c29f17a8.cjs.js');
 var plusIcon = require('@keystar/ui/icon/icons/plusIcon');
 var menu = require('@keystar/ui/menu');
 var tooltip = require('@keystar/ui/tooltip');
 var field = require('@keystar/ui/field');
 var textSelectIcon = require('@keystar/ui/icon/icons/textSelectIcon');
 var utils = require('../../../../../dist/utils-230cddb1.cjs.js');
-require('@react-aria/utils');
 require('@keystar/ui/icon/icons/chevronRightIcon');
 require('@keystar/ui/icon/icons/textCursorInputIcon');
 require('@keystar/ui/toast');
 require('graphql');
-var GraphQLErrorNotice = require('../../../../../dist/GraphQLErrorNotice-cd74180d.cjs.js');
+var GraphQLErrorNotice = require('../../../../../dist/GraphQLErrorNotice-c8890f80.cjs.js');
 var progress = require('@keystar/ui/progress');
 require('apollo-upload-client/UploadHttpLink.mjs');
 require('@keystar/ui/core');
 require('@nixxie-cms/core/admin-ui/router');
 require('@keystar/ui/icon/icons/chevronLeftIcon');
 require('@keystar/ui/icon/icons/undo2Icon');
+require('@keystar/ui/number-field');
 require('@keystar/ui/picker');
 require('../../../../../dist/admin-meta-graphql-306c224a.cjs.js');
 require('../../../../../dist/filters-b3e5eb50.cjs.js');
-require('../../../../../dist/Fields-e2c28056.cjs.js');
-require('../../../../../dist/useCreateItem-1be4987e.cjs.js');
+require('../../../../../dist/usePreventNavigation-d4f9f4fa.cjs.js');
+require('../../../../../dist/useCreateItem-acf06f77.cjs.js');
 require('@keystar/ui/utils');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -717,6 +718,7 @@ function Field(props) {
       gap: "small",
       alignItems: "end",
       children: [textField$1, /*#__PURE__*/jsxRuntime.jsx(button.ActionButton, {
+        "aria-label": `Go to ${field.label}`,
         href: `/${foreignList.path}?${buildQueryForRelationshipFieldWithForeignField(foreignList, field.refFieldKey, value.id)}`,
         children: /*#__PURE__*/jsxRuntime.jsx(icon.Icon, {
           src: arrowUpRightIcon.arrowUpRightIcon

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

@@ -18,39 +18,40 @@ import '@keystar/ui/icon/icons/alertTriangleIcon';
 import '@keystar/ui/notice';
 import '@keystar/ui/slots';
 import 'next/link';
-import { a as useList, P as PaginationControls } from '../../../../../dist/context-af9957ed.esm.js';
+import { a as useList, P as PaginationControls } from '../../../../../dist/context-2924eaaa.esm.js';
 import 'next/router';
 import 'next/head';
-import { B as BuildItemDialog } from '../../../../../dist/CreateItemDialog-7008b050.esm.js';
+import '@react-aria/utils';
+import { B as BuildItemDialog } from '../../../../../dist/CreateItemDialog-66621fe8.esm.js';
 import { gql, ApolloClient, InMemoryCache } from '@apollo/client';
 import { arrowUpRightIcon } from '@keystar/ui/icon/icons/arrowUpRightIcon';
 import { ComboboxMulti, Item, Combobox } from '@keystar/ui/combobox';
 import isDeepEqual from 'fast-deep-equal';
 import { useApolloClient, useQuery } from '@apollo/client/react';
-import { u as useSearchFilter } from '../../../../../dist/useFilter-9b6db1f9.esm.js';
+import { u as useSearchFilter } from '../../../../../dist/useFilter-f79b2abb.esm.js';
 import { plusIcon } from '@keystar/ui/icon/icons/plusIcon';
 import { ActionMenu, Item as Item$1 } from '@keystar/ui/menu';
 import { TooltipTrigger, Tooltip } from '@keystar/ui/tooltip';
 import { Field as Field$1 } from '@keystar/ui/field';
 import { textSelectIcon } from '@keystar/ui/icon/icons/textSelectIcon';
 import { E as EmptyState } from '../../../../../dist/utils-5e1d4d28.esm.js';
-import '@react-aria/utils';
 import '@keystar/ui/icon/icons/chevronRightIcon';
 import '@keystar/ui/icon/icons/textCursorInputIcon';
 import '@keystar/ui/toast';
 import 'graphql';
-import { G as GraphQLErrorNotice } from '../../../../../dist/GraphQLErrorNotice-d9f0931b.esm.js';
+import { G as GraphQLErrorNotice } from '../../../../../dist/GraphQLErrorNotice-7594a9f8.esm.js';
 import { ProgressCircle } from '@keystar/ui/progress';
 import 'apollo-upload-client/UploadHttpLink.mjs';
 import '@keystar/ui/core';
 import '@nixxie-cms/core/admin-ui/router';
 import '@keystar/ui/icon/icons/chevronLeftIcon';
 import '@keystar/ui/icon/icons/undo2Icon';
+import '@keystar/ui/number-field';
 import '@keystar/ui/picker';
 import '../../../../../dist/admin-meta-graphql-0e6e606e.esm.js';
 import '../../../../../dist/filters-8c8616f9.esm.js';
-import '../../../../../dist/Fields-956d9a14.esm.js';
-import '../../../../../dist/useCreateItem-1f94d252.esm.js';
+import '../../../../../dist/usePreventNavigation-093389dd.esm.js';
+import '../../../../../dist/useCreateItem-36a75f1c.esm.js';
 import '@keystar/ui/utils';
 
 function useDebouncedValue(value, limitMs) {
@@ -709,6 +710,7 @@ function Field(props) {
       gap: "small",
       alignItems: "end",
       children: [textField, /*#__PURE__*/jsx(ActionButton, {
+        "aria-label": `Go to ${field.label}`,
         href: `/${foreignList.path}?${buildQueryForRelationshipFieldWithForeignField(foreignList, field.refFieldKey, value.id)}`,
         children: /*#__PURE__*/jsx(Icon, {
           src: arrowUpRightIcon

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

@@ -30,7 +30,7 @@ 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/tag');
+require('@keystar/ui/number-field');
 require('@keystar/ui/tooltip');
 require('../../../../../dist/admin-meta-graphql-306c224a.cjs.js');
 require('@apollo/client');
@@ -249,9 +249,10 @@ const Cell = ({
   field
 }) => {
   var _field$options$find3;
+  if (value == null) return null;
   const label = (_field$options$find3 = field.options.find(x => x.value === value)) === null || _field$options$find3 === void 0 ? void 0 : _field$options$find3.label;
   return /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
-    children: label
+    children: label !== null && label !== void 0 ? label : String(value)
   });
 };
 function validate(value, isRequired) {

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

@@ -26,7 +26,7 @@ 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/tag';
+import '@keystar/ui/number-field';
 import '@keystar/ui/tooltip';
 import '../../../../../dist/admin-meta-graphql-0e6e606e.esm.js';
 import '@apollo/client';
@@ -245,9 +245,10 @@ const Cell = ({
   field
 }) => {
   var _field$options$find3;
+  if (value == null) return null;
   const label = (_field$options$find3 = field.options.find(x => x.value === value)) === null || _field$options$find3 === void 0 ? void 0 : _field$options$find3.label;
   return /*#__PURE__*/jsx(Text, {
-    children: label
+    children: label !== null && label !== void 0 ? label : String(value)
   });
 };
 function validate(value, isRequired) {

package/fields/types/text/views/dist/nixxie-cms-core-fields-types-text-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('@keystar/ui/table');
 var jsxRuntime = require('react/jsx-runtime');
 require('@keystar/ui/style');
@@ -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');
@@ -81,7 +81,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,
@@ -105,6 +107,14 @@ function Field(props) {
     })
   });
 }
+const Cell = ({
+  value
+}) => {
+  return value ? /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
+    truncate: true,
+    children: value
+  }) : null;
+};
 function validate(value, validation, isRequired, fieldLabel) {
   var _validation$length$mi;
   // if the value is the same as the initial for an update, we don't want to block saving
@@ -312,5 +322,6 @@ function controller(config) {
   };
 }
 
+exports.Cell = Cell;
 exports.Field = Field;
 exports.controller = controller;

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

@@ -1,7 +1,8 @@
 import { useState } from 'react';
 import { TextField, TextArea } from '@keystar/ui/text-field';
+import { Text } from '@keystar/ui/typography';
 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';
@@ -77,7 +77,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,
@@ -101,6 +103,14 @@ function Field(props) {
     })
   });
 }
+const Cell = ({
+  value
+}) => {
+  return value ? /*#__PURE__*/jsx(Text, {
+    truncate: true,
+    children: value
+  }) : null;
+};
 function validate(value, validation, isRequired, fieldLabel) {
   var _validation$length$mi;
   // if the value is the same as the initial for an update, we don't want to block saving
@@ -308,4 +318,4 @@ function controller(config) {
   };
 }
 
-export { Field, controller };
+export { Cell, Field, controller };

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

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

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

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

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

@@ -21,12 +21,24 @@ function Field(props) {
     value
   } = props;
   if (value === createViewValue) return null;
+  const stringified = stringify(value);
+  // multi-line values (e.g. pretty-printed JSON) get clipped in a single-line
+  // TextField, so render them in a read-only TextArea instead
+  if (stringified.includes('\n')) {
+    return /*#__PURE__*/jsxRuntime.jsx(textField.TextArea, {
+      autoFocus: autoFocus,
+      description: field.description,
+      label: field.label,
+      isReadOnly: true,
+      value: stringified
+    });
+  }
   return /*#__PURE__*/jsxRuntime.jsx(textField.TextField, {
     autoFocus: autoFocus,
     description: field.description,
     label: field.label,
     isReadOnly: true,
-    value: stringify(value)
+    value: stringified
   });
 }
 const Cell = ({

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

@@ -1,4 +1,4 @@
-import { TextField } from '@keystar/ui/text-field';
+import { TextArea, TextField } from '@keystar/ui/text-field';
 import { Text } from '@keystar/ui/typography';
 import { jsx } from 'react/jsx-runtime';
 
@@ -17,12 +17,24 @@ function Field(props) {
     value
   } = props;
   if (value === createViewValue) return null;
+  const stringified = stringify(value);
+  // multi-line values (e.g. pretty-printed JSON) get clipped in a single-line
+  // TextField, so render them in a read-only TextArea instead
+  if (stringified.includes('\n')) {
+    return /*#__PURE__*/jsx(TextArea, {
+      autoFocus: autoFocus,
+      description: field.description,
+      label: field.label,
+      isReadOnly: true,
+      value: stringified
+    });
+  }
   return /*#__PURE__*/jsx(TextField, {
     autoFocus: autoFocus,
     description: field.description,
     label: field.label,
     isReadOnly: true,
-    value: stringify(value)
+    value: stringified
   });
 }
 const Cell = ({

package/internal-unstable/admin-ui/pages/App/dist/nixxie-cms-core-internal-unstable-admin-ui-pages-App.cjs.js

@@ -12,14 +12,14 @@ require('@keystar/ui/layout');
 require('@keystar/ui/typography');
 var Errors = require('../../../../../dist/Errors-575adfa3.cjs.js');
 require('next/link');
-var adminUi_context_dist_nixxieCmsCoreAdminUiContext = require('../../../../../dist/context-b5204629.cjs.js');
+var adminUi_context_dist_nixxieCmsCoreAdminUiContext = require('../../../../../dist/context-2ce61d0b.cjs.js');
 require('react');
 require('next/router');
 require('next/head');
+require('@react-aria/utils');
 require('@keystar/ui/button');
 require('@keystar/ui/dialog');
 require('@keystar/ui/slots');
-require('@react-aria/utils');
 require('@keystar/ui/icon/icons/chevronRightIcon');
 require('@keystar/ui/icon/icons/textCursorInputIcon');
 require('@keystar/ui/utils');
@@ -36,8 +36,8 @@ require('@keystar/ui/core');
 require('@nixxie-cms/core/admin-ui/router');
 require('@keystar/ui/icon/icons/chevronLeftIcon');
 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('../../../../../dist/filters-b3e5eb50.cjs.js');

package/internal-unstable/admin-ui/pages/App/dist/nixxie-cms-core-internal-unstable-admin-ui-pages-App.esm.js

@@ -8,14 +8,14 @@ import '@keystar/ui/layout';
 import '@keystar/ui/typography';
 import { E as ErrorBoundary } from '../../../../../dist/Errors-bf24759e.esm.js';
 import 'next/link';
-import { N as NixxieProvider } from '../../../../../dist/context-af9957ed.esm.js';
+import { N as NixxieProvider } from '../../../../../dist/context-2924eaaa.esm.js';
 import 'react';
 import 'next/router';
 import 'next/head';
+import '@react-aria/utils';
 import '@keystar/ui/button';
 import '@keystar/ui/dialog';
 import '@keystar/ui/slots';
-import '@react-aria/utils';
 import '@keystar/ui/icon/icons/chevronRightIcon';
 import '@keystar/ui/icon/icons/textCursorInputIcon';
 import '@keystar/ui/utils';
@@ -32,8 +32,8 @@ import '@keystar/ui/core';
 import '@nixxie-cms/core/admin-ui/router';
 import '@keystar/ui/icon/icons/chevronLeftIcon';
 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 '../../../../../dist/filters-8c8616f9.esm.js';