@akemona-org/strapi-admin 3.7.0

package/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2015-present Strapi Solutions SAS
+
+Portions of the Strapi software are licensed as follows:
+
+* All software that resides under an "ee/" directory (the “EE Software”), if that directory exists, is licensed under the license defined in "ee/LICENSE".
+
+* All software outside of the above-mentioned directories or restrictions above is available under the "MIT Expat" license as set forth below.
+
+MIT Expat License
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,41 @@
+# Strapi built-in admin panel
+
+---
+
+## Deprecation Warning :warning:
+
+Hello! We have some news to share,
+
+We’ve decided it’ll soon be time to end the support for `strapi-admin`.
+
+After years of iterations, Strapi is going to V4 and we won’t maintain V3 packages when it’ll reach its end-of-support milestone (~end of Q3 2022).
+
+If you’ve been using `strapi-admin` and have migrated to V4 (or if you want to), you can find the equivalent and updated version of this package at this [URL](https://github.com/strapi/strapi/tree/master/packages/core/admin) and with the following name on NPM: `@strapi/admin`.
+
+If you’ve contributed to the development of this package, thank you again for that! We hope to see you on the V4 soon.
+
+The Akemona team
+
+---
+
+## Description
+
+TODO
+
+## Contribute
+
+### Setup
+
+Create a new Strapi project: `strapi new myApp`.
+
+Go in your project: `cd myApp`.
+
+### Development
+
+Start the React application: `cd myApp/admin`, then `npm start`.
+
+The admin panel should now be available at [http://localhost:4000](http://localhost:4000).
+
+### Build
+
+In order to check your updates, you can build the admin panel: `cd myApp`, then `npm run build`.

package/admin/src/app.js

@@ -0,0 +1,242 @@
+/**
+ *
+ * app.js
+ *
+ * Entry point of the application
+ */
+
+// NOTE TO PLUGINS DEVELOPERS:
+// If you modify this file by adding new options to a 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
+
+/* eslint-disable */
+
+import '@babel/polyfill';
+import 'sanitize.css/sanitize.css';
+
+// Third party css library needed
+import 'bootstrap/dist/css/bootstrap.css';
+import 'font-awesome/css/font-awesome.min.css';
+import '@fortawesome/fontawesome-free/css/all.css';
+import '@fortawesome/fontawesome-free/js/all.min.js';
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { Provider } from 'react-redux';
+import { BrowserRouter } from 'react-router-dom';
+// Strapi provider with the internal APIs
+import { StrapiProvider } from 'strapi-helper-plugin';
+import { merge } from 'lodash';
+import Fonts from './components/Fonts';
+import { freezeApp, pluginLoaded, unfreezeApp, updatePlugin } from './containers/App/actions';
+import { showNotification } from './containers/NotificationProvider/actions';
+import { showNotification as showNewNotification } from './containers/NewNotification/actions';
+
+import basename from './utils/basename';
+import injectReducer from './utils/injectReducer';
+import injectSaga from './utils/injectSaga';
+import Strapi from './utils/Strapi';
+
+// Import root component
+import App from './containers/App';
+// Import Language provider
+import LanguageProvider from './containers/LanguageProvider';
+
+import configureStore from './configureStore';
+import { SETTINGS_BASE_URL } from './config';
+
+// Import i18n messages
+import { translationMessages, languages } from './i18n';
+
+import history from './utils/history';
+
+import plugins from './plugins';
+
+const strapi = Strapi();
+
+const pluginsReducers = {};
+const pluginsToLoad = [];
+
+Object.keys(plugins).forEach(current => {
+  const registerPlugin = plugin => {
+    strapi.registerPlugin(plugin);
+
+    return plugin;
+  };
+  const currentPluginFn = plugins[current];
+
+  // By updating this by adding required methods
+  // to load a plugin you need to update this file
+  // strapi-generate-plugins/files/admin/src/index.js needs to be updated
+  const plugin = currentPluginFn({
+    registerComponent: strapi.componentApi.registerComponent,
+    registerField: strapi.fieldApi.registerField,
+    registerPlugin,
+    settingsBaseURL: SETTINGS_BASE_URL || '/settings',
+    middlewares: strapi.middlewares,
+  });
+
+  const pluginTradsPrefixed = languages.reduce((acc, lang) => {
+    const currentLocale = plugin.trads[lang];
+
+    if (currentLocale) {
+      const localeprefixedWithPluginId = Object.keys(currentLocale).reduce((acc2, current) => {
+        acc2[`${plugin.id}.${current}`] = currentLocale[current];
+
+        return acc2;
+      }, {});
+
+      acc[lang] = localeprefixedWithPluginId;
+    }
+
+    return acc;
+  }, {});
+
+  // Retrieve all reducers
+  const pluginReducers = plugin.reducers || {};
+
+  Object.keys(pluginReducers).forEach(reducerName => {
+    pluginsReducers[reducerName] = pluginReducers[reducerName];
+  });
+
+  try {
+    merge(translationMessages, pluginTradsPrefixed);
+    pluginsToLoad.push(plugin);
+  } catch (err) {
+    console.log({ err });
+  }
+});
+
+const initialState = {};
+const store = configureStore(initialState, pluginsReducers, strapi);
+const { dispatch } = store;
+
+// Load plugins, this will be removed in the v4, temporary fix until the plugin API
+// https://plugin-api-rfc.vercel.app/plugin-api/admin.html
+pluginsToLoad.forEach(plugin => {
+  const bootPlugin = plugin.boot;
+
+  if (bootPlugin) {
+    bootPlugin(strapi);
+  }
+
+  dispatch(pluginLoaded(plugin));
+});
+
+// TODO
+const remoteURL = (() => {
+  // Relative URL (ex: /dashboard)
+  if (REMOTE_URL[0] === '/') {
+    return (window.location.origin + REMOTE_URL).replace(/\/$/, '');
+  }
+
+  return REMOTE_URL.replace(/\/$/, '');
+})();
+
+const displayNotification = (message, status) => {
+  console.warn(
+    // Validate the text
+    'Deprecated: Will be deleted.\nPlease use strapi.notification.toggle(config).\nDocs : https://strapi.akemona.com/documentation/developer-docs/latest/development/local-plugins-customization.html#strapi-notification'
+  );
+  dispatch(showNotification(message, status));
+};
+const displayNewNotification = config => {
+  dispatch(showNewNotification(config));
+};
+const lockApp = data => {
+  dispatch(freezeApp(data));
+};
+const unlockApp = () => {
+  dispatch(unfreezeApp());
+};
+
+const lockAppWithOverlay = () => {
+  const overlayblockerParams = {
+    children: <div />,
+    noGradient: true,
+  };
+
+  lockApp(overlayblockerParams);
+};
+
+window.strapi = Object.assign(window.strapi || {}, {
+  node: MODE || 'host',
+  env: NODE_ENV,
+  remoteURL,
+  backendURL: BACKEND_URL === '/' ? window.location.origin : BACKEND_URL,
+  notification: {
+    // New notification api
+    toggle: config => {
+      displayNewNotification(config);
+    },
+    success: message => {
+      displayNotification(message, 'success');
+    },
+    warning: message => {
+      displayNotification(message, 'warning');
+    },
+    error: message => {
+      displayNotification(message, 'error');
+    },
+    info: message => {
+      displayNotification(message, 'info');
+    },
+  },
+  refresh: pluginId => ({
+    translationMessages: translationMessagesUpdated => {
+      render(merge({}, translationMessages, translationMessagesUpdated));
+    },
+    leftMenuSections: leftMenuSectionsUpdated => {
+      store.dispatch(updatePlugin(pluginId, 'leftMenuSections', leftMenuSectionsUpdated));
+    },
+  }),
+  router: history,
+  languages,
+  currentLanguage:
+    window.localStorage.getItem('strapi-admin-language') ||
+    window.navigator.language ||
+    window.navigator.userLanguage ||
+    'en',
+  lockApp,
+  lockAppWithOverlay,
+  unlockApp,
+  injectReducer,
+  injectSaga,
+  store,
+});
+
+const MOUNT_NODE = document.getElementById('app') || document.createElement('div');
+
+const render = messages => {
+  ReactDOM.render(
+    <Provider store={store}>
+      <StrapiProvider strapi={strapi}>
+        <Fonts />
+        <LanguageProvider messages={messages}>
+          <BrowserRouter basename={basename}>
+            <App store={store} />
+          </BrowserRouter>
+        </LanguageProvider>
+      </StrapiProvider>
+    </Provider>,
+    MOUNT_NODE
+  );
+};
+
+if (module.hot) {
+  module.hot.accept(['./i18n', './containers/App'], () => {
+    ReactDOM.unmountComponentAtNode(MOUNT_NODE);
+
+    render(translationMessages);
+  });
+}
+
+if (NODE_ENV !== 'test') {
+  render(translationMessages);
+}
+
+// @Pierre Burgy exporting dispatch for the notifications...
+export { dispatch };

package/admin/src/assets/icons/icon_auth-permissions.svg

@@ -0,0 +1 @@
+<svg width="28" height="26" xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero" fill="none"><path d="M8.453 12.772c-1.54.047-2.799.656-3.778 1.824h-1.91c-.779 0-1.435-.192-1.967-.577C.266 13.634 0 13.071 0 12.33c0-3.354.59-5.032 1.768-5.032.057 0 .263.1.62.3.356.2.82.401 1.39.605.57.205 1.135.307 1.696.307.636 0 1.268-.11 1.896-.328a7.106 7.106 0 0 0-.072.94c0 1.322.385 2.538 1.155 3.65zm15.266 9.08c0 1.14-.347 2.04-1.04 2.701-.694.66-1.616.99-2.766.99H7.455c-1.15 0-2.072-.33-2.765-.99-.694-.66-1.04-1.56-1.04-2.701 0-.504.016-.995.049-1.475.033-.48.1-.998.2-1.554s.225-1.072.377-1.547c.152-.475.357-.938.613-1.39.257-.45.551-.836.884-1.154a3.718 3.718 0 0 1 1.219-.763 4.28 4.28 0 0 1 1.59-.285c.094 0 .298.102.612.307.314.204.66.432 1.04.684.38.252.89.48 1.526.684a6.264 6.264 0 0 0 1.924.307c.646 0 1.288-.103 1.925-.307.636-.204 1.145-.432 1.525-.684.38-.252.727-.48 1.04-.684.314-.205.518-.307.613-.307.58 0 1.11.095 1.59.285.48.19.886.445 1.218.763.333.318.628.703.884 1.155.257.45.461.914.613 1.39.152.474.278.99.378 1.546.1.556.166 1.074.2 1.554.033.48.05.971.05 1.475zm3.65-9.522c0 .741-.267 1.304-.799 1.69-.532.384-1.188.576-1.967.576h-1.91c-.979-1.168-2.238-1.777-3.777-1.824.77-1.112 1.154-2.328 1.154-3.65 0-.275-.024-.588-.071-.94.627.219 1.259.328 1.896.328.56 0 1.126-.102 1.696-.307a9.374 9.374 0 0 0 1.39-.605c.356-.2.563-.3.62-.3 1.178 0 1.767 1.678 1.767 5.032z" fill="#553D38"/><path d="M9.123 3.65a3.516 3.516 0 0 1-1.07 2.58 3.516 3.516 0 0 1-2.58 1.068 3.516 3.516 0 0 1-2.58-1.069 3.516 3.516 0 0 1-1.068-2.58c0-1.007.356-1.867 1.069-2.58A3.516 3.516 0 0 1 5.474 0C6.48 0 7.34.356 8.054 1.07a3.516 3.516 0 0 1 1.069 2.58zm10.035 5.473c0 1.51-.535 2.8-1.604 3.87-1.069 1.069-2.359 1.603-3.87 1.603-1.51 0-2.8-.534-3.87-1.603-1.069-1.07-1.603-2.36-1.603-3.87 0-1.511.534-2.801 1.603-3.87 1.07-1.07 2.36-1.604 3.87-1.604 1.511 0 2.801.535 3.87 1.604 1.07 1.069 1.604 2.359 1.604 3.87zm6.386-5.474a3.516 3.516 0 0 1-1.07 2.58 3.516 3.516 0 0 1-2.58 1.07 3.516 3.516 0 0 1-2.58-1.07 3.516 3.516 0 0 1-1.068-2.58c0-1.007.356-1.867 1.069-2.58A3.516 3.516 0 0 1 21.895 0c1.007 0 1.867.356 2.58 1.07a3.516 3.516 0 0 1 1.069 2.58z" fill="#EBBF8E"/><path d="M12.496 19.991h2.393v-.897c0-.33-.117-.612-.35-.846a1.153 1.153 0 0 0-.847-.35c-.33 0-.612.116-.846.35-.233.234-.35.516-.35.846v.897zm3.889.45v2.691c0 .125-.044.231-.131.318a.433.433 0 0 1-.318.131h-4.487a.433.433 0 0 1-.318-.13.433.433 0 0 1-.131-.319V20.44c0-.124.044-.23.13-.318a.433.433 0 0 1 .319-.13h.15v-.898c0-.573.205-1.066.616-1.477A2.015 2.015 0 0 1 13.692 17c.574 0 1.066.206 1.477.617.412.411.617.904.617 1.477v.897h.15c.125 0 .23.044.318.131.087.088.13.194.13.318z" fill="#FFF"/></g></svg>

package/admin/src/assets/icons/icon_content-manager.svg

@@ -0,0 +1 @@
+<svg width="35" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M1.148 20.03c.567-7.141 2.974-7.675 7.222-1.604 6.372 9.107 7.533-.667 9.19-2.017" stroke="#FFD2B6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><g fill-rule="nonzero"><path d="M21.313 16.48l1.081-1.082-2.792-2.792-1.081 1.081v1.271h1.52v1.521h1.272zm6.214-11.027c0-.174-.087-.26-.262-.26a.275.275 0 0 0-.202.082l-6.44 6.44a.275.275 0 0 0-.082.202c0 .174.087.261.261.261.08 0 .147-.028.202-.083l6.44-6.44a.275.275 0 0 0 .083-.202zm-.642-2.28l4.943 4.942L21.943 18H17v-4.943l9.885-9.885zM35 4.312c0 .42-.147.776-.44 1.07l-1.972 1.971-4.942-4.942 1.972-1.96A1.412 1.412 0 0 1 30.688 0c.419 0 .78.15 1.08.451l2.792 2.78c.293.31.44.67.44 1.082z" fill="#181D29"/><path d="M35 4.313c0 .42-.147.776-.44 1.07l-1.972 1.971-4.942-4.942 1.972-1.96A1.412 1.412 0 0 1 30.688 0c.419 0 .78.15 1.08.451l2.792 2.78c.293.31.44.67.44 1.082z" fill="#FF84B3"/></g></g></svg>

package/admin/src/assets/icons/icon_content-type-builder.svg

@@ -0,0 +1 @@
+<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M8.604.607c.317.623.75 1.155 1.298 1.597.549.443 1.16.754 1.835.934l.012.873c.032 1.745-.494 3.166-1.579 4.264-1.084 1.098-2.5 1.647-4.247 1.647-1 0-1.885-.19-2.657-.571a4.852 4.852 0 0 1-1.858-1.567 7.325 7.325 0 0 1-1.055-2.25A9.927 9.927 0 0 1 0 2.832l.5.369c.276.205.528.387.755.547.228.16.468.309.72.448.251.14.438.21.56.21.333 0 .557-.152.67-.455a6.33 6.33 0 0 1 .701-1.383c.264-.381.547-.692.847-.934.3-.242.658-.436 1.073-.584A6.547 6.547 0 0 1 7.08.736c.422-.062.93-.105 1.523-.13z" id="a"/></defs><g fill="none" fill-rule="evenodd"><g transform="translate(0 12)"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#EABE8D" fill-rule="nonzero" xlink:href="#a"/><path d="M10.18.264c4.086 6.335 2.315 9.584-5.314 9.747-7.629.163-6.185-1.797 4.331-5.88l.982-3.867z" fill="#DB1818" mask="url(#b)"/><path d="M10.564.16C11.422 6.26 8.9 9.507 2.998 9.904c-5.902.397-4.484-1.392 4.255-5.367L10.563.16z" fill="#F1D520" mask="url(#b)"/><path d="M10.196-1.556C9.168 5.281 6.272 8.728 1.507 8.786c-4.764.059-3.209-1.83 4.668-5.663l4.021-4.679z" fill="#32B167" mask="url(#b)"/><path d="M9.506-4.516C9.417 2.713 6.99 6.357 2.226 6.414-2.539 6.474-.784 4.262 7.49-.22l2.016-4.295z" fill="#1279EA" mask="url(#b)"/><path d="M9.449-4.392C8.72 1.871 5.974 5.032 1.209 5.09c-4.764.058-3.398-1.712 4.099-5.311l4.14-4.17z" fill="#4C2DCE" mask="url(#b)"/></g><path d="M19.88 0c.564 0 1.058.186 1.482.56.424.372.635.84.635 1.401 0 .505-.181 1.111-.544 1.817-2.679 5.045-4.555 8.06-5.628 9.047-.783.73-1.662 1.095-2.638 1.095-1.017 0-1.89-.37-2.62-1.113-.73-.742-1.096-1.622-1.096-2.64 0-1.027.371-1.877 1.113-2.551L18.306.65c.476-.433 1-.65 1.573-.65z" fill-rule="nonzero" fill="#553D38"/></g></svg>

package/admin/src/assets/icons/icon_settings-manager.svg

@@ -0,0 +1 @@
+<svg width="54" height="34" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero"><path d="M11.392 30.3a1.797 1.797 0 0 0-.22-1.409 1.797 1.797 0 0 0-1.141-.857 1.797 1.797 0 0 0-1.41.22c-.449.27-.734.65-.857 1.142-.122.492-.049.962.22 1.41.27.449.65.734 1.142.857.491.122.961.049 1.41-.22.448-.27.734-.65.856-1.142zm21.224-7.353L8.464 37.459c-.874.525-1.812.663-2.813.413-.983-.245-1.756-.809-2.318-1.692L1.09 32.37c-.548-.86-.695-1.8-.44-2.82.249-1.002.822-1.772 1.72-2.311l24.117-14.492a14.885 14.885 0 0 0 2.02 5.728 14.885 14.885 0 0 0 4.108 4.472z" fill="#181D29"/><path d="M53.663 15.097c-.184.737-.65 1.684-1.401 2.842-1.52 2.31-3.587 3.978-6.2 5.003-2.615 1.024-5.254 1.204-7.918.54-3.497-.872-6.177-2.86-8.043-5.965-1.865-3.105-2.362-6.405-1.49-9.901.871-3.496 2.86-6.177 5.964-8.043 3.105-1.865 6.405-2.362 9.901-1.49 1.096.273 2.205.715 3.328 1.326 1.122.611 2.028 1.304 2.718 2.078.251.283.336.586.256.907-.08.321-.297.548-.651.68l-9.5 2.72-1.584 6.35 4.715 4.397c.109-.033.97-.305 2.582-.816 1.613-.511 3.084-.957 4.414-1.339 1.33-.38 2.08-.55 2.25-.508.283.071.481.22.595.45.113.229.135.485.064.769z" fill="#A1A1A1"/></g><path stroke="#C6C6C6" fill="#D8D8D8" d="M46.521 5.425l3.657 3.41-1.125 4.872-4.781 1.461-3.657-3.41 1.125-4.871z"/></g></svg>

package/admin/src/assets/icons/icon_success.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch -->
+    <title>Check</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Pages" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Home-view" transform="translate(-1086.000000, -34.000000)">
+            <g id="Notification-2---Success" transform="translate(1066.000000, 14.000000)">
+                <g id="Check" transform="translate(20.000000, 20.000000)">
+                    <g id="check" transform="translate(5.500000, 7.000000)" fill-rule="nonzero" fill="#27B70F">
+                        <path d="M9.34239514,1.3983456 C9.34239514,1.55907497 9.28613986,1.69569495 9.1736293,1.80820551 L4.80982666,6.17200815 L3.99010683,6.99172798 C3.87759626,7.10423854 3.74097629,7.16049383 3.58024691,7.16049383 C3.41951753,7.16049383 3.28289756,7.10423854 3.170387,6.99172798 L2.35066717,6.17200815 L0.168765848,3.99010683 C0.0562552826,3.87759626 0,3.74097629 0,3.58024691 C0,3.41951753 0.0562552826,3.28289756 0.168765848,3.170387 L0.98848568,2.35066717 C1.10099625,2.2381566 1.23761622,2.18190132 1.3983456,2.18190132 C1.55907497,2.18190132 1.69569495,2.2381566 1.80820551,2.35066717 L3.58024691,4.12873592 L7.53418963,0.168765848 C7.6467002,0.0562552826 7.78332017,0 7.94404955,0 C8.10477893,0 8.2413989,0.0562552826 8.35390947,0.168765848 L9.1736293,0.98848568 C9.28613986,1.10099625 9.34239514,1.23761622 9.34239514,1.3983456 Z" id="Shape"></path>
+                    </g>
+                    <rect id="Rectangle-2" stroke="#27B70F" x="0.5" y="0.5" width="19" height="19" rx="9.5"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/admin/src/assets/images/background_empty.svg

@@ -0,0 +1 @@
+<svg width="647" height="240" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -12)" fill="none" fill-rule="evenodd" opacity=".5"><rect stroke="#E3E3E5" stroke-width="2" x="91" y="99" width="8" height="8" rx="4"/><rect stroke="#E3E3E5" stroke-width="2" x="21" y="149" width="4" height="4" rx="2"/><rect stroke="#E3E3E5" stroke-width="2" x="111" y="249" width="2" height="2" rx="1"/><rect fill="#F0F0F3" y="228" width="12" height="12" rx="5"/><rect stroke="#E3E3E5" stroke-width="2" x="141" y="179" width="10" height="10" rx="5"/><rect stroke="#E3E3E5" stroke-width="2" x="531" y="189" width="12" height="12" rx="6"/><rect stroke="#E3E3E5" stroke-width="2" x="641" y="129" width="5" height="5" rx="2.5"/><rect stroke="#E3E3E5" stroke-width="2" x="441" y="229" width="3" height="3" rx="1.5"/><rect fill="#F0F0F3" x="520" y="88" width="10" height="10" rx="5"/><rect stroke="#E3E3E5" stroke-width="2" x="431" y="19" width="4" height="4" rx="2"/><rect fill="#F0F0F3" x="220" y="208" width="9" height="9" rx="4.5"/><path d="M570.002 4.805c0 .115-.068.24-.204.375l-2.836 2.766.672 3.907c.005.037.008.089.008.156a.46.46 0 0 1-.082.278.276.276 0 0 1-.238.113.632.632 0 0 1-.313-.094l-3.508-1.844-3.508 1.844a.664.664 0 0 1-.313.094c-.11 0-.191-.038-.246-.113a.46.46 0 0 1-.082-.278c0-.03.005-.083.015-.156l.672-3.907-2.844-2.766c-.13-.14-.195-.265-.195-.375 0-.192.146-.312.438-.36l3.922-.57L563.118.32c.099-.213.227-.32.383-.32s.284.107.383.32l1.758 3.555 3.922.57c.292.048.438.168.438.36zM417 156.696c0 .088-.052.184-.156.288l-2.182 2.128.517 3.005a.909.909 0 0 1 .006.12.354.354 0 0 1-.063.213.212.212 0 0 1-.183.087.486.486 0 0 1-.24-.072L412 161.047l-2.698 1.418a.51.51 0 0 1-.24.072c-.085 0-.148-.029-.19-.087a.354.354 0 0 1-.063-.213c0-.024.004-.064.012-.12l.517-3.005-2.188-2.128c-.1-.108-.15-.204-.15-.288 0-.148.112-.24.337-.277l3.016-.438 1.353-2.735c.076-.164.174-.246.294-.246s.218.082.294.246l1.353 2.735 3.016.438c.225.037.337.129.337.277zM177 36.696c0 .088-.052.184-.156.288l-2.182 2.128.517 3.005a.909.909 0 0 1 .006.12.354.354 0 0 1-.063.213.212.212 0 0 1-.183.087.486.486 0 0 1-.24-.072L172 41.047l-2.698 1.418a.51.51 0 0 1-.24.072c-.085 0-.148-.029-.19-.087a.354.354 0 0 1-.063-.213c0-.024.004-.064.012-.12l.517-3.005-2.188-2.128c-.1-.108-.15-.204-.15-.288 0-.148.112-.24.337-.277l3.016-.438 1.353-2.735c.076-.164.174-.246.294-.246s.218.082.294.246l1.353 2.735 3.016.438c.225.037.337.129.337.277z" fill-rule="nonzero" fill="#E3E3E5"/></g></svg>

package/admin/src/assets/images/logo-t-shirt.svg

@@ -0,0 +1 @@
+<svg width="24" height="17" xmlns="http://www.w3.org/2000/svg"><text transform="translate(-23 -9)" fill="#4B515A" fill-rule="evenodd" font-size="24" font-family="AppleColorEmoji, Apple Color Emoji"><tspan x="23" y="28">👕</tspan></text></svg>

package/admin/src/components/BaselineAlignement/index.js

@@ -0,0 +1,33 @@
+import PropTypes from 'prop-types';
+import styled from 'styled-components';
+
+// You can see in the index.js file that I used the design system to do the UI integration but
+// sometimes, we need to create some "temporary" custom style to fix the baseline alignment.
+// -----
+// TODO : remove this component. I think that this kind components should not exist in Strapi.
+// I create it to temporary fix the baseline alignment until we have the design system.
+
+const BaselineAlignment = styled.div`
+  padding-top: ${({ size, top }) => top && size};
+  padding-right: ${({ size, right }) => right && size};
+  padding-bottom: ${({ size, bottom }) => bottom && size};
+  padding-left: ${({ size, left }) => left && size};
+`;
+
+BaselineAlignment.defaultProps = {
+  bottom: false,
+  left: false,
+  right: false,
+  size: '0',
+  top: false,
+};
+
+BaselineAlignment.propTypes = {
+  bottom: PropTypes.bool,
+  left: PropTypes.bool,
+  right: PropTypes.bool,
+  size: PropTypes.string,
+  top: PropTypes.bool,
+};
+
+export default BaselineAlignment;

package/admin/src/components/Bloc/index.js

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+
+const Bloc = styled.div`
+  background: ${({ theme }) => theme.main.colors.white};
+  border-radius: ${({ theme }) => theme.main.sizes.borderRadius};
+  box-shadow: 0 2px 4px #e3e9f3;
+`;
+
+export default Bloc;

package/admin/src/components/ContainerFluid/index.js

@@ -0,0 +1,13 @@
+import styled from 'styled-components';
+import { Container } from 'reactstrap';
+
+const ContainerFluid = styled(Container)`
+  padding: ${({ padding }) => padding};
+`;
+
+ContainerFluid.defaultProps = {
+  fluid: true,
+  padding: '18px 30px 60px 30px !important',
+};
+
+export default ContainerFluid;

package/admin/src/components/Fonts/index.js

@@ -0,0 +1,76 @@
+import { createGlobalStyle } from 'styled-components';
+
+import faBrandsLight from '@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff';
+import faBrandsLight2 from '@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff2';
+import faRegularLight from '@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff';
+import faRegularLight2 from '@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff2';
+import faSolidHeavy from '@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff';
+import faSolidHeavy2 from '@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff2';
+
+/* Lato Regular */
+import latoRegular from '@buffetjs/styles/webfonts/Lato-Regular.ttf';
+import latoRegularWoff from '@buffetjs/styles/webfonts/Lato-Regular.woff';
+import latoRegularWoff2 from '@buffetjs/styles/webfonts/Lato-Regular.woff2';
+/* Lato SemiBold */
+import latoSemiBold from '@buffetjs/styles/webfonts/Lato-SemiBold.ttf';
+import latoSemiBoldWoff from '@buffetjs/styles/webfonts/Lato-SemiBold.woff';
+import latoSemiBoldWoff2 from '@buffetjs/styles/webfonts/Lato-SemiBold.woff2';
+/* Lato Bold */
+import latoBold from '@buffetjs/styles/webfonts/Lato-Bold.ttf';
+import latoBoldWoff from '@buffetjs/styles/webfonts/Lato-Bold.woff';
+import latoBoldWoff2 from '@buffetjs/styles/webfonts/Lato-Bold.woff2';
+/* Lato Black */
+import latoBlack from '@buffetjs/styles/webfonts/Lato-Black.ttf';
+import latoBlackWoff from '@buffetjs/styles/webfonts/Lato-Black.woff';
+import latoBlackWoff2 from '@buffetjs/styles/webfonts/Lato-Black.woff2';
+
+const Fonts = createGlobalStyle`
+  @font-face {
+    font-family: 'FontAwesome';
+    src: url(${faBrandsLight2}) format("woff2"), url(${faBrandsLight}) format("woff");
+    font-weight: 400;
+    font-style: normal;
+  }
+  @font-face {
+    font-family: 'FontAwesome';
+    src: url(${faRegularLight2}) format("woff2"), url(${faRegularLight}) format("woff");
+    font-weight: 400;
+    font-style: normal;
+  }
+  @font-face {
+    font-family: 'FontAwesome';
+    src: url(${faSolidHeavy2}) format("woff2"), url(${faSolidHeavy}) format("woff");
+    font-weight: 400;
+    font-style: normal;
+  }
+  /* Lato Regular - 400 */
+  @font-face {
+    font-family: 'Lato';
+    src: url(${latoRegularWoff2}) format('woff2'), url(${latoRegularWoff}) format('woff'), url(${latoRegular}) format('truetype');
+    font-weight: 400;
+    font-style: normal;
+  }
+  /* Lato Semi-Bold - 500 */
+  @font-face {
+    font-family: 'Lato';
+    src: url(${latoSemiBoldWoff2}) format('woff2'), url(${latoSemiBoldWoff}) format('woff'), url(${latoSemiBold}) format('truetype');
+    font-weight: 500;
+    font-style: normal;
+  }
+  /* Lato Bold - 600 */
+  @font-face {
+    font-family: 'Lato';
+    src: url(${latoBoldWoff2}) format('woff2'), url(${latoBoldWoff}) format('woff'), url(${latoBold}) format('truetype');
+    font-weight: 600;
+    font-style: normal;
+  }
+  /* Lato Black - 900 */
+  @font-face {
+    font-family: 'Lato';
+    src:  url(${latoBlackWoff2}) format('woff2'), url(${latoBlackWoff}) format('woff'), url(${latoBlack}) format('truetype');
+    font-weight: 900;
+    font-style: normal;
+  }
+`;
+
+export default Fonts;

package/admin/src/components/FormBloc/index.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { Flex, Padded, Text } from '@buffetjs/core';
+import { BaselineAlignment, LoadingIndicator, Row } from 'strapi-helper-plugin';
+import PropTypes from 'prop-types';
+import Bloc from '../Bloc';
+
+const FormBloc = ({ children, actions, isLoading, title, subtitle }) => (
+  <Bloc>
+    <BaselineAlignment top size={title ? '18px' : '22px'} />
+    <Padded left right size="sm">
+      {isLoading ? (
+        <>
+          <LoadingIndicator />
+          <BaselineAlignment bottom size="22px" />
+        </>
+      ) : (
+        <>
+          {title && (
+            <>
+              <Padded left right size="xs">
+                <Flex justifyContent="space-between">
+                  <Padded left right size="sm">
+                    <Text fontSize="lg" fontWeight="bold">
+                      {title}
+                    </Text>
+                    {subtitle && (
+                      <Text color="grey" lineHeight="1.8rem">
+                        {subtitle}
+                      </Text>
+                    )}
+                  </Padded>
+                  {actions}
+                </Flex>
+              </Padded>
+              <BaselineAlignment top size="18px" />
+            </>
+          )}
+          <Row>{children}</Row>
+        </>
+      )}
+    </Padded>
+  </Bloc>
+);
+
+FormBloc.defaultProps = {
+  actions: null,
+  isLoading: false,
+  subtitle: null,
+  title: null,
+};
+
+FormBloc.propTypes = {
+  actions: PropTypes.any,
+  children: PropTypes.node.isRequired,
+  isLoading: PropTypes.bool,
+  subtitle: PropTypes.string,
+  title: PropTypes.string,
+};
+
+export default FormBloc;

package/admin/src/components/FullWidthButton/index.js

@@ -0,0 +1,15 @@
+import styled from 'styled-components';
+import { Button as Base } from '@buffetjs/core';
+
+const Button = styled(Base)`
+  width: 100%;
+  text-transform: ${({ textTransform }) => textTransform};
+`;
+
+Button.defaultProps = {
+  color: 'primary',
+  type: 'button',
+  textTransform: 'none',
+};
+
+export default Button;