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

package/old_components/HiSwitch/HiSwitchState.js

@@ -0,0 +1,163 @@
+"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 _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 _HiButton = _interopRequireDefault(require("../HiButton"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _helpers = require("../utils/helpers");
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: 'inline-flex',
+      maxHeight: 40,
+      marginRight: 12,
+      padding: 4,
+      backgroundColor: theme.palette.background2,
+      borderRadius: '2px 2px 0 0',
+      width: '100%',
+      maxWidth: 200,
+      minWidth: 120,
+      borderBottom: "solid 1px ".concat(theme.palette.grey[300])
+    },
+    button: {
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      backgroundColor: theme.palette.background2,
+      color: theme.palette.text.disabled,
+      textTransform: 'inherit',
+      width: '50%',
+      fontSize: 15,
+      fontWeight: 400
+    },
+    buttonLeft: {
+      borderBottomRightRadius: 0,
+      borderTopRightRadius: 0
+    },
+    buttonRight: {
+      borderBottomLeftRadius: 0,
+      borderTopLeftRadius: 0
+    },
+    checked: {
+      boxShadow: theme.shadows[2]
+    },
+    checkedPrimary: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.primary.main,
+        color: theme.palette.primary.contrastText
+      }
+    },
+    checkedSecondary: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.secondary.main,
+        color: theme.palette.secondary.contrastText
+      }
+    },
+    checkedPositive: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.positive.main,
+        color: theme.palette.positive.contrastText
+      }
+    },
+    checkedNegative: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.negative.main,
+        color: theme.palette.negative.contrastText
+      }
+    },
+    checkedMiddle: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.middle.main,
+        color: theme.palette.middle.contrastText
+      }
+    },
+    checkedNeutral: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.neutral.main,
+        color: theme.palette.neutral.contrastText
+      }
+    },
+    disabled: {
+      '&$checked': {
+        backgroundColor: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
+        color: theme.palette.type === 'light' ? theme.palette.grey[50] : theme.palette.grey[400]
+      },
+      boxShadow: 'none'
+    }
+  };
+};
+/**
+ * Ce composant affiche un switch entre 2 valeurs associées à deux labels.
+ * par défaut ON/OFF associé à true/false.
+ */
+
+
+exports.styles = styles;
+
+function HiSwitchState(props) {
+  var _classNames, _classNames2;
+
+  var classes = props.classes,
+      className = props.className,
+      checked = props.checked,
+      color = props.color,
+      leftLabel = props.leftLabel,
+      rightLabel = props.rightLabel,
+      leftValue = props.leftValue,
+      rightValue = props.rightValue,
+      disabled = props.disabled,
+      onChange = props.onChange;
+  var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
+  var buttonLeftClass = (0, _classnames.default)(classes.button, classes.buttonLeft, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.checked, checked === leftValue), (0, _defineProperty2.default)(_classNames, classes.checkedNeutral, !disabled && checked === leftValue && !isHiColor), (0, _defineProperty2.default)(_classNames, classes["checked".concat((0, _helpers.capitalize)(color))], !disabled && checked === leftValue && isHiColor), (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), _classNames));
+  var buttonRightClass = (0, _classnames.default)(classes.button, classes.buttonRight, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.checked, checked === rightValue), (0, _defineProperty2.default)(_classNames2, classes.checkedNeutral, !disabled && checked === rightValue && !isHiColor), (0, _defineProperty2.default)(_classNames2, classes["checked".concat((0, _helpers.capitalize)(color))], !disabled && checked === rightValue && isHiColor), (0, _defineProperty2.default)(_classNames2, classes.disabled, disabled), _classNames2));
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)(classes.root, className)
+  }, _react.default.createElement(_HiButton.default, {
+    size: "small",
+    className: buttonLeftClass,
+    value: leftValue,
+    onClick: function onClick(event) {
+      return onChange(event, leftValue);
+    },
+    disabled: disabled
+  }, leftLabel), _react.default.createElement(_HiButton.default, {
+    size: "small",
+    className: buttonRightClass,
+    value: rightValue,
+    onClick: function onClick(event) {
+      return onChange(event, rightValue);
+    },
+    disabled: disabled
+  }, rightLabel));
+}
+
+HiSwitchState.defaultProps = {
+  checked: 'on',
+  color: 'inherit',
+  leftLabel: 'Off',
+  rightLabel: 'On',
+  leftValue: 'off',
+  rightValue: 'on',
+  disabled: false
+};
+
+var _default = (0, _styles.withStyles)(styles, {
+  hiComponent: true,
+  name: 'HmuiHiSwitchState'
+})(HiSwitchState);
+
+exports.default = _default;

package/old_components/HiSwitch/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 _HiSwitch.default;
+  }
+});
+Object.defineProperty(exports, "HiSwitchState", {
+  enumerable: true,
+  get: function get() {
+    return _HiSwitchState.default;
+  }
+});
+
+var _HiSwitch = _interopRequireDefault(require("./HiSwitch"));
+
+var _HiSwitchState = _interopRequireDefault(require("./HiSwitchState"));

