@nixxie-cms/core 1.0.0

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

@@ -0,0 +1,147 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var i18n = require('@react-aria/i18n');
+var checkbox = require('@keystar/ui/checkbox');
+var combobox = require('@keystar/ui/combobox');
+var layout = require('@keystar/ui/layout');
+var tag = require('@keystar/ui/tag');
+var typography = require('@keystar/ui/typography');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Field(props) {
+  if (props.field.displayMode === 'checkboxes') return /*#__PURE__*/jsxRuntime.jsx(CheckboxesModeField, {
+    ...props
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(SelectModeField, {
+    ...props
+  });
+}
+function SelectModeField(props) {
+  const {
+    field,
+    onChange,
+    value
+  } = props;
+  const [filterText, setFilterText] = react.useState('');
+  const {
+    contains
+  } = i18n.useFilter({
+    sensitivity: 'base'
+  });
+  const items = field.options.filter(option => !value.some(x => x.value === option.value));
+  const filteredItems = filterText ? items.filter(item => contains(item.label, filterText)) : items;
+  return /*#__PURE__*/jsxRuntime.jsxs(layout.VStack, {
+    gap: "regular",
+    children: [/*#__PURE__*/jsxRuntime.jsx(combobox.Combobox, {
+      label: field.label,
+      description: field.description,
+      isReadOnly: onChange === undefined,
+      items: filteredItems,
+      loadingState: "idle",
+      onInputChange: setFilterText,
+      inputValue: filterText
+      // selectedKey={null}
+      ,
+      onSelectionChange: key => {
+        if (key == null) return;
+        onChange === null || onChange === void 0 || onChange([...value, field.valuesToOptionsWithStringValues[key]]);
+      },
+      width: "auto",
+      children: item => /*#__PURE__*/jsxRuntime.jsx(combobox.Item, {
+        children: item.label
+      }, item.value)
+    }), /*#__PURE__*/jsxRuntime.jsx(tag.TagGroup, {
+      "aria-label": `${field.label} selected items`,
+      items: value,
+      maxRows: 2,
+      onRemove: keys => {
+        const key = keys.values().next().value;
+        onChange === null || onChange === void 0 || onChange(value.filter(x => x.value !== key));
+      },
+      renderEmptyState: () => /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
+        color: "neutralSecondary",
+        size: "small",
+        children: "No items\u2026"
+      }),
+      children: item => /*#__PURE__*/jsxRuntime.jsx(combobox.Item, {
+        children: item.label
+      }, item.value)
+    })]
+  });
+}
+function CheckboxesModeField(props) {
+  const {
+    field,
+    onChange,
+    value
+  } = props;
+  return /*#__PURE__*/jsxRuntime.jsx(checkbox.CheckboxGroup, {
+    label: field.label,
+    description: field.description,
+    isReadOnly: onChange === undefined,
+    value: value.map(x => x.value),
+    onChange: keys => {
+      onChange === null || onChange === void 0 || onChange(keys.map(key => field.valuesToOptionsWithStringValues[key]));
+    },
+    children: field.options.map(option => /*#__PURE__*/jsxRuntime.jsx(checkbox.Checkbox, {
+      value: option.value,
+      children: option.label
+    }, option.value))
+  });
+}
+const Cell = ({
+  value = [],
+  field
+}) => {
+  const listFormatter = i18n.useListFormatter({
+    style: 'short',
+    type: 'conjunction'
+  });
+  const labels = value.map(x => field.valuesToOptionsWithStringValues[x].label);
+  let cellContent = null;
+  if (value.length > 3) {
+    cellContent = listFormatter.format([labels[0], `${value.length - 1} more`]);
+  } else {
+    cellContent = listFormatter.format(labels);
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
+    children: cellContent
+  });
+};
+function controller(config) {
+  const optionsWithStringValues = config.fieldMeta.options.map(x => ({
+    label: x.label,
+    value: x.value.toString()
+  }));
+  const valuesToOptionsWithStringValues = Object.fromEntries(optionsWithStringValues.map(option => [option.value, option]));
+  const parseValue = value => config.fieldMeta.type === 'integer' ? parseInt(value) : value;
+  return {
+    fieldKey: config.fieldKey,
+    label: config.label,
+    description: config.description,
+    displayMode: config.fieldMeta.displayMode,
+    type: config.fieldMeta.type,
+    options: optionsWithStringValues,
+    valuesToOptionsWithStringValues,
+    defaultValue: config.fieldMeta.defaultValue.map(x => valuesToOptionsWithStringValues[x]),
+    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]);
+      return selectedOptions;
+    },
+    serialize: value => ({
+      [config.fieldKey]: value.map(x => parseValue(x.value))
+    }),
+    graphqlSelection: config.fieldKey
+  };
+}
+
+exports.Cell = Cell;
+exports.Field = Field;
+exports.controller = controller;

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

