@akemona-org/strapi-plugin-content-type-builder 3.7.0

package/admin/src/containers/FormModal/attributes/validation/common.js

@@ -0,0 +1,151 @@
+import * as yup from 'yup';
+import { get, toNumber } from 'lodash';
+import { translatedErrors as errorsTrads } from 'strapi-helper-plugin';
+import getTrad from '../../../../utils/getTrad';
+
+const NAME_REGEX = new RegExp('^[A-Za-z][_0-9A-Za-z]*$');
+
+const alreadyUsedAttributeNames = usedNames => {
+  return {
+    name: 'attributeNameAlreadyUsed',
+    message: errorsTrads.unique,
+    test: value => {
+      if (!value) {
+        return false;
+      }
+
+      return !usedNames.includes(value);
+    },
+  };
+};
+
+const getUsedContentTypeAttributeNames = (ctShema, isEdition, attributeNameToEdit) => {
+  const attributes = get(ctShema, ['schema', 'attributes'], {});
+
+  return Object.keys(attributes).filter(attr => {
+    if (isEdition) {
+      return attr !== attributeNameToEdit;
+    }
+
+    return true;
+  });
+};
+
+const isNameAllowed = reservedNames => {
+  return {
+    name: 'forbiddenAttributeName',
+    message: getTrad('error.attributeName.reserved-name'),
+    test: value => {
+      if (!value) {
+        return false;
+      }
+
+      return !reservedNames.includes(value);
+    },
+  };
+};
+
+const validators = {
+  default: () => yup.string().nullable(),
+  max: () =>
+    yup
+      .number()
+      .integer()
+      .nullable(),
+  min: () =>
+    yup
+      .number()
+      .integer()
+      .when('max', (max, schema) => {
+        if (max) {
+          return schema.max(max, getTrad('error.validation.minSupMax'));
+        }
+
+        return schema;
+      })
+      .nullable(),
+  maxLength: () =>
+    yup
+      .number()
+      .integer()
+      .nullable(),
+  minLength: () =>
+    yup
+      .number()
+      .integer()
+      .when('maxLength', (maxLength, schema) => {
+        if (maxLength) {
+          return schema.max(maxLength, getTrad('error.validation.minSupMax'));
+        }
+
+        return schema;
+      })
+      .nullable(),
+  name: (usedNames, reservedNames) => {
+    return yup
+      .string()
+      .test(alreadyUsedAttributeNames(usedNames))
+      .test(isNameAllowed(reservedNames))
+      .matches(NAME_REGEX, errorsTrads.regex)
+      .required(errorsTrads.required);
+  },
+  required: () => yup.boolean(),
+  type: () => yup.string().required(errorsTrads.required),
+  unique: () => yup.boolean().nullable(),
+};
+
+const createTextShape = (usedAttributeNames, reservedNames) => {
+  const shape = {
+    name: validators.name(usedAttributeNames, reservedNames),
+    type: validators.type(),
+    default: validators.default(),
+    unique: validators.unique(),
+    required: validators.required(),
+    maxLength: validators.maxLength(),
+    minLength: validators.minLength(),
+    regex: yup
+      .string()
+      .test({
+        name: 'isValidRegExpPattern',
+        message: getTrad('error.validation.regex'),
+        test: value => {
+          return new RegExp(value) !== null;
+        },
+      })
+      .nullable(),
+  };
+
+  return shape;
+};
+
+const isMinSuperiorThanMax = {
+  name: 'isMinSuperiorThanMax',
+  message: getTrad('error.validation.minSupMax'),
+  test(min) {
+    if (!min) {
+      return true;
+    }
+
+    const { max } = this.parent;
+
+    if (!max) {
+      return true;
+    }
+
+    if (Number.isNaN(toNumber(min))) {
+      return true;
+    }
+
+    return toNumber(max) >= toNumber(min);
+  },
+};
+
+export {
+  alreadyUsedAttributeNames,
+  createTextShape,
+  getUsedContentTypeAttributeNames,
+  isMinSuperiorThanMax,
+  isNameAllowed,
+  validators,
+  NAME_REGEX,
+};

package/admin/src/containers/FormModal/category/createCategorySchema.js

