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

package/admin/src/icons/ManyToMany.js

@@ -0,0 +1,98 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const ManyToMany = ({ isSelected, ...rest }) => {
+  const stroke = isSelected ? '#1C5DE7' : '#919BAE';
+  let rectProps = {
+    strokeOpacity: '.1',
+    stroke: '#101622',
+  };
+
+  if (isSelected) {
+    rectProps = {
+      stroke: '#1C5DE7',
+    };
+  }
+
+  return (
+    <svg
+      {...rest}
+      width="41"
+      height="41"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+    >
+      <defs>
+        <rect id="a" x="0" y="0" width="41" height="41" rx="2" />
+      </defs>
+      <g transform="matrix(-1 0 0 1 41 0)" fill="none" fillRule="evenodd">
+        <use fill="#FFF" xlinkHref="#a" />
+        <rect {...rectProps} x=".5" y=".5" width="40" height="40" rx="2" />
+        <path
+          stroke={stroke}
+          d="M13.5 20.5h13v1h-13zM13.15 18.813l13.481-6.575.439.898-13.482 6.576z"
+        />
+        <rect stroke={stroke} x="27.5" y="17.5" width="6" height="6" rx="3" />
+        <rect stroke={stroke} x="27.5" y="8.5" width="6" height="6" rx="3" />
+        <path
+          stroke={stroke}
+          d="M26.85 28.813L13.37 22.238l-.439.898 13.482 6.576z"
+        />
+        <rect
+          stroke={stroke}
+          transform="matrix(-1 0 0 1 61 0)"
+          x="27.5"
+          y="26.5"
+          width="6"
+          height="6"
+          rx="3"
+        />
+        <path
+          stroke={stroke}
+          d="M13.52 12.687l13.482 6.575.439-.898-13.482-6.576z"
+        />
+        <rect
+          stroke={stroke}
+          transform="matrix(1 0 0 -1 0 41)"
+          x="6.871"
+          y="17.5"
+          width="6"
+          height="6"
+          rx="3"
+        />
+        <rect
+          stroke={stroke}
+          transform="matrix(1 0 0 -1 0 23)"
+          x="6.871"
+          y="8.5"
+          width="6"
+          height="6"
+          rx="3"
+        />
+        <path
+          stroke={stroke}
+          d="M12.668 29.229l14.335-6.992.439.899-14.335 6.992z"
+        />
+        <rect
+          stroke={stroke}
+          transform="matrix(1 0 0 -1 0 59)"
+          x="6.871"
+          y="26.5"
+          width="6"
+          height="6"
+          rx="3"
+        />
+      </g>
+    </svg>
+  );
+};
+
+ManyToMany.defaultProps = {
+  isSelected: false,
+};
+
+ManyToMany.propTypes = {
+  isSelected: PropTypes.bool,
+};
+
+export default ManyToMany;

package/admin/src/icons/ManyToOne.js

@@ -0,0 +1,64 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const ManyToOne = ({ isSelected, ...rest }) => {
+  const stroke = isSelected ? '#1C5DE7' : '#919BAE';
+  let rectProps = {
+    strokeOpacity: '.1',
+    stroke: '#101622',
+  };
+
+  if (isSelected) {
+    rectProps = {
+      stroke: '#1C5DE7',
+    };
+  }
+
+  return (
+    <svg
+      {...rest}
+      width="41"
+      height="41"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+    >
+      <defs>
+        <rect id="a" x="0" y="0" width="41" height="41" rx="2" />
+      </defs>
+      <g transform="matrix(-1 0 0 1 41 0)" fill="none" fillRule="evenodd">
+        <use fill="#FFF" xlinkHref="#a" />
+        <rect {...rectProps} x=".5" y=".5" width="40" height="40" rx="2" />
+        <path
+          stroke={stroke}
+          d="M13.5 21.25h13v1h-13zM12.225 19.642l14.83-7.233.439.899-14.83 7.233z"
+        />
+        <rect stroke={stroke} x="6.5" y="18.5" width="6" height="6" rx="3" />
+        <rect stroke={stroke} x="27.5" y="18.5" width="6" height="6" rx="3" />
+        <rect stroke={stroke} x="27.5" y="8.5" width="6" height="6" rx="3" />
+        <path
+          stroke={stroke}
+          d="M27.275 30.142l-14.83-7.233-.439.899 14.83 7.233z"
+        />
+        <rect
+          stroke={stroke}
+          transform="matrix(-1 0 0 1 61 0)"
+          x="27.5"
+          y="28.5"
+          width="6"
+          height="6"
+          rx="3"
+        />
+      </g>
+    </svg>
+  );
+};
+
+ManyToOne.defaultProps = {
+  isSelected: false,
+};
+
+ManyToOne.propTypes = {
+  isSelected: PropTypes.bool,
+};
+
+export default ManyToOne;

