@hipay/hipay-material-ui 3.4.2 → 3.5.0

package/es/HiMap/HiMapExpand.js

@@ -1,200 +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/esm/defineProperty"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
-
-var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/ExpansionPanelDetails"));
-
-var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _HiMap = _interopRequireDefault(require("./HiMap"));
-
-var _HiIcon = _interopRequireDefault(require("../HiIcon/HiIcon"));
-
-var styles = function styles(theme) {
-  return {
-    column: {
-      flexBasis: '33.33%'
-    },
-    root: {
-      flexGrow: 1,
-      boxShadow: 'none'
-    },
-    imgListItem: {
-      width: 24,
-      height: 'auto',
-      marginRight: 8,
-      verticalAlign: 'middle'
-    },
-    expandMoreIcon: {},
-    disabledIcon: {
-      color: theme.palette.action.disabled
-    },
-    panelSummaryExpanded: {
-      minHeight: 0
-    },
-    panelSummary: {
-      '&>div:first-child': {
-        margin: '12px 0'
-      }
-    },
-    expanded: {
-      '& $expandMoreIcon': {
-        transform: 'translateY(-50%) rotate(0) !important',
-        color: theme.palette.primary.light
-      },
-      minHeight: '0 !important'
-    },
-    heading: (0, _objectSpread2.default)({}, theme.typography.b1, {
-      margin: 0,
-      fontSize: 15,
-      lineHeight: '24px'
-    }),
-    secondaryHeading: (0, _objectSpread2.default)({}, theme.typography.b3, {
-      margin: 0,
-      fontSize: 15,
-      lineHeight: '24px',
-      float: 'left',
-      '&>svg': {
-        fontSize: 18,
-        marginLeft: 3,
-        marginBottom: -5
-      }
-    })
-  };
-};
-
-var HiMapExpand =
-/*#__PURE__*/
-function (_React$PureComponent) {
-  (0, _inherits2.default)(HiMapExpand, _React$PureComponent);
-
-  function HiMapExpand(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, HiMapExpand);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiMapExpand).call(this, props));
-    _this.state = {
-      addressNotFound: false,
-      expanded: false
-    };
-    _this.handleAddressNotFound = _this.handleAddressNotFound.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleExpand = _this.handleExpand.bind((0, _assertThisInitialized2.default)(_this));
-    return _this;
-  }
-
-  (0, _createClass2.default)(HiMapExpand, [{
-    key: "handleExpand",
-    value: function handleExpand() {
-      this.setState(function (prevState) {
-        return {
-          expanded: !prevState.addressNotFound && !prevState.expanded
-        };
-      });
-    }
-  }, {
-    key: "handleAddressNotFound",
-    value: function handleAddressNotFound() {
-      this.setState({
-        addressNotFound: true
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          address = _this$props.address,
-          countryFlagPath = _this$props.countryFlagPath,
-          hideLabel = _this$props.hideLabel,
-          translations = _this$props.translations;
-      var _this$state = this.state,
-          addressNotFound = _this$state.addressNotFound,
-          expanded = _this$state.expanded;
-      var flag = countryFlagPath ? _react.default.createElement("img", {
-        src: countryFlagPath,
-        className: classes.imgListItem,
-        alt: 'country flag'
-      }) : '';
-      return _react.default.createElement(_ExpansionPanel.default, {
-        className: classes.root,
-        defaultExpanded: false,
-        expanded: expanded,
-        onChange: this.handleExpand
-      }, _react.default.createElement(_ExpansionPanelSummary.default, {
-        classes: {
-          root: classes.panelSummary,
-          expanded: classes.expanded,
-          expandIcon: classes.expandMoreIcon
-        },
-        expandIcon: _react.default.createElement(_HiIcon.default, {
-          icon: 'place',
-          style: {
-            position: 'relative',
-            top: 2,
-            marginRight: 5
-          },
-          className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.disabledIcon, addressNotFound)),
-          title: addressNotFound ? translations.notFound : ''
-        })
-      }, _react.default.createElement(_react.default.Fragment, null, hideLabel || _react.default.createElement("div", {
-        className: classes.column
-      }, _react.default.createElement("p", {
-        className: classes.secondaryHeading
-      }, translations.label)), _react.default.createElement("div", null, _react.default.createElement("p", {
-        className: classes.heading
-      }, flag, address)))), _react.default.createElement(_ExpansionPanelDetails.default, {
-        style: {
-          padding: 0
-        }
-      }, _react.default.createElement(_HiMap.default, {
-        address: address,
-        onAddressNotFound: this.handleAddressNotFound
-      })));
-    }
-  }]);
-  return HiMapExpand;
-}(_react.default.PureComponent);
-
-HiMapExpand.defaultProps = {
-  countryFlagPath: '',
-  hideLabel: false,
-  translations: {
-    label: 'Adresse',
-    notFound: 'Adresse inconnue'
-  }
-};
-
-var _default = (0, _styles.withStyles)(styles, {
-  name: 'HmuiHiMapExpand'
-})(HiMapExpand);
-
-exports.default = _default;

