@nixxie-cms/core 2.0.0 → 2.2.0

package/admin-ui/components/dist/nixxie-cms-core-admin-ui-components.cjs.js

@@ -6,9 +6,9 @@ var table = require('@keystar/ui/table');
 var jsxRuntime = require('react/jsx-runtime');
 var NullableFieldWrapper = require('../../../dist/NullableFieldWrapper-daa0a080.cjs.js');
 var Errors = require('../../../dist/Errors-575adfa3.cjs.js');
-var PageContainer = require('../../../dist/PageContainer-abd7159f.cjs.js');
-var CreateItemDialog = require('../../../dist/CreateItemDialog-a0cab315.cjs.js');
-var GraphQLErrorNotice = require('../../../dist/GraphQLErrorNotice-cd74180d.cjs.js');
+var PageContainer = require('../../../dist/PageContainer-4095555a.cjs.js');
+var CreateItemDialog = require('../../../dist/CreateItemDialog-96b044ce.cjs.js');
+var GraphQLErrorNotice = require('../../../dist/GraphQLErrorNotice-c8890f80.cjs.js');
 require('@keystar/ui/checkbox');
 require('@keystar/ui/icon');
 require('@keystar/ui/icon/icons/cornerDownRightIcon');
@@ -24,7 +24,7 @@ require('@keystar/ui/notice');
 require('@keystar/ui/slots');
 require('next/head');
 require('next/link');
-require('../../../dist/context-b5204629.cjs.js');
+require('../../../dist/context-2ce61d0b.cjs.js');
 require('apollo-upload-client/UploadHttpLink.mjs');
 require('@keystar/ui/core');
 require('@keystar/ui/toast');
@@ -32,22 +32,22 @@ 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');
 require('@apollo/client/react');
 require('../../../dist/filters-b3e5eb50.cjs.js');
 require('next/router');
-require('../../../dist/Fields-e2c28056.cjs.js');
 require('@react-aria/utils');
+require('../../../dist/usePreventNavigation-d4f9f4fa.cjs.js');
 require('@keystar/ui/icon/icons/textCursorInputIcon');
 require('../../../dist/utils-230cddb1.cjs.js');
 require('@keystar/ui/utils');
 require('fast-deep-equal');
 require('graphql');
