@panneau/app 1.0.1-alpha.0 → 1.0.3-alpha.2

package/lib/components/partials/ResourceFormHeader.js

@@ -1,137 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactIntl = require("react-intl");
-
-var _core = require("@panneau/core");
-
-var _utils = require("@panneau/core/utils");
-
-var _components = require("@panneau/core/components");
-
-var _contexts = require("@panneau/core/contexts");
-
-var styles = {
-  "container": "panneau-app-resource-form-header-container",
-  "isFullscreen": "panneau-app-resource-form-header-isFullscreen"
-};
-var messages = (0, _reactIntl.defineMessages)({
-  switchType: {
-    id: 'app.buttons.resources.switch_type',
-    description: 'The label of the select type button',
-    defaultMessage: 'Switch type'
-  },
-  confirmSwitchType: {
-    id: 'app.resources.form.confirm_switch_type',
-    description: 'The confirm message when switching type',
-    defaultMessage: 'Are you sure you want to switch type?'
-  }
-});
-var propTypes = {
-  intl: _core.PropTypes.intl.isRequired,
-  action: _propTypes["default"].string,
-  type: _propTypes["default"].definitionFormType,
-  fullscreen: _core.PropTypes.bool,
-  resource: _core.PropTypes.resource.isRequired,
-  title: _core.PropTypes.label.isRequired,
-  titleTyped: _core.PropTypes.label.isRequired,
-  valueHasChanged: _propTypes["default"].bool,
-  confirmSwitchTypeMessage: _core.PropTypes.label
-};
-var defaultProps = {
-  action: 'create',
-  type: null,
-  confirmSwitchTypeMessage: messages.confirmSwitchType,
-  fullscreen: false,
-  valueHasChanged: false
-};
-
-var ResourceFormHeader = function ResourceFormHeader(_ref) {
-  var intl = _ref.intl,
-      resource = _ref.resource,
-      type = _ref.type,
-      fullscreen = _ref.fullscreen,
-      action = _ref.action,
-      title = _ref.title,
-      titleTyped = _ref.titleTyped,
-      valueHasChanged = _ref.valueHasChanged,
-      confirmSwitchTypeMessage = _ref.confirmSwitchTypeMessage;
-  var urlGenerator = (0, _contexts.useUrlGenerator)();
-  var localizedName = resource.localizedName('a');
-  var resourceTitle = (0, _react.useMemo)(function () {
-    var customTitle = type !== null ? resource.message("titles.resources.".concat(action, "_").concat(type.id)) || resource.message("titles.resources.".concat(action, "_typed")) || resource.message("titles.resources.".concat(action)) || resource.message('titles.resources.default', null) : resource.message("titles.resources.".concat(action)) || resource.message('titles.resources.default', null);
-    var defaultTitle = type !== null ? titleTyped : title;
-    return customTitle || defaultTitle;
-  }, [resource, action, type]);
-
-  var titleElement = _react["default"].createElement("h1", {
-    className: (0, _classnames["default"])(['mb-0', 'mt-0', styles.title])
-  }, _react["default"].createElement(_components.Label, {
-    isHtml: true,
-    values: {
-      name: localizedName,
-      type: type !== null ? (0, _utils.getLocalizedName)(type) : null
-    }
-  }, resourceTitle));
-
-  var onClickSwitchType = function onClickSwitchType(e) {
-    var confirmMessage = (0, _utils.isMessage)(confirmSwitchTypeMessage) ? intl.formatMessage(confirmSwitchTypeMessage, {
-      type: (0, _utils.getLocalizedName)(type)
-    }) : confirmSwitchTypeMessage; // eslint-disable-next-line no-alert
-
-    if (valueHasChanged && !window.confirm(confirmMessage)) {
-      e.preventDefault();
-    }
-  };
-
-  return _react["default"].createElement("div", {
-    className: (0, _classnames["default"])([styles.header, (0, _defineProperty2["default"])({
-      'py-4': !fullscreen,
-      'px-2': fullscreen,
-      'py-3': fullscreen
-    }, styles.isFullscreen, fullscreen)])
-  }, type !== null && action === 'create' ? _react["default"].createElement("div", {
-    className: (0, _classnames["default"])(['row', 'no-gutters', 'align-items-center'])
-  }, _react["default"].createElement("div", {
-    className: "col"
-  }, titleElement), _react["default"].createElement("div", {
-    className: (0, _classnames["default"])(['col', 'col-md-auto', 'text-right'])
-  }, _react["default"].createElement(_components.Button, {
-    size: "sm",
-    dropdown: resource.types().map(function (_ref3) {
-      var id = _ref3.id,
-          typeProps = (0, _objectWithoutProperties2["default"])(_ref3, ["id"]);
-      return {
-        label: (0, _utils.getLocalizedName)(typeProps),
-        href: "".concat(urlGenerator.resource(resource, 'create'), "?type=").concat(id),
-        active: id === type.id,
-        onClick: onClickSwitchType
-      };
-    })
-  }, messages.switchType))) : titleElement);
-};
-
-ResourceFormHeader.propTypes = propTypes;
-ResourceFormHeader.defaultProps = defaultProps;
-
-var _default = (0, _reactIntl.injectIntl)(ResourceFormHeader);
-
-exports["default"] = _default;

