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

package/old_components/HiTable/HiTableHeader.js

@@ -0,0 +1,141 @@
+"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 _styles = require("@material-ui/core/styles");
+
+var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
+
+var _TableHead = _interopRequireDefault(require("@material-ui/core/TableHead"));
+
+var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
+
+var _TableSortLabel = _interopRequireDefault(require("@material-ui/core/TableSortLabel"));
+
+var cst = _interopRequireWildcard(require("./constants"));
+
+// @inheritedComponent TableHeader
+var styles = function styles(theme) {
+  return {
+    head: {
+      cursor: 'inherit',
+      borderBottom: "solid 1px ".concat(theme.palette.divider)
+    },
+    cell: {
+      border: 'none',
+      paddingRight: '13px',
+      paddingLeft: '13px',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap'
+    },
+    icon: {
+      color: '#00ADE9'
+    }
+  };
+};
+
+var HiTableHeader =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiTableHeader, _React$PureComponent);
+
+  function HiTableHeader() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiTableHeader);
+
+    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)(HiTableHeader)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createSortHandler", function (property) {
+      return function (event) {
+        _this.props.onRequestSort(event, property);
+      };
+    });
+    return _this;
+  }
+
+  (0, _createClass2.default)(HiTableHeader, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          columns = _this$props.columns,
+          order = _this$props.order,
+          orderBy = _this$props.orderBy,
+          sortable = _this$props.sortable,
+          dense = _this$props.dense;
+      return _react.default.createElement(_TableHead.default, {
+        className: classes.head
+      }, _react.default.createElement(_TableRow.default, {
+        style: {
+          height: dense ? cst.CELL_HEADER_HEIGHT_DENSE : cst.CELL_HEADER_HEIGHT,
+          whiteSpace: 'nowrap'
+        }
+      }, Object.keys(columns).map(function (key) {
+        var _columns$key = columns[key],
+            align = _columns$key.align,
+            colId = _columns$key.colId,
+            type = _columns$key.type,
+            label = _columns$key.label,
+            smallLabel = _columns$key.smallLabel,
+            view = _columns$key.view,
+            headerTooltip = _columns$key.headerTooltip;
+        var finalLabel = view === 's' ? smallLabel : label;
+        return _react.default.createElement(_TableCell.default, {
+          key: colId,
+          className: classes.cell,
+          sortDirection: orderBy === colId ? order : false,
+          align: cst.ALIGN_RIGHT_TYPES.includes(type) || align === 'right' ? 'right' : 'inherit',
+          title: headerTooltip
+        }, sortable ? _react.default.createElement(_TableSortLabel.default, {
+          active: orderBy === colId,
+          direction: order,
+          onClick: _this2.createSortHandler(colId),
+          classes: {
+            icon: classes.icon
+          },
+          title: headerTooltip || label
+        }, finalLabel) : finalLabel);
+      }, this)));
+    }
+  }]);
+  return HiTableHeader;
+}(_react.default.PureComponent);
+
+var _default = (0, _styles.withStyles)(styles, {
+  hiComponent: true,
+  name: 'HmuiHiTableHeader'
+})(HiTableHeader);
+
+exports.default = _default;

package/old_components/HiTable/HiTableRow.js

