@nixxie-cms/core 1.0.0

package/dist/admin-meta-graphql-c8f926e9.cjs.js

@@ -0,0 +1,144 @@
+'use strict';
+
+var client = require('@apollo/client');
+require('@apollo/client/react');
+
+const adminMetaQuery = client.gql`
+  query KsFetchAdminMeta {
+    nixxie {
+      adminMeta {
+        lists {
+          key
+
+          label
+          singular
+          plural
+          path
+
+          labelField
+          fields {
+            key
+
+            label
+            description
+
+            fieldMeta
+            isOrderable
+            isFilterable
+            viewsIndex
+            customViewsIndex
+
+            search
+            isNonNull
+            createView {
+              fieldMode
+              isRequired
+            }
+            itemView {
+              fieldMode
+              fieldPosition
+              isRequired
+            }
+            listView {
+              fieldMode
+            }
+          }
+
+          groups {
+            label
+            description
+            fields {
+              key
+            }
+          }
+
+          actions {
+            key
+
+            label
+            icon
+            messages {
+              promptTitle
+              promptTitleMany
+              prompt
+              promptMany
+              promptConfirmLabel
+              promptConfirmLabelMany
+              fail
+              failMany
+              success
+              successMany
+            }
+            graphql {
+              arguments {
+                name
+                type
+                source
+              }
+              names {
+                one
+                many
+              }
+            }
+            itemView {
+              actionMode
+              navigation
+              hidePrompt
+              hideToast
+            }
+            listView {
+              actionMode
+            }
+          }
+
+          graphql {
+            names {
+              outputTypeName
+              whereInputName
+              whereUniqueInputName
+
+              createInputName
+              createMutationName
+              createManyMutationName
+              relateToOneForCreateInputName
+              relateToManyForCreateInputName
+
+              itemQueryName
+              listQueryName
+              listQueryCountName
+              listOrderName
+
+              updateInputName
+              updateMutationName
+              updateManyInputName
+              updateManyMutationName
+              relateToOneForUpdateInputName
+              relateToManyForUpdateInputName
+
+              deleteMutationName
+              deleteManyMutationName
+            }
+          }
+
+          pageSize
+          initialColumns
+          initialSearchFields
+          initialSort {
+            field
+            direction
+          }
+          initialFilter
+          isSingleton
+
+          hideNavigation
+          hideCreate
+          hideDelete
+        }
+      }
+    }
+  }
+`;
+
+// TODO: duplicate, reference core/src/lib/admin-meta.ts
+
+exports.adminMetaQuery = adminMetaQuery;

package/dist/common-1a350e11.cjs.js