package/admin/src/icons/ManyWay.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const ManyWay = ({ isSelected, ...rest }) => {
+  const rectStroke = isSelected ? '#1C5DE7' : '#E3E9F3';
+  const stroke = isSelected ? '#1C5DE7' : '#ABB3C2';
+  const otherStroke = isSelected ? '#1C5DE7' : '#ABB3C4';
+
+  return (
+    <svg {...rest} width="41" height="41" xmlns="http://www.w3.org/2000/svg">
+      <g fill="none" fillRule="evenodd">
+        <rect width="41" height="41" rx="2" fill="#FFF" />
+        <rect stroke={rectStroke} x=".5" y=".5" width="40" height="40" rx="2" />
+        <g transform="translate(7.5 6)">
+          <path stroke={stroke} d="M6.5 15.25h14v1h-14z" />
+          <rect stroke={stroke} y="12.5" width="6" height="6" rx="3" />
+          <path stroke={otherStroke} d="M26 15.5l-5 3v-6z" />
+          <path stroke={stroke} d="M5.965 17.283l12.124 7-.5.867-12.124-7z" />
+          <path stroke={otherStroke} d="M22.727 27.25l-5.83.098 3-5.196z" />
+          <path stroke={stroke} d="M5.965 13.717l12.124-7-.5-.867-12.124 7z" />
+          <path stroke={otherStroke} d="M22.727 3.75l-5.83-.098 3 5.196z" />
+        </g>
+      </g>
+    </svg>
+  );
+};
+
+ManyWay.defaultProps = {
+  isSelected: false,
+};
+
+ManyWay.propTypes = {
+  isSelected: PropTypes.bool,
+};
+
+export default ManyWay;

package/admin/src/icons/OneToMany.js

@@ -0,0 +1,65 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const OneToMany = ({ isSelected, ...rest }) => {
+  const stroke = isSelected ? '#1C5DE7' : '#919BAE';
+  let rectProps = {
+    strokeOpacity: '.1',
+    stroke: '#1C5DE7',
+  };
+
+  if (isSelected) {
+    rectProps = {
+      stroke: '#1C5DE7',
+    };
+  }
+
+  return (
+    <svg
+      {...rest}
+      width="41"
+      height="41"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+    >
+      <defs>
+        <rect id="a" x="0" y="0" width="41" height="41" rx="2" />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="#FFF" xlinkHref="#a" />
+        <rect {...rectProps} x=".5" y=".5" width="40" height="40" rx="2" />
+        <path fill={stroke} d="M13 20.75h14v2H13z" />
+        <path
+          fill={stroke}
+          d="M11.447 19.437l15.73-7.672.876 1.798-15.729 7.672z"
+        />
+        <rect stroke={stroke} x="6.5" y="18.5" width="6" height="6" rx="3" />
+        <rect stroke={stroke} x="27.5" y="18.5" width="6" height="6" rx="3" />
+        <rect stroke={stroke} x="27.5" y="8.5" width="6" height="6" rx="3" />
+        <path
+          fill={stroke}
+          d="M27.943 29.912L12.214 22.24l-.657 1.348 15.729 7.672z"
+        />
+        <rect
+          stroke={stroke}
+          transform="matrix(-1 0 0 1 61 0)"
+          x="27.5"
+          y="28.5"
+          width="6"
+          height="6"
+          rx="3"
+        />
+      </g>
+    </svg>
+  );
+};
+
+OneToMany.defaultProps = {
+  isSelected: false,
+};
+
+OneToMany.propTypes = {
+  isSelected: PropTypes.bool,
+};
+
+export default OneToMany;

package/admin/src/icons/OneToOne.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const OneToOne = ({ isSelected, ...rest }) => {
+  const stroke = isSelected ? '#1C5DE7' : '#919BAE';
+  let rectProps = {
+    strokeOpacity: '.1',
+    stroke: '#101622',
+  };
+
+  if (isSelected) {
+    rectProps = {
+      stroke: '#1C5DE7',
+    };
+  }
+
+  return (
+    <svg
+      {...rest}
+      width="41"
+      height="41"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+    >
+      <defs>
+        <rect id="a" x="0" y="0" width="41" height="41" rx="2" />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="#FFF" xlinkHref="#a" />
+        <rect {...rectProps} x=".5" y=".5" width="40" height="40" rx="2" />
+        <path stroke={stroke} d="M14 21.25h14v1H14z" />
+        <rect stroke={stroke} x="7.5" y="18.5" width="6" height="6" rx="3" />
+        <rect stroke={stroke} x="28.5" y="18.5" width="6" height="6" rx="3" />
+      </g>
+    </svg>
+  );
+};
+
+OneToOne.defaultProps = {
+  isSelected: false,
+};
+
+OneToOne.propTypes = {
+  isSelected: PropTypes.bool,
+};
+
+export default OneToOne;