@@ -0,0 +1,136 @@
+"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 = 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 _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 _react = _interopRequireDefault(require("react"));
+
+var _keycode = _interopRequireDefault(require("keycode"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
+
+var _HiCellBuilder = _interopRequireDefault(require("./HiCellBuilder"));
+
+var cst = _interopRequireWildcard(require("./constants"));
+
+// @inheritedComponent TableRow
+var styles = function styles(theme) {
+  return {
+    row: {
+      '&:last-child': {
+        borderBottom: 'solid 1px #E4E7E8'
+      },
+      '&:hover, &:focus': {
+        backgroundColor: "".concat(theme.palette.action.hover, " !important")
+      }
+    },
+    clickableRow: {
+      cursor: 'pointer'
+    },
+    cell: {
+      border: 'none',
+      padding: '0px 13px',
+      minHeight: '32px',
+      maxHeight: '40px',
+      fontWeight: theme.typography.fontWeightRegular
+    }
+  };
+};
+
+exports.styles = styles;
+
+var HiTableRow =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiTableRow, _React$PureComponent);
+
+  function HiTableRow(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiTableRow);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiTableRow).call(this, props));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+
+  (0, _createClass2.default)(HiTableRow, [{
+    key: "handleClick",
+    value: function handleClick(event, rowdata) {
+      if (this.props.onClick) {
+        this.props.onClick(event, rowdata);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          columns = _this$props.columns,
+          dense = _this$props.dense,
+          key = _this$props.key,
+          locale = _this$props.locale,
+          rowdata = _this$props.rowdata;
+      return _react.default.createElement(_TableRow.default, {
+        className: (0, _classnames.default)(classes.row, (0, _defineProperty2.default)({}, classes.clickableRow, this.props.onClick)),
+        hover: true,
+        onClick: function onClick(event) {
+          return _this2.handleClick(event, rowdata);
+        },
+        onKeyDown: function onKeyDown(event) {
+          if ((0, _keycode.default)(event) === 'space' || (0, _keycode.default)(event) === 'enter') {
+            event.preventDefault();
+
+            _this2.handleClick(event, rowdata);
+          }
+        },
+        key: key,
+        style: {
+          height: dense ? cst.CELL_HEIGHT_DENSE : cst.CELL_HEIGHT
+        },
+        tabIndex: 0
+      }, Object.keys(columns).map(function (column) {
+        return _react.default.createElement(_HiCellBuilder.default, {
+          key: columns[column].colId,
+          className: classes.cell,
+          column: columns[column],
+          data: rowdata,
+          locale: locale
+        });
+      }, this));
+    }
+  }]);
+  return HiTableRow;
+}(_react.default.PureComponent);
+
+var _default = (0, _styles.withStyles)(styles, {
+  hiComponent: true,
+  name: 'HmuiHiTableRow'
+})(HiTableRow);
+
+exports.default = _default;

package/old_components/HiTable/constants.js

