@nixxie-cms/core 1.0.0

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

@@ -0,0 +1,120 @@
+import { Checkbox } from '@keystar/ui/checkbox';
+import { Icon } from '@keystar/ui/icon';
+import { checkIcon } from '@keystar/ui/icon/icons/checkIcon';
+import { Text, VisuallyHidden } from '@keystar/ui/typography';
+import { e as entriesTyped } from '../../../../../dist/utils-f9556354.esm.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function Field({
+  field,
+  value,
+  onChange,
+  autoFocus
+}) {
+  return /*#__PURE__*/jsxs(Checkbox, {
+    autoFocus: autoFocus,
+    isReadOnly: onChange == null,
+    isSelected: value,
+    onChange: onChange,
+    children: [/*#__PURE__*/jsx(Text, {
+      children: field.label
+    }), field.description && /*#__PURE__*/jsx(Text, {
+      slot: "description",
+      children: field.description
+    })]
+  });
+}
+const Cell = ({
+  value
+}) => {
+  return value ? /*#__PURE__*/jsx(Icon, {
+    src: checkIcon,
+    "aria-label": "true"
+  }) : /*#__PURE__*/jsx(VisuallyHidden, {
+    children: "false"
+  });
+};
+function controller(config) {
+  return {
+    fieldKey: config.fieldKey,
+    label: config.label,
+    description: config.description,
+    defaultValue: config.fieldMeta.defaultValue,
+    deserialize(item) {
+      const value = item[config.fieldKey];
+      return typeof value === 'boolean' ? value : false;
+    },
+    serialize(value) {
+      return {
+        [config.fieldKey]: value
+      };
+    },
+    graphqlSelection: config.fieldKey,
+    filter: {
+      Filter(props) {
+        const {
+          autoFocus,
+          context,
+          typeLabel,
+          onChange,
+          value,
+          type,
+          ...otherProps
+        } = props;
+        return /*#__PURE__*/jsxs(Checkbox, {
+          autoFocus: autoFocus,
+          onChange: onChange,
+          isSelected: value,
+          ...otherProps,
+          children: [typeLabel, " ", config.label.toLocaleLowerCase()]
+        });
+      },
+      Label({
+        label,
+        type,
+        value
+      }) {
+        return `${label.toLowerCase()} ${value ? 'true' : 'false'}`;
+      },
+      graphql({
+        type,
+        value
+      }) {
+        return {
+          [config.fieldKey]: {
+            equals: type === 'not' ? !value : value
+          }
+        };
+      },
+      parseGraphQL: value => {
+        return entriesTyped(value).flatMap(([type, value]) => {
+          if (value == null) return [];
+          if (type === 'equals') return {
+            type: 'is',
+            value
+          };
+          if (type === 'not') {
+            if (value.equals == null) return [];
+            return {
+              type: 'not',
+              value: value.equals
+            };
+          }
+          return [];
+        });
+      },
+      types: {
+        is: {
+          label: 'Is',
+          initialValue: true
+        },
+        not: {
+          label: 'Is not',
+          initialValue: true
+        }
+      }
+    }
+  };
+}
+
+export { Cell, Field, controller };

package/fields/types/checkbox/views/package.json

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

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

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

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

