@hipay/hipay-material-ui 2.3.0-rcstyleguide-beta4 → 2.3.1-rc1

package/old_components/HiSwitch/HiSwitchState.js

@@ -1,163 +0,0 @@
-"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

@@ -1,23 +0,0 @@
-"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

@@ -1,231 +0,0 @@
-"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

@@ -1,101 +0,0 @@
-"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

@@ -1,62 +0,0 @@
-"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;