@@ -0,0 +1,149 @@
+"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.ALIGN_RIGHT_TYPES = exports.DEFAULT_PADDING = exports.DEFAULT_VIEWS = exports.DEFAULT_WIDTHS = exports.FRAUD_RESULT_ASK_AUTHENTICATE = exports.FRAUD_RESULT_FORCE_AUTHENTICATE = exports.FRAUD_RESULT_PENDING = exports.FRAUD_RESULT_CHALLENGED = exports.FRAUD_RESULT_BLOCKED = exports.FRAUD_RESULT_ACCEPTED = exports.ELLIPSIS_RIGHT = exports.ELLIPSIS_NAME = exports.ELLIPSIS_MIDDLE = exports.ELLIPSIS_LEFT = exports.ELLIPSIS_AFTER_FIRST_WORD = exports.NO_EVOLUTION = exports.EVOLUTION_DOWN = exports.EVOLUTION_UP = exports.VIEWS = exports.TYPE_PIN_TO_ACTION = exports.TYPE_THIRD_PARTY_SECURITY = exports.TYPE_TEXT = exports.TYPE_COUNTRY = exports.TYPE_STATUS = exports.TYPE_SENTINEL_SCORE = exports.TYPE_SENTINEL = exports.TYPE_RATE = exports.TYPE_NUMERIC = exports.TYPE_IMAGE = exports.TYPE_ICON = exports.TYPE_DATE = exports.TYPE_CHECKBOX = exports.TYPE_ADDRESS = exports.TYPE_CUSTOMER_ACCOUNT_NUMBER = exports.TYPE_ACCOUNT_NUMBER = exports.TYPE_ACCOUNT = exports.CELL_HEADER_HEIGHT_DENSE = exports.CELL_HEADER_HEIGHT = exports.CELL_HEIGHT_DENSE = exports.CELL_HEIGHT = exports.NB_ROWS_BACK_TO_TOP = exports.MAX_ROWS = 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 _TYPE_ACCOUNT, _TYPE_ACCOUNT_NUMBER, _TYPE_ADDRESS, _TYPE_CHECKBOX, _TYPE_COUNTRY, _TYPE_DATE, _TYPE_ICON, _TYPE_IMAGE, _TYPE_NUMERIC, _TYPE_RATE, _TYPE_SENTINEL, _TYPE_SENTINEL_SCORE, _TYPE_STATUS, _TYPE_TEXT, _TYPE_THIRD_PARTY_SEC, _DEFAULT_WIDTHS, _DEFAULT_VIEWS, _DEFAULT_PADDING;
+
+/**
+ * Infinite scroll variables
+ */
+var MAX_ROWS = 50;
+exports.MAX_ROWS = MAX_ROWS;
+var NB_ROWS_BACK_TO_TOP = 10;
+/**
+ * Cell height (px)
+ */
+
+exports.NB_ROWS_BACK_TO_TOP = NB_ROWS_BACK_TO_TOP;
+var CELL_HEIGHT = 40;
+exports.CELL_HEIGHT = CELL_HEIGHT;
+var CELL_HEIGHT_DENSE = 32;
+exports.CELL_HEIGHT_DENSE = CELL_HEIGHT_DENSE;
+var CELL_HEADER_HEIGHT = 48;
+exports.CELL_HEADER_HEIGHT = CELL_HEADER_HEIGHT;
+var CELL_HEADER_HEIGHT_DENSE = 40;
+/**
+ * Cell types
+ * @type {string}
+ */
+
+exports.CELL_HEADER_HEIGHT_DENSE = CELL_HEADER_HEIGHT_DENSE;
+var TYPE_ACCOUNT = 'account';
+exports.TYPE_ACCOUNT = TYPE_ACCOUNT;
+var TYPE_ACCOUNT_NUMBER = 'account_number';
+exports.TYPE_ACCOUNT_NUMBER = TYPE_ACCOUNT_NUMBER;
+var TYPE_CUSTOMER_ACCOUNT_NUMBER = 'customer_account_number';
+exports.TYPE_CUSTOMER_ACCOUNT_NUMBER = TYPE_CUSTOMER_ACCOUNT_NUMBER;
+var TYPE_ADDRESS = 'address';
+exports.TYPE_ADDRESS = TYPE_ADDRESS;
+var TYPE_CHECKBOX = 'checkbox';
+exports.TYPE_CHECKBOX = TYPE_CHECKBOX;
+var TYPE_DATE = 'date';
+exports.TYPE_DATE = TYPE_DATE;
+var TYPE_ICON = 'icon';
+exports.TYPE_ICON = TYPE_ICON;
+var TYPE_IMAGE = 'image';
+exports.TYPE_IMAGE = TYPE_IMAGE;
+var TYPE_NUMERIC = 'numeric';
+exports.TYPE_NUMERIC = TYPE_NUMERIC;
+var TYPE_RATE = 'rate';
+exports.TYPE_RATE = TYPE_RATE;
+var TYPE_SENTINEL = 'sentinel';
+exports.TYPE_SENTINEL = TYPE_SENTINEL;
+var TYPE_SENTINEL_SCORE = 'sentinel_score';
+exports.TYPE_SENTINEL_SCORE = TYPE_SENTINEL_SCORE;
+var TYPE_STATUS = 'status';
+exports.TYPE_STATUS = TYPE_STATUS;
+var TYPE_COUNTRY = 'country';
+exports.TYPE_COUNTRY = TYPE_COUNTRY;
+var TYPE_TEXT = 'text';
+exports.TYPE_TEXT = TYPE_TEXT;
+var TYPE_THIRD_PARTY_SECURITY = 'third_party_security';
+exports.TYPE_THIRD_PARTY_SECURITY = TYPE_THIRD_PARTY_SECURITY;
+var TYPE_PIN_TO_ACTION = 'pin_to_action';
+/**
+ * Cell size [L] / [M] / [S]
+ */
+
+exports.TYPE_PIN_TO_ACTION = TYPE_PIN_TO_ACTION;
+var VIEWS = {
+  LARGE: 'l',
+  MEDIUM: 'm',
+  SMALL: 's'
+};
+/**
+ * Trendchip evolution
+ */
+
+exports.VIEWS = VIEWS;
+var EVOLUTION_UP = 'up';
+exports.EVOLUTION_UP = EVOLUTION_UP;
+var EVOLUTION_DOWN = 'down';
+exports.EVOLUTION_DOWN = EVOLUTION_DOWN;
+var NO_EVOLUTION = 'equal';
+/**
+ * Ellipsis
+ */
+
+exports.NO_EVOLUTION = NO_EVOLUTION;
+var ELLIPSIS_AFTER_FIRST_WORD = 'after-first-word';
+exports.ELLIPSIS_AFTER_FIRST_WORD = ELLIPSIS_AFTER_FIRST_WORD;
+var ELLIPSIS_LEFT = 'left';
+exports.ELLIPSIS_LEFT = ELLIPSIS_LEFT;
+var ELLIPSIS_MIDDLE = 'middle';
+exports.ELLIPSIS_MIDDLE = ELLIPSIS_MIDDLE;
+var ELLIPSIS_NAME = 'name';
+exports.ELLIPSIS_NAME = ELLIPSIS_NAME;
+var ELLIPSIS_RIGHT = 'right';
+/**
+ * Fraud Result
+ */
+
+exports.ELLIPSIS_RIGHT = ELLIPSIS_RIGHT;
+var FRAUD_RESULT_ACCEPTED = 'ACCEPTED';
+exports.FRAUD_RESULT_ACCEPTED = FRAUD_RESULT_ACCEPTED;
+var FRAUD_RESULT_BLOCKED = 'BLOCKED';
+exports.FRAUD_RESULT_BLOCKED = FRAUD_RESULT_BLOCKED;
+var FRAUD_RESULT_CHALLENGED = 'CHALLENGED';
+exports.FRAUD_RESULT_CHALLENGED = FRAUD_RESULT_CHALLENGED;
+var FRAUD_RESULT_PENDING = 'PENDING';
+exports.FRAUD_RESULT_PENDING = FRAUD_RESULT_PENDING;
+var FRAUD_RESULT_FORCE_AUTHENTICATE = 'FORCE_AUTHENTICATE';
+exports.FRAUD_RESULT_FORCE_AUTHENTICATE = FRAUD_RESULT_FORCE_AUTHENTICATE;
+var FRAUD_RESULT_ASK_AUTHENTICATE = 'ASK_AUTHENTICATE';
+/**
+ * Cell default width for each views
+ * @type {{}}
+ */
+
+exports.FRAUD_RESULT_ASK_AUTHENTICATE = FRAUD_RESULT_ASK_AUTHENTICATE;
+var DEFAULT_WIDTHS = (_DEFAULT_WIDTHS = {}, (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ACCOUNT, (_TYPE_ACCOUNT = {}, (0, _defineProperty2.default)(_TYPE_ACCOUNT, VIEWS.LARGE, 160), (0, _defineProperty2.default)(_TYPE_ACCOUNT, VIEWS.MEDIUM, 120), (0, _defineProperty2.default)(_TYPE_ACCOUNT, VIEWS.SMALL, 80), _TYPE_ACCOUNT)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ACCOUNT_NUMBER, (_TYPE_ACCOUNT_NUMBER = {}, (0, _defineProperty2.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.LARGE, 100), (0, _defineProperty2.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.SMALL, 60), _TYPE_ACCOUNT_NUMBER)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ADDRESS, (_TYPE_ADDRESS = {}, (0, _defineProperty2.default)(_TYPE_ADDRESS, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_ADDRESS, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_ADDRESS, VIEWS.SMALL, 80), _TYPE_ADDRESS)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_CHECKBOX, (_TYPE_CHECKBOX = {}, (0, _defineProperty2.default)(_TYPE_CHECKBOX, VIEWS.LARGE, 40), (0, _defineProperty2.default)(_TYPE_CHECKBOX, VIEWS.MEDIUM, 40), (0, _defineProperty2.default)(_TYPE_CHECKBOX, VIEWS.SMALL, 40), _TYPE_CHECKBOX)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_COUNTRY, (_TYPE_COUNTRY = {}, (0, _defineProperty2.default)(_TYPE_COUNTRY, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_COUNTRY, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_COUNTRY, VIEWS.SMALL, 40), _TYPE_COUNTRY)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_DATE, (_TYPE_DATE = {}, (0, _defineProperty2.default)(_TYPE_DATE, VIEWS.LARGE, 220), (0, _defineProperty2.default)(_TYPE_DATE, VIEWS.MEDIUM, 140), (0, _defineProperty2.default)(_TYPE_DATE, VIEWS.SMALL, 120), _TYPE_DATE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ICON, (_TYPE_ICON = {}, (0, _defineProperty2.default)(_TYPE_ICON, VIEWS.LARGE, 140), (0, _defineProperty2.default)(_TYPE_ICON, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_ICON, VIEWS.SMALL, 60), _TYPE_ICON)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_IMAGE, (_TYPE_IMAGE = {}, (0, _defineProperty2.default)(_TYPE_IMAGE, VIEWS.LARGE, 140), (0, _defineProperty2.default)(_TYPE_IMAGE, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_IMAGE, VIEWS.SMALL, 60), _TYPE_IMAGE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_NUMERIC, (_TYPE_NUMERIC = {}, (0, _defineProperty2.default)(_TYPE_NUMERIC, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_NUMERIC, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_NUMERIC, VIEWS.SMALL, 80), _TYPE_NUMERIC)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_RATE, (_TYPE_RATE = {}, (0, _defineProperty2.default)(_TYPE_RATE, VIEWS.LARGE, 100), (0, _defineProperty2.default)(_TYPE_RATE, VIEWS.MEDIUM, 90), (0, _defineProperty2.default)(_TYPE_RATE, VIEWS.SMALL, 80), _TYPE_RATE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_SENTINEL, (_TYPE_SENTINEL = {}, (0, _defineProperty2.default)(_TYPE_SENTINEL, VIEWS.LARGE, 64), (0, _defineProperty2.default)(_TYPE_SENTINEL, VIEWS.MEDIUM, 64), (0, _defineProperty2.default)(_TYPE_SENTINEL, VIEWS.SMALL, 64), _TYPE_SENTINEL)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_SENTINEL_SCORE, (_TYPE_SENTINEL_SCORE = {}, (0, _defineProperty2.default)(_TYPE_SENTINEL_SCORE, VIEWS.LARGE, 80), (0, _defineProperty2.default)(_TYPE_SENTINEL_SCORE, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_SENTINEL_SCORE, VIEWS.SMALL, 80), _TYPE_SENTINEL_SCORE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_STATUS, (_TYPE_STATUS = {}, (0, _defineProperty2.default)(_TYPE_STATUS, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_STATUS, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_STATUS, VIEWS.SMALL, 80), _TYPE_STATUS)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_TEXT, (_TYPE_TEXT = {}, (0, _defineProperty2.default)(_TYPE_TEXT, VIEWS.LARGE, 200), (0, _defineProperty2.default)(_TYPE_TEXT, VIEWS.MEDIUM, 120), (0, _defineProperty2.default)(_TYPE_TEXT, VIEWS.SMALL, 80), _TYPE_TEXT)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_THIRD_PARTY_SECURITY, (_TYPE_THIRD_PARTY_SEC = {}, (0, _defineProperty2.default)(_TYPE_THIRD_PARTY_SEC, VIEWS.LARGE, 40), (0, _defineProperty2.default)(_TYPE_THIRD_PARTY_SEC, VIEWS.MEDIUM, 40), (0, _defineProperty2.default)(_TYPE_THIRD_PARTY_SEC, VIEWS.SMALL, 40), _TYPE_THIRD_PARTY_SEC)), _DEFAULT_WIDTHS);
+/**
+ * Cell default width for each views
+ * @type {{}}
+ */
+
+exports.DEFAULT_WIDTHS = DEFAULT_WIDTHS;
+var DEFAULT_VIEWS = (_DEFAULT_VIEWS = {}, (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ACCOUNT, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ACCOUNT_NUMBER, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ADDRESS, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_CHECKBOX, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_COUNTRY, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_DATE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ICON, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_IMAGE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_NUMERIC, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_RATE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_SENTINEL, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_SENTINEL_SCORE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_STATUS, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_TEXT, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_THIRD_PARTY_SECURITY, VIEWS.LARGE), _DEFAULT_VIEWS);
+/**
+ * Cell default side padding (one side) for each views
+ * @type {{}}
+ */
+
+exports.DEFAULT_VIEWS = DEFAULT_VIEWS;
+var DEFAULT_PADDING = (_DEFAULT_PADDING = {}, (0, _defineProperty2.default)(_DEFAULT_PADDING, VIEWS.LARGE, 8), (0, _defineProperty2.default)(_DEFAULT_PADDING, VIEWS.MEDIUM, 8), (0, _defineProperty2.default)(_DEFAULT_PADDING, VIEWS.SMALL, 8), _DEFAULT_PADDING);
+/**
+ * Cell types which are align right by default
+ * @type {*[]}
+ */
+
+exports.DEFAULT_PADDING = DEFAULT_PADDING;
+var ALIGN_RIGHT_TYPES = [TYPE_NUMERIC, TYPE_RATE, TYPE_SENTINEL, TYPE_SENTINEL_SCORE];
+exports.ALIGN_RIGHT_TYPES = ALIGN_RIGHT_TYPES;

package/old_components/HiTable/index.js

@@ -0,0 +1,15 @@
+"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 _HiTable.default;
+  }
+});
+
+var _HiTable = _interopRequireDefault(require("./HiTable"));

package/old_components/hi-svg-icons/HiAccount.js

@@ -0,0 +1,46 @@
+"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 _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _styles = require("@material-ui/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiAccount = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
+  var _props$color = props.color,
+      color = _props$color === void 0 ? theme.palette.neutral.main : _props$color,
+      other = (0, _objectWithoutProperties2.default)(props, ["color"]);
+  return _react.default.createElement("svg", (0, _extends2.default)({
+    viewBox: "0 0 37.5 39"
+  }, other), _react.default.createElement("g", {
+    transform: "translate(-8111 -110)"
+  }, _react.default.createElement("circle", {
+    cx: 8124.9,
+    cy: 134.9,
+    r: 13.9,
+    opacity: 0.16,
+    fill: color
+  }), _react.default.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M8117 118.1H8144V124.8h-1.1v18H8118.2v-18h-1.1V118.1zm2.3 2.3v2.2h22.5v-2.2h-22.5zm1.1 4.5v15.8h20.2v-15.8h-20.2zm6.6 2.2h7c.3 0 .6.1.8.3s.3.5.3.8c0 .3-.1.6-.3.8s-.5.3-.8.3h-6.8-.1c-.3 0-.5-.1-.8-.3-.2-.2-.4-.5-.4-.8 0-.3.1-.5.3-.7s.5-.3.8-.4z",
+    fill: color
+  })));
+});
+HiAccount.muiName = 'SvgIcon';
+var _default = HiAccount;
+exports.default = _default;

