@panneau/core 1.0.1-alpha.0 → 1.0.3-alpha.0

package/es/components/Button.js

@@ -1,157 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
-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) { _defineProperty(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; }
-
-/* eslint-disable jsx-a11y/anchor-is-valid, react/button-has-type, react/jsx-props-no-spreading */
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import isString from 'lodash/isString';
-import { Link } from 'react-router-dom';
-import { injectIntl } from 'react-intl';
-import Label from './Label';
-import * as PanneauPropTypes from '../lib/PropTypes';
-import { isMessage } from '../lib/utils';
-var propTypes = {
-  intl: PanneauPropTypes.intl.isRequired,
-  type: PropTypes.string,
-  size: PanneauPropTypes.buttonSize,
-  style: PanneauPropTypes.buttonStyle,
-  href: PropTypes.string,
-  target: PropTypes.string,
-  external: PropTypes.bool,
-  dropdown: PanneauPropTypes.dropdownItems,
-  icon: PropTypes.string,
-  disabled: PropTypes.bool,
-  className: PropTypes.string,
-  title: PanneauPropTypes.message,
-  label: PanneauPropTypes.label,
-  children: PanneauPropTypes.label,
-  onClick: PropTypes.func,
-  onItemClick: PropTypes.func
-};
-var defaultProps = {
-  type: 'button',
-  size: null,
-  style: 'primary',
-  href: null,
-  target: null,
-  external: false,
-  dropdown: null,
-  icon: null,
-  disabled: false,
-  className: null,
-  title: null,
-  label: null,
-  children: null,
-  onClick: null,
-  onItemClick: null
-};
-
-var Button = function Button(_ref) {
-  var _classNames;
-
-  var intl = _ref.intl,
-      type = _ref.type,
-      size = _ref.size,
-      style = _ref.style,
-      href = _ref.href,
-      external = _ref.external,
-      target = _ref.target,
-      icon = _ref.icon,
-      dropdown = _ref.dropdown,
-      label = _ref.label,
-      title = _ref.title,
-      disabled = _ref.disabled,
-      children = _ref.children,
-      className = _ref.className,
-      onClick = _ref.onClick,
-      onItemClick = _ref.onItemClick,
-      props = _objectWithoutProperties(_ref, ["intl", "type", "size", "style", "href", "external", "target", "icon", "dropdown", "label", "title", "disabled", "children", "className", "onClick", "onItemClick"]);
-
-  var hasDropdown = dropdown !== null && dropdown.length > 0;
-
-  var buttonProps = _objectSpread({
-    className: classNames(['btn'], (_classNames = {}, _defineProperty(_classNames, "btn-".concat(style), style !== null), _defineProperty(_classNames, "btn-".concat(size), !hasDropdown && size !== null), _defineProperty(_classNames, 'dropdown-toggle', hasDropdown), _defineProperty(_classNames, "disabled", disabled), _defineProperty(_classNames, className, className !== null), _classNames)),
-    title: isMessage(title) ? intl.formatMessage(title) : title
-  }, props);
-
-  if (hasDropdown) {
-    buttonProps['data-toggle'] = 'dropdown';
-    buttonProps['aria-haspopup'] = 'true';
-    buttonProps['aria-expanded'] = 'false';
-  } else {
-    buttonProps.onClick = onClick;
-  }
-
-  var finalLabel = children || label;
-  var inner = React.createElement(React.Fragment, null, isString(icon) ? React.createElement("span", {
-    className: classNames([icon, {
-      'mr-2': finalLabel !== null
-    }])
-  }) : icon, React.createElement(Label, null, finalLabel), hasDropdown ? React.createElement("span", {
-    className: "caret"
-  }) : null);
-  var button;
-
-  if (!hasDropdown && href !== null) {
-    button = external ? React.createElement("a", _extends({
-      href: href
-    }, buttonProps, {
-      target: target,
-      "aria-disabled": disabled ? 'true' : 'false'
-    }), inner) : React.createElement(Link, _extends({
-      to: href
-    }, buttonProps, {
-      "aria-disabled": disabled ? 'true' : 'false'
-    }), inner);
-  } else {
-    button = React.createElement("button", _extends({
-      type: type
-    }, buttonProps, {
-      disabled: disabled
-    }), inner);
-  }
-
-  return hasDropdown ? React.createElement("div", {
-    className: classNames(['btn-group', _defineProperty({}, "btn-group-".concat(size), hasDropdown && size !== null)])
-  }, button, React.createElement("ul", {
-    className: "dropdown-menu"
-  }, dropdown.map(function (it, index) {
-    var itemHref = it.href,
-        itemLabel = it.label,
-        _it$external = it.external,
-        itemExternal = _it$external === void 0 ? false : _it$external,
-        _it$target = it.target,
-        itemTarget = _it$target === void 0 ? null : _it$target,
-        _it$onClick = it.onClick,
-        itemOnClick = _it$onClick === void 0 ? null : _it$onClick;
-    var itemProps = {
-      className: 'dropdown-item',
-      key: "dropdown-".concat(index),
-      onClick: function onClick(e) {
-        if (itemOnClick !== null) {
-          itemOnClick(e, it, index);
-        }
-
-        if (onItemClick !== null) {
-          onItemClick(e, it, index);
-        }
-      }
-    };
-    return itemExternal ? React.createElement("a", _extends({}, itemProps, {
-      href: itemHref,
-      target: itemTarget
-    }), React.createElement(Label, null, itemLabel)) : React.createElement(Link, _extends({}, itemProps, {
-      to: itemHref
-    }), React.createElement(Label, null, itemLabel));
-  }))) : button;
-};
-
-Button.propTypes = propTypes;
-Button.defaultProps = defaultProps;
-export default injectIntl(Button);

package/es/components/ButtonGroup.js

@@ -1,87 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
-/* eslint-disable react/jsx-props-no-spreading */
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import * as PanneauPropTypes from '../lib/PropTypes';
-import Button from './Button';
-var styles = {
-  "container": "panneau-core-button-group-container",
-  "noWrap": "panneau-core-button-group-noWrap",
-  "button": "panneau-core-button-group-button"
-};
-var propTypes = {
-  buttons: PanneauPropTypes.buttons,
-  size: PanneauPropTypes.buttonSize,
-  style: PanneauPropTypes.buttonStyle,
-  href: PropTypes.string,
-  onClick: PropTypes.func,
-  noWrap: PropTypes.bool,
-  toggle: PropTypes.bool,
-  className: PropTypes.string,
-  buttonClassName: PropTypes.string
-};
-var defaultProps = {
-  buttons: [],
-  size: null,
-  style: 'outline-secondary',
-  href: null,
-  noWrap: false,
-  toggle: false,
-  onClick: null,
-  className: null,
-  buttonClassName: null
-};
-
-var ButtonGroup = function ButtonGroup(_ref) {
-  var _ref2;
-
-  var buttons = _ref.buttons,
-      style = _ref.style,
-      size = _ref.size,
-      noWrap = _ref.noWrap,
-      toggle = _ref.toggle,
-      className = _ref.className,
-      buttonClassName = _ref.buttonClassName,
-      onClick = _ref.onClick,
-      props = _objectWithoutProperties(_ref, ["buttons", "style", "size", "noWrap", "toggle", "className", "buttonClassName", "onClick"]);
-
-  return React.createElement("div", _extends({
-    className: classNames(['btn-group', styles.container, (_ref2 = {}, _defineProperty(_ref2, "btn-group-".concat(size), size !== null), _defineProperty(_ref2, styles.noWrap, noWrap), _defineProperty(_ref2, className, className !== null), _ref2)])
-  }, toggle ? {
-    'data-toggle': 'buttons'
-  } : null, props), buttons.map(function (button, index) {
-    var _ref3;
-
-    var key = "button-".concat(button.name || button.id || index);
-
-    if (React.isValidElement(button)) {
-      return React.cloneElement(button, {
-        key: key
-      });
-    }
-
-    var _button$className = button.className,
-        customClassName = _button$className === void 0 ? null : _button$className,
-        _button$style = button.style,
-        buttonStyle = _button$style === void 0 ? style : _button$style,
-        _button$active = button.active,
-        active = _button$active === void 0 ? false : _button$active,
-        buttonProps = _objectWithoutProperties(button, ["className", "style", "active"]);
-
-    return React.createElement(Button, _extends({}, buttonProps, {
-      style: buttonStyle,
-      key: key,
-      className: classNames([styles.button, (_ref3 = {
-        'active': active
-      }, _defineProperty(_ref3, buttonClassName, buttonClassName !== null), _defineProperty(_ref3, customClassName, customClassName !== null), _ref3)])
-    }));
-  }));
-};
-
-ButtonGroup.propTypes = propTypes;
-ButtonGroup.defaultProps = defaultProps;
-export default ButtonGroup;

package/es/components/Errors.js

@@ -1,33 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import isArray from 'lodash/isArray';
-import { errors as errorsPropTypes } from '../lib/PropTypes';
-var styles = {
-  "container": "panneau-core-errors-container"
-};
-var propTypes = {
-  errors: errorsPropTypes,
-  className: PropTypes.string
-};
-var defaultProps = {
-  errors: [],
-  className: null
-};
-
-var Errors = function Errors(_ref) {
-  var errors = _ref.errors,
-      className = _ref.className;
-  return errors !== null && errors.length > 0 ? React.createElement("div", {
-    className: classNames(['alert', 'alert-danger', styles.container, _defineProperty({}, className, className !== null)])
-  }, isArray(errors) ? React.createElement("ul", null, errors.map(function (error) {
-    return React.createElement("li", {
-      key: "error-".concat(error)
-    }, error);
-  })) : errors) : null;
-};
-
-Errors.propTypes = propTypes;
-Errors.defaultProps = defaultProps;
-export default Errors;

package/es/components/Label.js

@@ -1,32 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-
-/* eslint-disable react/jsx-props-no-spreading */
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage, FormattedHTMLMessage } from 'react-intl';
-import { label as labelPropTypes } from '../lib/PropTypes';
-import { isMessage } from '../lib/utils';
-var propTypes = {
-  children: labelPropTypes.isRequired,
-  isHtml: PropTypes.bool,
-  values: PropTypes.object // eslint-disable-line react/forbid-prop-types
-
-};
-var defaultProps = {
-  isHtml: false,
-  values: {}
-};
-
-var Label = function Label(_ref) {
-  var children = _ref.children,
-      isHtml = _ref.isHtml,
-      values = _ref.values;
-  var Message = isHtml ? FormattedHTMLMessage : FormattedMessage;
-  return isMessage(children) ? React.createElement(Message, _extends({
-    values: values
-  }, children)) : children;
-};
-
-Label.propTypes = propTypes;
-Label.defaultProps = defaultProps;
-export default Label;