@@ -0,0 +1,28 @@
+import * as yup from 'yup';
+import { toLower } from 'lodash';
+import { translatedErrors as errorsTrads } from 'strapi-helper-plugin';
+import CATEGORY_NAME_REGEX from './regex';
+
+const createCategorySchema = usedCategoryNames => {
+  const shape = {
+    name: yup
+      .string()
+      .matches(CATEGORY_NAME_REGEX, errorsTrads.regex)
+      .test({
+        name: 'nameNotAllowed',
+        message: errorsTrads.unique,
+        test: value => {
+          if (!value) {
+            return false;
+          }
+
+          return !usedCategoryNames.includes(toLower(value));
+        },
+      })
+      .required(errorsTrads.required),
+  };
+
+  return yup.object(shape);
+};
+
+export default createCategorySchema;

package/admin/src/containers/FormModal/category/form.js

@@ -0,0 +1,27 @@
+import getTrad from '../../../utils/getTrad';
+
+const form = {
+  base: {
+    items: [
+      [
+        {
+          autoFocus: true,
+          name: 'name',
+          type: 'text',
+          label: {
+            id: getTrad('modalForm.attribute.form.base.name'),
+          },
+
+          validations: {
+            required: true,
+          },
+          description: {
+            id: getTrad('modalForm.editCategory.base.name.description'),
+          },
+        },
+      ],
+    ],
+  },
+};
+
+export default form;

package/admin/src/containers/FormModal/category/index.js

@@ -0,0 +1,3 @@
+export { default as categoryForm } from './form';
+export { default as createCategorySchema } from './createCategorySchema';
+export { default as CATEGORY_NAME_REGEX } from './regex';

package/admin/src/containers/FormModal/category/regex.js

@@ -0,0 +1,3 @@
+const CATEGORY_NAME_REGEX = new RegExp('^[A-Za-z][-_0-9A-Za-z]*$');
+
+export default CATEGORY_NAME_REGEX;

package/admin/src/containers/FormModal/component/componentField.js

@@ -0,0 +1,25 @@
+import getTrad from '../../../utils/getTrad';
+
+const componentField = {
+  label: {
+    id: getTrad('modalForm.attribute.text.type-selection'),
+  },
+  name: 'createComponent',
+  type: 'booleanBox',
+  size: 12,
+  options: [
+    {
+      headerId: getTrad('form.attribute.component.option.create'),
+      descriptionId: getTrad('form.attribute.component.option.create.description'),
+      value: true,
+    },
+    {
+      headerId: getTrad('form.attribute.component.option.reuse-existing'),
+      descriptionId: getTrad('form.attribute.component.option.reuse-existing.description'),
+      value: false,
+    },
+  ],
+  validations: {},
+};
+
+export default componentField;

package/admin/src/containers/FormModal/component/createComponentSchema.js

@@ -0,0 +1,49 @@
+import * as yup from 'yup';
+import { toLower, trim } from 'lodash';
+import { translatedErrors as errorsTrads } from 'strapi-helper-plugin';
+import getTrad from '../../../utils/getTrad';
+import { createComponentUid } from '../utils/createUid';
+import { CATEGORY_NAME_REGEX } from '../category';
+
+const createComponentSchema = (usedComponentNames, reservedNames, category) => {
+  const shape = {
+    name: yup
+      .string()
+      .test({
+        name: 'nameAlreadyUsed',
+        message: errorsTrads.unique,
+        test: value => {
+          if (!value) {
+            return false;
+          }
+
+          const name = createComponentUid(value, category);
+
+          return !usedComponentNames.includes(name);
+        },
+      })
+      .test({
+        name: 'nameNotAllowed',
+        message: getTrad('error.contentTypeName.reserved-name'),
+        test: value => {
+          if (!value) {
+            return false;
+          }
+
+          return !reservedNames.includes(toLower(trim(value)));
+        },
+      })
+      .required(errorsTrads.required),
+    category: yup
+      .string()
+      .matches(CATEGORY_NAME_REGEX, errorsTrads.regex)
+      .required(errorsTrads.required),
+
+    icon: yup.string().required(errorsTrads.required),
+    collectionName: yup.string().nullable(),
+  };
+
+  return yup.object(shape);
+};
+
+export default createComponentSchema;

package/admin/src/containers/FormModal/component/form.js

