@hipay/hipay-material-ui 2.3.0-rcstyleguide-beta3 → 2.3.0-rcstyleguide-beta4

package/es/old_components/HiMap/HiMapExpand.js

@@ -0,0 +1,200 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@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/old_components/HiMap/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@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/old_components/HiNotice/HiKPI.js

@@ -0,0 +1,186 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+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': {
+        boxShadow: '0px 3px 5px 0px rgba(213, 0, 0, 0.32)'
+      }
+    },
+    warning: {
+      boxShadow: '0px 2px 4px 0px rgba(249, 148, 8, 0.32)',
+      '&:hover': {
+        boxShadow: '0px 3px 5px 0px rgba(249, 148, 8, 0.40)'
+      }
+    },
+    inherit: {
+      boxShadow: '0px 1px 3px 0px rgba(0, 0, 0, 0.16)',
+      '&:hover': {
+        boxShadow: '0px 3px 5px 0px rgba(0, 0, 0, 0.24)'
+      }
+    },
+    positive: {
+      boxShadow: '0px 1px 3px 0px rgba(0, 175, 1, 0.36)',
+      '&:hover': {
+        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));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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
+      }, 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);
+
+(0, _defineProperty2.default)(HiKPI, "defaultProps", {
+  active: false,
+  minify: false,
+  color: 'inherit'
+});
+
+var _default = (0, _styles.withStyles)(styles, {
+  hiComponent: true,
+  name: 'HmuiHiKPI'
+})(HiKPI);
+
+exports.default = _default;

package/es/old_components/HiNotice/HiKPINotice.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@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/old_components/HiNotice/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@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"));