package/lib/components/partials/ResourceIndexHeader.js

@@ -1,87 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _core = require("@panneau/core");
-
-var _utils = require("@panneau/core/utils");
-
-var _components = require("@panneau/core/components");
-
-/* eslint-disable jsx-a11y/anchor-is-valid, react/jsx-props-no-spreading */
-var styles = {
-  "container": "panneau-app-resource-index-header-container",
-  "cols": "panneau-app-resource-index-header-cols",
-  "col": "panneau-app-resource-index-header-col"
-};
-var propTypes = {
-  resource: _core.PropTypes.resource.isRequired,
-  title: _core.PropTypes.label,
-  showAddButton: _propTypes["default"].bool,
-  addButtonLabel: _core.PropTypes.label,
-  getResourceActionUrl: _propTypes["default"].func.isRequired
-};
-var defaultProps = {
-  title: null,
-  showAddButton: true,
-  addButtonLabel: null
-};
-
-var ResourceIndexHeader = function ResourceIndexHeader(_ref) {
-  var resource = _ref.resource,
-      showAddButton = _ref.showAddButton,
-      title = _ref.title,
-      addButtonLabel = _ref.addButtonLabel,
-      getResourceActionUrl = _ref.getResourceActionUrl;
-  var isTyped = resource.type() === 'typed';
-  var resourceName = resource.localizedName('plural'); // Title
-
-  var resourceTitle = resource.message('titles.resources.index', _react["default"].createElement(_components.Label, {
-    values: {
-      name: resourceName
-    }
-  }, title)); // Add button
-
-  var resourceAddButtonLabel = resource.message('buttons.resources.add', _react["default"].createElement(_components.Label, {
-    values: {
-      name: resourceName
-    }
-  }, addButtonLabel));
-  return _react["default"].createElement("div", {
-    className: (0, _classnames["default"])(['py-4', styles.header])
-  }, _react["default"].createElement("div", {
-    className: styles.cols
-  }, _react["default"].createElement("div", {
-    className: styles.col
-  }, _react["default"].createElement("h1", {
-    className: (0, _classnames["default"])([styles.title, 'mb-0', 'mt-0'])
-  }, resourceTitle)), _react["default"].createElement("div", {
-    className: (0, _classnames["default"])([styles.col, 'text-right'])
-  }, showAddButton ? _react["default"].createElement(_components.Button, {
-    href: isTyped ? getResourceActionUrl('create') : null,
-    dropdown: isTyped ? resource.types().map(function (type) {
-      return {
-        href: "".concat(getResourceActionUrl('create'), "?type=").concat(type.id),
-        label: (0, _utils.getLocalizedName)(type)
-      };
-    }) : null
-  }, isTyped ? _react["default"].createElement(_react["default"].Fragment, null, resourceAddButtonLabel, " ", _react["default"].createElement("span", {
-    className: "caret"
-  })) : resourceAddButtonLabel) : null)));
-};
-
-ResourceIndexHeader.propTypes = propTypes;
-ResourceIndexHeader.defaultProps = defaultProps;
-var _default = ResourceIndexHeader;
-exports["default"] = _default;

package/lib/defaults/routes.json

@@ -1,10 +0,0 @@
-{
-    "home": "/",
-    "resource.index": "/:resource",
-    "resource.show": "/:resource/:id",
-    "resource.create": "/:resource/create",
-    "resource.edit": "/:resource/:id/edit",
-    "resource.store": "/:resource",
-    "resource.update": "/:resource/:id",
-    "resource.delete": "/:resource/:id"
-}