package/old_components/HiTable/HiCellBuilder.js

@@ -0,0 +1,231 @@
+"use strict";
+
+var _interopRequireWildcard = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireWildcard");
+
+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 _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 _getPrototypeOf3 = _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 _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
+
+var _CellAddress = _interopRequireDefault(require("../HiCell/CellAddress"));
+
+var _CellDate = _interopRequireDefault(require("../HiCell/CellDate"));
+
+var _CellIcon = _interopRequireDefault(require("../HiCell/CellIcon"));
+
+var _CellImage = _interopRequireDefault(require("../HiCell/CellImage"));
+
+var _CellNumeric = _interopRequireDefault(require("../HiCell/CellNumeric"));
+
+var _CellSentinel = _interopRequireDefault(require("../HiCell/CellSentinel"));
+
+var _CellSentinelScore = _interopRequireDefault(require("../HiCell/CellSentinelScore"));
+
+var _CellTextStyled = _interopRequireDefault(require("../HiCell/CellTextStyled"));
+
+var _CellRate = _interopRequireDefault(require("../HiCell/CellRate"));
+
+var _CellPinToAction = _interopRequireDefault(require("../HiCell/CellPinToAction"));
+
+var cst = _interopRequireWildcard(require("./constants"));
+
+// @inheritedComponent CellBuilder
+var HiCellBuilder =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiCellBuilder, _React$PureComponent);
+
+  function HiCellBuilder() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiCellBuilder);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiCellBuilder)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createCell", function (cell, rowdata, locale) {
+      if (rowdata.datas[cell.colId]) {
+        var datacell = rowdata.datas[cell.colId];
+
+        if (cell.data !== undefined) {
+          var refproperties = cell.data.find(function (el) {
+            return el.id === datacell.value;
+          });
+
+          if (refproperties) {
+            Object.keys(refproperties).forEach(function (key) {
+              datacell[key] = refproperties[key];
+            });
+          } else {
+            datacell = undefined;
+          }
+        }
+
+        if (datacell) {
+          switch (cell.type) {
+            case cst.TYPE_NUMERIC:
+              return _react.default.createElement(_CellNumeric.default, {
+                value: datacell.value,
+                view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
+                precision: cell.precision,
+                currency: datacell.currency,
+                locale: datacell.locale || cell.locale || locale
+              });
+
+            case cst.TYPE_COUNTRY:
+              return _react.default.createElement(_CellImage.default, {
+                label: datacell.label,
+                shortLabel: datacell.id,
+                path: datacell.img,
+                size: datacell.size,
+                view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
+              });
+
+            case cst.TYPE_IMAGE:
+              return _react.default.createElement(_CellImage.default, {
+                label: datacell.label,
+                shortLabel: datacell.id,
+                path: datacell.img,
+                size: datacell.size || cell.size,
+                view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
+                fallbackImage: datacell.fallbackImage,
+                title: cell.title ? cell.title(datacell, cell) : datacell.title
+              });
+
+            case cst.TYPE_RATE:
+              return _react.default.createElement(_CellRate.default, {
+                indicator: datacell.indicator,
+                isPositive: datacell.isPositive,
+                locale: datacell.locale || cell.locale || locale,
+                value: datacell.value,
+                trendchip: datacell.trendchip,
+                view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
+              });
+
+            case cst.TYPE_ADDRESS:
+              return _react.default.createElement(_CellAddress.default, {
+                city: datacell.city,
+                country: datacell.country,
+                isoCountry: datacell.isoCountry,
+                name: datacell.name,
+                postalCode: datacell.postalCode,
+                streetAddress: datacell.streetAddress,
+                view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
+              });
+
+            case cst.TYPE_DATE:
+              return _react.default.createElement(_CellDate.default, {
+                date: datacell.date,
+                displayTime: datacell.displayTime,
+                formatShort: datacell.formatShort,
+                locale: datacell.locale || cell.precision || locale,
+                view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
+              });
+
+            case cst.TYPE_ICON:
+              return _react.default.createElement(_CellIcon.default, {
+                align: cell.align,
+                color: datacell.color,
+                icon: datacell.icon,
+                label: datacell.label,
+                onClick: datacell.handleClick,
+                view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
+                size: cell.size
+              });
+
+            case cst.TYPE_THIRD_PARTY_SECURITY:
+              return _react.default.createElement(_CellIcon.default, {
+                color: datacell.color,
+                icon: datacell.icon,
+                label: datacell.label,
+                view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
+                size: cell.size
+              });
+
+            case cst.TYPE_SENTINEL:
+              return _react.default.createElement(_CellSentinel.default, {
+                color: datacell.color,
+                label: datacell.label,
+                letter: datacell.label2,
+                active: datacell.active,
+                reviewer: datacell.reviewer,
+                outlined: datacell.outlined
+              });
+
+            case cst.TYPE_SENTINEL_SCORE:
+              return _react.default.createElement(_CellSentinelScore.default, {
+                value: datacell.value,
+                result: datacell.result,
+                active: datacell.active
+              });
+
+            case cst.TYPE_PIN_TO_ACTION:
+              return _react.default.createElement(_CellPinToAction.default, {
+                number: datacell.number // eslint-disable-next-line react/jsx-handler-names
+                ,
+                onClick: datacell.onClick
+              });
+
+            case cst.TYPE_ACCOUNT_NUMBER:
+            case cst.TYPE_CUSTOMER_ACCOUNT_NUMBER:
+            default:
+              return _react.default.createElement(_CellTextStyled.default, {
+                active: datacell.active,
+                color: datacell.color,
+                label: datacell.label,
+                isButton: datacell.isButton,
+                onClick: datacell.handleClick,
+                title: cell.title ? cell.title(datacell, cell) : datacell.title,
+                value: datacell.value
+              });
+          }
+        }
+      }
+
+      return null;
+    });
+    return _this;
+  }
+
+  (0, _createClass2.default)(HiCellBuilder, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          className = _this$props.className,
+          column = _this$props.column,
+          data = _this$props.data,
+          locale = _this$props.locale;
+      return _react.default.createElement(_TableCell.default, {
+        className: className
+      }, this.createCell(column, data, locale));
+    }
+  }]);
+  return HiCellBuilder;
+}(_react.default.PureComponent);
+
+var _default = HiCellBuilder;
+exports.default = _default;

