@nixxie-cms/core 1.0.0

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.esm.js

@@ -0,0 +1,332 @@
+import { useMemo } from 'react';
+import { css } from '@keystar/ui/style';
+import { Heading } from '@keystar/ui/typography';
+import { gql } from '@apollo/client';
+import { useQuery } from '@apollo/client/react';
+import { G as GraphQLErrorNotice } from '../../../../../dist/GraphQLErrorNotice-d9f0931b.esm.js';
+import { P as PageContainer } from '../../../../../dist/PageContainer-7db73317.esm.js';
+import { u as useNixxie, a as useList } from '../../../../../dist/context-3132c3ed.esm.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@keystar/ui/layout';
+import '@keystar/ui/notice';
+import '@keystar/ui/slots';
+import 'next/head';
+import 'next/link';
+import 'next/router';
+import 'apollo-upload-client/UploadHttpLink.mjs';
+import '@keystar/ui/core';
+import '@keystar/ui/toast';
+import '@nixxie-cms/core/admin-ui/router';
+import '@keystar/ui/button';
+import '@keystar/ui/icon';
+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 '../../../../../dist/filters-8c8616f9.esm.js';
+
+function CollectionCard({
+  listKey,
+  count,
+  href,
+  createHref
+}) {
+  const list = useList(listKey);
+  return /*#__PURE__*/jsx("div", {
+    className: 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__*/jsxs("div", {
+      className: css({
+        padding: '16px 18px 14px'
+      }),
+      children: [/*#__PURE__*/jsxs("p", {
+        className: 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__*/jsx("span", {
+          className: css({
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+          }),
+          children: list.label
+        }), createHref && /*#__PURE__*/jsx("a", {
+          href: createHref,
+          title: `New ${list.singular}`,
+          onClick: e => e.stopPropagation(),
+          className: 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__*/jsxs("a", {
+        href: href,
+        className: css({
+          display: 'block',
+          textDecoration: 'none',
+          '&::after': {
+            content: '""',
+            position: 'absolute',
+            inset: 0
+          }
+        }),
+        children: [/*#__PURE__*/jsx("p", {
+          className: 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__*/jsxs("p", {
+          className: 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__*/jsx("svg", {
+            width: "10",
+            height: "10",
+            viewBox: "0 0 10 10",
+            fill: "none",
+            children: /*#__PURE__*/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
+  } = 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__*/jsxs("section", {
+    className: css({
+      marginTop: 40
+    }),
+    children: [/*#__PURE__*/jsx("p", {
+      className: css({
+        margin: '0 0 10px',
+        fontSize: 10,
+        fontWeight: 600,
+        letterSpacing: '0.10em',
+        textTransform: 'uppercase',
+        color: '#b8b8b8'
+      }),
+      children: "Quick Create"
+    }), /*#__PURE__*/jsx("div", {
+      className: css({
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: 7
+      }),
+      children: creatableLists.map(list => /*#__PURE__*/jsxs("a", {
+        href: `/${list.path}/create`,
+        className: 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__*/jsx("svg", {
+          width: "10",
+          height: "10",
+          viewBox: "0 0 10 10",
+          fill: "none",
+          children: /*#__PURE__*/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
+  } = useNixxie();
+  const visibleLists = Object.values(lists).filter(list => !list.hideNavigation);
+  const LIST_COUNTS_QUERY = useMemo(() => 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
+  } = useQuery(LIST_COUNTS_QUERY, {
+    errorPolicy: 'all'
+  });
+  return /*#__PURE__*/jsx(PageContainer, {
+    header: /*#__PURE__*/jsx(Heading, {
+      elementType: "h1",
+      size: "small",
+      children: "Dashboard"
+    }),
+    children: /*#__PURE__*/jsxs("div", {
+      className: css({
+        padding: '36px 36px 60px',
+        maxWidth: 1120,
+        width: '100%',
+        boxSizing: 'border-box',
+        '@media (max-width: 600px)': {
+          padding: '24px 18px 44px'
+        }
+      }),
+      children: [/*#__PURE__*/jsx(GraphQLErrorNotice, {
+        errors: [metaError, countsError]
+      }), /*#__PURE__*/jsxs("div", {
+        className: css({
+          marginBottom: 28
+        }),
+        children: [/*#__PURE__*/jsx("h1", {
+          className: css({
+            margin: '0 0 4px',
+            fontSize: 20,
+            fontWeight: 700,
+            letterSpacing: '-0.03em',
+            color: '#0a0a0a'
+          }),
+          children: "Overview"
+        }), /*#__PURE__*/jsxs("p", {
+          className: css({
+            margin: 0,
+            fontSize: 13,
+            color: '#a3a3a3'
+          }),
+          children: [visibleLists.length, " collection", visibleLists.length !== 1 ? 's' : '']
+        })]
+      }), visibleLists.length > 0 && /*#__PURE__*/jsx("div", {
+        className: 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__*/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__*/jsx(QuickCreate, {}), /*#__PURE__*/jsxs("p", {
+        className: css({
+          marginTop: 48,
+          fontSize: 11.5,
+          color: '#d4d4d4',
+          display: 'flex',
+          alignItems: 'center',
+          gap: 6
+        }),
+        children: [/*#__PURE__*/jsx("kbd", {
+          className: 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__*/jsx("span", {
+          children: "to search and navigate"
+        })]
+      })]
+    })
+  });
+}
+
+export { HomePage };

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

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

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

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