@@ -0,0 +1,67 @@
+import getTrad from '../../../utils/getTrad';
+
+const componentForm = {
+  base(prefix = '') {
+    const items = [
+      [
+        {
+          autoFocus: true,
+          name: `${prefix}name`,
+          type: 'text',
+          label: {
+            id: getTrad('modalForm.attribute.form.base.name'),
+          },
+
+          validations: {
+            required: true,
+          },
+        },
+        {
+          autoFocus: true,
+          name: `${prefix}category`,
+          type: 'creatableSelect',
+          label: {
+            id: getTrad('modalForm.components.create-component.category.label'),
+          },
+          validations: {
+            required: true,
+          },
+        },
+      ],
+      [
+        {
+          name: `${prefix}icon`,
+          type: 'componentIconPicker',
+          size: 12,
+          label: {
+            id: getTrad('modalForm.components.icon.label'),
+          },
+        },
+      ],
+    ];
+
+    return items;
+  },
+  advanced(prefix = '') {
+    const items = [
+      [
+        {
+          autoFocus: true,
+          label: {
+            id: getTrad('contentType.collectionName.label'),
+          },
+          description: {
+            id: getTrad('contentType.collectionName.description'),
+          },
+          name: `${prefix}collectionName`,
+          type: 'text',
+          validations: {},
+        },
+      ],
+    ];
+
+    return items;
+  },
+};
+
+export default componentForm;

package/admin/src/containers/FormModal/component/index.js

@@ -0,0 +1,4 @@
+// eslint-disable-next-line import/prefer-default-export
+export { default as createComponentSchema } from './createComponentSchema';
+export { default as componentField } from './componentField';
+export { default as componentForm } from './form';

package/admin/src/containers/FormModal/constants.js

@@ -0,0 +1,11 @@
+export const ADD_COMPONENTS_TO_DYNAMIC_ZONE = 'ContentTypeBuilder/FormModal/ADD_COMPONENTS_TO_DYNAMIC_ZONE';
+export const ON_CHANGE = 'ContentTypeBuilder/FormModal/ON_CHANGE';
+export const ON_CHANGE_ALLOWED_TYPE = 'ContentTypeBuilder/FormModal/ON_CHANGE_ALLOWED_TYPE';
+export const RESET_PROPS = 'ContentTypeBuilder/FormModal/RESET_PROPS';
+export const RESET_PROPS_AND_SET_FORM_FOR_ADDING_AN_EXISTING_COMPO = 'ContentTypeBuilder/FormModal/RESET_PROPS_AND_SET_FORM_FOR_ADDING_AN_EXISTING_COMPO';
+export const RESET_PROPS_AND_SAVE_CURRENT_DATA = 'ContentTypeBuilder/FormModal/RESET_PROPS_AND_SAVE_CURRENT_DATA';
+export const RESET_PROPS_AND_SET_THE_FORM_FOR_ADDING_A_COMPO_TO_A_DZ = 'ContentTypeBuilder/FormModal/RESET_PROPS_AND_SET_THE_FORM_FOR_ADDING_A_COMPO_TO_A_DZ';
+export const SET_DATA_TO_EDIT = 'ContentTypeBuilder/FormModal/SET_DATA_TO_EDIT';
+export const SET_ATTRIBUTE_DATA_SCHEMA = 'ContentTypeBuilder/FormModal/SET_ATTRIBUTE_DATA_SCHEMA';
+export const SET_DYNAMIC_ZONE_DATA_SCHEMA = 'ContentTypeBuilder/FormModal/SET_DYNAMIC_ZONE_DATA_SCHEMA';
+export const SET_ERRORS = 'ContentTypeBuilder/FormModal/SET_ERRORS';

package/admin/src/containers/FormModal/contentType/createContentTypeSchema.js

@@ -0,0 +1,44 @@
+import * as yup from 'yup';
+import { toLower, trim } from 'lodash';
+import { translatedErrors as errorsTrads } from 'strapi-helper-plugin';
+import getTrad from '../../../utils/getTrad';
+import { createUid } from '../utils/createUid';
+
+const createContentTypeSchema = (usedContentTypeNames, reservedNames) => {
+  const shape = {
+    name: yup
+      .string()
+      .test({
+        name: 'nameAlreadyUsed',
+        message: errorsTrads.unique,
+        test: value => {
+          if (!value) {
+            return false;
+          }
+
+          const name = createUid(value);
+
+          return !usedContentTypeNames.includes(name);
+        },
+      })
+      .test({
+        name: 'nameNotAllowed',
+        message: getTrad('error.contentTypeName.reserved-name'),
+        test: value => {
+          if (!value) {
+            return false;
+          }
+
+          return !reservedNames.includes(toLower(trim(value)));
+        },
+      })
+      .required(errorsTrads.required),
+    collectionName: yup.string(),
+    draftAndPublish: yup.boolean(),
+    kind: yup.string().oneOf(['singleType', 'collectionType']),
+  };
+
+  return yup.object(shape);
+};
+
+export default createContentTypeSchema;

