@hipay/hipay-material-ui 3.5.0 → 3.5.1

package/HiTable/HiTableRow.js

@@ -0,0 +1,140 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+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: (0, _objectSpread2.default)({
+      border: 'none',
+      padding: '0px 13px',
+      minHeight: '32px',
+      maxHeight: '40px',
+      fontWeight: theme.typography.fontWeightRegular,
+      lineHeight: 'unset'
+    }, theme.typography.b3)
+  };
+};
+
+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,
+        dataId: rowdata.rowId
+      }, 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/HiTable/constants.js

@@ -0,0 +1,151 @@
+"use strict";
+
+var _interopRequireDefault = require("@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_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_AMOUNT = 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("@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_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_AMOUNT = 'amount';
+exports.TYPE_AMOUNT = TYPE_AMOUNT;
+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_SCORE = 'score';
+exports.TYPE_SCORE = TYPE_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_SCORE, (_TYPE_SCORE = {}, (0, _defineProperty2.default)(_TYPE_SCORE, VIEWS.LARGE, 80), (0, _defineProperty2.default)(_TYPE_SCORE, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_SCORE, VIEWS.SMALL, 80), _TYPE_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_AMOUNT, 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_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_AMOUNT, TYPE_RATE, TYPE_SENTINEL, TYPE_SCORE];
+exports.ALIGN_RIGHT_TYPES = ALIGN_RIGHT_TYPES;

package/HiTable/index.js

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

package/es/Guideline/index.js

@@ -0,0 +1,2 @@
+// fake component to display guideline
+"use strict";

package/es/HiAlertModal/HiAlertModal.js

@@ -0,0 +1,215 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+
+var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
+
+var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
+
+var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
+
+var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _HiButton = _interopRequireDefault(require("../HiButton"));
+
+var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
+var _helpers = require("../utils/helpers");
+
+// @inheritedComponent Dialog
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    classContent: {
+      fontSize: 14,
+      lineHeight: '24px',
+      color: '#484848',
+      position: 'relative'
+    },
+    classDialogPaper: {
+      backgroundColor: theme.palette.background3,
+      minHeight: 248,
+      maxWidth: 280,
+      borderRadius: 2
+    },
+    classCancelButton: {
+      margin: '0'
+    },
+    classSubmitButton: {
+      float: 'right'
+    },
+    classTitle: {
+      fontSize: 20,
+      fontFamily: theme.typography.fontFamily,
+      fontWeight: theme.typography.fontWeightLight,
+      lineHeight: '24px'
+    },
+    classAction: {
+      display: 'inline-block',
+      margin: '0',
+      padding: '0px 24px 24px 24px'
+    },
+    classDialogRoot: {
+      backgroundColor: 'rgba(0, 0, 0, 0.28)'
+    },
+    classBackgroundIcon: {
+      position: 'absolute',
+      top: 'calc(50%)',
+      left: '50%',
+      transform: 'translate(-50%, -50%)',
+      color: theme.palette.background2,
+      flex: '1'
+    },
+    backgroundIcon: function backgroundIcon(props) {
+      return {
+        fontSize: "".concat(props.iconSize, "px !important")
+      };
+    }
+  };
+});
+/**
+ * Pop up d'alert
+ */
+
+var HiAlertModal = function HiAlertModal(props) {
+  var backgroundIcon = props.backgroundIcon,
+      iconSize = props.iconSize,
+      content = props.content,
+      labelCancelButton = props.labelCancelButton,
+      labelSubmitButton = props.labelSubmitButton,
+      onCancelClick = props.onCancelClick,
+      onSubmitClick = props.onSubmitClick,
+      open = props.open,
+      cancelColor = props.cancelColor,
+      submitColor = props.submitColor,
+      title = props.title,
+      theme = props.theme,
+      onClose = props.onClose,
+      submitActionsRef = props.submitActionsRef,
+      cancelActionsRef = props.cancelActionsRef,
+      others = (0, _objectWithoutProperties2.default)(props, ["backgroundIcon", "iconSize", "content", "labelCancelButton", "labelSubmitButton", "onCancelClick", "onSubmitClick", "open", "cancelColor", "submitColor", "title", "theme", "onClose", "submitActionsRef", "cancelActionsRef"]);
+  var classes = useStyles(props);
+  var submitButtonRef = (0, _react.useRef)(null);
+  var cancelButtonRef = (0, _react.useRef)(null);
+  var thisCancelActionsRef = (0, _objectSpread2.default)({}, cancelActionsRef);
+  var thisSubmitActionsRef = (0, _objectSpread2.default)({}, submitActionsRef); // Appelé si clic en dehors de la pop up
+
+  var handleOnClose = function handleOnClose() {
+    if (onClose) {
+      onClose();
+    }
+  };
+
+  var handleOnEntered = function handleOnEntered() {
+    if (labelSubmitButton) {
+      submitButtonRef.current.focus();
+      thisSubmitActionsRef.focusVisible();
+    } else if (props.labelCancelButton) {
+      cancelButtonRef.current.focus();
+      thisCancelActionsRef.focusVisible();
+    }
+  }; // Render
+
+
+  var dialogContent = content;
+
+  if (typeof content === 'string') {
+    dialogContent = _react.default.createElement("span", {
+      // eslint-disable-next-line react/no-danger
+      dangerouslySetInnerHTML: {
+        __html: (0, _helpers.escapeHTML)(content)
+      }
+    });
+  }
+
+  var bgIcon;
+
+  if (backgroundIcon) {
+    var iconProps = {
+      color: "inherit",
+      className: classes.backgroundIcon
+    };
+
+    if (typeof backgroundIcon === 'string') {
+      bgIcon = _react.default.createElement(_HiIcon.default, (0, _extends2.default)({
+        icon: backgroundIcon
+      }, iconProps));
+    } else if ((0, _typeof2.default)(backgroundIcon) === 'object') {
+      bgIcon = (0, _objectSpread2.default)({}, backgroundIcon);
+      bgIcon.props = (0, _objectSpread2.default)({}, iconProps);
+    }
+  }
+
+  return _react.default.createElement(_Dialog.default, (0, _extends2.default)({
+    open: open,
+    onClose: handleOnClose,
+    onEntered: handleOnEntered,
+    classes: {
+      root: classes.classDialogRoot,
+      paper: classes.classDialogPaper
+    }
+  }, others), bgIcon && _react.default.createElement("div", {
+    className: classes.classBackgroundIcon
+  }, bgIcon), title && _react.default.createElement(_DialogTitle.default, {
+    disableTypography: true,
+    classes: {
+      root: classes.classTitle
+    }
+  }, title), _react.default.createElement(_DialogContent.default, null, _react.default.createElement(_DialogContentText.default, {
+    classes: {
+      root: classes.classContent
+    }
+  }, dialogContent)), _react.default.createElement(_DialogActions.default, {
+    classes: {
+      root: classes.classAction
+    }
+  }, labelCancelButton && _react.default.createElement(_HiButton.default, {
+    classes: {
+      root: classes.classCancelButton
+    },
+    onClick: onCancelClick,
+    color: cancelColor,
+    innerRef: cancelButtonRef,
+    action: function action(actions) {
+      thisCancelActionsRef = actions;
+    }
+  }, labelCancelButton), labelSubmitButton && _react.default.createElement(_HiButton.default, {
+    classes: {
+      root: classes.classSubmitButton
+    },
+    onClick: onSubmitClick,
+    color: submitColor,
+    innerRef: submitButtonRef,
+    action: function action(actions) {
+      thisSubmitActionsRef = actions;
+    }
+  }, labelSubmitButton)));
+};
+
+HiAlertModal.defaultProps = {
+  content: '',
+  cancelColor: 'neutral',
+  submitColor: 'primary'
+};
+var _default = HiAlertModal;
+exports.default = _default;