package/old_components/hi-svg-icons/HiActivity.js

@@ -0,0 +1,44 @@
+"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 _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _styles = require("@material-ui/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiActivity = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
+  var _props$color = props.color,
+      color = _props$color === void 0 ? theme.palette.neutral.main : _props$color,
+      other = (0, _objectWithoutProperties2.default)(props, ["color"]);
+  return _react.default.createElement("svg", (0, _extends2.default)({
+    viewBox: "0 0 22.75 20.75"
+  }, other), _react.default.createElement("circle", {
+    cx: "9",
+    cy: "11.05",
+    r: "9",
+    opacity: 0.16,
+    fill: color
+  }), _react.default.createElement("g", null, _react.default.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M7.33,1.41A7.75,7.75,0,0,0,5.64,3.94,7.91,7.91,0,0,0,5,7.05a7.91,7.91,0,0,0,2.3,5.65L5.92,14.11A10.06,10.06,0,0,1,3.79,11,9.73,9.73,0,0,1,3,7.05a9.72,9.72,0,0,1,.77-3.89A10.06,10.06,0,0,1,5.92,0ZM14,11.06v4h1a1,1,0,0,1,1,1h7v2H16a1,1,0,0,1-1,1H11a1,1,0,0,1-1-1H3V16h7a1,1,0,0,1,1-1h1v-4ZM10.19,4.22A3.84,3.84,0,0,0,9.06,7.05a3.84,3.84,0,0,0,1.13,2.84L8.78,11.3A6.36,6.36,0,0,1,7.47,9.38,5.84,5.84,0,0,1,7,7.05a6,6,0,0,1,.47-2.34,5.62,5.62,0,0,1,1.31-1.9Zm4.22,1.4A2,2,0,0,1,15,7a2,2,0,0,1-.56,1.43,2,2,0,0,1-2.82,0A2,2,0,0,1,11,7a2,2,0,0,1,3.38-1.41Zm4.12-.91A6,6,0,0,1,19,7.05a5.84,5.84,0,0,1-.47,2.33,6.36,6.36,0,0,1-1.31,1.92L15.81,9.89a3.84,3.84,0,0,0,1.13-2.84,3.84,3.84,0,0,0-1.13-2.83l1.41-1.41A5.62,5.62,0,0,1,18.53,4.71Zm3.68-1.55A9.72,9.72,0,0,1,23,7.05a9.73,9.73,0,0,1-.77,3.9,10.06,10.06,0,0,1-2.13,3.16L18.67,12.7A7.91,7.91,0,0,0,21,7.05a7.91,7.91,0,0,0-.61-3.11,7.75,7.75,0,0,0-1.69-2.53L20.08,0A10.06,10.06,0,0,1,22.21,3.16Z",
+    fill: color
+  })));
+});
+HiActivity.muiName = 'SvgIcon';
+var _default = HiActivity;
+exports.default = _default;