package/admin/src/containers/FormModal/contentType/form.js

@@ -0,0 +1,116 @@
+import getTrad from '../../../utils/getTrad';
+
+const nameField = {
+  autoFocus: true,
+  name: 'name',
+  type: 'text',
+  label: {
+    id: getTrad('contentType.displayName.label'),
+  },
+  validations: {
+    required: true,
+  },
+};
+
+const forms = {
+  advanced: {
+    default: () => {
+      return {
+        items: [
+          [
+            {
+              type: 'dividerDraftPublish',
+            },
+          ],
+          [
+            {
+              label: {
+                id: getTrad('contentType.draftAndPublish.label'),
+              },
+              description: {
+                id: getTrad('contentType.draftAndPublish.description'),
+              },
+              name: 'draftAndPublish',
+              type: 'bool',
+              validations: {},
+            },
+          ],
+          [{ type: 'divider' }],
+          [
+            {
+              autoFocus: true,
+              label: {
+                id: getTrad('contentType.collectionName.label'),
+              },
+              description: {
+                id: getTrad('contentType.collectionName.description'),
+              },
+              name: 'collectionName',
+              type: 'text',
+              validations: {},
+            },
+          ],
+        ],
+      };
+    },
+  },
+  base: {
+    create: value => {
+      return {
+        items: [
+          [
+            nameField,
+            {
+              description: {
+                id: getTrad('contentType.UID.description'),
+              },
+              label: 'UID',
+              name: 'uid',
+              type: 'text',
+              readOnly: true,
+              disabled: true,
+              value,
+            },
+          ],
+        ],
+      };
+    },
+    edit: () => {
+      return {
+        items: [
+          [
+            nameField,
+            {
+              label: {
+                id: getTrad('modalForm.attribute.text.type-selection'),
+              },
+              name: 'kind',
+              type: 'booleanBox',
+              size: 12,
+              onChangeCallback: () =>
+                strapi.notification.toggle({
+                  type: 'info',
+                  message: { id: getTrad('contentType.kind.change.warning') },
+                }),
+              options: [
+                {
+                  headerId: getTrad('menu.section.models.name.singular'),
+                  descriptionId: getTrad('form.button.collection-type.description'),
+                  value: 'collectionType',
+                },
+                {
+                  headerId: getTrad('menu.section.single-types.name.singular'),
+                  descriptionId: getTrad('form.button.single-type.description'),
+                  value: 'singleType',
+                },
+              ],
+              validations: {},
+            },
+          ],
+        ],
+      };
+    },
+  },
+};
+
+export default forms;

package/admin/src/containers/FormModal/contentType/index.js

@@ -0,0 +1,2 @@
+export { default as contentTypeForm } from './form';
+export { default as createContentTypeSchema } from './createContentTypeSchema';

package/admin/src/containers/FormModal/dynamicZone/form.js

@@ -0,0 +1,45 @@
+import getTrad from '../../../utils/getTrad';
+import { componentField, componentForm } from '../component';
+
+const form = {
+  advanced: {
+    default: () => {
+      return {
+        items: componentForm.advanced('componentToCreate.'),
+      };
+    },
+  },
+  base: {
+    createComponent: () => {
+      return {
+        items: [
+          [componentField],
+          [{ type: 'spacer' }],
+          ...componentForm.base('componentToCreate.'),
+        ],
+      };
+    },
+    default: () => {
+      return {
+        items: [
+          [componentField],
+          [{ type: 'spacer' }],
+          [
+            { type: 'pushRight', size: 6 },
+            {
+              name: 'components',
+              type: 'componentSelect',
+              label: {
+                id: getTrad('modalForm.attributes.select-components'),
+              },
+              isMultiple: true,
+            },
+          ],
+          [{ type: 'spacer-small' }],
+        ],
+      };
+    },
+  },
+};
+
+export default form;

package/admin/src/containers/FormModal/dynamicZone/index.js

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/prefer-default-export
+export { default as dynamiczoneForm } from './form';