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

package/es/lib/utils.js

@@ -1,19 +0,0 @@
-import isString from 'lodash/isString';
-import isObject from 'lodash/isObject';
-export var getLocalizedName = function getLocalizedName(definition) {
-  var variant = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
-  var name = definition.name,
-      _definition$messages = definition.messages,
-      messages = _definition$messages === void 0 ? {} : _definition$messages;
-  var _messages$name = messages.name,
-      nameMessages = _messages$name === void 0 ? {} : _messages$name;
-
-  if (isString(nameMessages)) {
-    return nameMessages;
-  }
-
-  return nameMessages[variant] || name;
-};
-export var isMessage = function isMessage(str) {
-  return isObject(str) && typeof str.id !== 'undefined';
-};

package/es/requests.js

@@ -1 +0,0 @@
-export * from './lib/requests';

package/lib/components/Button.js

@@ -1,182 +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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _isString = _interopRequireDefault(require("lodash/isString"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var _reactIntl = require("react-intl");
-
-var _Label = _interopRequireDefault(require("./Label"));
-
-var PanneauPropTypes = _interopRequireWildcard(require("../lib/PropTypes"));
-
-var _utils = require("../lib/utils");
-
-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 = {
-  intl: PanneauPropTypes.intl.isRequired,
-  type: _propTypes["default"].string,
-  size: PanneauPropTypes.buttonSize,
-  style: PanneauPropTypes.buttonStyle,
-  href: _propTypes["default"].string,
-  target: _propTypes["default"].string,
-  external: _propTypes["default"].bool,
-  dropdown: PanneauPropTypes.dropdownItems,
-  icon: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  className: _propTypes["default"].string,
-  title: PanneauPropTypes.message,
-  label: PanneauPropTypes.label,
-  children: PanneauPropTypes.label,
-  onClick: _propTypes["default"].func,
-  onItemClick: _propTypes["default"].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 = (0, _objectWithoutProperties2["default"])(_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: (0, _classnames["default"])(['btn'], (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "btn-".concat(style), style !== null), (0, _defineProperty2["default"])(_classNames, "btn-".concat(size), !hasDropdown && size !== null), (0, _defineProperty2["default"])(_classNames, 'dropdown-toggle', hasDropdown), (0, _defineProperty2["default"])(_classNames, "disabled", disabled), (0, _defineProperty2["default"])(_classNames, className, className !== null), _classNames)),
-    title: (0, _utils.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["default"].createElement(_react["default"].Fragment, null, (0, _isString["default"])(icon) ? _react["default"].createElement("span", {
-    className: (0, _classnames["default"])([icon, {
-      'mr-2': finalLabel !== null
-    }])
-  }) : icon, _react["default"].createElement(_Label["default"], null, finalLabel), hasDropdown ? _react["default"].createElement("span", {
-    className: "caret"
-  }) : null);
-
-  var button;
-
-  if (!hasDropdown && href !== null) {
-    button = external ? _react["default"].createElement("a", (0, _extends2["default"])({
-      href: href
-    }, buttonProps, {
-      target: target,
-      "aria-disabled": disabled ? 'true' : 'false'
-    }), inner) : _react["default"].createElement(_reactRouterDom.Link, (0, _extends2["default"])({
-      to: href
-    }, buttonProps, {
-      "aria-disabled": disabled ? 'true' : 'false'
-    }), inner);
-  } else {
-    button = _react["default"].createElement("button", (0, _extends2["default"])({
-      type: type
-    }, buttonProps, {
-      disabled: disabled
-    }), inner);
-  }
-
-  return hasDropdown ? _react["default"].createElement("div", {
-    className: (0, _classnames["default"])(['btn-group', (0, _defineProperty2["default"])({}, "btn-group-".concat(size), hasDropdown && size !== null)])
-  }, button, _react["default"].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["default"].createElement("a", (0, _extends2["default"])({}, itemProps, {
-      href: itemHref,
-      target: itemTarget
-    }), _react["default"].createElement(_Label["default"], null, itemLabel)) : _react["default"].createElement(_reactRouterDom.Link, (0, _extends2["default"])({}, itemProps, {
-      to: itemHref
-    }), _react["default"].createElement(_Label["default"], null, itemLabel));
-  }))) : button;
-};
-
-Button.propTypes = propTypes;
-Button.defaultProps = defaultProps;
-
-var _default = (0, _reactIntl.injectIntl)(Button);
-
-exports["default"] = _default;