package/es/HiMap/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _HiMap.default;
-  }
-});
-Object.defineProperty(exports, "HiMapExpand", {
-  enumerable: true,
-  get: function get() {
-    return _HiMapExpand.default;
-  }
-});
-
-var _HiMap = _interopRequireDefault(require("./HiMap"));
-
-var _HiMapExpand = _interopRequireDefault(require("./HiMapExpand"));

package/es/HiNotice/HiKPI.js

@@ -1,189 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.styles = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _ButtonBase = _interopRequireDefault(require("@material-ui/core/ButtonBase"));
-
-var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
-
-var styles = function styles(theme) {
-  return {
-    root: {
-      background: theme.palette.background3,
-      height: 104,
-      width: 136,
-      padding: '0px 8px',
-      margin: 8,
-      display: 'flex',
-      textAlign: 'center',
-      flexDirection: 'column',
-      alignItems: 'center',
-      fontFamily: theme.typography.fontFamily,
-      transition: 'height .5s ease-out'
-    },
-    rootDisable: {
-      cursor: 'default'
-    },
-    error: {
-      boxShadow: '0px 2px 4px 0px rgba(213, 0, 0, 0.24)',
-      '&:hover, &:focus': {
-        boxShadow: '0px 3px 5px 0px rgba(213, 0, 0, 0.32)'
-      }
-    },
-    warning: {
-      boxShadow: '0px 2px 4px 0px rgba(249, 148, 8, 0.32)',
-      '&:hover, &:focus': {
-        boxShadow: '0px 3px 5px 0px rgba(249, 148, 8, 0.40)'
-      }
-    },
-    inherit: {
-      boxShadow: '0px 1px 3px 0px rgba(0, 0, 0, 0.16)',
-      '&:hover, &:focus': {
-        boxShadow: '0px 3px 5px 0px rgba(0, 0, 0, 0.24)'
-      }
-    },
-    positive: {
-      boxShadow: '0px 1px 3px 0px rgba(0, 175, 1, 0.36)',
-      '&:hover, &:focus': {
-        boxShadow: '0px 3px 5px 0px rgba(0, 175, 1, 0.44)'
-      }
-    },
-    active: {
-      background: theme.palette.background2,
-      boxShadow: 'none'
-    },
-    body: {
-      margin: 0,
-      display: 'inline-grid',
-      alignItems: 'center',
-      fontSize: 20,
-      fontWeight: theme.typography.fontWeightLight,
-      flex: '1 1 auto'
-    },
-    title: {
-      maxHeight: 16,
-      maxWidth: '100%',
-      margin: '7px 0px',
-      whiteSpace: 'nowrap',
-      overflow: 'hidden',
-      fontSize: 14,
-      fontWeight: theme.typography.fontWeightLight,
-      flex: '0 1 16px'
-    },
-    subtitle: {
-      maxHeight: 28,
-      margin: '2px 0px',
-      maxWidth: '100%',
-      color: theme.palette.neutral.main,
-      fontSize: 11,
-      lineHeight: '13px',
-      fontWeight: theme.typography.fontWeightMedium,
-      flex: '0 1 28px'
-    },
-    minify: {
-      height: 72
-    }
-  };
-};
-
-exports.styles = styles;
-
-var HiKPI =
-/*#__PURE__*/
-function (_React$Component) {
-  (0, _inherits2.default)(HiKPI, _React$Component);
-
-  function HiKPI(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, HiKPI);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiKPI).call(this, props));
-
-    _this.handleClick = function (id) {
-      return function () {
-        _this.props.onClick(id);
-      };
-    };
-
-    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
-    return _this;
-  }
-
-  (0, _createClass2.default)(HiKPI, [{
-    key: "render",
-    value: function render() {
-      var _classNames;
-
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          minify = _this$props.minify,
-          bodyMinify = _this$props.bodyMinify,
-          active = _this$props.active,
-          title = _this$props.title,
-          body = _this$props.body,
-          subtitle = _this$props.subtitle,
-          color = _this$props.color,
-          id = _this$props.id,
-          tooltip = _this$props.tooltip,
-          disable = _this$props.disable,
-          buttonId = _this$props.buttonId;
-      var rootclass = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.inherit, color === 'inherit'), (0, _defineProperty2.default)(_classNames, classes.warning, color === 'warning' && !disable), (0, _defineProperty2.default)(_classNames, classes.error, color === 'error' && !disable), (0, _defineProperty2.default)(_classNames, classes.positive, color === 'positive' && !disable), (0, _defineProperty2.default)(_classNames, classes.active, active), (0, _defineProperty2.default)(_classNames, classes.minify, minify), (0, _defineProperty2.default)(_classNames, classes.rootDisable, disable), _classNames));
-      return _react.default.createElement(_ButtonBase.default, {
-        id: buttonId,
-        className: rootclass,
-        onClick: !disable ? this.handleClick(id) : undefined,
-        title: tooltip,
-        disableRipple: disable,
-        disabled: disable
-      }, title && _react.default.createElement("h3", {
-        className: classes.title
-      }, title), _react.default.createElement("div", {
-        className: classes.body
-      }, minify && bodyMinify ? bodyMinify : body), _react.default.createElement(_Collapse.default, {
-        in: !minify,
-        timeout: 'auto'
-      }, _react.default.createElement("div", {
-        className: classes.subtitle
-      }, subtitle)));
-    }
-  }]);
-  return HiKPI;
-}(_react.default.Component);
-
-HiKPI.defaultProps = {
-  active: false,
-  minify: false,
-  color: 'inherit'
-};
-
-var _default = (0, _styles.withStyles)(styles, {
-  hiComponent: true,
-  name: 'HmuiHiKPI'
-})(HiKPI);
-
-exports.default = _default;