package/old_components/hi-svg-icons/HiAll.js

@@ -0,0 +1,51 @@
+"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 _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _styles = require("@material-ui/styles");
+
+var _ref = _react.default.createElement("path", {
+  fill: "none",
+  d: "M-1714-3832h36v39h-36z"
+});
+
+/**
+ * @ignore - internal component.
+ */
+var HiAll = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
+  var _props$color = props.color,
+      color = _props$color === void 0 ? theme.palette.neutral.main : _props$color,
+      other = (0, _objectWithoutProperties2.default)(props, ["color"]);
+  return _react.default.createElement("svg", (0, _extends2.default)({
+    viewBox: "0 0 36 39"
+  }, other), _react.default.createElement("g", {
+    transform: "translate(1714 3832)"
+  }, _react.default.createElement("circle", {
+    cx: -1700.1,
+    cy: -3807.1,
+    r: 13.9,
+    opacity: 0.16,
+    fill: color
+  }), _react.default.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M-1697.7-3823.2c2.4 0 4.4.9 5.9 2.5 1.6 1.6 2.4 3.6 2.4 6 0 1-.2 2-.5 3-.3.9-.8 1.8-1.5 2.5l.4.4h1l6.4 6.4-1.9 1.9-6.4-6.4v-1l-.4-.4c-.7.6-1.6 1.1-2.5 1.5-.9.3-1.9.5-3 .5-2.4 0-4.4-.8-6-2.4-1.6-1.6-2.4-3.6-2.5-5.9 0-2.4.9-4.4 2.5-6 1.7-1.8 3.7-2.6 6.1-2.6zm0 2.6c-1.7 0-3 .6-4.1 1.7s-1.6 2.5-1.6 4.1c0 1.7.5 3 1.6 4.1s2.5 1.6 4.1 1.6c1.7 0 3-.5 4.1-1.6s1.6-2.5 1.6-4.1c0-1.7-.5-3-1.6-4.1s-2.5-1.7-4.1-1.7z",
+    fill: color
+  }), _ref));
+});
+HiAll.muiName = 'SvgIcon';
+var _default = HiAll;
+exports.default = _default;