package/admin/src/icons/OneWay.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const OneWay = ({ isSelected, ...rest }) => {
+  const stroke = isSelected ? '#1C5DE7' : '#919BAE';
+  let rectProps = {
+    strokeOpacity: '.1',
+    stroke: '#101622',
+  };
+
+  if (isSelected) {
+    rectProps = {
+      stroke: '#1C5DE7',
+    };
+  }
+
+  return (
+    <svg {...rest} width="41" height="41" xmlns="http://www.w3.org/2000/svg">
+      <g fill="none" fillRule="evenodd">
+        <rect width="41" height="41" rx="2" fill="#FFF" />
+        <rect {...rectProps} x=".5" y=".5" width="40" height="40" rx="2" />
+        <path stroke={stroke} d="M14 21.25h14v1H14z" />
+        <rect stroke={stroke} x="7.5" y="18.5" width="6" height="6" rx="3" />
+        <path stroke={stroke} d="M33.5 21.5l-5 3v-6z" />
+      </g>
+    </svg>
+  );
+};
+
+OneWay.defaultProps = {
+  isSelected: false,
+};
+
+OneWay.propTypes = {
+  isSelected: PropTypes.bool,
+};
+
+export default OneWay;

package/admin/src/index.js

@@ -0,0 +1,83 @@
+// NOTE TO PLUGINS DEVELOPERS:
+// If you modify this file by adding new options to the plugin entry point
+// Here's the file: strapi/docs/3.0.0-beta.x/plugin-development/frontend-field-api.md
+// Here's the file: strapi/docs/3.0.0-beta.x/guides/registering-a-field-in-admin.md
+// Also the strapi-generate-plugins/files/admin/src/index.js needs to be updated
+// IF THE DOC IS NOT UPDATED THE PULL REQUEST WILL NOT BE MERGED
+
+import pluginPkg from '../../package.json';
+import pluginLogo from './assets/images/logo.svg';
+import App from './containers/App';
+import Initializer from './containers/Initializer';
+import Link from './InjectedComponents/ContentManager/EditViewLink';
+import Button from './InjectedComponents/ContentManager/EditSettingViewButton';
+import lifecycles from './lifecycles';
+import trads from './translations';
+import pluginPermissions from './permissions';
+import pluginId from './pluginId';
+import reducers from './reducers';
+import formsAPI from './utils/formAPI';
+
+export default strapi => {
+  const pluginDescription = pluginPkg.strapi.description || pluginPkg.description;
+  const icon = pluginPkg.strapi.icon;
+  const name = pluginPkg.strapi.name;
+
+  const plugin = {
+    blockerComponent: null,
+    blockerComponentProps: {},
+    description: pluginDescription,
+    icon,
+    id: pluginId,
+    initializer: Initializer,
+    injectedComponents: [
+      {
+        plugin: 'content-manager.editView',
+        area: 'right.links',
+        component: Link,
+        key: 'content-type-builder.link',
+        props: {
+          message: {
+            id: 'content-manager.containers.Edit.Link.Fields',
+          },
+          icon: 'fa-cog',
+        },
+      },
+      {
+        plugin: 'content-manager.editSettingsView',
+        area: 'left.links',
+        component: Button,
+        key: 'content-type-builder.form',
+      },
+    ],
+    isRequired: pluginPkg.strapi.required || false,
+    layout: null,
+    lifecycles,
+    mainComponent: App,
+    name,
+    pluginLogo,
+    preventComponentRendering: false,
+    reducers,
+    trads,
+    menu: {
+      pluginsSectionLinks: [
+        {
+          destination: `/plugins/${pluginId}`,
+          icon,
+          label: {
+            id: `${pluginId}.plugin.name`,
+            defaultMessage: 'Content-Types Builder',
+          },
+          name,
+          permissions: pluginPermissions.main,
+        },
+      ],
+    },
+    // Internal APIs exposed by the CTB for the other plugins to use
+    apis: {
+      forms: formsAPI,
+    },
+  };
+
+  return strapi.registerPlugin(plugin);
+};

package/admin/src/lifecycles.js

@@ -0,0 +1,13 @@
+/*
+ *
+ * SET THE HOOKS TO ENABLE THE MAGIC OF STRAPI.
+ * -------------------------------------------
+ *
+ * Secure, customise and enhance your project by setting
+ * the hooks via this file.
+ *
+ */
+
+function lifecycles() {}
+
+export default lifecycles;

package/admin/src/permissions.js

