@hipay/hipay-material-ui 2.0.0-beta.46 → 2.0.0-beta.47

package/es/HiTable/constants.js

@@ -0,0 +1,182 @@
+/**
+ * Infinite scroll variables
+ */
+export const MAX_ROWS = 50;
+export const NB_ROWS_BACK_TO_TOP = 10;
+/**
+ * Cell height (px)
+ */
+
+export const CELL_HEIGHT = 40;
+export const CELL_HEIGHT_DENSE = 32;
+export const CELL_HEADER_HEIGHT = 48;
+export const CELL_HEADER_HEIGHT_DENSE = 40;
+/**
+ * Cell types
+ * @type {string}
+ */
+
+export const TYPE_ACCOUNT = 'account';
+export const TYPE_ACCOUNT_NUMBER = 'account_number';
+export const TYPE_ADDRESS = 'address';
+export const TYPE_CHECKBOX = 'checkbox';
+export const TYPE_DATE = 'date';
+export const TYPE_ICON = 'icon';
+export const TYPE_IMAGE = 'image';
+export const TYPE_NUMERIC = 'numeric';
+export const TYPE_RATE = 'rate';
+export const TYPE_SENTINEL = 'sentinel';
+export const TYPE_STATUS = 'status';
+export const TYPE_COUNTRY = 'country';
+export const TYPE_TEXT = 'text';
+export const TYPE_THIRD_PARTY_SECURITY = 'third_party_security';
+export const TYPE_PIN_TO_ACTION = 'pin_to_action';
+/**
+ * Cell size [L] / [M] / [S]
+ */
+
+export const VIEWS = {
+  LARGE: 'l',
+  MEDIUM: 'm',
+  SMALL: 's'
+};
+/**
+ * Trendchip evolution
+ */
+
+export const EVOLUTION_UP = 'up';
+export const EVOLUTION_DOWN = 'down';
+export const NO_EVOLUTION = 'equal';
+/**
+ * Ellipsis
+ */
+
+export const ELLIPSIS_AFTER_FIRST_WORD = 'after-first-word';
+export const ELLIPSIS_LEFT = 'left';
+export const ELLIPSIS_MIDDLE = 'middle';
+export const ELLIPSIS_NAME = 'name';
+export const ELLIPSIS_RIGHT = 'right';
+/**
+ * Fraud Result
+ */
+
+export const FRAUD_RESULT_ACCEPTED = 'ACCEPTED';
+export const FRAUD_RESULT_BLOCKED = 'BLOCKED';
+export const FRAUD_RESULT_CHALLENGED = 'CHALLENGED';
+export const FRAUD_RESULT_PENDING = 'PENDING';
+export const FRAUD_RESULT_FORCE_AUTHENTICATE = 'FORCE_AUTHENTICATE';
+export const FRAUD_RESULT_ASK_AUTHENTICATE = 'ASK_AUTHENTICATE';
+/**
+ * Cell default width for each views
+ * @type {{}}
+ */
+
+export const DEFAULT_WIDTHS = {
+  [TYPE_ACCOUNT]: {
+    [VIEWS.LARGE]: 160,
+    [VIEWS.MEDIUM]: 120,
+    [VIEWS.SMALL]: 80
+  },
+  [TYPE_ACCOUNT_NUMBER]: {
+    [VIEWS.LARGE]: 100,
+    [VIEWS.MEDIUM]: 80,
+    [VIEWS.SMALL]: 60
+  },
+  [TYPE_ADDRESS]: {
+    [VIEWS.LARGE]: 120,
+    [VIEWS.MEDIUM]: 100,
+    [VIEWS.SMALL]: 80
+  },
+  [TYPE_CHECKBOX]: {
+    [VIEWS.LARGE]: 40,
+    [VIEWS.MEDIUM]: 40,
+    [VIEWS.SMALL]: 40
+  },
+  [TYPE_COUNTRY]: {
+    [VIEWS.LARGE]: 120,
+    [VIEWS.MEDIUM]: 80,
+    [VIEWS.SMALL]: 40
+  },
+  [TYPE_DATE]: {
+    [VIEWS.LARGE]: 220,
+    [VIEWS.MEDIUM]: 140,
+    [VIEWS.SMALL]: 120
+  },
+  [TYPE_ICON]: {
+    [VIEWS.LARGE]: 140,
+    [VIEWS.MEDIUM]: 100,
+    [VIEWS.SMALL]: 60
+  },
+  [TYPE_IMAGE]: {
+    [VIEWS.LARGE]: 140,
+    [VIEWS.MEDIUM]: 100,
+    [VIEWS.SMALL]: 60
+  },
+  [TYPE_NUMERIC]: {
+    [VIEWS.LARGE]: 120,
+    [VIEWS.MEDIUM]: 100,
+    [VIEWS.SMALL]: 80
+  },
+  [TYPE_RATE]: {
+    [VIEWS.LARGE]: 100,
+    [VIEWS.MEDIUM]: 90,
+    [VIEWS.SMALL]: 80
+  },
+  [TYPE_SENTINEL]: {
+    [VIEWS.LARGE]: 80,
+    [VIEWS.MEDIUM]: 80,
+    [VIEWS.SMALL]: 80
+  },
+  [TYPE_STATUS]: {
+    [VIEWS.LARGE]: 120,
+    [VIEWS.MEDIUM]: 100,
+    [VIEWS.SMALL]: 80
+  },
+  [TYPE_TEXT]: {
+    [VIEWS.LARGE]: 200,
+    [VIEWS.MEDIUM]: 120,
+    [VIEWS.SMALL]: 80
+  },
+  [TYPE_THIRD_PARTY_SECURITY]: {
+    [VIEWS.LARGE]: 40,
+    [VIEWS.MEDIUM]: 40,
+    [VIEWS.SMALL]: 40
+  }
+};
+/**
+ * Cell default width for each views
+ * @type {{}}
+ */
+
+export const DEFAULT_VIEWS = {
+  [TYPE_ACCOUNT]: VIEWS.LARGE,
+  [TYPE_ACCOUNT_NUMBER]: VIEWS.LARGE,
+  [TYPE_ADDRESS]: VIEWS.LARGE,
+  [TYPE_CHECKBOX]: VIEWS.LARGE,
+  [TYPE_COUNTRY]: VIEWS.LARGE,
+  [TYPE_DATE]: VIEWS.LARGE,
+  [TYPE_ICON]: VIEWS.LARGE,
+  [TYPE_IMAGE]: VIEWS.LARGE,
+  [TYPE_NUMERIC]: VIEWS.LARGE,
+  [TYPE_RATE]: VIEWS.LARGE,
+  [TYPE_SENTINEL]: VIEWS.LARGE,
+  [TYPE_STATUS]: VIEWS.LARGE,
+  [TYPE_TEXT]: VIEWS.LARGE,
+  [TYPE_THIRD_PARTY_SECURITY]: VIEWS.LARGE
+};
+/**
+ * Cell default side padding (one side) for each views
+ * @type {{}}
+ */
+
+export const DEFAULT_PADDING = {
+  [VIEWS.LARGE]: 8,
+  [VIEWS.MEDIUM]: 8,
+  [VIEWS.SMALL]: 8
+};
+/**
+ * Cell types which are align right by default
+ * @type {*[]}
+ */
+
+export const ALIGN_RIGHT_TYPES = [TYPE_NUMERIC, TYPE_RATE, TYPE_SENTINEL];