package/es/HiNotice/HiKPINotice.js

@@ -1,69 +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 _styles = require("@material-ui/core/styles");
-
-var _HiKPI = _interopRequireDefault(require("./HiKPI"));
-
-var styles = function styles() {
-  return {
-    container: {
-      minWidth: 230,
-      width: '100%',
-      display: 'flex',
-      flexWrap: 'wrap',
-      justifyContent: 'left'
-    }
-  };
-};
-
-var HiKPINotice = function HiKPINotice(_ref) {
-  var classes = _ref.classes,
-      kpis = _ref.kpis,
-      activeKpi = _ref.activeKpi,
-      minify = _ref.minify,
-      onClickOnKPI = _ref.onClickOnKPI;
-  return _react.default.createElement("div", {
-    className: classes.container
-  }, Object.keys(kpis).map(function (key) {
-    var kpi = kpis[key];
-    return _react.default.createElement(_HiKPI.default, {
-      key: key,
-      id: key,
-      type: kpi.type,
-      color: kpi.color,
-      title: kpi.title,
-      body: kpi.body,
-      bodyMinify: kpi.bodyMinify,
-      subtitle: kpi.subtitle,
-      tooltip: kpi.tooltip,
-      onClick: function onClick() {
-        return onClickOnKPI(key);
-      },
-      active: activeKpi === key,
-      minify: minify,
-      disable: kpi.disable,
-      buttonId: kpi.buttonId
-    });
-  }));
-};
-
-HiKPINotice.defaultProps = {
-  activeKpi: null,
-  minify: false
-};
-
-var _default = (0, _styles.withStyles)(styles, {
-  hiComponent: true,
-  name: 'HmuiHiKPINotice'
-})(HiKPINotice);
-
-exports.default = _default;

package/es/HiNotice/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "HiKPI", {
-  enumerable: true,
-  get: function get() {
-    return _HiKPI.default;
-  }
-});
-Object.defineProperty(exports, "HiKPINotice", {
-  enumerable: true,
-  get: function get() {
-    return _HiKPINotice.default;
-  }
-});
-
-var _HiKPI = _interopRequireDefault(require("./HiKPI"));
-
-var _HiKPINotice = _interopRequireDefault(require("./HiKPINotice"));