package/es/components/Loading.js

@@ -1,56 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-var styles = {
-  "component": "panneau-core-loading-component",
-  "dot": "panneau-core-loading-dot",
-  "pulse": "panneau-core-loading-pulse"
-};
-var propTypes = {
-  loading: PropTypes.bool,
-  color: PropTypes.string,
-  size: PropTypes.number,
-  margin: PropTypes.string,
-  sizeUnit: PropTypes.string,
-  className: PropTypes.string
-};
-var defaultProps = {
-  loading: true,
-  color: '#000000',
-  size: 15,
-  margin: '2px',
-  sizeUnit: 'px',
-  className: null
-};
-
-var Loader = function Loader(_ref) {
-  var loading = _ref.loading,
-      color = _ref.color,
-      size = _ref.size,
-      sizeUnit = _ref.sizeUnit,
-      margin = _ref.margin,
-      className = _ref.className;
-  var dotStyle = {
-    backgroundColor: color,
-    width: "".concat(size).concat(sizeUnit),
-    height: "".concat(size).concat(sizeUnit),
-    margin: margin
-  };
-  return loading ? React.createElement("div", {
-    className: classNames([styles.component, _defineProperty({}, className, className !== null)])
-  }, React.createElement("div", {
-    className: styles.dot,
-    style: dotStyle
-  }), React.createElement("div", {
-    className: styles.dot,
-    style: dotStyle
-  }), React.createElement("div", {
-    className: styles.dot,
-    style: dotStyle
-  })) : null;
-};
-
-Loader.propTypes = propTypes;
-Loader.defaultProps = defaultProps;
-export default Loader;