-require('../../../dist/useCreateItem-1be4987e.cjs.js');
+require('../../../dist/useCreateItem-acf06f77.cjs.js');
 
 function CellContainer({
   children,

package/admin-ui/components/dist/nixxie-cms-core-admin-ui-components.esm.js

@@ -2,9 +2,9 @@ import { Cell } from '@keystar/ui/table';
 import { jsx } from 'react/jsx-runtime';
 export { I as InlineCode, N as NullableFieldWrapper } from '../../../dist/NullableFieldWrapper-6ea48af3.esm.js';
 export { E as ErrorBoundary, a as ErrorContainer } from '../../../dist/Errors-bf24759e.esm.js';
-export { D as DeveloperResourcesMenu, L as Logo, N as NavContainer, a as NavFooter, b as NavItem, c as NavList, P as PageContainer, d as PageWrapper, g as getHrefFromList } from '../../../dist/PageContainer-5ae731cc.esm.js';
-export { B as BuildItemDialog } from '../../../dist/CreateItemDialog-7008b050.esm.js';
-export { G as GraphQLErrorNotice } from '../../../dist/GraphQLErrorNotice-d9f0931b.esm.js';
+export { D as DeveloperResourcesMenu, L as Logo, N as NavContainer, a as NavFooter, b as NavItem, c as NavList, P as PageContainer, d as PageWrapper, g as getHrefFromList } from '../../../dist/PageContainer-355cfbfa.esm.js';
+export { B as BuildItemDialog } from '../../../dist/CreateItemDialog-66621fe8.esm.js';
+export { G as GraphQLErrorNotice } from '../../../dist/GraphQLErrorNotice-7594a9f8.esm.js';
 import '@keystar/ui/checkbox';
 import '@keystar/ui/icon';
 import '@keystar/ui/icon/icons/cornerDownRightIcon';
@@ -20,7 +20,7 @@ import '@keystar/ui/notice';
 import '@keystar/ui/slots';
 import 'next/head';
 import 'next/link';
-import '../../../dist/context-af9957ed.esm.js';
+import '../../../dist/context-2924eaaa.esm.js';
 import 'apollo-upload-client/UploadHttpLink.mjs';
 import '@keystar/ui/core';
 import '@keystar/ui/toast';
@@ -28,22 +28,22 @@ 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';
 import '@apollo/client/react';
 import '../../../dist/filters-8c8616f9.esm.js';
 import 'next/router';
-import '../../../dist/Fields-956d9a14.esm.js';
 import '@react-aria/utils';
+import '../../../dist/usePreventNavigation-093389dd.esm.js';
 import '@keystar/ui/icon/icons/textCursorInputIcon';
 import '../../../dist/utils-5e1d4d28.esm.js';
 import '@keystar/ui/utils';
 import 'fast-deep-equal';
 import 'graphql';
-import '../../../dist/useCreateItem-1f94d252.esm.js';
+import '../../../dist/useCreateItem-36a75f1c.esm.js';
 
 function CellContainer({
   children,

package/admin-ui/context/dist/nixxie-cms-core-admin-ui-context.cjs.js

@@ -9,7 +9,7 @@ require('@keystar/ui/core');
 require('@keystar/ui/style');
 require('@keystar/ui/toast');
 require('@nixxie-cms/core/admin-ui/router');
-var adminUi_context_dist_nixxieCmsCoreAdminUiContext = require('../../../dist/context-b5204629.cjs.js');
+var adminUi_context_dist_nixxieCmsCoreAdminUiContext = require('../../../dist/context-2ce61d0b.cjs.js');
 require('../../../dist/admin-meta-graphql-306c224a.cjs.js');
 require('@apollo/client');
 require('@apollo/client/react');
@@ -21,8 +21,8 @@ require('@keystar/ui/icon/icons/chevronLeftIcon');
 require('@keystar/ui/icon/icons/chevronRightIcon');
 require('@keystar/ui/icon/icons/undo2Icon');
 require('@keystar/ui/layout');
+require('@keystar/ui/number-field');
 require('@keystar/ui/picker');
-require('@keystar/ui/tag');
 require('@keystar/ui/tooltip');
 require('@keystar/ui/typography');
 

package/admin-ui/context/dist/nixxie-cms-core-admin-ui-context.esm.js

@@ -5,7 +5,7 @@ import '@keystar/ui/core';
 import '@keystar/ui/style';
 import '@keystar/ui/toast';
 import '@nixxie-cms/core/admin-ui/router';
-export { N as NixxieProvider, c as useField, a as useList, b as useListItem, u as useNixxie } from '../../../dist/context-af9957ed.esm.js';
+export { N as NixxieProvider, c as useField, a as useList, b as useListItem, u as useNixxie } from '../../../dist/context-2924eaaa.esm.js';
 import '../../../dist/admin-meta-graphql-0e6e606e.esm.js';
 import '@apollo/client';
 import '@apollo/client/react';
@@ -17,7 +17,7 @@ import '@keystar/ui/icon/icons/chevronLeftIcon';
 import '@keystar/ui/icon/icons/chevronRightIcon';
 import '@keystar/ui/icon/icons/undo2Icon';
 import '@keystar/ui/layout';
+import '@keystar/ui/number-field';
 import '@keystar/ui/picker';
-import '@keystar/ui/tag';
 import '@keystar/ui/tooltip';
 import '@keystar/ui/typography';

package/admin-ui/utils/dist/nixxie-cms-core-admin-ui-utils.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Fields = require('../../../dist/Fields-e2c28056.cjs.js');
+var usePreventNavigation = require('../../../dist/usePreventNavigation-d4f9f4fa.cjs.js');
 var filters = require('../../../dist/filters-b3e5eb50.cjs.js');
 var utils = require('../../../dist/utils-230cddb1.cjs.js');
-var useCreateItem = require('../../../dist/useCreateItem-1be4987e.cjs.js');
+var useCreateItem = require('../../../dist/useCreateItem-acf06f77.cjs.js');
 require('@react-aria/utils');
 require('react');
 require('@keystar/ui/button');
@@ -16,19 +16,19 @@ require('@keystar/ui/style');
 require('@keystar/ui/typography');
 require('@keystar/ui/icon/icons/textCursorInputIcon');
 require('react/jsx-runtime');
+require('next/router');
 require('@keystar/ui/slots');
 require('@keystar/ui/utils');
 require('fast-deep-equal');
 require('graphql');
-require('next/router');
 require('@keystar/ui/toast');
 require('@apollo/client');
 require('@apollo/client/react');
 
 
 
-exports.Fields = Fields.Fields;
-exports.GroupIndicatorLine = Fields.GroupIndicatorLine;
+exports.Fields = usePreventNavigation.Fields;
+exports.GroupIndicatorLine = usePreventNavigation.GroupIndicatorLine;
 exports.getConditionalFilterFieldKeys = filters.getConditionalFilterFieldKeys;
 exports.isActionAvailable = filters.isActionAvailable;
 exports.resolveActionMode = filters.resolveActionMode;

package/admin-ui/utils/dist/nixxie-cms-core-admin-ui-utils.esm.js

@@ -1,7 +1,7 @@
-export { F as Fields, G as GroupIndicatorLine } from '../../../dist/Fields-956d9a14.esm.js';
+export { F as Fields, G as GroupIndicatorLine } from '../../../dist/usePreventNavigation-093389dd.esm.js';
 export { g as getConditionalFilterFieldKeys, i as isActionAvailable, r as resolveActionMode, a as resolveFieldMode, s as serializeItemForConditionalFilters, t as testFilter } from '../../../dist/filters-8c8616f9.esm.js';
 export { d as deserializeItemToValue, g as getRootGraphQLFieldsFromFieldController, m as makeDefaultValueState, s as serializeValueToOperationItem, a as useHasChanges, u as useInvalidFields } from '../../../dist/utils-5e1d4d28.esm.js';
-export { a as useBuildItem, u as useCreateItem } from '../../../dist/useCreateItem-1f94d252.esm.js';
+export { a as useBuildItem, u as useCreateItem } from '../../../dist/useCreateItem-36a75f1c.esm.js';
 import '@react-aria/utils';
 import 'react';
 import '@keystar/ui/button';
@@ -12,11 +12,11 @@ import '@keystar/ui/style';
 import '@keystar/ui/typography';
 import '@keystar/ui/icon/icons/textCursorInputIcon';
 import 'react/jsx-runtime';
+import 'next/router';
 import '@keystar/ui/slots';
 import '@keystar/ui/utils';
 import 'fast-deep-equal';
 import 'graphql';
-import 'next/router';
 import '@keystar/ui/toast';
 import '@apollo/client';
 import '@apollo/client/react';

package/dist/{CreateItemDialog-7008b050.esm.js → CreateItemDialog-66621fe8.esm.js}

@@ -4,9 +4,9 @@ import { useDialogContainer, Dialog } from '@keystar/ui/dialog';
 import { Box } from '@keystar/ui/layout';
 import { Content } from '@keystar/ui/slots';
 import { Heading } from '@keystar/ui/typography';
-import { a as useList } from './context-af9957ed.esm.js';
-import { F as Fields } from './Fields-956d9a14.esm.js';
-import { a as useBuildItem } from './useCreateItem-1f94d252.esm.js';
+import { a as useList } from './context-2924eaaa.esm.js';
+import { F as Fields } from './usePreventNavigation-093389dd.esm.js';
+import { a as useBuildItem } from './useCreateItem-36a75f1c.esm.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function BuildItemDialog({

package/dist/{CreateItemDialog-a0cab315.cjs.js → CreateItemDialog-96b044ce.cjs.js}

@@ -6,9 +6,9 @@ var dialog = require('@keystar/ui/dialog');
 var layout = require('@keystar/ui/layout');
 var slots = require('@keystar/ui/slots');
 var typography = require('@keystar/ui/typography');
-var adminUi_context_dist_nixxieCmsCoreAdminUiContext = require('./context-b5204629.cjs.js');
-var Fields = require('./Fields-e2c28056.cjs.js');
-var useCreateItem = require('./useCreateItem-1be4987e.cjs.js');
+var adminUi_context_dist_nixxieCmsCoreAdminUiContext = require('./context-2ce61d0b.cjs.js');
+var usePreventNavigation = require('./usePreventNavigation-d4f9f4fa.cjs.js');
+var useCreateItem = require('./useCreateItem-acf06f77.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function BuildItemDialog({
@@ -35,7 +35,7 @@ function BuildItemDialog({
         },
         children: /*#__PURE__*/jsxRuntime.jsx(layout.Box, {
           paddingY: "xlarge",
-          children: /*#__PURE__*/jsxRuntime.jsx(Fields.Fields, {
+          children: /*#__PURE__*/jsxRuntime.jsx(usePreventNavigation.Fields, {
             ...builder.props
           })
         })

package/dist/{Field-47f85161.esm.js → Field-1820c4e6.esm.js}

@@ -146,6 +146,7 @@ function FileDetails(props) {
     children: [/*#__PURE__*/jsx("a", {
       href: props.href,
       download: props.name,
+      "aria-label": `Download ${props.name}`,
       children: /*#__PURE__*/jsx(HStack, {
         alignItems: "center",
         backgroundColor: "surfaceTertiary",

package/dist/{Field-ed8d7627.cjs.js → Field-38d3cdf9.cjs.js}

@@ -152,6 +152,7 @@ function FileDetails(props) {
     children: [/*#__PURE__*/jsxRuntime.jsx("a", {
       href: props.href,
       download: props.name,
+      "aria-label": `Download ${props.name}`,
       children: /*#__PURE__*/jsxRuntime.jsx(layout.HStack, {
         alignItems: "center",
         backgroundColor: "surfaceTertiary",

package/dist/GraphQLErrorNotice-7594a9f8.esm.js

@@ -0,0 +1,64 @@
+import { CombinedGraphQLErrors } from '@apollo/client';
+import { VStack } from '@keystar/ui/layout';
+import { Notice } from '@keystar/ui/notice';
+import { Content } from '@keystar/ui/slots';
+import { Heading, Text } from '@keystar/ui/typography';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function GraphQLErrorNotice({
+  errors: errors_ = []
+}) {
+  let errors = errors_.flatMap(x => {
+    if (!x) return [];
+    if (CombinedGraphQLErrors.is(x)) {
+      return x.errors;
+    }
+    return x;
+  });
+  if (!errors.length) return null;
+
+  // The Notice already sets role="alert" for the critical tone, but with
+  // aria-live="polite". Wrap it in an assertive live region (without a second
+  // role, to avoid a double role) so screen readers announce the failure
+  // immediately (WCAG 4.1.3 Status Messages).
+  return /*#__PURE__*/jsx("div", {
+    "aria-live": "assertive",
+    "aria-atomic": "true",
+    children: /*#__PURE__*/jsxs(Notice, {
+      tone: "critical",
+      children: [/*#__PURE__*/jsx(Heading, {
+        children: "Errors"
+      }), /*#__PURE__*/jsx(Content, {
+        children: /*#__PURE__*/jsx(VStack, {
+          elementType: "ul",
+          gap: "large",
+          children: [...function* () {
+            let i = 0;
+            for (const error of errors) {
+              const lines = error.message.split('\n');
+              for (const line of lines) {
+                yield /*#__PURE__*/jsx(Text, {
+                  elementType: "li",
+                  children: line
+                }, i++);
+              }
+              if ('result' in error && typeof error.result === 'object' && error.result !== null && 'errors' in error.result && Array.isArray(error.result.errors)) {
+                for (const {
+                  message
+                } of error.result.errors) {
+                  if (typeof message !== 'string') continue;
+                  yield /*#__PURE__*/jsx(Text, {
+                    elementType: "li",
+                    children: message
+                  }, i++);
+                }
+              }
+            }
+          }()]
+        })
+      })]
+    })
+  });
+}
+
+export { GraphQLErrorNotice as G };

package/dist/GraphQLErrorNotice-c8890f80.cjs.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var client = require('@apollo/client');
+var layout = require('@keystar/ui/layout');
+var notice = require('@keystar/ui/notice');
+var slots = require('@keystar/ui/slots');
+var typography = require('@keystar/ui/typography');
+var jsxRuntime = require('react/jsx-runtime');
+
+function GraphQLErrorNotice({
+  errors: errors_ = []
+}) {
+  let errors = errors_.flatMap(x => {
+    if (!x) return [];
+    if (client.CombinedGraphQLErrors.is(x)) {
+      return x.errors;
+    }
+    return x;
+  });
+  if (!errors.length) return null;
+
+  // The Notice already sets role="alert" for the critical tone, but with
+  // aria-live="polite". Wrap it in an assertive live region (without a second
+  // role, to avoid a double role) so screen readers announce the failure
+  // immediately (WCAG 4.1.3 Status Messages).
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    "aria-live": "assertive",
+    "aria-atomic": "true",
+    children: /*#__PURE__*/jsxRuntime.jsxs(notice.Notice, {
+      tone: "critical",
+      children: [/*#__PURE__*/jsxRuntime.jsx(typography.Heading, {
+        children: "Errors"
+      }), /*#__PURE__*/jsxRuntime.jsx(slots.Content, {
+        children: /*#__PURE__*/jsxRuntime.jsx(layout.VStack, {
+          elementType: "ul",
+          gap: "large",
+          children: [...function* () {
+            let i = 0;
+            for (const error of errors) {
+              const lines = error.message.split('\n');
+              for (const line of lines) {
+                yield /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
+                  elementType: "li",
+                  children: line
+                }, i++);
+              }
+              if ('result' in error && typeof error.result === 'object' && error.result !== null && 'errors' in error.result && Array.isArray(error.result.errors)) {
+                for (const {
+                  message
+                } of error.result.errors) {
+                  if (typeof message !== 'string') continue;
+                  yield /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
+                    elementType: "li",
+                    children: message
+                  }, i++);
+                }
+              }
+            }
+          }()]
+        })
+      })]
+    })
+  });
+}
+
+exports.GraphQLErrorNotice = GraphQLErrorNotice;