@@ -0,0 +1,9 @@
+const pluginPermissions = {
+  // This permission regards the main component (App) and is used to tell
+  // If the plugin link should be displayed in the menu
+  // And also if the plugin is accessible. This use case is found when a user types the url of the
+  // plugin directly in the browser
+  main: [{ action: 'plugins::content-type-builder.read', subject: null }],
+};
+
+export default pluginPermissions;

package/admin/src/pluginId.js

@@ -0,0 +1,5 @@
+import pluginPkg from '../../package.json';
+
+const pluginId = pluginPkg.name.replace(/^strapi-plugin-/i, '');
+
+export default pluginId;

package/admin/src/reducers.js

@@ -0,0 +1,10 @@
+import formModalReducer from './containers/FormModal/reducer';
+import dataManagerProvider from './containers/DataManagerProvider/reducer';
+import pluginId from './pluginId';
+
+const reducers = {
+  [`${pluginId}_formModal`]: formModalReducer,
+  [`${pluginId}_dataManagerProvider`]: dataManagerProvider,
+};
+
+export default reducers;

package/admin/src/translations/ar.json

@@ -0,0 +1,48 @@
+{
+  "attribute.boolean": "منطقي",
+  "attribute.date": "تاريخ",
+  "attribute.email": "بريد الإكتروني",
+  "attribute.enumeration": "تعداد",
+  "attribute.json": "JSON",
+  "attribute.media": "وسائط",
+  "attribute.password": "كلمة سر",
+  "attribute.relation": "علاقة",
+  "attribute.text": "نص",
+  "form.attribute.item.customColumnName": "أسماء الأعمدة المخصصة",
+  "form.attribute.item.customColumnName.description": "يفيد ذلك في إعادة تسمية أسماء أعمدة قاعدة البيانات بتنسيق أكثر شمولاً لاستجابات واجهة برمجة التطبيقات ( API )",
+  "form.attribute.item.defineRelation.fieldName": "اسم الحقل",
+  "form.attribute.item.enumeration.graphql": "تجاوز الاسم لـ GraphQL",
+  "form.attribute.item.enumeration.graphql.description": "يسمح لك بتجاوز الاسم الذي تم إنشاؤه افتراضيًا لـ GraphQL",
+  "form.attribute.item.enumeration.rules": "Values (one line per value)",
+  "form.attribute.item.maximum": "اقصى قيمة",
+  "form.attribute.item.maximumLength": "أقصى طول",
+  "form.attribute.item.minimum": "أدنى قيمة",
+  "form.attribute.item.minimumLength": "أدنى طول",
+  "form.attribute.item.number.type": "تنسيق الرقم",
+  "form.attribute.item.number.type.decimal": "عدد عشري (مثال: 2.22)",
+  "form.attribute.item.number.type.float": "عدد عائم (مثال: 3.33333333)",
+  "form.attribute.item.number.type.integer": "عدد صحيح (مثال: 10)",
+  "form.attribute.item.requiredField": "الحقل مطلوب",
+  "form.attribute.item.requiredField.description": "لن تتمكن من إنشاء إدخال إذا كان هذا الحقل فارغًا",
+  "form.attribute.item.settings.name": "الإعدادات",
+  "form.attribute.item.uniqueField": "حقل فريد",
+  "form.attribute.item.uniqueField.description": "لن تتمكن من إنشاء إدخال إذا كان هناك إدخال حالي بمحتوى متطابق",
+  "form.attribute.settings.default": "القيمة الأفتراضية",
+  "form.button.cancel": "الغاء",
+  "form.button.continue": "استمر",
+  "form.button.save": "حفظ",
+  "from": "من",
+  "modelPage.attribute.relationWith": "علاقة مع",
+  "modelPage.contentHeader.emptyDescription.description": "لا يوجد وصف لنوع المحتوى هذا",
+  "plugin.description.long": "قم بتجميع هيكل البيانات الخاص بـ API الخاص بك. إنشاء حقول وعلاقات جديدة في دقيقة واحدة فقط. يتم إنشاء الملفات وتحديثها تلقائيًا في مشروعك.",
+  "plugin.description.short": "قم بتجميع هيكل البيانات الخاص بـ API الخاص بك.",
+  "popUpForm.navContainer.advanced": "إعدادات متقدمة",
+  "popUpForm.navContainer.base": "إعدادات القاعدة",
+  "popUpWarning.bodyMessage.contentType.delete": "هل أنت متأكد من أنك تريد حذف نوع المحتوى هذا؟",
+  "relation.attributeName.placeholder": "مثال: المؤلف, الفئة, الوسم",
+  "relation.manyToMany": "يملك وينتم للكثير",
+  "relation.manyToOne": "يملك الكثير",
+  "relation.oneToMany": "ينتمي للكثير",
+  "relation.oneToOne": "يتشارك بواحد",
+  "relation.oneWay": "يمتلك واحد"
+}