package/es/components/index.js

@@ -1,6 +0,0 @@
-import Button from './Button';
-import ButtonGroup from './ButtonGroup';
-import Errors from './Errors';
-import Label from './Label';
-import Loading from './Loading';
-export { Button, ButtonGroup, Errors, Label, Loading };

package/es/contexts/Components.js

@@ -1,52 +0,0 @@
-import React, { useContext, useMemo } from 'react';
-import PropTypes from 'prop-types';
-import ComponentsCollection from '../lib/ComponentsCollection';
-export var ComponentsContext = React.createContext(new ComponentsCollection());
-export var useComponents = function useComponents() {
-  var namespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var customComponents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  var contextCollection = useContext(ComponentsContext);
-  var collection = useMemo(function () {
-    if (customComponents !== null) {
-      return ComponentsCollection.make(customComponents);
-    }
-
-    return namespace !== null ? contextCollection.getCollection(namespace) : contextCollection;
-  }, [namespace, customComponents, contextCollection]);
-  return collection;
-};
-export var useComponent = function useComponent() {
-  var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var namespace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  var customComponents = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  var collection = useComponents(namespace, customComponents);
-  var component = useMemo(function () {
-    return collection.getComponent(name);
-  }, [collection, name]);
-  return component;
-};
-var propTypes = {
-  children: PropTypes.node.isRequired,
-  components: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])),
-  collection: PropTypes.instanceOf(ComponentsCollection)
-};
-var defaultProps = {
-  components: null,
-  collection: null
-};
-export var ComponentsProvider = function ComponentsProvider(_ref) {
-  var children = _ref.children,
-      components = _ref.components,
-      collection = _ref.collection;
-  // const value = useMemo(
-  //     () => (collection !== null ? collection : new ComponentsCollection(components)),
-  //     [components, collection],
-  // );
-  var value = collection !== null ? collection : new ComponentsCollection(components);
-  return React.createElement(ComponentsContext.Provider, {
-    value: value
-  }, children);
-};
-ComponentsProvider.propTypes = propTypes;
-ComponentsProvider.defaultProps = defaultProps;
-export default ComponentsContext;