package/old_components/hi-svg-icons/HiBilling.js

@@ -0,0 +1,46 @@
+"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 _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _styles = require("@material-ui/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiBilling = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
+  var _props$color = props.color,
+      color = _props$color === void 0 ? theme.palette.neutral.main : _props$color,
+      other = (0, _objectWithoutProperties2.default)(props, ["color"]);
+  return _react.default.createElement("svg", (0, _extends2.default)({
+    viewBox: "0 0 36 39"
+  }, other), _react.default.createElement("g", {
+    transform: "translate(-8111 -202)"
+  }, _react.default.createElement("circle", {
+    cx: 8124.9,
+    cy: 226.9,
+    r: 13.9,
+    opacity: 0.16,
+    fill: color
+  }), _react.default.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M8127.9 207.9c1.4 0 2.3.8 3 2.2h8.3v10.1h2.2V238.2h-15.7V236h-9V210.2h8.3c.5-1.6 1.5-2.3 2.9-2.3zm-9 4.5v21.4h6.8v-13.5h11.2v-7.9h-2.2v4.5H8121.3v-4.5h-2.4zm9.8-2c-.2-.2-.5-.3-.8-.3-.3 0-.6.1-.8.3s-.3.5-.3.8v1.1H8123.5v2.2h9v-2.2H8129.2v-1.1c-.2-.3-.3-.5-.5-.8zm-.8 12.1V236h11.2v-13.5h-11.2z",
+    fill: color
+  })));
+});
+HiBilling.muiName = 'SvgIcon';
+var _default = HiBilling;
+exports.default = _default;

package/old_components/hi-svg-icons/HiBriefcaseRescue.js

@@ -0,0 +1,27 @@
+"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 _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ref = _react.default.createElement("path", {
+  // eslint-disable-next-line max-len
+  d: "M486 108H378V27a27 27 0 0 0-27-27H189a27 27 0 0 0-27 27v81H54a54.06 54.06 0 0 0-54 54v270a54.06 54.06 0 0 0 54 54h432a54.06 54.06 0 0 0 54-54V162a54.06 54.06 0 0 0-54-54zM216 54h108v54H216zm162 270h-81v81h-54v-81h-81v-54h81v-81h54v81h81z",
+  fill: "#767676"
+});
+
+var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
+  return _react.default.createElement("svg", (0, _extends2.default)({
+    viewBox: "0 0 540 486"
+  }, props), _ref);
+};
+
+var _default = HiBriefcaseRescue;
+exports.default = _default;