package/old_components/HiTable/HiTable.js

@@ -0,0 +1,101 @@
+"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 _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 _styles = require("@material-ui/core/styles");
+
+var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
+
+var _HiTableHeader = _interopRequireDefault(require("./HiTableHeader"));
+
+var _HiTableBody = _interopRequireDefault(require("./HiTableBody"));
+
+// @inheritedComponent Table
+var styles = function styles(theme) {
+  return {
+    root: {
+      backgroundColor: theme.palette.background3
+    }
+  };
+};
+
+var HiTable =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiTable, _React$PureComponent);
+
+  function HiTable(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiTable);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiTable).call(this, props));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleRequestSort", function (event, property) {
+      if (_this.props.onSort) {
+        _this.props.onSort(property);
+      }
+    });
+    _this.handleRequestSort = _this.handleRequestSort.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+
+  (0, _createClass2.default)(HiTable, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          data = _this$props.data,
+          columns = _this$props.columns,
+          locale = _this$props.locale,
+          sortable = _this$props.sortable,
+          onRowClick = _this$props.onRowClick,
+          dense = _this$props.dense,
+          order = _this$props.order,
+          orderBy = _this$props.orderBy;
+      return _react.default.createElement(_Table.default, {
+        className: classes.root
+      }, _react.default.createElement(_HiTableHeader.default, {
+        columns: columns,
+        order: order,
+        orderBy: orderBy,
+        onRequestSort: this.handleRequestSort,
+        sortable: sortable,
+        dense: dense
+      }), _react.default.createElement(_HiTableBody.default, {
+        data: data,
+        columns: columns,
+        onClick: onRowClick,
+        dense: dense,
+        locale: locale
+      }));
+    }
+  }]);
+  return HiTable;
+}(_react.default.PureComponent);
+
+var _default = (0, _styles.withStyles)(styles, {
+  hiComponent: true,
+  name: 'HmuiHiTable'
+})(HiTable);
+
+exports.default = _default;

package/old_components/HiTable/HiTableBody.js

@@ -0,0 +1,62 @@
+"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 _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 _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _TableBody = _interopRequireDefault(require("@material-ui/core/TableBody/TableBody"));
+
+var _HiTableRow = _interopRequireDefault(require("./HiTableRow"));
+
+// @inheritedComponent TableBody
+var HiTableBody =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiTableBody, _React$PureComponent);
+
+  function HiTableBody() {
+    (0, _classCallCheck2.default)(this, HiTableBody);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiTableBody).apply(this, arguments));
+  }
+
+  (0, _createClass2.default)(HiTableBody, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          columns = _this$props.columns,
+          data = _this$props.data,
+          dense = _this$props.dense,
+          locale = _this$props.locale,
+          onClick = _this$props.onClick;
+      return _react.default.createElement(_TableBody.default, null, data.map(function (n) {
+        return _react.default.createElement(_HiTableRow.default, {
+          columns: columns,
+          rowdata: n,
+          key: n.rowId,
+          onClick: onClick,
+          dense: dense,
+          locale: locale
+        });
+      }));
+    }
+  }]);
+  return HiTableBody;
+}(_react.default.PureComponent);
+
+var _default = HiTableBody;
+exports.default = _default;