package/es/contexts/Definition.js

@@ -1,21 +0,0 @@
-import React, { useContext } from 'react';
-import PropTypes from 'prop-types';
-import * as PanneauPropTypes from '../lib/PropTypes';
-import Definition from '../lib/Definition';
-export var DefinitionContext = React.createContext(new Definition());
-export var useDefinition = function useDefinition() {
-  return useContext(DefinitionContext);
-};
-var propTypes = {
-  children: PropTypes.node.isRequired,
-  definition: PanneauPropTypes.definition.isRequired
-};
-export var DefinitionProvider = function DefinitionProvider(_ref) {
-  var children = _ref.children,
-      definition = _ref.definition;
-  return React.createElement(DefinitionContext.Provider, {
-    value: definition
-  }, children);
-};
-DefinitionProvider.propTypes = propTypes;
-export default DefinitionContext;

package/es/contexts/UrlGenerator.js

@@ -1,33 +0,0 @@
-import React, { useContext, useMemo } from 'react';
-import PropTypes from 'prop-types';
-import UrlGenerator from '../lib/UrlGenerator';
-export var UrlGeneratorContext = React.createContext(null);
-export var useUrlGenerator = function useUrlGenerator() {
-  return useContext(UrlGeneratorContext);
-};
-var propTypes = {
-  children: PropTypes.node.isRequired,
-  routes: PropTypes.objectOf(PropTypes.string),
-  urlGenerator: PropTypes.instanceOf(UrlGenerator)
-};
-var defaultProps = {
-  routes: null,
-  urlGenerator: null
-};
-
-var UrlGeneratorProvider = function UrlGeneratorProvider(_ref) {
-  var children = _ref.children,
-      routes = _ref.routes,
-      urlGenerator = _ref.urlGenerator;
-  var value = useMemo(function () {
-    return urlGenerator !== null ? urlGenerator : new UrlGenerator(routes);
-  }, [routes, urlGenerator]);
-  return React.createElement(UrlGeneratorContext.Provider, {
-    value: value
-  }, children);
-};
-
-UrlGeneratorProvider.propTypes = propTypes;
-UrlGeneratorProvider.defaultProps = defaultProps;
-export { UrlGeneratorProvider };
-export default UrlGeneratorContext;

