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

package/lib/Panneau.js

@@ -1,340 +0,0 @@
-"use strict";
-
-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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = require("react-dom");
-
-var _wolfy87Eventemitter = _interopRequireDefault(require("wolfy87-eventemitter"));
-
-var _isObject = _interopRequireDefault(require("lodash/isObject"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-var _core = require("@panneau/core");
-
-var _Panneau = _interopRequireDefault(require("./components/Panneau"));
-
-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; }
-
-/**
- * Panneau Application
- */
-var Panneau =
-/*#__PURE__*/
-function (_EventEmitter) {
-  (0, _inherits2["default"])(Panneau, _EventEmitter);
-  (0, _createClass2["default"])(Panneau, null, [{
-    key: "setDefaultComponentsCollection",
-    value: function setDefaultComponentsCollection(componentsCollection, namespace) {
-      if (typeof namespace !== 'undefined') {
-        Panneau.defaultComponentsCollection.setComponents(componentsCollection, namespace);
-      } else {
-        Panneau.defaultComponentsCollection = componentsCollection;
-      }
-    }
-  }, {
-    key: "setDefaultLocaleMessages",
-    value: function setDefaultLocaleMessages(locale, messages) {
-      if ((0, _isObject["default"])(locale)) {
-        Panneau.defaultLocaleMessages = _objectSpread({}, locale);
-      } else {
-        Panneau.defaultLocaleMessages = _objectSpread({}, Panneau.defaultLocaleMessages, (0, _defineProperty2["default"])({}, locale, _objectSpread({}, messages)));
-      }
-    }
-    /**
-     * Create a new panneau environment
-     * @param  {object} definition The definition of the Panneau instance
-     * @param  {object} options Options for the new Panneau instance
-     */
-
-  }]);
-
-  function Panneau(definition, options) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Panneau);
-    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Panneau).call(this));
-    _this.options = {};
-    _this.onRendered = _this.onRendered.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.onHydrated = _this.onHydrated.bind((0, _assertThisInitialized2["default"])(_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);
-
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Panneau, [{
-    key: "onRendered",
-    value: function onRendered() {
-      this.emit('rendered', this.element);
-    }
-  }, {
-    key: "onHydrated",
-    value: function onHydrated() {
-      this.emit('hydrated', this.element);
-    }
-  }, {
-    key: "render",
-    value: function render(element) {
-      this.rendered = true;
-      this.element = element || this.element;
-      var root = this.getRootElement();
-      (0, _reactDom.render)(root, this.element, this.onRendered);
-      this.emit('render', this.element);
-    }
-  }, {
-    key: "hydrate",
-    value: function hydrate(element) {
-      this.rendered = false;
-      this.element = element || this.element;
-      var root = this.getRootElement();
-      (0, _reactDom.hydrate)(root, this.element, this.onHydrated);
-      this.emit('hydrate', this.element);
-    }
-  }, {
-    key: "getRootProps",
-    value: function getRootProps() {
-      return {
-        componentsCollection: this.componentsCollection,
-        definition: this.definition,
-        user: this.user,
-        locale: this.locale,
-        messages: _objectSpread({}, this.messages)
-      };
-    }
-  }, {
-    key: "getRootElement",
-    value: function getRootElement() {
-      var rootProps = this.getRootProps();
-
-      var rootElement = _react["default"].createElement(_Panneau["default"], rootProps);
-
-      return rootElement;
-    }
-    /**
-     * Set the options
-     * @param {object} options The new options
-     * @return {this}
-     */
-
-  }, {
-    key: "setOptions",
-    value: function setOptions() {
-      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var user = options.user,
-          locale = options.locale,
-          messages = options.messages,
-          componentsCollection = options.componentsCollection,
-          otherOptions = (0, _objectWithoutProperties2["default"])(options, ["user", "locale", "messages", "componentsCollection"]);
-      this.options = _objectSpread({}, 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
-     */
-
-  }, {
-    key: "getOptions",
-    value: function getOptions() {
-      return this.options;
-    }
-    /**
-     * Set the definition
-     * @param {object} definition The new definition
-     * @return {this}
-     */
-
-  }, {
-    key: "setDefinition",
-    value: function setDefinition(definition) {
-      this.definition = definition;
-      return this;
-    }
-    /**
-     * Get the definition
-     * @return {object} The definition
-     */
-
-  }, {
-    key: "getDefinition",
-    value: function getDefinition() {
-      return this.definition;
-    }
-    /**
-     * Set the user
-     * @param {object} user The new user
-     * @return {this}
-     */
-
-  }, {
-    key: "setUser",
-    value: function setUser(user) {
-      this.user = user;
-      return this;
-    }
-    /**
-     * Get the user
-     * @return {object} The user
-     */
-
-  }, {
-    key: "getUser",
-    value: function getUser() {
-      return this.user;
-    }
-    /**
-     * Set the locale
-     * @param {string} locale The new locale
-     * @return {this}
-     */
-
-  }, {
-    key: "setLocale",
-    value: function setLocale(locale) {
-      this.locale = locale;
-
-      _moment["default"].locale(locale);
-
-      return this;
-    }
-    /**
-     * Get the locale
-     * @return {string} The locale
-     */
-
-  }, {
-    key: "getLocale",
-    value: function getLocale() {
-      return this.locale;
-    }
-    /**
-     * Set the messages
-     * @param {object} messages The new messages
-     * @return {this}
-     */
-
-  }, {
-    key: "setMessages",
-    value: function setMessages(messages) {
-      this.messages = Object.keys(messages || {}).reduce(function (allMessages, key) {
-        return _objectSpread({}, allMessages, (0, _defineProperty2["default"])({}, key, (0, _isObject["default"])(messages[key]) ? _objectSpread({}, (0, _isObject["default"])(allMessages[key] || null) ? allMessages[key] : null, {}, messages[key]) : messages[key]));
-      }, _objectSpread({}, Panneau.defaultLocaleMessages));
-      return this;
-    }
-    /**
-     * Get the messages
-     * @return {object} The messages
-     */
-
-  }, {
-    key: "getMessages",
-    value: function getMessages() {
-      return this.messages;
-    }
-    /**
-     * Alias to work with components collection
-     * @return {ComponentsCollection} The components collection
-     */
-
-  }, {
-    key: "components",
-    value: function 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
-     */
-
-  }, {
-    key: "setComponentsCollection",
-    value: function 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
-     */
-
-  }, {
-    key: "getComponentsCollection",
-    value: function getComponentsCollection(namespace) {
-      return typeof namespace !== 'undefined' ? this.componentsCollection.getCollection(namespace) : this.componentsCollection;
-    }
-  }]);
-  return Panneau;
-}(_wolfy87Eventemitter["default"]);
-
-Panneau.defaultComponentsCollection = new _core.ComponentsCollection();
-Panneau.defaultLocaleMessages = {};
-var _default = Panneau;
-exports["default"] = _default;

package/lib/actions/AuthActions.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setUser = exports.SET_USER = void 0;
-
-/**
- * Constants
- */
-var SET_USER = 'auth@SET_USER';
-/**
- * Actions creator
- */
-
-exports.SET_USER = SET_USER;
-
-var setUser = function setUser(user) {
-  return {
-    type: SET_USER,
-    payload: user
-  };
-};
-
-exports.setUser = setUser;

package/lib/actions/LayoutActions.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.updateLayout = exports.UPDATE_LAYOUT = void 0;
-
-/**
- * Constants
- */
-var UPDATE_LAYOUT = 'layout@UPDATE_LAYOUT';
-/**
- * Actions creator
- */
-
-exports.UPDATE_LAYOUT = UPDATE_LAYOUT;
-
-var updateLayout = function updateLayout(layout) {
-  return {
-    type: UPDATE_LAYOUT,
-    payload: layout
-  };
-};
-
-exports.updateLayout = updateLayout;

package/lib/components/App.js

@@ -1,159 +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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactRouter = require("react-router");
-
-var _reactRedux = require("react-redux");
-
-var _queryString = _interopRequireDefault(require("query-string"));
-
-var _core = require("@panneau/core");
-
-var _contexts = require("@panneau/core/contexts");
-
-require("bootstrap");
-
-var _Layout = _interopRequireDefault(require("./Layout"));
-
-var _Home = _interopRequireDefault(require("./pages/Home"));
-
-var _Account = _interopRequireDefault(require("./pages/Account"));
-
-var _ResourceIndex = _interopRequireDefault(require("./pages/ResourceIndex"));
-
-var _ResourceCreate = _interopRequireDefault(require("./pages/ResourceCreate"));
-
-var _ResourceShow = _interopRequireDefault(require("./pages/ResourceShow"));
-
-var _ResourceEdit = _interopRequireDefault(require("./pages/ResourceEdit"));
-
-var _ResourceDelete = _interopRequireDefault(require("./pages/ResourceDelete"));
-
-// import PropTypes from 'prop-types';
-var ResourcePages = {
-  index: _ResourceIndex["default"],
-  create: _ResourceCreate["default"],
-  show: _ResourceShow["default"],
-  edit: _ResourceEdit["default"],
-  "delete": _ResourceDelete["default"]
-};
-var propTypes = {
-  history: _core.PropTypes.history.isRequired,
-  user: _core.PropTypes.user
-};
-var defaultProps = {
-  user: null
-};
-
-var App = function App(_ref) {
-  var history = _ref.history,
-      user = _ref.user;
-  var urlGenerator = (0, _contexts.useUrlGenerator)();
-  var definition = (0, _contexts.useDefinition)();
-  var resources = definition.resources();
-
-  var _getResourceActionUrl = (0, _react.useCallback)(function (resource, action, id) {
-    return urlGenerator.resource(resource, action, id);
-  }, [urlGenerator]);
-
-  var _gotoResourceAction = function gotoResourceAction() {
-    return history.push(_getResourceActionUrl.apply(void 0, arguments));
-  };
-
-  var renderResourceRoutes = function renderResourceRoutes() {
-    var resource = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    var id = resource !== null ? resource.id() : 'default';
-    return Object.keys(ResourcePages).map(function (action) {
-      return _react["default"].createElement(_reactRouter.Route, {
-        key: "resource-".concat(id, "-").concat(action),
-        exact: true,
-        path: urlGenerator.resource(resource, action),
-        render: function render(_ref2) {
-          var _ref2$match$params = _ref2.match.params,
-              _ref2$match$params$re = _ref2$match$params.resource,
-              resourceId = _ref2$match$params$re === void 0 ? null : _ref2$match$params$re,
-              _ref2$match$params$id = _ref2$match$params.id,
-              itemId = _ref2$match$params$id === void 0 ? null : _ref2$match$params$id,
-              search = _ref2.location.search;
-
-          var query = _queryString["default"].parse(search);
-
-          var matchedResource = resource || resources.find(function (it) {
-            return resourceId !== null && it.id() === resourceId;
-          }) || null;
-          var PageComponent = ResourcePages[action];
-          return _react["default"].createElement(PageComponent, {
-            action: action,
-            query: query,
-            itemId: itemId,
-            resource: matchedResource,
-            getResourceActionUrl: function getResourceActionUrl() {
-              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-                args[_key] = arguments[_key];
-              }
-
-              return _getResourceActionUrl.apply(void 0, [matchedResource].concat(args));
-            },
-            gotoResourceAction: function gotoResourceAction() {
-              for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-                args[_key2] = arguments[_key2];
-              }
-
-              return _gotoResourceAction.apply(void 0, [matchedResource].concat(args));
-            }
-          });
-        }
-      });
-    });
-  };
-
-  return _react["default"].createElement(_Layout["default"], null, _react["default"].createElement(_reactRouter.Switch, null, user !== null ? _react["default"].createElement(_reactRouter.Route, {
-    exact: true,
-    path: urlGenerator.route('account'),
-    render: function render() {
-      return _react["default"].createElement(_Account["default"], {
-        resource: definition.resource('users')
-      });
-    }
-  }) : _react["default"].createElement(_reactRouter.Route, {
-    exact: true,
-    path: urlGenerator.route('account'),
-    render: function render() {
-      return _react["default"].createElement(_reactRouter.Redirect, {
-        to: urlGenerator.route('home')
-      });
-    }
-  }), resources.filter(function (resource) {
-    return resource.hasRoutes();
-  }).reduce(function (routes, resource) {
-    return [].concat((0, _toConsumableArray2["default"])(routes), (0, _toConsumableArray2["default"])(renderResourceRoutes(resource)));
-  }, []), renderResourceRoutes(), _react["default"].createElement(_reactRouter.Route, {
-    exact: true,
-    path: urlGenerator.route('home'),
-    component: _Home["default"]
-  })));
-};
-
-App.propTypes = propTypes;
-App.defaultProps = defaultProps;
-var WithStateContainer = (0, _reactRedux.connect)(function (_ref3) {
-  var auth = _ref3.auth;
-  return {
-    user: auth.user || null
-  };
-})(App);
-var WithRouter = (0, _reactRouter.withRouter)(WithStateContainer);
-var _default = WithRouter;
-exports["default"] = _default;