@@ -0,0 +1,141 @@
+import { useState } from 'react';
+import { useFilter, useListFormatter } from '@react-aria/i18n';
+import { CheckboxGroup, Checkbox } from '@keystar/ui/checkbox';
+import { Combobox, Item } from '@keystar/ui/combobox';
+import { VStack } from '@keystar/ui/layout';
+import { TagGroup } from '@keystar/ui/tag';
+import { Text } from '@keystar/ui/typography';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Field(props) {
+  if (props.field.displayMode === 'checkboxes') return /*#__PURE__*/jsx(CheckboxesModeField, {
+    ...props
+  });
+  return /*#__PURE__*/jsx(SelectModeField, {
+    ...props
+  });
+}
+function SelectModeField(props) {
+  const {
+    field,
+    onChange,
+    value
+  } = props;
+  const [filterText, setFilterText] = useState('');
+  const {
+    contains
+  } = useFilter({
+    sensitivity: 'base'
+  });
+  const items = field.options.filter(option => !value.some(x => x.value === option.value));
+  const filteredItems = filterText ? items.filter(item => contains(item.label, filterText)) : items;
+  return /*#__PURE__*/jsxs(VStack, {
+    gap: "regular",
+    children: [/*#__PURE__*/jsx(Combobox, {
+      label: field.label,
+      description: field.description,
+      isReadOnly: onChange === undefined,
+      items: filteredItems,
+      loadingState: "idle",
+      onInputChange: setFilterText,
+      inputValue: filterText
+      // selectedKey={null}
+      ,
+      onSelectionChange: key => {
+        if (key == null) return;
+        onChange === null || onChange === void 0 || onChange([...value, field.valuesToOptionsWithStringValues[key]]);
+      },
+      width: "auto",
+      children: item => /*#__PURE__*/jsx(Item, {
+        children: item.label
+      }, item.value)
+    }), /*#__PURE__*/jsx(TagGroup, {
+      "aria-label": `${field.label} selected items`,
+      items: value,
+      maxRows: 2,
+      onRemove: keys => {
+        const key = keys.values().next().value;
+        onChange === null || onChange === void 0 || onChange(value.filter(x => x.value !== key));
+      },
+      renderEmptyState: () => /*#__PURE__*/jsx(Text, {
+        color: "neutralSecondary",
+        size: "small",
+        children: "No items\u2026"
+      }),
+      children: item => /*#__PURE__*/jsx(Item, {
+        children: item.label
+      }, item.value)
+    })]
+  });
+}
+function CheckboxesModeField(props) {
+  const {
+    field,
+    onChange,
+    value
+  } = props;
+  return /*#__PURE__*/jsx(CheckboxGroup, {
+    label: field.label,
+    description: field.description,
+    isReadOnly: onChange === undefined,
+    value: value.map(x => x.value),
+    onChange: keys => {
+      onChange === null || onChange === void 0 || onChange(keys.map(key => field.valuesToOptionsWithStringValues[key]));
+    },
+    children: field.options.map(option => /*#__PURE__*/jsx(Checkbox, {
+      value: option.value,
+      children: option.label
+    }, option.value))
+  });
+}
+const Cell = ({
+  value = [],
+  field
+}) => {
+  const listFormatter = useListFormatter({
+    style: 'short',
+    type: 'conjunction'
+  });
+  const labels = value.map(x => field.valuesToOptionsWithStringValues[x].label);
+  let cellContent = null;
+  if (value.length > 3) {
+    cellContent = listFormatter.format([labels[0], `${value.length - 1} more`]);
+  } else {
+    cellContent = listFormatter.format(labels);
+  }
+  return /*#__PURE__*/jsx(Text, {
+    children: cellContent
+  });
+};
+function controller(config) {
+  const optionsWithStringValues = config.fieldMeta.options.map(x => ({
+    label: x.label,
+    value: x.value.toString()
+  }));
+  const valuesToOptionsWithStringValues = Object.fromEntries(optionsWithStringValues.map(option => [option.value, option]));
+  const parseValue = value => config.fieldMeta.type === 'integer' ? parseInt(value) : value;
+  return {
+    fieldKey: config.fieldKey,
+    label: config.label,
+    description: config.description,
+    displayMode: config.fieldMeta.displayMode,
+    type: config.fieldMeta.type,
+    options: optionsWithStringValues,
+    valuesToOptionsWithStringValues,
+    defaultValue: config.fieldMeta.defaultValue.map(x => valuesToOptionsWithStringValues[x]),
+    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]);
+      return selectedOptions;
+    },
+    serialize: value => ({
+      [config.fieldKey]: value.map(x => parseValue(x.value))
+    }),
+    graphqlSelection: config.fieldKey
+  };
+}
+
+export { Cell, Field, controller };