@@ -0,0 +1,324 @@
+'use strict';
+
+var router = require('next/router');
+var react$1 = require('react');
+var isDeepEqual = require('fast-deep-equal');
+var actionGroup = require('@keystar/ui/action-group');
+var breadcrumbs = require('@keystar/ui/breadcrumbs');
+var dialog = require('@keystar/ui/dialog');
+var icon = require('@keystar/ui/icon');
+var all = require('@keystar/ui/icon/all');
+var layout = require('@keystar/ui/layout');
+var style = require('@keystar/ui/style');
+var toast = require('@keystar/ui/toast');
+var typography = require('@keystar/ui/typography');
+var client = require('@apollo/client');
+var react = require('@apollo/client/react');
+var jsxRuntime = require('react/jsx-runtime');
+var Errors = require('./Errors-575adfa3.cjs.js');
+var actionData = require('./actionData-7858738d.cjs.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var isDeepEqual__default = /*#__PURE__*/_interopDefault(isDeepEqual);
+
+const CONTAINER_MAX = 'container.large';
+function Container(props) {
+  return /*#__PURE__*/jsxRuntime.jsx(layout.Box, {
+    minWidth: 0 // fix flex overflow issues
+    ,
+    maxWidth: CONTAINER_MAX,
+    ...props
+  });
+}
+
+function ItemPageHeader({
+  list,
+  actions,
+  item,
+  value,
+  initialValue,
+  label,
+  title = label,
+  onAction
+}) {
+  const router$1 = router.useRouter();
+  return /*#__PURE__*/jsxRuntime.jsxs(layout.Grid
+  // fill space; take over layout from the `PageContainer` flex wrapper
+  , {
+    flex: true
+    // make sure actions don't run into the primary element, even though it'll truncate
+    ,
+    gap: "medium"
+    // best efforts to ensure actions collapse first, then the title/breadcrumbs may truncate
+    ,
+    columns: `minmax(50cqw, auto) minmax(${style.tokenSchema.size.element.regular}, max-content)`
+    // grid areas required because the `ActionGroup` implements focus
+    // sentinels (span) before and after the root element
+    ,
+    areas: ['primary secondary']
+    // treat this area like a container
+    ,
+    minWidth: 0,
+    maxWidth: CONTAINER_MAX,
+    children: [list.isSingleton ? /*#__PURE__*/jsxRuntime.jsx(typography.Heading, {
+      elementType: "h1",
+      size: "small",
+      gridArea: "primary",
+      truncate: true,
+      children: list.label
+    }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsxs(breadcrumbs.Breadcrumbs, {
+        size: "medium",
+        gridArea: "primary",
+        children: [/*#__PURE__*/jsxRuntime.jsx(breadcrumbs.Item, {
+          href: `/${list.path}`,
+          children: list.label
+        }), /*#__PURE__*/jsxRuntime.jsx(breadcrumbs.Item, {
+          href: router$1.asPath,
+          children: label
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
+        elementType: "h1",
+        visuallyHidden: true,
+        children: title
+      })]
+    }), item && onAction && actions.length > 0 && /*#__PURE__*/jsxRuntime.jsx(ItemActions, {
+      list: list,
+      item: item,
+      value: value,
+      initialValue: initialValue,
+      actions: actions,
+      onAction: onAction
+    })]
+  });
+}
+function replace(s, list, args) {
+  var _args$itemLabel;
+  return s.replaceAll('{itemLabel}', (_args$itemLabel = args.itemLabel) !== null && _args$itemLabel !== void 0 ? _args$itemLabel : '').replaceAll('{Label}', args.label).replaceAll('{label}', args.label.toLowerCase()).replaceAll('{Plural}', list.plural).replaceAll('{plural}', list.plural.toLowerCase()).replaceAll('{Singular}', list.singular).replaceAll('{singular}', list.singular.toLowerCase());
+}
+function ItemActions({
+  list,
+  item,
+  value,
+  initialValue,
+  actions,
+  onAction
+}) {
+  var _item$list$labelField;
+  const apolloClient = react.useApolloClient();
+  const actionItems = react$1.useMemo(() => actions.map(action => ({
+    id: action.key,
+    label: action.label,
+    icon: action.icon ? all.allIcons[action.icon] : null
+  })), [actions]);
+  const [actionError, setActionError] = react$1.useState(null);
+  const [activeAction, setActiveAction] = react$1.useState(null);
+  const [blockedAction, setBlockedAction] = react$1.useState(null);
+  const itemLabel_ = (_item$list$labelField = item[list.labelField]) !== null && _item$list$labelField !== void 0 ? _item$list$labelField : item.id;
+  const itemLabel = typeof itemLabel_ === 'string' ? itemLabel_ : item.id;
+  const hasUnsavedChanges = react$1.useMemo(() => value !== null && initialValue !== null && !isDeepEqual__default["default"](value, initialValue), [initialValue, value]);
+  const disabledKeys = react$1.useMemo(() => actions.filter(action => action.itemView.actionMode === 'disabled').map(action => action.key), [actions]);
+  async function onTryAction(action, confirmed) {
+    setActiveAction(null);
+    if (hasUnsavedChanges) {
+      setBlockedAction(action);
+      return;
+    }
+    if (!confirmed && !action.itemView.hidePrompt) {
+      setActiveAction(action);
+      return;
+    }
+    const {
+      messages: m
+    } = action;
+    try {
+      var _data$data$result$id, _data$data;
+      const argsForAction = initialValue ? actionData.getActionArguments(list, action, initialValue) : {};
+      const graphqlArgs = actionData.getActionGraphQLArgs(action);
+      const graphqlVariables = actionData.getActionGraphQLVariables(action);
+      const mutation = action.graphql.arguments.length ? client.gql`mutation ${action.graphql.names.one}($id: ID!, ${graphqlVariables}) {
+            result: ${action.graphql.names.one}(where: { id: $id }, ${graphqlArgs}) {
+              id
+            }
+          }` : client.gql`mutation ${action.graphql.names.one}($id: ID!) {
+            result: ${action.graphql.names.one}(where: { id: $id }) {
+              id
+            }
+          }`;
+      const data = await apolloClient.mutate({
+        mutation,
+        variables: action.graphql.arguments.length ? {
+          id: item.id,
+          ...argsForAction
+        } : {
+          id: item.id
+        }
+      });
+      if (!action.itemView.hideToast) {
+        toast.toastQueue.neutral(replace(m.success, list, {
+          ...action,
+          itemLabel
+        }), {
+          timeout: 5000
+        });
+      }
+      onAction(action, (_data$data$result$id = (_data$data = data.data) === null || _data$data === void 0 || (_data$data = _data$data.result) === null || _data$data === void 0 ? void 0 : _data$data.id) !== null && _data$data$result$id !== void 0 ? _data$data$result$id : null);
+    } catch (error) {
+      toast.toastQueue.critical(replace(m.fail, list, {
+        ...action,
+        itemLabel
+      }), {
+        actionLabel: 'Details',
+        onAction: () => setActionError({
+          action,
+          error
+        }),
+        shouldCloseOnAction: true
+      });
+    }
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs(react$1.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(actionGroup.ActionGroup, {
+      gridArea: "secondary",
+      disabledKeys: disabledKeys,
+      overflowMode: "collapse",
+      items: actionItems,
+      onAction: key => {
+        const action = list.actions.find(action => action.key === key);
+        if (!action) return;
+        onTryAction(action, false);
+      },
+      children: item => /*#__PURE__*/jsxRuntime.jsxs(breadcrumbs.Item, {
+        textValue: item.label,
+        children: [item.icon && /*#__PURE__*/jsxRuntime.jsx(icon.Icon, {
+          src: item.icon
+        }), /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
+          children: item.label
+        })]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(dialog.DialogContainer, {
+      onDismiss: () => setActiveAction(null),
+      children: activeAction && /*#__PURE__*/jsxRuntime.jsx(dialog.AlertDialog, {
+        title: replace(activeAction.messages.promptTitle, list, {
+          ...activeAction,
+          itemLabel
+        }),
+        cancelLabel: "Cancel",
+        primaryActionLabel: replace(activeAction.messages.promptConfirmLabel, list, {
+          ...activeAction,
+          itemLabel
+        }),
+        onPrimaryAction: async () => {
+          await onTryAction(activeAction, true);
+        },
+        children: replace(activeAction.messages.prompt, list, {
+          ...activeAction,
+          itemLabel
+        })
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(dialog.DialogContainer, {
+      onDismiss: () => setBlockedAction(null),
+      children: blockedAction && /*#__PURE__*/jsxRuntime.jsxs(dialog.AlertDialog, {
+        title: "Unsaved changes",
+        primaryActionLabel: "Dismiss",
+        onPrimaryAction: () => setBlockedAction(null),
+        children: ["Please save or reset your changes before attempting to", ' ', replace('{label}', list, blockedAction), "."]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(dialog.DialogContainer, {
+      onDismiss: () => setActionError(null),
+      isDismissable: true,
+      children: actionError && /*#__PURE__*/jsxRuntime.jsx(Errors.ErrorDetailsDialog, {
+        title: replace(actionError.action.messages.fail, list, {
+          ...actionError.action,
+          itemLabel
+        }),
+        error: actionError.error
+      })
+    })]
+  });
+}
+function ColumnLayout(props) {
+  return (
+    /*#__PURE__*/
+    // this container must be relative to catch absolute children
+    // particularly the "expanded" document-field, which needs a height of 100%
+    jsxRuntime.jsx(Container, {
+      position: "relative",
+      height: "100%",
+      paddingX: "xlarge",
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: style.css({
+          display: 'grid',
+          columnGap: style.tokenSchema.size.space.xlarge,
+          gridTemplateAreas: '"main" "sidebar" "toolbar"',
+          [style.breakpointQueries.above.tablet]: {
+            gridTemplateColumns: `2fr minmax(${style.tokenSchema.size.scale[3600]}, 1fr)`,
+            gridTemplateAreas: '"main sidebar" "toolbar toolbar"'
+          }
+        }),
+        ...props
+      })
+    })
+  );
+}
+function StickySidebar(props) {
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: style.css({
+      gridArea: 'sidebar',
+      marginTop: style.tokenSchema.size.space.xlarge,
+      [style.breakpointQueries.above.tablet]: {
+        alignSelf: 'start',
+        marginBottom: style.tokenSchema.size.element.xlarge,
+        // sync with toolbar height
+        paddingBottom: style.tokenSchema.size.element.xlarge,
+        position: 'sticky',
+        top: style.tokenSchema.size.space.xlarge
+      }
+    }),
+    ...props
+  });
+}
+function BaseToolbar(props) {
+  return /*#__PURE__*/jsxRuntime.jsx(layout.Grid, {
+    backgroundColor: "surface",
+    columns: "subgrid",
+    gridArea: "toolbar",
+    insetBottom: 0,
+    marginTop: "xlarge",
+    position: {
+      tablet: 'sticky'
+    },
+    zIndex: 20,
+    UNSAFE_className: style.css({
+      // fuzzy mask sidebar fields, which slide behind the un-bordered portion
+      // of the sticky toolbar
+      [style.breakpointQueries.above.tablet]: {
+        '&::after': {
+          boxShadow: `0 -4px 4px 1px ${style.tokenSchema.color.background.surface}`,
+          content: '""'
+        }
+      }
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsx(layout.HStack, {
+      alignItems: "center",
+      borderTop: "neutral",
+      gap: "regular",
+      height: "element.xlarge",
+      UNSAFE_className: style.css({
+        // stretch horizontally to ensure field focus-rings are covered
+        [style.breakpointQueries.above.mobile]: {
+          backgroundColor: style.tokenSchema.color.background.surface,
+          marginInline: `calc(${style.tokenSchema.size.alias.focusRing} * -1)`,
+          paddingInline: style.tokenSchema.size.alias.focusRing
+        }
+      }),
+      children: props.children
+    })
+  });
+}
+
+exports.BaseToolbar = BaseToolbar;
+exports.ColumnLayout = ColumnLayout;
+exports.ItemPageHeader = ItemPageHeader;
+exports.StickySidebar = StickySidebar;