package/es/HiAlertModal/index.js

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

package/es/HiAppBar/HiAppBar.js

@@ -0,0 +1,136 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
+
+var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
+
+var _Toolbar = _interopRequireDefault(require("@material-ui/core/Toolbar"));
+
+var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
+var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
+
+// @inheritedComponent AppBar
+var styles = function styles(theme) {
+  return {
+    root: {},
+    bar: {
+      backgroundColor: theme.palette.background3,
+      color: theme.palette.text.secondary
+    },
+    flexDiv: {
+      flexGrow: 1
+    },
+    focused: {
+      backgroundColor: theme.palette.background2
+    },
+    iconButton: {},
+    collapseOverflow: {
+      overflow: 'inherit'
+    },
+    collapseButton: {
+      position: 'absolute',
+      right: 56,
+      marginTop: 8
+    }
+  };
+};
+
+exports.styles = styles;
+
+var _ref = _react.default.createElement(_HiIcon.default, {
+  icon: "keyboard_arrow_up"
+});
+
+var HiAppBar =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2.default)(HiAppBar, _React$Component);
+
+  function HiAppBar(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiAppBar);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiAppBar).call(this, props));
+    _this.state = {
+      collapsed: false
+    };
+    _this.handleCollapse = _this.handleCollapse.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+
+  (0, _createClass2.default)(HiAppBar, [{
+    key: "handleCollapse",
+    value: function handleCollapse() {
+      this.props.onCollapse(!this.state.collapsed);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          children = _this$props.children,
+          classes = _this$props.classes,
+          className = _this$props.className,
+          collapsed = _this$props.collapsed,
+          focused = _this$props.focused,
+          hideable = _this$props.hideable,
+          position = _this$props.position;
+      return _react.default.createElement(_AppBar.default, {
+        className: (0, _classnames.default)(className, classes.bar, (0, _defineProperty2.default)({}, classes.focused, focused)),
+        classes: {
+          root: classes.root
+        },
+        elevation: 2,
+        position: position,
+        color: "default"
+      }, _react.default.createElement(_Collapse.default, {
+        className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.collapseOverflow, !hideable)),
+        in: !collapsed
+      }, _react.default.createElement("div", null, _react.default.createElement(_Toolbar.default, null, children, hideable && _react.default.createElement(_HiIconButton.default, {
+        onClick: this.handleCollapse,
+        color: "inherit",
+        className: classes.iconButton
+      }, _ref)))));
+    }
+  }]);
+  return HiAppBar;
+}(_react.default.Component);
+
+HiAppBar.defaultProps = {
+  focused: false,
+  hideable: false
+};
+
+var _default = (0, _styles.withStyles)(styles, {
+  hiComponent: true,
+  name: 'HmuiHiAppBar'
+})(HiAppBar);
+
+exports.default = _default;