package/fields/types/multiselect/views/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "dist/nixxie-cms-core-fields-types-multiselect-views.cjs.js",
+  "module": "dist/nixxie-cms-core-fields-types-multiselect-views.esm.js"
+}

package/fields/types/password/dist/nixxie-cms-core-fields-types-password.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "../../../../dist/declarations/src/fields/types/password/index.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibml4eGllLWNtcy1jb3JlLWZpZWxkcy10eXBlcy1wYXNzd29yZC5janMuZC50cyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2Rpc3QvZGVjbGFyYXRpb25zL3NyYy9maWVsZHMvdHlwZXMvcGFzc3dvcmQvaW5kZXguZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSJ9

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

@@ -0,0 +1,206 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var bcryptjs = require('bcryptjs');
+var dumbPasswords = require('dumb-passwords');
+var resolveHooks = require('../../../../dist/resolve-hooks-66fe8a8e.cjs.js');
+require('pluralize');
+var nextFields = require('../../../../dist/next-fields-49c025ef.cjs.js');
+var nonNullGraphql = require('../../../../dist/non-null-graphql-17b83ddc.cjs.js');
+require('node:path');
+require('@graphql-ts/schema');
+require('@graphql-ts/extend');
+var graphql = require('graphql');
+require('decimal.js');
+require('graphql-upload/GraphQLUpload.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var bcryptjs__default = /*#__PURE__*/_interopDefault(bcryptjs);
+var dumbPasswords__default = /*#__PURE__*/_interopDefault(dumbPasswords);
+
+const PasswordState = nextFields.g.object()({
+  name: 'PasswordState',
+  fields: {
+    isSet: nextFields.g.field({
+      type: nextFields.g.nonNull(nextFields.g.Boolean)
+    })
+  }
+});
+const PasswordFilter = nextFields.g.inputObject({
+  name: 'PasswordFilter',
+  fields: {
+    isSet: nextFields.g.arg({
+      type: nextFields.g.nonNull(nextFields.g.Boolean)
+    })
+  }
+});
+function password(config = {}) {
+  var _validation$length$mi, _validation$length, _validation$length2;
+  const {
+    kdf = {
+      hash: secret => {
+        // note this is slightly different to checking .length > 72 because
+        // bcrypt will truncate to 72 bytes after utf8 encoding
+        // not JS string length which may be different since that's the utf16 length
+        // (though using characters in the error message makes sense since users shouldn't have to think about bytes and it aligns with the validation messages below)
+        if (bcryptjs__default["default"].truncates(secret)) throw new Error('value must be no longer than 72 characters');
+        return bcryptjs__default["default"].hash(secret, 10);
+      },
+      compare: (secret, hash) => bcryptjs__default["default"].compare(secret, hash)
+    },
+    validation = {}
+  } = config;
+  const {
+    isRequired = false,
+    rejectCommon = false,
+    match,
+    length: {
+      max
+    } = {}
+  } = validation;
+  const min = isRequired ? (_validation$length$mi = (_validation$length = validation.length) === null || _validation$length === void 0 ? void 0 : _validation$length.min) !== null && _validation$length$mi !== void 0 ? _validation$length$mi : 8 : (_validation$length2 = validation.length) === null || _validation$length2 === void 0 ? void 0 : _validation$length2.min;
+  return meta => {
+    var _config$db, _config$db2;
+    if (config.isIndexed === 'unique') {
+      throw Error("isIndexed: 'unique' is not a supported option for field type password");
+    }
+    if (min !== undefined && (!Number.isInteger(min) || min < 0)) {
+      throw new Error(`${meta.listKey}.${meta.fieldKey} specifies validation.length.min: ${min} but it must be a positive integer`);
+    }
+    if (max !== undefined && (!Number.isInteger(max) || max < 0)) {
+      throw new Error(`${meta.listKey}.${meta.fieldKey} specifies validation.length.max: ${max} but it must be a positive integer`);
+    }
+    if (isRequired && min !== undefined && min === 0) {
+      throw new Error(`${meta.listKey}.${meta.fieldKey} specifies validation.isRequired: true and validation.length.min: 0, this is not allowed because validation.isRequired implies at least a min length of 1`);
+    }
+    if (isRequired && max !== undefined && max === 0) {
+      throw new Error(`${meta.listKey}.${meta.fieldKey} specifies validation.isRequired: true and validation.length.max: 0, this is not allowed because validation.isRequired implies at least a max length of 1`);
+    }
+    if (min !== undefined && max !== undefined && min > max) {
+      throw new Error(`${meta.listKey}.${meta.fieldKey} specifies a validation.length.max that is less than the validation.length.min, and therefore has no valid options`);
+    }
+    function inputResolver(val) {
+      if (val == null) return val;
+      return kdf.hash(val);
+    }
+    const hasAdditionalValidation = match || rejectCommon || min !== undefined || max !== undefined;
+    const {
+      mode,
+      validate
+    } = nonNullGraphql.makeValidateHook(meta, config, hasAdditionalValidation ? ({
+      inputData,
+      operation,
+      addValidationError
+    }) => {
+      if (operation === 'delete') return;
+      const value = inputData[meta.fieldKey]; // we use inputData, as resolveData is hashed
+      if (value != null) {
+        if (min !== undefined && value.length < min) {
+          if (min === 1) {
+            addValidationError(`value must not be empty`);
+          } else {
+            addValidationError(`value must be at least ${min} characters long`);
+          }
+        }
+        if (max !== undefined && value.length > max) {
+          addValidationError(`value must be no longer than ${max} characters`);
+        }
+        if (match && !match.regex.test(value)) {
+          var _match$explanation;
+          addValidationError((_match$explanation = match.explanation) !== null && _match$explanation !== void 0 ? _match$explanation : `value must match ${match.regex}`);
+        }
+        if (rejectCommon && dumbPasswords__default["default"].check(value)) {
+          addValidationError(`value is too common and is not allowed`);
+        }
+      }
+    } : undefined);
+    return nextFields.fieldType({
+      kind: 'scalar',
+      scalar: 'String',
+      mode,
+      map: (_config$db = config.db) === null || _config$db === void 0 ? void 0 : _config$db.map,
+      extendPrismaSchema: (_config$db2 = config.db) === null || _config$db2 === void 0 ? void 0 : _config$db2.extendPrismaSchema
+    })({
+      ...config,
+      ...nonNullGraphql.defaultIsRequired(config, isRequired),
+      hooks: {
+        ...config.hooks,
+        validate
+      },
+      input: {
+        where: mode === 'required' ? undefined : {
+          arg: nextFields.g.arg({
+            type: PasswordFilter
+          }),
+          resolve(val) {
+            if (val === null) throw resolveHooks.userInputError('Password filters cannot be set to null');
+            if (val.isSet) return {
+              not: null
+            };
+            return null;
+          }
+        },
+        create: {
+          arg: nextFields.g.arg({
+            type: nextFields.g.String
+          }),
+          resolve(val) {
+            if (val === undefined) return null;
+            return inputResolver(val);
+          }
+        },
+        update: {
+          arg: nextFields.g.arg({
+            type: nextFields.g.String
+          }),
+          resolve: inputResolver
+        }
+      },
+      __ksTelemetryFieldTypeName: '@nixxie-cms/password',
+      views: '@nixxie-cms/core/fields/types/password/views',
+      getAdminMeta: () => {
+        var _match$explanation2;
+        return {
+          isNullable: mode === 'optional',
+          validation: {
+            rejectCommon,
+            match: match ? {
+              regex: {
+                source: match.regex.source,
+                flags: match.regex.flags
+              },
+              explanation: (_match$explanation2 = match.explanation) !== null && _match$explanation2 !== void 0 ? _match$explanation2 : `value must match ${match.regex}`
+            } : null,
+            length: {
+              max: max !== null && max !== void 0 ? max : null,
+              min: min !== null && min !== void 0 ? min : 8
+            }
+          }
+        };
+      },
+      output: nextFields.g.field({
+        type: PasswordState,
+        resolve(val) {
+          return {
+            isSet: val.value !== null
+          };
+        },
+        extensions: {
+          nixxieKDF: kdf
+        }
+      })
+    });
+  };
+}
+function getPasswordFieldKDF(schema, listKey, fieldKey) {
+  const gqlOutputType = schema.getType(listKey);
+  if (!graphql.isObjectType(gqlOutputType)) return null;
+  const passwordField = gqlOutputType.getFields()[fieldKey];
+  if (!(passwordField !== null && passwordField !== void 0 && passwordField.extensions.nixxieKDF)) return null;
+  return passwordField.extensions.nixxieKDF;
+}
+
+exports.getPasswordFieldKDF = getPasswordFieldKDF;
+exports.password = password;