@nixxie-cms/core 1.0.0

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

@@ -0,0 +1,316 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var textField = require('@keystar/ui/text-field');
+require('@keystar/ui/table');
+var jsxRuntime = require('react/jsx-runtime');
+require('@keystar/ui/style');
+var NullableFieldWrapper = require('../../../../../dist/NullableFieldWrapper-daa0a080.cjs.js');
+require('@babel/runtime/helpers/defineProperty');
+require('@keystar/ui/button');
+require('@keystar/ui/dialog');
+require('@keystar/ui/icon');
+require('@keystar/ui/icon/icons/alertTriangleIcon');
+require('@keystar/ui/layout');
+require('@keystar/ui/notice');
+require('@keystar/ui/slots');
+require('@keystar/ui/typography');
+require('next/link');
+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('next/router');
+require('@react-aria/utils');
+require('@keystar/ui/icon/icons/textCursorInputIcon');
+require('@keystar/ui/utils');
+require('fast-deep-equal');
+require('graphql');
+var utils = require('../../../../../dist/utils-b031e11c.cjs.js');
+require('@keystar/ui/checkbox');
+require('@keystar/ui/icon/icons/cornerDownRightIcon');
+
+function Field(props) {
+  const {
+    autoFocus,
+    field,
+    forceValidation,
+    onChange,
+    value,
+    isRequired
+  } = props;
+  const [shouldShowErrors, setShouldShowErrors] = react.useState(false);
+  const validationMessages = validate(value, field.validation, props.isRequired, field.label);
+  const isReadOnly = onChange == null;
+  const isNull = value.inner.kind === 'null';
+  const isTextArea = field.displayMode === 'textarea';
+  const FieldComponent = isTextArea ? textField.TextArea : textField.TextField;
+  return /*#__PURE__*/jsxRuntime.jsx(NullableFieldWrapper.NullableFieldWrapper, {
+    isAllowed: field.isNullable,
+    autoFocus: isNull && autoFocus,
+    label: field.label,
+    isReadOnly: isReadOnly,
+    isNull: isNull,
+    onChange: () => {
+      if (!onChange) return;
+      const inner = value.inner.kind === 'value' ? {
+        kind: 'null',
+        prev: value.inner.value
+      } : {
+        kind: 'value',
+        value: value.inner.prev
+      };
+      onChange({
+        ...value,
+        inner
+      });
+    },
+    children: /*#__PURE__*/jsxRuntime.jsx(FieldComponent, {
+      autoFocus: autoFocus,
+      description: field.description,
+      label: field.label,
+      errorMessage: !!validationMessages.length && (shouldShowErrors || forceValidation) ? validationMessages.join('. ') : undefined,
+      isDisabled: isNull,
+      isReadOnly: isReadOnly,
+      isRequired: isRequired,
+      onBlur: () => {
+        setShouldShowErrors(true);
+      },
+      onChange: textValue => {
+        if (!onChange) return;
+        onChange({
+          ...value,
+          inner: {
+            kind: 'value',
+            value: textValue
+          }
+        });
+      }
+      // maintain the previous value when set to null in aid of continuity for
+      // the user. it will be cleared when the item is saved
+      ,
+      value: value.inner.kind === 'value' ? value.inner.value : value.inner.prev
+    })
+  });
+}
+function validate(value, validation, isRequired, fieldLabel) {
+  var _validation$length$mi;
+  // if the value is the same as the initial for an update, we don't want to block saving
+  // since we're not gonna send it anyway if it's the same
+  // and going "fix this thing that is unrelated to the thing you're doing" is bad
+  // and also bc it could be null bc of read access control
+  if (value.kind === 'update' && (value.initial.kind === 'null' && value.inner.kind === 'null' || value.initial.kind === 'value' && value.inner.kind === 'value' && value.inner.value === value.initial.value)) {
+    return [];
+  }
+  if (value.inner.kind === 'null') {
+    if (isRequired) return [`${fieldLabel} is required`];
+    return [];
+  }
+  const val = value.inner.value;
+  const min = Math.max((_validation$length$mi = validation.length.min) !== null && _validation$length$mi !== void 0 ? _validation$length$mi : 0, isRequired ? 1 : 0);
+  const messages = [];
+  if (val.length < min) {
+    if (min === 1) {
+      messages.push(`${fieldLabel} must not be empty`);
+    } else {
+      messages.push(`${fieldLabel} must be at least ${min} characters long`);
+    }
+  }
+  if (validation.length.max !== null && val.length > validation.length.max) {
+    messages.push(`${fieldLabel} must be no longer than ${validation.length.max} characters`);
+  }
+  if (validation.match && !validation.match.regex.test(val)) {
+    messages.push(validation.match.explanation || `${fieldLabel} must match ${validation.match.regex}`);
+  }
+  return messages;
+}
+function deserializeTextValue(value) {
+  if (value === null) return {
+    kind: 'null',
+    prev: ''
+  };
+  return {
+    kind: 'value',
+    value
+  };
+}
+function controller(config) {
+  const validation = {
+    length: config.fieldMeta.validation.length,
+    match: config.fieldMeta.validation.match ? {
+      regex: new RegExp(config.fieldMeta.validation.match.regex.source, config.fieldMeta.validation.match.regex.flags),
+      explanation: config.fieldMeta.validation.match.explanation
+    } : null
+  };
+  return {
+    fieldKey: config.fieldKey,
+    label: config.label,
+    description: config.description,
+    defaultValue: {
+      kind: 'create',
+      inner: deserializeTextValue(config.fieldMeta.defaultValue)
+    },
+    displayMode: config.fieldMeta.displayMode,
+    isNullable: config.fieldMeta.isNullable,
+    deserialize: data => {
+      const inner = deserializeTextValue(data[config.fieldKey]);
+      return {
+        kind: 'update',
+        inner,
+        initial: inner
+      };
+    },
+    serialize: value => ({
+      [config.fieldKey]: value.inner.kind === 'null' ? null : value.inner.value
+    }),
+    validation,
+    validate: (val, opts) => validate(val, validation, opts.isRequired, config.label).length === 0,
+    graphqlSelection: config.fieldKey,
+    filter: {
+      Filter(props) {
+        const {
+          autoFocus,
+          context,
+          typeLabel,
+          onChange,
+          type,
+          value,
+          ...otherProps
+        } = props;
+        const labelProps = context === 'add' ? {
+          label: config.label,
+          description: typeLabel
+        } : {
+          label: typeLabel
+        };
+
+        // NOTE: "type" is a valid attribute for an input element, however the
+        // prop represents a filter type in this context e.g. "contains_i", so
+        // we're filtering it out of the spread.
+        // TODO: more consideration is needed for the filter API, once
+        // requirements are better understood.
+        return /*#__PURE__*/jsxRuntime.jsx(textField.TextField, {
+          ...otherProps,
+          ...labelProps,
+          autoFocus: autoFocus,
+          onChange: onChange,
+          value: value
+        });
+      },
+      Label({
+        label,
+        value
+      }) {
+        const trimmedLabel = label.toLowerCase().replace(' exactly', '');
+        return `${trimmedLabel} "${value}"`;
+      },
+      graphql: ({
+        type,
+        value
+      }) => {
+        const isNot = type.startsWith('not_');
+        const key = type === 'is_i' || type === 'not_i' ? 'equals' : type.replace(/_i$/, '').replace('not_', '').replace(/_([a-z])/g, (_, char) => char.toUpperCase());
+        const filter = {
+          [key]: value
+        };
+        return {
+          [config.fieldKey]: {
+            ...(isNot ? {
+              not: filter
+            } : filter),
+            mode: config.fieldMeta.shouldUseModeInsensitive ? 'insensitive' : undefined
+          }
+        };
+      },
+      parseGraphQL: value => {
+        return utils.entriesTyped(value).flatMap(([type, value]) => {
+          if (!value) return [];
+          if (type === 'equals') return {
+            type: 'is_i',
+            value
+          };
+          if (type === 'contains') return {
+            type: 'contains_i',
+            value
+          };
+          if (type === 'startsWith') return {
+            type: 'starts_with_i',
+            value
+          };
+          if (type === 'endsWith') return {
+            type: 'ends_with_i',
+            value
+          };
+          if (type === 'not') {
+            if (value !== null && value !== void 0 && value.equals) return {
+              type: 'not_i',
+              value: value.equals
+            };
+            if (value !== null && value !== void 0 && value.contains) return {
+              type: 'not_contains_i',
+              value: value.contains
+            };
+            if (value !== null && value !== void 0 && value.startsWith) return {
+              type: 'not_starts_with_i',
+              value: value.startsWith
+            };
+            if (value !== null && value !== void 0 && value.endsWith) return {
+              type: 'not_ends_with_i',
+              value: value.endsWith
+            };
+          }
+          return [];
+        });
+      },
+      types: {
+        contains_i: {
+          label: 'Contains',
+          initialValue: ''
+        },
+        not_contains_i: {
+          label: 'Does not contain',
+          initialValue: ''
+        },
+        is_i: {
+          label: 'Is exactly',
+          initialValue: ''
+        },
+        not_i: {
+          label: 'Is not exactly',
+          initialValue: ''
+        },
+        starts_with_i: {
+          label: 'Starts with',
+          initialValue: ''
+        },
+        not_starts_with_i: {
+          label: 'Does not start with',
+          initialValue: ''
+        },
+        ends_with_i: {
+          label: 'Ends with',
+          initialValue: ''
+        },
+        not_ends_with_i: {
+          label: 'Does not end with',
+          initialValue: ''
+        }
+      }
+    }
+  };
+}
+
+exports.Field = Field;
+exports.controller = controller;

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

