@nixxie-cms/core 1.0.0

package/___internal-do-not-use-will-break-in-patch/admin-ui/pages/CreateItemPage/dist/nixxie-cms-core-___internal-do-not-use-will-break-in-patch-admin-ui-pages-CreateItemPage.cjs.js

@@ -0,0 +1,116 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var router = require('next/router');
+var button = require('@keystar/ui/button');
+var layout = require('@keystar/ui/layout');
+var adminUi_context_dist_nixxieCmsCoreAdminUiContext = require('../../../../../dist/context-e7a45152.cjs.js');
+require('@keystar/ui/table');
+var jsxRuntime = require('react/jsx-runtime');
+require('@keystar/ui/style');
+require('@keystar/ui/checkbox');
+require('@keystar/ui/icon');
+require('@keystar/ui/icon/icons/cornerDownRightIcon');
+require('@keystar/ui/typography');
+require('@babel/runtime/helpers/defineProperty');
+require('react');
+require('@keystar/ui/dialog');
+require('@keystar/ui/icon/icons/alertTriangleIcon');
+require('@keystar/ui/notice');
+require('@keystar/ui/slots');
+require('next/link');
+var PageContainer = require('../../../../../dist/PageContainer-27c27f10.cjs.js');
+var Fields = require('../../../../../dist/Fields-e2c28056.cjs.js');
+var useCreateItem = require('../../../../../dist/useCreateItem-1be4987e.cjs.js');
+var GraphQLErrorNotice = require('../../../../../dist/GraphQLErrorNotice-cd74180d.cjs.js');
+require('fast-deep-equal');
+require('graphql');
+var common = require('../../../../../dist/common-1a350e11.cjs.js');
+require('apollo-upload-client/UploadHttpLink.mjs');
+require('next/head');
+require('@keystar/ui/core');
+require('@keystar/ui/toast');
+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/picker');
+require('@keystar/ui/tag');
+require('@keystar/ui/tooltip');
+require('../../../../../dist/admin-meta-graphql-c8f926e9.cjs.js');
+require('@apollo/client');
+require('@apollo/client/react');
+require('../../../../../dist/filters-b3e5eb50.cjs.js');
+require('@react-aria/utils');
+require('@keystar/ui/icon/icons/textCursorInputIcon');
+require('../../../../../dist/utils-230cddb1.cjs.js');
+require('@keystar/ui/utils');
+require('@keystar/ui/action-group');
+require('@keystar/ui/breadcrumbs');
+require('@keystar/ui/icon/all');
+require('../../../../../dist/Errors-575adfa3.cjs.js');
+require('../../../../../dist/actionData-7858738d.cjs.js');
+
+const getCreateItemPage = props => () => /*#__PURE__*/jsxRuntime.jsx(CreateItemPage, {
+  ...props
+});
+function CreateItemPage({
+  listKey
+}) {
+  const list = adminUi_context_dist_nixxieCmsCoreAdminUiContext.useList(listKey);
+  const createItem = useCreateItem.useCreateItem(list);
+  const router$1 = router.useRouter();
+  return /*#__PURE__*/jsxRuntime.jsx(PageContainer.PageContainer, {
+    title: `Create ${list.singular}`,
+    header: /*#__PURE__*/jsxRuntime.jsx(common.ItemPageHeader, {
+      list: list,
+      actions: [],
+      value: null,
+      label: "Create",
+      title: `Create ${list.singular}`,
+      item: null,
+      initialValue: null,
+      onAction: null
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsx(common.ColumnLayout, {
+      children: /*#__PURE__*/jsxRuntime.jsxs("form", {
+        onSubmit: async e => {
+          if (e.target !== e.currentTarget) return;
+          e.preventDefault();
+          const item = await createItem.create();
+          if (!item) return;
+          router$1.push(`/${list.path}/${item.id}`);
+        },
+        style: {
+          display: 'contents'
+        },
+        children: [/*#__PURE__*/jsxRuntime.jsx("button", {
+          type: "submit",
+          style: {
+            display: 'none'
+          }
+        }), /*#__PURE__*/jsxRuntime.jsxs(layout.VStack, {
+          gap: "large",
+          gridArea: "main",
+          marginTop: "xlarge",
+          minWidth: 0,
+          children: [/*#__PURE__*/jsxRuntime.jsx(GraphQLErrorNotice.GraphQLErrorNotice, {
+            errors: [createItem.error]
+          }), /*#__PURE__*/jsxRuntime.jsx(Fields.Fields, {
+            ...createItem.props
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx(common.BaseToolbar, {
+          children: /*#__PURE__*/jsxRuntime.jsx(button.Button, {
+            isPending: createItem.state === 'loading',
+            prominence: "high",
+            type: "submit",
+            children: "Create"
+          })
+        })]
+      })
+    })
+  });
+}
+
+exports.getCreateItemPage = getCreateItemPage;

package/___internal-do-not-use-will-break-in-patch/admin-ui/pages/CreateItemPage/dist/nixxie-cms-core-___internal-do-not-use-will-break-in-patch-admin-ui-pages-CreateItemPage.esm.js

@@ -0,0 +1,112 @@
+import { useRouter } from 'next/router';
+import { Button } from '@keystar/ui/button';
+import { VStack } from '@keystar/ui/layout';
+import { a as useList } from '../../../../../dist/context-3132c3ed.esm.js';
+import '@keystar/ui/table';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@keystar/ui/style';
+import '@keystar/ui/checkbox';
+import '@keystar/ui/icon';
+import '@keystar/ui/icon/icons/cornerDownRightIcon';
+import '@keystar/ui/typography';
+import '@babel/runtime/helpers/defineProperty';
+import 'react';
+import '@keystar/ui/dialog';
+import '@keystar/ui/icon/icons/alertTriangleIcon';
+import '@keystar/ui/notice';
+import '@keystar/ui/slots';
+import 'next/link';
+import { P as PageContainer } from '../../../../../dist/PageContainer-7db73317.esm.js';
+import { F as Fields } from '../../../../../dist/Fields-956d9a14.esm.js';
+import { u as useCreateItem } from '../../../../../dist/useCreateItem-1f94d252.esm.js';
+import { G as GraphQLErrorNotice } from '../../../../../dist/GraphQLErrorNotice-d9f0931b.esm.js';
+import 'fast-deep-equal';
+import 'graphql';
+import { I as ItemPageHeader, C as ColumnLayout, B as BaseToolbar } from '../../../../../dist/common-29fc82e6.esm.js';
+import 'apollo-upload-client/UploadHttpLink.mjs';
+import 'next/head';
+import '@keystar/ui/core';
+import '@keystar/ui/toast';
+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/picker';
+import '@keystar/ui/tag';
+import '@keystar/ui/tooltip';
+import '../../../../../dist/admin-meta-graphql-6f7f5331.esm.js';
+import '@apollo/client';
+import '@apollo/client/react';
+import '../../../../../dist/filters-8c8616f9.esm.js';
+import '@react-aria/utils';
+import '@keystar/ui/icon/icons/textCursorInputIcon';
+import '../../../../../dist/utils-5e1d4d28.esm.js';
+import '@keystar/ui/utils';
+import '@keystar/ui/action-group';
+import '@keystar/ui/breadcrumbs';
+import '@keystar/ui/icon/all';
+import '../../../../../dist/Errors-bf24759e.esm.js';
+import '../../../../../dist/actionData-64d4c37a.esm.js';
+
+const getCreateItemPage = props => () => /*#__PURE__*/jsx(CreateItemPage, {
+  ...props
+});
+function CreateItemPage({
+  listKey
+}) {
+  const list = useList(listKey);
+  const createItem = useCreateItem(list);
+  const router = useRouter();
+  return /*#__PURE__*/jsx(PageContainer, {
+    title: `Create ${list.singular}`,
+    header: /*#__PURE__*/jsx(ItemPageHeader, {
+      list: list,
+      actions: [],
+      value: null,
+      label: "Create",
+      title: `Create ${list.singular}`,
+      item: null,
+      initialValue: null,
+      onAction: null
+    }),
+    children: /*#__PURE__*/jsx(ColumnLayout, {
+      children: /*#__PURE__*/jsxs("form", {
+        onSubmit: async e => {
+          if (e.target !== e.currentTarget) return;
+          e.preventDefault();
+          const item = await createItem.create();
+          if (!item) return;
+          router.push(`/${list.path}/${item.id}`);
+        },
+        style: {
+          display: 'contents'
+        },
+        children: [/*#__PURE__*/jsx("button", {
+          type: "submit",
+          style: {
+            display: 'none'
+          }
+        }), /*#__PURE__*/jsxs(VStack, {
+          gap: "large",
+          gridArea: "main",
+          marginTop: "xlarge",
+          minWidth: 0,
+          children: [/*#__PURE__*/jsx(GraphQLErrorNotice, {
+            errors: [createItem.error]
+          }), /*#__PURE__*/jsx(Fields, {
+            ...createItem.props
+          })]
+        }), /*#__PURE__*/jsx(BaseToolbar, {
+          children: /*#__PURE__*/jsx(Button, {
+            isPending: createItem.state === 'loading',
+            prominence: "high",
+            type: "submit",
+            children: "Create"
+          })
+        })]
+      })
+    })
+  });
+}
+
+export { getCreateItemPage };

package/___internal-do-not-use-will-break-in-patch/admin-ui/pages/CreateItemPage/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "dist/nixxie-cms-core-___internal-do-not-use-will-break-in-patch-admin-ui-pages-CreateItemPage.cjs.js",
+  "module": "dist/nixxie-cms-core-___internal-do-not-use-will-break-in-patch-admin-ui-pages-CreateItemPage.esm.js"
+}

package/___internal-do-not-use-will-break-in-patch/admin-ui/pages/HomePage/dist/nixxie-cms-core-___internal-do-not-use-will-break-in-patch-admin-ui-pages-HomePage.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "../../../../../dist/declarations/src/___internal-do-not-use-will-break-in-patch/admin-ui/pages/HomePage/index.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibml4eGllLWNtcy1jb3JlLV9fX2ludGVybmFsLWRvLW5vdC11c2Utd2lsbC1icmVhay1pbi1wYXRjaC1hZG1pbi11aS1wYWdlcy1Ib21lUGFnZS5janMuZC50cyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rpc3QvZGVjbGFyYXRpb25zL3NyYy9fX19pbnRlcm5hbC1kby1ub3QtdXNlLXdpbGwtYnJlYWstaW4tcGF0Y2gvYWRtaW4tdWkvcGFnZXMvSG9tZVBhZ2UvaW5kZXguZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSJ9

package/___internal-do-not-use-will-break-in-patch/admin-ui/pages/HomePage/dist/nixxie-cms-core-___internal-do-not-use-will-break-in-patch-admin-ui-pages-HomePage.cjs.js

@@ -0,0 +1,336 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var style = require('@keystar/ui/style');
+var typography = require('@keystar/ui/typography');
+var client = require('@apollo/client');
+var react$1 = require('@apollo/client/react');
+var GraphQLErrorNotice = require('../../../../../dist/GraphQLErrorNotice-cd74180d.cjs.js');
+var PageContainer = require('../../../../../dist/PageContainer-27c27f10.cjs.js');
+var adminUi_context_dist_nixxieCmsCoreAdminUiContext = require('../../../../../dist/context-e7a45152.cjs.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('@keystar/ui/layout');
+require('@keystar/ui/notice');
+require('@keystar/ui/slots');
+require('next/head');
+require('next/link');
+require('next/router');
+require('apollo-upload-client/UploadHttpLink.mjs');
+require('@keystar/ui/core');
+require('@keystar/ui/toast');
+require('@nixxie-cms/core/admin-ui/router');
+require('@keystar/ui/button');
+require('@keystar/ui/icon');
+require('@keystar/ui/icon/icons/chevronLeftIcon');
+require('@keystar/ui/icon/icons/chevronRightIcon');
+require('@keystar/ui/icon/icons/undo2Icon');
+require('@keystar/ui/picker');
+require('@keystar/ui/tag');
+require('@keystar/ui/tooltip');
+require('../../../../../dist/admin-meta-graphql-c8f926e9.cjs.js');
+require('../../../../../dist/filters-b3e5eb50.cjs.js');
+
+function CollectionCard({
+  listKey,
+  count,
+  href,
+  createHref
+}) {
+  const list = adminUi_context_dist_nixxieCmsCoreAdminUiContext.useList(listKey);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: style.css({
+      position: 'relative',
+      backgroundColor: '#ffffff',
+      border: '1px solid #ebebeb',
+      borderRadius: 8,
+      overflow: 'hidden',
+      transition: 'box-shadow 180ms, border-color 180ms',
+      '&:hover': {
+        boxShadow: '0 2px 12px rgba(0,0,0,0.06)',
+        borderColor: '#d8d8d8'
+      }
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: style.css({
+        padding: '16px 18px 14px'
+      }),
+      children: [/*#__PURE__*/jsxRuntime.jsxs("p", {
+        className: style.css({
+          margin: '0 0 10px',
+          fontSize: 10.5,
+          fontWeight: 600,
+          letterSpacing: '0.09em',
+          textTransform: 'uppercase',
+          color: '#a3a3a3',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'space-between'
+        }),
+        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+          className: style.css({
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+          }),
+          children: list.label
+        }), createHref && /*#__PURE__*/jsxRuntime.jsx("a", {
+          href: createHref,
+          title: `New ${list.singular}`,
+          onClick: e => e.stopPropagation(),
+          className: style.css({
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: 22,
+            height: 22,
+            borderRadius: 5,
+            border: '1px solid #ebebeb',
+            color: '#a3a3a3',
+            textDecoration: 'none',
+            fontSize: 14,
+            lineHeight: 1,
+            flexShrink: 0,
+            marginLeft: 6,
+            transition: 'border-color 130ms, color 130ms, background 130ms',
+            '&:hover': {
+              borderColor: '#000000',
+              color: '#000000',
+              background: '#f5f5f5'
+            }
+          }),
+          children: "+"
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("a", {
+        href: href,
+        className: style.css({
+          display: 'block',
+          textDecoration: 'none',
+          '&::after': {
+            content: '""',
+            position: 'absolute',
+            inset: 0
+          }
+        }),
+        children: [/*#__PURE__*/jsxRuntime.jsx("p", {
+          className: style.css({
+            margin: '0 0 10px',
+            fontSize: 34,
+            fontWeight: 700,
+            letterSpacing: '-0.05em',
+            color: count === null ? '#e8e8e8' : '#000000',
+            lineHeight: 1,
+            fontVariantNumeric: 'tabular-nums'
+          }),
+          children: count === null ? '—' : count.toLocaleString()
+        }), /*#__PURE__*/jsxRuntime.jsxs("p", {
+          className: style.css({
+            margin: 0,
+            fontSize: 12,
+            color: '#c8c8c8',
+            display: 'flex',
+            alignItems: 'center',
+            gap: 4,
+            transition: 'color 130ms',
+            'a:hover &': {
+              color: '#636363'
+            }
+          }),
+          children: [list.isSingleton ? 'Open' : 'View all', /*#__PURE__*/jsxRuntime.jsx("svg", {
+            width: "10",
+            height: "10",
+            viewBox: "0 0 10 10",
+            fill: "none",
+            children: /*#__PURE__*/jsxRuntime.jsx("path", {
+              d: "M2 5h6M5.5 2.5L8 5l-2.5 2.5",
+              stroke: "currentColor",
+              strokeWidth: "1.2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            })
+          })]
+        })]
+      })]
+    })
+  });
+}
+
+// ---- Quick create ----
+
+function QuickCreate() {
+  const {
+    lists
+  } = adminUi_context_dist_nixxieCmsCoreAdminUiContext.useNixxie();
+  const creatableLists = Object.values(lists).filter(l => !l.hideNavigation && !l.hideCreate && !l.isSingleton).slice(0, 8);
+  if (creatableLists.length === 0) return null;
+  return /*#__PURE__*/jsxRuntime.jsxs("section", {
+    className: style.css({
+      marginTop: 40
+    }),
+    children: [/*#__PURE__*/jsxRuntime.jsx("p", {
+      className: style.css({
+        margin: '0 0 10px',
+        fontSize: 10,
+        fontWeight: 600,
+        letterSpacing: '0.10em',
+        textTransform: 'uppercase',
+        color: '#b8b8b8'
+      }),
+      children: "Quick Create"
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: style.css({
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: 7
+      }),
+      children: creatableLists.map(list => /*#__PURE__*/jsxRuntime.jsxs("a", {
+        href: `/${list.path}/create`,
+        className: style.css({
+          display: 'inline-flex',
+          alignItems: 'center',
+          gap: 6,
+          paddingInline: '12px',
+          paddingBlock: '6px',
+          borderRadius: 6,
+          border: '1px solid #e8e8e8',
+          backgroundColor: '#ffffff',
+          fontSize: 12.5,
+          fontWeight: 500,
+          color: '#525252',
+          textDecoration: 'none',
+          transition: 'border-color 130ms, color 130ms, background 130ms',
+          '&:hover': {
+            borderColor: '#000000',
+            color: '#000000',
+            background: '#fafafa'
+          }
+        }),
+        children: [/*#__PURE__*/jsxRuntime.jsx("svg", {
+          width: "10",
+          height: "10",
+          viewBox: "0 0 10 10",
+          fill: "none",
+          children: /*#__PURE__*/jsxRuntime.jsx("path", {
+            d: "M5 1.5v7M1.5 5h7",
+            stroke: "currentColor",
+            strokeWidth: "1.4",
+            strokeLinecap: "round"
+          })
+        }), list.singular]
+      }, list.key))
+    })]
+  });
+}
+
+// ---- Main HomePage ----
+
+function HomePage() {
+  const {
+    lists,
+    error: metaError
+  } = adminUi_context_dist_nixxieCmsCoreAdminUiContext.useNixxie();
+  const visibleLists = Object.values(lists).filter(list => !list.hideNavigation);
+  const LIST_COUNTS_QUERY = react.useMemo(() => client.gql`
+    query KsFetchListCounts {
+      ${[...function* () {
+    if (visibleLists.length === 0) yield '__typename';
+    for (const list of visibleLists) {
+      yield `${list.key}: ${list.graphql.names.listQueryCountName}`;
+    }
+  }()].join('\n')}
+    }`, [visibleLists]);
+  const {
+    data,
+    error: countsError
+  } = react$1.useQuery(LIST_COUNTS_QUERY, {
+    errorPolicy: 'all'
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(PageContainer.PageContainer, {
+    header: /*#__PURE__*/jsxRuntime.jsx(typography.Heading, {
+      elementType: "h1",
+      size: "small",
+      children: "Dashboard"
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: style.css({
+        padding: '36px 36px 60px',
+        maxWidth: 1120,
+        width: '100%',
+        boxSizing: 'border-box',
+        '@media (max-width: 600px)': {
+          padding: '24px 18px 44px'
+        }
+      }),
+      children: [/*#__PURE__*/jsxRuntime.jsx(GraphQLErrorNotice.GraphQLErrorNotice, {
+        errors: [metaError, countsError]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: style.css({
+          marginBottom: 28
+        }),
+        children: [/*#__PURE__*/jsxRuntime.jsx("h1", {
+          className: style.css({
+            margin: '0 0 4px',
+            fontSize: 20,
+            fontWeight: 700,
+            letterSpacing: '-0.03em',
+            color: '#0a0a0a'
+          }),
+          children: "Overview"
+        }), /*#__PURE__*/jsxRuntime.jsxs("p", {
+          className: style.css({
+            margin: 0,
+            fontSize: 13,
+            color: '#a3a3a3'
+          }),
+          children: [visibleLists.length, " collection", visibleLists.length !== 1 ? 's' : '']
+        })]
+      }), visibleLists.length > 0 && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: style.css({
+          display: 'grid',
+          gridTemplateColumns: 'repeat(auto-fill, minmax(180px, 1fr))',
+          gap: 10,
+          '@media (max-width: 480px)': {
+            gridTemplateColumns: '1fr 1fr',
+            gap: 8
+          }
+        }),
+        children: visibleLists.map(list => {
+          var _data$list$key;
+          return /*#__PURE__*/jsxRuntime.jsx(CollectionCard, {
+            listKey: list.key,
+            count: (_data$list$key = data === null || data === void 0 ? void 0 : data[list.key]) !== null && _data$list$key !== void 0 ? _data$list$key : null,
+            href: `/${list.path}${list.isSingleton ? '/1' : ''}`,
+            createHref: !list.hideCreate && !list.isSingleton ? `/${list.path}/create` : null
+          }, list.key);
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(QuickCreate, {}), /*#__PURE__*/jsxRuntime.jsxs("p", {
+        className: style.css({
+          marginTop: 48,
+          fontSize: 11.5,
+          color: '#d4d4d4',
+          display: 'flex',
+          alignItems: 'center',
+          gap: 6
+        }),
+        children: [/*#__PURE__*/jsxRuntime.jsx("kbd", {
+          className: style.css({
+            display: 'inline-flex',
+            padding: '1px 6px',
+            background: '#ffffff',
+            border: '1px solid #ebebeb',
+            borderRadius: 4,
+            fontSize: 10.5,
+            fontFamily: 'inherit',
+            color: '#a3a3a3'
+          }),
+          children: "\u2318K"
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          children: "to search and navigate"
+        })]
+      })]
+    })
+  });
+}
+
+exports.HomePage = HomePage;