package/lib/components/ButtonGroup.js

@@ -1,104 +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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var PanneauPropTypes = _interopRequireWildcard(require("../lib/PropTypes"));
-
-var _Button = _interopRequireDefault(require("./Button"));
-
-/* eslint-disable react/jsx-props-no-spreading */
-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["default"].string,
-  onClick: _propTypes["default"].func,
-  noWrap: _propTypes["default"].bool,
-  toggle: _propTypes["default"].bool,
-  className: _propTypes["default"].string,
-  buttonClassName: _propTypes["default"].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 = (0, _objectWithoutProperties2["default"])(_ref, ["buttons", "style", "size", "noWrap", "toggle", "className", "buttonClassName", "onClick"]);
-  return _react["default"].createElement("div", (0, _extends2["default"])({
-    className: (0, _classnames["default"])(['btn-group', styles.container, (_ref2 = {}, (0, _defineProperty2["default"])(_ref2, "btn-group-".concat(size), size !== null), (0, _defineProperty2["default"])(_ref2, styles.noWrap, noWrap), (0, _defineProperty2["default"])(_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["default"].isValidElement(button)) {
-      return _react["default"].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 = (0, _objectWithoutProperties2["default"])(button, ["className", "style", "active"]);
-    return _react["default"].createElement(_Button["default"], (0, _extends2["default"])({}, buttonProps, {
-      style: buttonStyle,
-      key: key,
-      className: (0, _classnames["default"])([styles.button, (_ref3 = {
-        'active': active
-      }, (0, _defineProperty2["default"])(_ref3, buttonClassName, buttonClassName !== null), (0, _defineProperty2["default"])(_ref3, customClassName, customClassName !== null), _ref3)])
-    }));
-  }));
-};
-
-ButtonGroup.propTypes = propTypes;
-ButtonGroup.defaultProps = defaultProps;
-var _default = ButtonGroup;
-exports["default"] = _default;

package/lib/components/Errors.js

@@ -1,49 +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 _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _isArray = _interopRequireDefault(require("lodash/isArray"));
-
-var _PropTypes = require("../lib/PropTypes");
-
-var styles = {
-  "container": "panneau-core-errors-container"
-};
-var propTypes = {
-  errors: _PropTypes.errors,
-  className: _propTypes["default"].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["default"].createElement("div", {
-    className: (0, _classnames["default"])(['alert', 'alert-danger', styles.container, (0, _defineProperty2["default"])({}, className, className !== null)])
-  }, (0, _isArray["default"])(errors) ? _react["default"].createElement("ul", null, errors.map(function (error) {
-    return _react["default"].createElement("li", {
-      key: "error-".concat(error)
-    }, error);
-  })) : errors) : null;
-};
-
-Errors.propTypes = propTypes;
-Errors.defaultProps = defaultProps;
-var _default = Errors;
-exports["default"] = _default;

package/lib/components/Label.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactIntl = require("react-intl");
-
-var _PropTypes = require("../lib/PropTypes");
-
-var _utils = require("../lib/utils");
-
-/* eslint-disable react/jsx-props-no-spreading */
-var propTypes = {
-  children: _PropTypes.label.isRequired,
-  isHtml: _propTypes["default"].bool,
-  values: _propTypes["default"].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 ? _reactIntl.FormattedHTMLMessage : _reactIntl.FormattedMessage;
-  return (0, _utils.isMessage)(children) ? _react["default"].createElement(Message, (0, _extends2["default"])({
-    values: values
-  }, children)) : children;
-};
-
-Label.propTypes = propTypes;
-Label.defaultProps = defaultProps;
-var _default = Label;
-exports["default"] = _default;

package/lib/components/Loading.js

@@ -1,70 +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 _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var styles = {
-  "component": "panneau-core-loading-component",
-  "dot": "panneau-core-loading-dot",
-  "pulse": "panneau-core-loading-pulse"
-};
-var propTypes = {
-  loading: _propTypes["default"].bool,
-  color: _propTypes["default"].string,
-  size: _propTypes["default"].number,
-  margin: _propTypes["default"].string,
-  sizeUnit: _propTypes["default"].string,
-  className: _propTypes["default"].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["default"].createElement("div", {
-    className: (0, _classnames["default"])([styles.component, (0, _defineProperty2["default"])({}, className, className !== null)])
-  }, _react["default"].createElement("div", {
-    className: styles.dot,
-    style: dotStyle
-  }), _react["default"].createElement("div", {
-    className: styles.dot,
-    style: dotStyle
-  }), _react["default"].createElement("div", {
-    className: styles.dot,
-    style: dotStyle
-  })) : null;
-};
-
-Loader.propTypes = propTypes;
-Loader.defaultProps = defaultProps;
-var _default = Loader;
-exports["default"] = _default;

package/lib/components/index.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function get() {
-    return _Button["default"];
-  }
-});
-Object.defineProperty(exports, "ButtonGroup", {
-  enumerable: true,
-  get: function get() {
-    return _ButtonGroup["default"];
-  }
-});
-Object.defineProperty(exports, "Errors", {
-  enumerable: true,
-  get: function get() {
-    return _Errors["default"];
-  }
-});
-Object.defineProperty(exports, "Label", {
-  enumerable: true,
-  get: function get() {
-    return _Label["default"];
-  }
-});
-Object.defineProperty(exports, "Loading", {
-  enumerable: true,
-  get: function get() {
-    return _Loading["default"];
-  }
-});
-
-var _Button = _interopRequireDefault(require("./Button"));
-
-var _ButtonGroup = _interopRequireDefault(require("./ButtonGroup"));
-
-var _Errors = _interopRequireDefault(require("./Errors"));
-
-var _Label = _interopRequireDefault(require("./Label"));
-
-var _Loading = _interopRequireDefault(require("./Loading"));

package/lib/contexts/Components.js

@@ -1,78 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ComponentsProvider = exports.useComponent = exports.useComponents = exports.ComponentsContext = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _ComponentsCollection = _interopRequireDefault(require("../lib/ComponentsCollection"));
-
-var ComponentsContext = _react["default"].createContext(new _ComponentsCollection["default"]());
-
-exports.ComponentsContext = ComponentsContext;
-
-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 = (0, _react.useContext)(ComponentsContext);
-  var collection = (0, _react.useMemo)(function () {
-    if (customComponents !== null) {
-      return _ComponentsCollection["default"].make(customComponents);
-    }
-
-    return namespace !== null ? contextCollection.getCollection(namespace) : contextCollection;
-  }, [namespace, customComponents, contextCollection]);
-  return collection;
-};
-
-exports.useComponents = useComponents;
-
-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 = (0, _react.useMemo)(function () {
-    return collection.getComponent(name);
-  }, [collection, name]);
-  return component;
-};
-
-exports.useComponent = useComponent;
-var propTypes = {
-  children: _propTypes["default"].node.isRequired,
-  components: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].object])),
-  collection: _propTypes["default"].instanceOf(_ComponentsCollection["default"])
-};
-var defaultProps = {
-  components: null,
-  collection: null
-};
-
-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["default"](components);
-  return _react["default"].createElement(ComponentsContext.Provider, {
-    value: value
-  }, children);
-};
-
-exports.ComponentsProvider = ComponentsProvider;
-ComponentsProvider.propTypes = propTypes;
-ComponentsProvider.defaultProps = defaultProps;
-var _default = ComponentsContext;
-exports["default"] = _default;

package/lib/contexts/Definition.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.DefinitionProvider = exports.useDefinition = exports.DefinitionContext = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var PanneauPropTypes = _interopRequireWildcard(require("../lib/PropTypes"));
-
-var _Definition = _interopRequireDefault(require("../lib/Definition"));
-
-var DefinitionContext = _react["default"].createContext(new _Definition["default"]());
-
-exports.DefinitionContext = DefinitionContext;
-
-var useDefinition = function useDefinition() {
-  return (0, _react.useContext)(DefinitionContext);
-};
-
-exports.useDefinition = useDefinition;
-var propTypes = {
-  children: _propTypes["default"].node.isRequired,
-  definition: PanneauPropTypes.definition.isRequired
-};
-
-var DefinitionProvider = function DefinitionProvider(_ref) {
-  var children = _ref.children,
-      definition = _ref.definition;
-  return _react["default"].createElement(DefinitionContext.Provider, {
-    value: definition
-  }, children);
-};
-
-exports.DefinitionProvider = DefinitionProvider;
-DefinitionProvider.propTypes = propTypes;
-var _default = DefinitionContext;
-exports["default"] = _default;