package/lib/components/Layout.js

@@ -1,87 +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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactRedux = require("react-redux");
-
-var _reactRouter = require("react-router");
-
-var _core = require("@panneau/core");
-
-var _contexts = require("@panneau/core/contexts");
-
-var _LayoutActions = require("../actions/LayoutActions");
-
-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 propTypes = {
-  history: _core.PropTypes.history.isRequired,
-  updateLayout: _propTypes["default"].func.isRequired
-};
-var defaultProps = {};
-
-var Layout = function Layout(_ref) {
-  var updateLayout = _ref.updateLayout,
-      history = _ref.history,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["updateLayout", "history"]);
-  var urlGenerator = (0, _contexts.useUrlGenerator)();
-  var definition = (0, _contexts.useDefinition)();
-  var layoutsCollection = (0, _contexts.useComponents)('layouts');
-  var gotoHome = (0, _react.useCallback)(function () {
-    return history(urlGenerator.route('home'));
-  }, [urlGenerator]);
-  var gotoLink = (0, _react.useCallback)(function (path) {
-    return history(path);
-  }, []);
-  var gotoRoute = (0, _react.useCallback)(function (name) {
-    return history(urlGenerator.route(name));
-  }, [urlGenerator]);
-
-  var _definition$layout = definition.layout(),
-      _definition$layout$ty = _definition$layout.type,
-      componentName = _definition$layout$ty === void 0 ? 'normal' : _definition$layout$ty,
-      layoutProps = (0, _objectWithoutProperties2["default"])(_definition$layout, ["type"]);
-
-  var LayoutComponent = layoutsCollection.getComponent(componentName);
-  return LayoutComponent !== null ? _react["default"].createElement(LayoutComponent, (0, _extends2["default"])({
-    gotoHome: gotoHome,
-    gotoLink: gotoLink,
-    gotoRoute: gotoRoute,
-    updateLayout: updateLayout
-  }, layoutProps, props)) : null;
-};
-
-Layout.propTypes = propTypes;
-Layout.defaultProps = defaultProps;
-var WithStateContainer = (0, _reactRedux.connect)(function (_ref2) {
-  var layout = _ref2.layout;
-  return _objectSpread({}, layout);
-}, function (dispatch) {
-  return {
-    updateLayout: function updateLayout(layout) {
-      return dispatch((0, _LayoutActions.updateLayout)(layout));
-    }
-  };
-})(Layout);
-var WithRouterContainer = (0, _reactRouter.withRouter)(WithStateContainer);
-var _default = WithRouterContainer;
-exports["default"] = _default;