@@ -0,0 +1,311 @@
+import { useState } from 'react';
+import { TextField, TextArea } from '@keystar/ui/text-field';
+import '@keystar/ui/table';
+import { jsx } from 'react/jsx-runtime';
+import '@keystar/ui/style';
+import { N as NullableFieldWrapper } from '../../../../../dist/NullableFieldWrapper-6ea48af3.esm.js';
+import '@babel/runtime/helpers/defineProperty';
+import '@keystar/ui/button';
+import '@keystar/ui/dialog';
+import '@keystar/ui/icon';
+import '@keystar/ui/icon/icons/alertTriangleIcon';
+import '@keystar/ui/layout';
+import '@keystar/ui/notice';
+import '@keystar/ui/slots';
+import '@keystar/ui/typography';
+import 'next/link';
+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 'next/router';
+import '@react-aria/utils';
+import '@keystar/ui/icon/icons/textCursorInputIcon';
+import '@keystar/ui/utils';
+import 'fast-deep-equal';
+import 'graphql';
+import { e as entriesTyped } from '../../../../../dist/utils-f9556354.esm.js';
+import '@keystar/ui/checkbox';
+import '@keystar/ui/icon/icons/cornerDownRightIcon';
+
+function Field(props) {
+  const {
+    autoFocus,
+    field,
+    forceValidation,
+    onChange,
+    value,
+    isRequired
+  } = props;
+  const [shouldShowErrors, setShouldShowErrors] = useState(false);
+  const validationMessages = validate(value, field.validation, props.isRequired, field.label);
+  const isReadOnly = onChange == null;
+  const isNull = value.inner.kind === 'null';
+  const isTextArea = field.displayMode === 'textarea';
+  const FieldComponent = isTextArea ? TextArea : TextField;
+  return /*#__PURE__*/jsx(NullableFieldWrapper, {
+    isAllowed: field.isNullable,
+    autoFocus: isNull && autoFocus,
+    label: field.label,
+    isReadOnly: isReadOnly,
+    isNull: isNull,
+    onChange: () => {
+      if (!onChange) return;
+      const inner = value.inner.kind === 'value' ? {
+        kind: 'null',
+        prev: value.inner.value
+      } : {
+        kind: 'value',
+        value: value.inner.prev
+      };
+      onChange({
+        ...value,
+        inner
+      });
+    },
+    children: /*#__PURE__*/jsx(FieldComponent, {
+      autoFocus: autoFocus,
+      description: field.description,
+      label: field.label,
+      errorMessage: !!validationMessages.length && (shouldShowErrors || forceValidation) ? validationMessages.join('. ') : undefined,
+      isDisabled: isNull,
+      isReadOnly: isReadOnly,
+      isRequired: isRequired,
+      onBlur: () => {
+        setShouldShowErrors(true);
+      },
+      onChange: textValue => {
+        if (!onChange) return;
+        onChange({
+          ...value,
+          inner: {
+            kind: 'value',
+            value: textValue
+          }
+        });
+      }
+      // maintain the previous value when set to null in aid of continuity for
+      // the user. it will be cleared when the item is saved
+      ,
+      value: value.inner.kind === 'value' ? value.inner.value : value.inner.prev
+    })
+  });
+}
+function validate(value, validation, isRequired, fieldLabel) {
+  var _validation$length$mi;
+  // if the value is the same as the initial for an update, we don't want to block saving
+  // since we're not gonna send it anyway if it's the same
+  // and going "fix this thing that is unrelated to the thing you're doing" is bad
+  // and also bc it could be null bc of read access control
+  if (value.kind === 'update' && (value.initial.kind === 'null' && value.inner.kind === 'null' || value.initial.kind === 'value' && value.inner.kind === 'value' && value.inner.value === value.initial.value)) {
+    return [];
+  }
+  if (value.inner.kind === 'null') {
+    if (isRequired) return [`${fieldLabel} is required`];
+    return [];
+  }
+  const val = value.inner.value;
+  const min = Math.max((_validation$length$mi = validation.length.min) !== null && _validation$length$mi !== void 0 ? _validation$length$mi : 0, isRequired ? 1 : 0);
+  const messages = [];
+  if (val.length < min) {
+    if (min === 1) {
+      messages.push(`${fieldLabel} must not be empty`);
+    } else {
+      messages.push(`${fieldLabel} must be at least ${min} characters long`);
+    }
+  }
+  if (validation.length.max !== null && val.length > validation.length.max) {
+    messages.push(`${fieldLabel} must be no longer than ${validation.length.max} characters`);
+  }
+  if (validation.match && !validation.match.regex.test(val)) {
+    messages.push(validation.match.explanation || `${fieldLabel} must match ${validation.match.regex}`);
+  }
+  return messages;
+}
+function deserializeTextValue(value) {
+  if (value === null) return {
+    kind: 'null',
+    prev: ''
+  };
+  return {
+    kind: 'value',
+    value
+  };
+}
+function controller(config) {
+  const validation = {
+    length: config.fieldMeta.validation.length,
+    match: config.fieldMeta.validation.match ? {
+      regex: new RegExp(config.fieldMeta.validation.match.regex.source, config.fieldMeta.validation.match.regex.flags),
+      explanation: config.fieldMeta.validation.match.explanation
+    } : null
+  };
+  return {
+    fieldKey: config.fieldKey,
+    label: config.label,
+    description: config.description,
+    defaultValue: {
+      kind: 'create',
+      inner: deserializeTextValue(config.fieldMeta.defaultValue)
+    },
+    displayMode: config.fieldMeta.displayMode,
+    isNullable: config.fieldMeta.isNullable,
+    deserialize: data => {
+      const inner = deserializeTextValue(data[config.fieldKey]);
+      return {
+        kind: 'update',
+        inner,
+        initial: inner
+      };
+    },
+    serialize: value => ({
+      [config.fieldKey]: value.inner.kind === 'null' ? null : value.inner.value
+    }),
+    validation,
+    validate: (val, opts) => validate(val, validation, opts.isRequired, config.label).length === 0,
+    graphqlSelection: config.fieldKey,
+    filter: {
+      Filter(props) {
+        const {
+          autoFocus,
+          context,
+          typeLabel,
+          onChange,
+          type,
+          value,
+          ...otherProps
+        } = props;
+        const labelProps = context === 'add' ? {
+          label: config.label,
+          description: typeLabel
+        } : {
+          label: typeLabel
+        };
+
+        // NOTE: "type" is a valid attribute for an input element, however the
+        // prop represents a filter type in this context e.g. "contains_i", so
+        // we're filtering it out of the spread.
+        // TODO: more consideration is needed for the filter API, once
+        // requirements are better understood.
+        return /*#__PURE__*/jsx(TextField, {
+          ...otherProps,
+          ...labelProps,
+          autoFocus: autoFocus,
+          onChange: onChange,
+          value: value
+        });
+      },
+      Label({
+        label,
+        value
+      }) {
+        const trimmedLabel = label.toLowerCase().replace(' exactly', '');
+        return `${trimmedLabel} "${value}"`;
+      },
+      graphql: ({
+        type,
+        value
+      }) => {
+        const isNot = type.startsWith('not_');
+        const key = type === 'is_i' || type === 'not_i' ? 'equals' : type.replace(/_i$/, '').replace('not_', '').replace(/_([a-z])/g, (_, char) => char.toUpperCase());
+        const filter = {
+          [key]: value
+        };
+        return {
+          [config.fieldKey]: {
+            ...(isNot ? {
+              not: filter
+            } : filter),
+            mode: config.fieldMeta.shouldUseModeInsensitive ? 'insensitive' : undefined
+          }
+        };
+      },
+      parseGraphQL: value => {
+        return entriesTyped(value).flatMap(([type, value]) => {
+          if (!value) return [];
+          if (type === 'equals') return {
+            type: 'is_i',
+            value
+          };
+          if (type === 'contains') return {
+            type: 'contains_i',
+            value
+          };
+          if (type === 'startsWith') return {
+            type: 'starts_with_i',
+            value
+          };
+          if (type === 'endsWith') return {
+            type: 'ends_with_i',
+            value
+          };
+          if (type === 'not') {
+            if (value !== null && value !== void 0 && value.equals) return {
+              type: 'not_i',
+              value: value.equals
+            };
+            if (value !== null && value !== void 0 && value.contains) return {
+              type: 'not_contains_i',
+              value: value.contains
+            };
+            if (value !== null && value !== void 0 && value.startsWith) return {
+              type: 'not_starts_with_i',
+              value: value.startsWith
+            };
+            if (value !== null && value !== void 0 && value.endsWith) return {
+              type: 'not_ends_with_i',
+              value: value.endsWith
+            };
+          }
+          return [];
+        });
+      },
+      types: {
+        contains_i: {
+          label: 'Contains',
+          initialValue: ''
+        },
+        not_contains_i: {
+          label: 'Does not contain',
+          initialValue: ''
+        },
+        is_i: {
+          label: 'Is exactly',
+          initialValue: ''
+        },
+        not_i: {
+          label: 'Is not exactly',
+          initialValue: ''
+        },
+        starts_with_i: {
+          label: 'Starts with',
+          initialValue: ''
+        },
+        not_starts_with_i: {
+          label: 'Does not start with',
+          initialValue: ''
+        },
+        ends_with_i: {
+          label: 'Ends with',
+          initialValue: ''
+        },
+        not_ends_with_i: {
+          label: 'Does not end with',
+          initialValue: ''
+        }
+      }
+    }
+  };
+}
+
+export { Field, controller };

package/fields/types/text/views/package.json

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

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

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