package/es/contexts/index.js

@@ -1,3 +0,0 @@
-export { default as ComponentsContext, useComponents, useComponent, ComponentsProvider } from './Components';
-export { default as DefinitionContext, useDefinition, DefinitionProvider } from './Definition';
-export { default as UrlGeneratorContext, useUrlGenerator, UrlGeneratorProvider } from './UrlGenerator';

package/es/lib/ComponentsCollection.js

@@ -1,107 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-
-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) { _defineProperty(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 ComponentsCollection =
-/*#__PURE__*/
-function () {
-  _createClass(ComponentsCollection, null, [{
-    key: "make",
-    value: function make(components) {
-      return components instanceof ComponentsCollection ? components : new ComponentsCollection(components);
-    }
-  }, {
-    key: "normalizeKey",
-    value: function normalizeKey(key) {
-      return key.replace(/[^A-Za-z0-9.]/gi, '').toLowerCase();
-    }
-  }]);
-
-  function ComponentsCollection(components) {
-    _classCallCheck(this, ComponentsCollection);
-
-    this.components = {};
-    this.addComponents(components || {});
-  }
-
-  _createClass(ComponentsCollection, [{
-    key: "addComponent",
-    value: function addComponent(key, Component, namespace) {
-      var componentKey = ComponentsCollection.normalizeKey("".concat(typeof namespace !== 'undefined' ? "".concat(namespace, ".") : '').concat(key));
-      this.components[componentKey] = Component;
-    }
-  }, {
-    key: "addComponents",
-    value: function addComponents(components, namespace) {
-      var _this = this;
-
-      var items = components instanceof ComponentsCollection ? components.getComponents() : components;
-      Object.keys(items).forEach(function (key) {
-        _this.addComponent(key, items[key], namespace);
-      });
-    }
-  }, {
-    key: "getCollection",
-    value: function getCollection(namespace) {
-      var components = this.getComponents(namespace);
-      var collection = new ComponentsCollection(components);
-      return collection;
-    }
-  }, {
-    key: "getComponents",
-    value: function getComponents(namespace) {
-      var _this2 = this;
-
-      return Object.keys(this.components).reduce(function (components, key) {
-        if (typeof namespace !== 'undefined') {
-          var namespaceKey = ComponentsCollection.normalizeKey(namespace); // eslint-disable-next-line no-useless-escape
-
-          var matches = key.match(new RegExp("^".concat(namespaceKey, ".(.*)$"), 'i'));
-          return matches ? _objectSpread({}, components, _defineProperty({}, matches[1], _this2.components[key])) : components;
-        }
-
-        return _objectSpread({}, components, _defineProperty({}, key, _this2.components[key]));
-      }, {});
-    }
-  }, {
-    key: "setComponents",
-    value: function setComponents(components, namespace) {
-      var _this3 = this;
-
-      var items = components instanceof ComponentsCollection ? components.getComponents() : components;
-
-      if (typeof namespace !== 'undefined') {
-        Object.keys(items).forEach(function (key) {
-          _this3.components["".concat(namespace, ".").concat(key)] = items[key];
-        });
-      } else {
-        this.components = items;
-      }
-
-      return this;
-    }
-  }, {
-    key: "getComponent",
-    value: function getComponent() {
-      var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
-      if (key === null) {
-        return null;
-      }
-
-      var normalizedKey = ComponentsCollection.normalizeKey(key);
-      var foundKey = Object.keys(this.components).find(function (fieldKey) {
-        return fieldKey === normalizedKey;
-      });
-      return typeof foundKey !== 'undefined' && foundKey !== null ? this.components[foundKey] : null;
-    }
-  }]);
-
-  return ComponentsCollection;
-}();
-
-export default ComponentsCollection;