@@ -0,0 +1,248 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var textField = require('@keystar/ui/text-field');
+require('pluralize');
+require('../../../../../dist/next-fields-49c025ef.cjs.js');
+var utils = require('../../../../../dist/utils-b031e11c.cjs.js');
+var jsxRuntime = require('react/jsx-runtime');
+var Decimal = require('decimal.js');
+require('@graphql-ts/schema');
+require('@graphql-ts/extend');
+require('graphql-upload/GraphQLUpload.js');
+require('graphql');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var Decimal__default = /*#__PURE__*/_interopDefault(Decimal);
+
+const TYPE_OPERATOR_MAP = {
+  equals: '=',
+  not: '≠',
+  gt: '>',
+  lt: '<',
+  gte: '≥',
+  lte: '≤'
+};
+function validate_(value, validation, isRequired, label) {
+  const {
+    value: input,
+    kind
+  } = value;
+  if (kind === 'update' && value.initial === null && input === null) return;
+  if (isRequired && input === null) return `${label} is required`;
+  if (typeof input !== 'string') return;
+  try {
+    const v = new Decimal__default["default"](input);
+    if (!v.isFinite()) return `${label} is not finite`;
+    if (validation.min && v.lessThan(new Decimal__default["default"](validation.min))) return `${label} must be greater than or equal to ${validation.min}`;
+    if (validation.max && v.greaterThan(new Decimal__default["default"](validation.max))) return `${label} must be less than or equal to ${validation.max}`;
+  } catch (e) {
+    var _e$message;
+    return (_e$message = e === null || e === void 0 ? void 0 : e.message) !== null && _e$message !== void 0 ? _e$message : 'error';
+  }
+}
+function controller(config) {
+  const validate = (value, opts) => {
+    return validate_(value, config.fieldMeta.validation, opts.isRequired, config.label);
+  };
+  return {
+    fieldKey: config.fieldKey,
+    label: config.label,
+    description: config.description,
+    defaultValue: {
+      kind: 'create',
+      value: config.fieldMeta.defaultValue
+    },
+    deserialize: data => ({
+      kind: 'update',
+      value: data[config.fieldKey],
+      initial: data[config.fieldKey]
+    }),
+    serialize: value => ({
+      [config.fieldKey]: value.value
+    }),
+    validation: config.fieldMeta.validation,
+    graphqlSelection: config.fieldKey,
+    filter: {
+      Filter(props) {
+        const {
+          autoFocus,
+          context,
+          forceValidation,
+          typeLabel,
+          onChange,
+          type,
+          value,
+          ...otherProps
+        } = props;
+        const [isDirty, setDirty] = react.useState(false);
+        if (type === 'empty' || type === 'not_empty') return null;
+        const labelProps = context === 'add' ? {
+          label: config.label,
+          description: typeLabel
+        } : {
+          label: typeLabel
+        };
+        return /*#__PURE__*/jsxRuntime.jsx(textField.TextField, {
+          ...otherProps,
+          ...labelProps,
+          autoFocus: autoFocus,
+          errorMessage: (forceValidation || isDirty) && !validate({
+            kind: 'update',
+            initial: null,
+            value
+          }, {
+            isRequired: true
+          }) ? 'Required' : null,
+          inputMode: "decimal",
+          width: "auto",
+          onBlur: () => setDirty(true),
+          onChange: x => onChange === null || onChange === void 0 ? void 0 : onChange(x === '' ? null : x),
+          value: value !== null && value !== void 0 ? value : ''
+        });
+      },
+      graphql: ({
+        type,
+        value
+      }) => {
+        if (type === 'empty') return {
+          [config.fieldKey]: {
+            equals: null
+          }
+        };
+        if (type === 'not_empty') return {
+          [config.fieldKey]: {
+            not: {
+              equals: null
+            }
+          }
+        };
+        if (type === 'not') return {
+          [config.fieldKey]: {
+            not: {
+              equals: value
+            }
+          }
+        };
+        return {
+          [config.fieldKey]: {
+            [type]: value
+          }
+        };
+      },
+      parseGraphQL: value => {
+        return utils.entriesTyped(value).flatMap(([type, value]) => {
+          if (type === 'equals' && value === null) {
+            return [{
+              type: 'empty',
+              value: null
+            }];
+          }
+          if (!value) return [];
+          if (type === 'equals') return {
+            type: 'equals',
+            value: value
+          };
+          if (type === 'not') {
+            if (value.equals === null) return {
+              type: 'not_empty',
+              value: null
+            };
+            return {
+              type: 'not',
+              value: value.equals
+            };
+          }
+          if (type === 'gt' || type === 'gte' || type === 'lt' || type === 'lte') {
+            return {
+              type,
+              value: value
+            };
+          }
+          return [];
+        });
+      },
+      Label({
+        label,
+        type,
+        value
+      }) {
+        if (type === 'empty' || type === 'not_empty') return label.toLocaleLowerCase();
+        const operator = TYPE_OPERATOR_MAP[type];
+        return `${operator} ${value}`;
+      },
+      types: {
+        equals: {
+          label: 'Is exactly',
+          initialValue: null
+        },
+        not: {
+          label: 'Is not exactly',
+          initialValue: null
+        },
+        gt: {
+          label: 'Is greater than',
+          initialValue: null
+        },
+        lt: {
+          label: 'Is less than',
+          initialValue: null
+        },
+        gte: {
+          label: 'Is greater than or equal to',
+          initialValue: null
+        },
+        lte: {
+          label: 'Is less than or equal to',
+          initialValue: null
+        },
+        empty: {
+          label: 'Is empty',
+          initialValue: null
+        },
+        not_empty: {
+          label: 'Is not empty',
+          initialValue: null
+        }
+      }
+    },
+    validate: (value, opts) => validate(value, opts) === undefined
+  };
+}
+function Field({
+  field,
+  value,
+  onChange,
+  autoFocus,
+  forceValidation,
+  isRequired
+}) {
+  var _value$value;
+  const [isDirty, setDirty] = react.useState(false);
+  const isReadOnly = !onChange;
+  const validate = value => {
+    return validate_(value, field.validation, isRequired, field.label);
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(textField.TextField, {
+    autoFocus: autoFocus,
+    description: field.description,
+    label: field.label,
+    errorMessage: (forceValidation || isDirty) && validate(value),
+    isReadOnly: isReadOnly,
+    isRequired: isRequired,
+    inputMode: "numeric",
+    width: "alias.singleLineWidth",
+    onBlur: () => setDirty(true),
+    onChange: x => onChange === null || onChange === void 0 ? void 0 : onChange({
+      ...value,
+      value: x === '' ? null : x
+    }),
+    value: (_value$value = value.value) !== null && _value$value !== void 0 ? _value$value : ''
+  });
+}
+
+exports.Field = Field;
+exports.controller = controller;

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

@@ -0,0 +1,239 @@
+import { useState } from 'react';
+import { TextField } from '@keystar/ui/text-field';
+import 'pluralize';
+import '../../../../../dist/next-fields-9bf04ed8.esm.js';
+import { e as entriesTyped } from '../../../../../dist/utils-f9556354.esm.js';
+import { jsx } from 'react/jsx-runtime';
+import Decimal from 'decimal.js';
+import '@graphql-ts/schema';
+import '@graphql-ts/extend';
+import 'graphql-upload/GraphQLUpload.js';
+import 'graphql';
+
+const TYPE_OPERATOR_MAP = {
+  equals: '=',
+  not: '≠',
+  gt: '>',
+  lt: '<',
+  gte: '≥',
+  lte: '≤'
+};
+function validate_(value, validation, isRequired, label) {
+  const {
+    value: input,
+    kind
+  } = value;
+  if (kind === 'update' && value.initial === null && input === null) return;
+  if (isRequired && input === null) return `${label} is required`;
+  if (typeof input !== 'string') return;
+  try {
+    const v = new Decimal(input);
+    if (!v.isFinite()) return `${label} is not finite`;
+    if (validation.min && v.lessThan(new Decimal(validation.min))) return `${label} must be greater than or equal to ${validation.min}`;
+    if (validation.max && v.greaterThan(new Decimal(validation.max))) return `${label} must be less than or equal to ${validation.max}`;
+  } catch (e) {
+    var _e$message;
+    return (_e$message = e === null || e === void 0 ? void 0 : e.message) !== null && _e$message !== void 0 ? _e$message : 'error';
+  }
+}
+function controller(config) {
+  const validate = (value, opts) => {
+    return validate_(value, config.fieldMeta.validation, opts.isRequired, config.label);
+  };
+  return {
+    fieldKey: config.fieldKey,
+    label: config.label,
+    description: config.description,
+    defaultValue: {
+      kind: 'create',
+      value: config.fieldMeta.defaultValue
+    },
+    deserialize: data => ({
+      kind: 'update',
+      value: data[config.fieldKey],
+      initial: data[config.fieldKey]
+    }),
+    serialize: value => ({
+      [config.fieldKey]: value.value
+    }),
+    validation: config.fieldMeta.validation,
+    graphqlSelection: config.fieldKey,
+    filter: {
+      Filter(props) {
+        const {
+          autoFocus,
+          context,
+          forceValidation,
+          typeLabel,
+          onChange,
+          type,
+          value,
+          ...otherProps
+        } = props;
+        const [isDirty, setDirty] = useState(false);
+        if (type === 'empty' || type === 'not_empty') return null;
+        const labelProps = context === 'add' ? {
+          label: config.label,
+          description: typeLabel
+        } : {
+          label: typeLabel
+        };
+        return /*#__PURE__*/jsx(TextField, {
+          ...otherProps,
+          ...labelProps,
+          autoFocus: autoFocus,
+          errorMessage: (forceValidation || isDirty) && !validate({
+            kind: 'update',
+            initial: null,
+            value
+          }, {
+            isRequired: true
+          }) ? 'Required' : null,
+          inputMode: "decimal",
+          width: "auto",
+          onBlur: () => setDirty(true),
+          onChange: x => onChange === null || onChange === void 0 ? void 0 : onChange(x === '' ? null : x),
+          value: value !== null && value !== void 0 ? value : ''
+        });
+      },
+      graphql: ({
+        type,
+        value
+      }) => {
+        if (type === 'empty') return {
+          [config.fieldKey]: {
+            equals: null
+          }
+        };
+        if (type === 'not_empty') return {
+          [config.fieldKey]: {
+            not: {
+              equals: null
+            }
+          }
+        };
+        if (type === 'not') return {
+          [config.fieldKey]: {
+            not: {
+              equals: value
+            }
+          }
+        };
+        return {
+          [config.fieldKey]: {
+            [type]: value
+          }
+        };
+      },
+      parseGraphQL: value => {
+        return entriesTyped(value).flatMap(([type, value]) => {
+          if (type === 'equals' && value === null) {
+            return [{
+              type: 'empty',
+              value: null
+            }];
+          }
+          if (!value) return [];
+          if (type === 'equals') return {
+            type: 'equals',
+            value: value
+          };
+          if (type === 'not') {
+            if (value.equals === null) return {
+              type: 'not_empty',
+              value: null
+            };
+            return {
+              type: 'not',
+              value: value.equals
+            };
+          }
+          if (type === 'gt' || type === 'gte' || type === 'lt' || type === 'lte') {
+            return {
+              type,
+              value: value
+            };
+          }
+          return [];
+        });
+      },
+      Label({
+        label,
+        type,
+        value
+      }) {
+        if (type === 'empty' || type === 'not_empty') return label.toLocaleLowerCase();
+        const operator = TYPE_OPERATOR_MAP[type];
+        return `${operator} ${value}`;
+      },
+      types: {
+        equals: {
+          label: 'Is exactly',
+          initialValue: null
+        },
+        not: {
+          label: 'Is not exactly',
+          initialValue: null
+        },
+        gt: {
+          label: 'Is greater than',
+          initialValue: null
+        },
+        lt: {
+          label: 'Is less than',
+          initialValue: null
+        },
+        gte: {
+          label: 'Is greater than or equal to',
+          initialValue: null
+        },
+        lte: {
+          label: 'Is less than or equal to',
+          initialValue: null
+        },
+        empty: {
+          label: 'Is empty',
+          initialValue: null
+        },
+        not_empty: {
+          label: 'Is not empty',
+          initialValue: null
+        }
+      }
+    },
+    validate: (value, opts) => validate(value, opts) === undefined
+  };
+}
+function Field({
+  field,
+  value,
+  onChange,
+  autoFocus,
+  forceValidation,
+  isRequired
+}) {
+  var _value$value;
+  const [isDirty, setDirty] = useState(false);
+  const isReadOnly = !onChange;
+  const validate = value => {
+    return validate_(value, field.validation, isRequired, field.label);
+  };
+  return /*#__PURE__*/jsx(TextField, {
+    autoFocus: autoFocus,
+    description: field.description,
+    label: field.label,
+    errorMessage: (forceValidation || isDirty) && validate(value),
+    isReadOnly: isReadOnly,
+    isRequired: isRequired,
+    inputMode: "numeric",
+    width: "alias.singleLineWidth",
+    onBlur: () => setDirty(true),
+    onChange: x => onChange === null || onChange === void 0 ? void 0 : onChange({
+      ...value,
+      value: x === '' ? null : x
+    }),
+    value: (_value$value = value.value) !== null && _value$value !== void 0 ? _value$value : ''
+  });
+}
+
+export { Field, controller };

package/fields/types/decimal/views/package.json

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

package/fields/types/file/utils/package.json

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

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

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