package/es/HiTable/index.js

@@ -0,0 +1 @@
+export { default } from './HiTable';

package/es/index.js

@@ -12,6 +12,7 @@ export { default as HiTextField } from './HiForm/HiTextField';
 export { default as HiPasswordField } from './HiForm/HiPasswordField';
 export { default as HiSwitch } from './HiSwitch';
 export { default as HiSwitchState } from './HiSwitch/HiSwitchState';
+export { default as HiTable } from './HiTable/HiTable';
 export { default as withMobileDialog } from './withMobileDialog';
 export { default as withWidth } from './withWidth';
 export { default as HiDatePicker } from './HiDatePicker/HiDatePicker';

package/es/utils/helpers.js

@@ -121,7 +121,7 @@ export function formatNumber(number, size = 'l', locale = 'en-EN', precision) {
       break;
   }
 
-  const effectivePrecision = precision || (size === 'l' ? 2 : 0); // To locale
+  const effectivePrecision = precision !== undefined ? precision : size === 'l' ? 2 : 0; // To locale
 
   const options = {
     minimumFractionDigits: effectivePrecision,

package/index.es.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.0.0-beta.46
+/** @license HiPay-Material-UI v2.0.0-beta.47
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -17,6 +17,7 @@ export { default as HiTextField } from './HiForm/HiTextField';
 export { default as HiPasswordField } from './HiForm/HiPasswordField';
 export { default as HiSwitch } from './HiSwitch';
 export { default as HiSwitchState } from './HiSwitch/HiSwitchState';
+export { default as HiTable } from './HiTable/HiTable';
 export { default as withMobileDialog } from './withMobileDialog';
 export { default as withWidth } from './withWidth';
 export { default as HiDatePicker } from './HiDatePicker/HiDatePicker';

package/index.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.0.0-beta.46
+/** @license HiPay-Material-UI v2.0.0-beta.47
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -130,6 +130,12 @@ Object.defineProperty(exports, "HiSwitchState", {
     return _HiSwitchState.default;
   }
 });
+Object.defineProperty(exports, "HiTable", {
+  enumerable: true,
+  get: function get() {
+    return _HiTable.default;
+  }
+});
 Object.defineProperty(exports, "withMobileDialog", {
   enumerable: true,
   get: function get() {
@@ -189,6 +195,8 @@ var _HiSwitch = _interopRequireDefault(require("./HiSwitch"));
 
 var _HiSwitchState = _interopRequireDefault(require("./HiSwitch/HiSwitchState"));
 
+var _HiTable = _interopRequireDefault(require("./HiTable/HiTable"));
+
 var _withMobileDialog = _interopRequireDefault(require("./withMobileDialog"));
 
 var _withWidth = _interopRequireDefault(require("./withWidth"));

package/package.json

@@ -2,7 +2,7 @@
   "name": "@hipay/hipay-material-ui",
   "private": false,
   "author": "HiPay PSYCHE Team",
-  "version": "2.0.0-beta.46",
+  "version": "2.0.0-beta.47",
   "description": "React components that implement Google's Material Design.",
   "keywords": [
     "react",