package/lib/lib/createStore.js

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _redux = require("redux");
-
-var _reduxDevtoolsExtension = require("redux-devtools-extension");
-
-var _reduxThunk = _interopRequireDefault(require("redux-thunk"));
-
-var _reduxPromise = _interopRequireDefault(require("redux-promise"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var _default = function _default(reducers, initialState) {
-  var middlewares = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var opts = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-
-  var options = _objectSpread({}, opts);
-
-  var reducer = (0, _redux.combineReducers)(reducers);
-
-  var enhancer = _redux.applyMiddleware.apply(void 0, (0, _toConsumableArray2["default"])(middlewares).concat([_reduxThunk["default"], _reduxPromise["default"]]));
-
-  if (process.env.NODE_ENV !== 'production') {
-    var _options$devTools = options.devTools,
-        devTools = _options$devTools === void 0 ? {} : _options$devTools;
-    var composeEnhancers = (0, _reduxDevtoolsExtension.composeWithDevTools)(devTools);
-    enhancer = composeEnhancers(enhancer);
-  }
-
-  return (0, _redux.createStore)(reducer, initialState, enhancer);
-};
-
-exports["default"] = _default;

package/lib/reducers/AuthReducer.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _AuthActions = require("../actions/AuthActions");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var initialState = {
-  user: null
-};
-
-var AuthReducer = function AuthReducer() {
-  var previousState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
-  var action = arguments.length > 1 ? arguments[1] : undefined;
-  var state = previousState;
-
-  switch (action.type) {
-    case _AuthActions.SET_USER:
-      {
-        return _objectSpread({}, state, {
-          user: action.payload
-        });
-      }
-
-    default:
-      {
-        return state;
-      }
-  }
-};
-
-var _default = AuthReducer;
-exports["default"] = _default;

package/lib/reducers/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _AuthReducer = _interopRequireDefault(require("./AuthReducer"));
-
-var _default = {
-  auth: _AuthReducer["default"]
-};
-exports["default"] = _default;

package/src/Panneau.js

@@ -1,274 +0,0 @@
-import React from 'react';
-import { render as renderReact, hydrate as hydrateReact } from 'react-dom';
-import EventEmitter from 'wolfy87-eventemitter';
-import isObject from 'lodash/isObject';
-import moment from 'moment';
-import { ComponentsCollection } from '@panneau/core';
-
-import PanneauComponent from './components/Panneau';
-
-/**
- * Panneau Application
- */
-class Panneau extends EventEmitter {
-    static setDefaultComponentsCollection(componentsCollection, namespace) {
-        if (typeof namespace !== 'undefined') {
-            Panneau.defaultComponentsCollection.setComponents(componentsCollection, namespace);
-        } else {
-            Panneau.defaultComponentsCollection = componentsCollection;
-        }
-    }
-
-    static setDefaultLocaleMessages(locale, messages) {
-        if (isObject(locale)) {
-            Panneau.defaultLocaleMessages = {
-                ...locale,
-            };
-        } else {
-            Panneau.defaultLocaleMessages = {
-                ...Panneau.defaultLocaleMessages,
-                [locale]: {
-                    ...messages,
-                },
-            };
-        }
-    }
-
-    /**
-     * Create a new panneau environment
-     * @param  {object} definition The definition of the Panneau instance
-     * @param  {object} options Options for the new Panneau instance
-     */
-    constructor(definition, options) {
-        super();
-
-        this.options = {};
-
-        this.onRendered = this.onRendered.bind(this);
-        this.onHydrated = this.onHydrated.bind(this);
-
-        this.element = null;
-        this.rendered = false;
-        this.definition = definition;
-        this.user = null;
-        this.locale = 'en';
-        this.messages = {};
-        this.componentsCollection = Panneau.defaultComponentsCollection;
-        this.setOptions(options);
-    }
-
-    onRendered() {
-        this.emit('rendered', this.element);
-    }
-
-    onHydrated() {
-        this.emit('hydrated', this.element);
-    }
-
-    render(element) {
-        this.rendered = true;
-        this.element = element || this.element;
-        const root = this.getRootElement();
-        renderReact(root, this.element, this.onRendered);
-        this.emit('render', this.element);
-    }
-
-    hydrate(element) {
-        this.rendered = false;
-        this.element = element || this.element;
-        const root = this.getRootElement();
-        hydrateReact(root, this.element, this.onHydrated);
-        this.emit('hydrate', this.element);
-    }
-
-    getRootProps() {
-        return {
-            componentsCollection: this.componentsCollection,
-            definition: this.definition,
-            user: this.user,
-            locale: this.locale,
-            messages: {
-                ...this.messages,
-            },
-        };
-    }
-
-    getRootElement() {
-        const rootProps = this.getRootProps();
-        const rootElement = React.createElement(PanneauComponent, rootProps);
-        return rootElement;
-    }
-
-    /**
-     * Set the options
-     * @param {object} options The new options
-     * @return {this}
-     */
-    setOptions(options = {}) {
-        const { user, locale, messages, componentsCollection, ...otherOptions } = options;
-
-        this.options = {
-            ...this.options,
-            ...otherOptions,
-        };
-
-        if (typeof locale !== 'undefined') {
-            this.setLocale(locale);
-        }
-
-        if (typeof componentsCollection !== 'undefined') {
-            this.setComponentsCollection(componentsCollection);
-        }
-
-        if (typeof messages !== 'undefined') {
-            this.setMessages(messages);
-        }
-
-        if (typeof user !== 'undefined') {
-            this.setUser(user);
-        }
-
-        if (this.rendered) {
-            this.render();
-        }
-
-        return this;
-    }
-
-    /**
-     * Get the options
-     * @return {object} The options
-     */
-    getOptions() {
-        return this.options;
-    }
-
-    /**
-     * Set the definition
-     * @param {object} definition The new definition
-     * @return {this}
-     */
-    setDefinition(definition) {
-        this.definition = definition;
-        return this;
-    }
-
-    /**
-     * Get the definition
-     * @return {object} The definition
-     */
-    getDefinition() {
-        return this.definition;
-    }
-
-    /**
-     * Set the user
-     * @param {object} user The new user
-     * @return {this}
-     */
-    setUser(user) {
-        this.user = user;
-        return this;
-    }
-
-    /**
-     * Get the user
-     * @return {object} The user
-     */
-    getUser() {
-        return this.user;
-    }
-
-    /**
-     * Set the locale
-     * @param {string} locale The new locale
-     * @return {this}
-     */
-    setLocale(locale) {
-        this.locale = locale;
-        moment.locale(locale);
-        return this;
-    }
-
-    /**
-     * Get the locale
-     * @return {string} The locale
-     */
-    getLocale() {
-        return this.locale;
-    }
-
-    /**
-     * Set the messages
-     * @param {object} messages The new messages
-     * @return {this}
-     */
-    setMessages(messages) {
-        this.messages = Object.keys(messages || {}).reduce(
-            (allMessages, key) => ({
-                ...allMessages,
-                [key]: isObject(messages[key])
-                    ? {
-                          ...(isObject(allMessages[key] || null) ? allMessages[key] : null),
-                          ...messages[key],
-                      }
-                    : messages[key],
-            }),
-            {
-                ...Panneau.defaultLocaleMessages,
-            },
-        );
-        return this;
-    }
-
-    /**
-     * Get the messages
-     * @return {object} The messages
-     */
-    getMessages() {
-        return this.messages;
-    }
-
-    /**
-     * Alias to work with components collection
-     * @return {ComponentsCollection} The components collection
-     */
-    components(key, value) {
-        if (typeof value !== 'undefined') {
-            this.componentsCollection.addComponent(key, value);
-            return this;
-        }
-        if (typeof key !== 'undefined') {
-            return this.componentsCollection.getComponent(key);
-        }
-        return this.componentsCollection;
-    }
-
-    /**
-     * Set the components collection
-     * @param {ComponentsCollection} fieldsCollection The new fields collection
-     */
-    setComponentsCollection(componentsCollection, namespace) {
-        if (typeof namespace !== 'undefined') {
-            this.componentsCollection.setComponents(componentsCollection, namespace);
-        } else {
-            this.componentsCollection = componentsCollection;
-        }
-        return this;
-    }
-
-    /**
-     * Get the components collection
-     * @return {ComponentsCollection} The fields collection used by this instance
-     */
-    getComponentsCollection(namespace) {
-        return typeof namespace !== 'undefined'
-            ? this.componentsCollection.getCollection(namespace)
-            : this.componentsCollection;
-    }
-}
-
-Panneau.defaultComponentsCollection = new ComponentsCollection();
-Panneau.defaultLocaleMessages = {};
-
-export default Panneau;

package/src/actions/AuthActions.js

@@ -1,17 +0,0 @@
-/**
- * Constants
- */
-const SET_USER = 'auth@SET_USER';
-
-/**
- * Actions creator
- */
-const setUser = user => ({
-    type: SET_USER,
-    payload: user,
-});
-
-export {
-    SET_USER,
-    setUser,
-};

package/src/actions/LayoutActions.js

@@ -1,12 +0,0 @@
-/**
- * Constants
- */
-export const UPDATE_LAYOUT = 'layout@UPDATE_LAYOUT';
-
-/**
- * Actions creator
- */
-export const updateLayout = layout => ({
-    type: UPDATE_LAYOUT,
-    payload: layout,
-});