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

package/old_components/HiDatePicker/HiDateRangeSelector.js

@@ -1,464 +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.findSeparator = findSeparator;
-exports.yearAndMonth = yearAndMonth;
-exports.yearAndQuarter = yearAndQuarter;
-exports.buildDateRangeOptionByKey = buildDateRangeOptionByKey;
-exports.default = exports.styles = 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 _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 _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-
-var _reactDom = require("react-dom");
-
-var _styles = require("@material-ui/core/styles");
-
-var _HiSelectField = _interopRequireDefault(require("../HiSelect/HiSelectField"));
-
-var _HiDateRangePicker = _interopRequireDefault(require("./HiDateRangePicker"));
-
-var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
-
-var _reactDeviceDetect = require("react-device-detect");
-
-function findSeparator(format) {
-  var str = '';
-
-  if (format.search('[/]') >= 0) {
-    str = '/';
-  } else if (format.search('[-]') >= 0) {
-    str = '-';
-  } else if (format.search('[.]') >= 0) {
-    str = '.';
-  }
-
-  return str;
-}
-
-function yearAndMonth(format, date) {
-  var findY = function findY(el) {
-    return el.toUpperCase().search('Y') >= 0;
-  };
-
-  var findM = function findM(el) {
-    return el.toUpperCase().search('M') >= 0;
-  };
-
-  var s = findSeparator(format);
-  var split = format.split(s);
-  var indexY = split.findIndex(findY);
-  var indexM = split.findIndex(findM);
-  return indexY < indexM ? date.format(split[indexY] + s + split[indexM]) : date.format(split[indexM] + s + split[indexY]);
-}
-
-function yearAndQuarter(format, date, t) {
-  var findY = function findY(el) {
-    return el.toUpperCase().search('Y') >= 0;
-  };
-
-  var findM = function findM(el) {
-    return el.toUpperCase().search('M') >= 0;
-  };
-
-  var s = findSeparator(format);
-  var split = format.split(s);
-  var indexY = split.findIndex(findY);
-  var indexM = split.findIndex(findM);
-  return indexY < indexM ? date.format("".concat(split[indexY]).concat(s, "[").concat(t.short_quarter, "]Q")) : date.format("[".concat(t.short_quarter, "]Q").concat(s).concat(split[indexY]));
-}
-
-function buildDateRangeOptionByKey(key, t, format, timezoneName) {
-  var from;
-  var label;
-  var info;
-  var to;
-  var type;
-
-  _momentTimezone.default.updateLocale('en', {
-    week: {
-      dow: 1
-    }
-  });
-
-  switch (key) {
-    case 'custom':
-      label = t.custom_period;
-      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(15, 'day').startOf('day');
-      to = (0, _momentTimezone.default)().tz(timezoneName).endOf('day');
-      type = 'primary-highlight';
-      break;
-
-    case 'cd':
-      label = t.today;
-      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('day');
-      to = (0, _momentTimezone.default)().tz(timezoneName).endOf('day');
-      info = "".concat(from.format(format));
-      break;
-
-    case 'pd':
-      label = t.yesterday;
-      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'day').startOf('day');
-      to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'day').endOf('day');
-      info = "".concat(from.format(format));
-      break;
-
-    case 'cw':
-      label = t.current_week;
-      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('week');
-      to = (0, _momentTimezone.default)().tz(timezoneName);
-      info = "".concat(t.short_week).concat(from.format('w'), ", \n ").concat(from.format(format), " ").concat(t.to_now);
-      break;
-
-    case 'pw':
-      label = t.previous_week;
-      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'week').startOf('week');
-      to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'week').endOf('week');
-      info = "".concat(t.short_week).concat(from.format('w'), ", ").concat(from.format(format), " ").concat(t.to, " ").concat(to.format(format));
-      break;
-
-    case 'cm':
-      label = t.current_month;
-      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('month');
-      to = (0, _momentTimezone.default)().tz(timezoneName);
-      info = "".concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
-      break;
-
-    case 'pm':
-      label = t.previous_month;
-      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'month').startOf('month');
-      to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'month').endOf('month');
-      info = "".concat(yearAndMonth(format, from), ", ").concat(from.daysInMonth(), " ").concat(t.days);
-      break;
-
-    case 'cq':
-      label = t.current_quarter;
-      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('quarter');
-      to = (0, _momentTimezone.default)().tz(timezoneName);
-      info = "".concat(yearAndQuarter(format, from, t), ", ").concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
-      break;
-
-    case 'pq':
-      label = t.previous_quarter;
-      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'quarter').startOf('quarter');
-      to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'quarter').endOf('quarter');
-      info = "".concat(yearAndQuarter(format, from, t), ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
-      break;
-
-    case 'cy':
-      label = t.current_year;
-      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('year');
-      to = (0, _momentTimezone.default)().tz(timezoneName);
-      info = "".concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
-      break;
-
-    default:
-      break;
-  }
-
-  return {
-    id: key,
-    from: from,
-    info: info,
-    label: label,
-    to: to,
-    type: type
-  };
-}
-
-var styles = function styles() {
-  return {
-    root: {
-      maxWidth: 500,
-      alignItems: 'flex-start',
-      display: 'flex',
-      '@media(max-width: 700px)': {
-        flexDirection: 'column'
-      }
-    },
-    dateRangePicker: {
-      width: 'calc(100% + 8px)',
-      marginTop: 0
-    },
-    smSelect: {
-      padding: 4
-    },
-    smRangePicker: {},
-    select: {
-      '@media(max-width: 700px)': {
-        width: '100%',
-        paddingBottom: 8
-      },
-      '@media(min-width: 700px)': {
-        minWidth: 'calc(100% / 3)',
-        paddingRight: 8
-      }
-    },
-    input: {
-      '@media(max-width: 700px)': {
-        width: '100%'
-      },
-      '@media(min-width: 700px)': {
-        width: 'calc(100% / 3 * 2)'
-      }
-    }
-  };
-};
-
-exports.styles = styles;
-
-var HiDateRangeSelector =
-/*#__PURE__*/
-function (_React$Component) {
-  (0, _inherits2.default)(HiDateRangeSelector, _React$Component);
-
-  function HiDateRangeSelector(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, HiDateRangeSelector);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDateRangeSelector).call(this));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "options", []);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleBlur", function (event) {
-      if (event instanceof Object && _this.props.onblur) {
-        _this.props.onBlur(event);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleReset", function (name) {
-      _this.props.onChange(name, undefined);
-
-      _this.props.onChange("".concat(name, "Error"), undefined);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelectChange", function (name) {
-      return function (event, value) {
-        _this.setState(function (prevState) {
-          var _ref;
-
-          return _ref = {}, (0, _defineProperty2.default)(_ref, name, value), (0, _defineProperty2.default)(_ref, "key", prevState.key === 1 ? 2 : 1), _ref;
-        });
-
-        _this.updateDates(value);
-      };
-    });
-    _this.options = props.availableOptionKeys.map(function (key) {
-      return buildDateRangeOptionByKey(key, props.translations, props.format, props.timezoneName);
-    });
-    _this.state = {
-      selectedPreset: props.defaultPreset,
-      containerWidth: 0
-    };
-    return _this;
-  }
-
-  (0, _createClass2.default)(HiDateRangeSelector, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.container) {
-        this.setState({
-          containerWidth: (0, _reactDom.findDOMNode)(this.container).clientWidth - 5
-        });
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this2 = this;
-
-      if (prevProps.timezoneName !== this.props.timezoneName) {
-        this.options = this.props.availableOptionKeys.map(function (key) {
-          return buildDateRangeOptionByKey(key, _this2.props.translations, _this2.props.format, _this2.props.timezoneName);
-        });
-        this.updateDates(this.state.selectedPreset);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      clearTimeout(this.timeout); // TODO : supprimer ?
-    }
-  }, {
-    key: "updateDates",
-    value: function updateDates(value) {
-      var selectedOption = this.options.find(function (option) {
-        return option.id === value;
-      });
-
-      if (selectedOption) {
-        this.props.onChange('from', new Date(selectedOption.from.format('YYYY-MM-DD HH:mm:ss')));
-        this.props.onChange('to', new Date(selectedOption.to.format('YYYY-MM-DD HH:mm:ss')));
-        this.props.onChange('fromError', false);
-        this.props.onChange('toError', false);
-      }
-
-      if (this.props.returnSelectValue === true) {
-        this.props.onChange('period', value);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var _this$props = this.props,
-          disabled = _this$props.disabled,
-          enableTime = _this$props.enableTime,
-          errorText = _this$props.errorText,
-          fromError = _this$props.fromError,
-          toError = _this$props.toError,
-          helperIcon = _this$props.helperIcon,
-          helperText = _this$props.helperText,
-          idRange = _this$props.idRange,
-          idSelect = _this$props.idSelect,
-          minimumDate = _this$props.minimumDate,
-          label = _this$props.label,
-          from = _this$props.from,
-          onChange = _this$props.onChange,
-          required = _this$props.required,
-          to = _this$props.to,
-          translations = _this$props.translations,
-          classes = _this$props.classes,
-          selectProps = _this$props.selectProps,
-          staticPosition = _this$props.staticPosition,
-          props = (0, _objectWithoutProperties2.default)(_this$props, ["disabled", "enableTime", "errorText", "fromError", "toError", "helperIcon", "helperText", "idRange", "idSelect", "minimumDate", "label", "from", "onChange", "required", "to", "translations", "classes", "selectProps", "staticPosition"]);
-      var selectedPreset = this.state.selectedPreset;
-      var hiSelectableListProps = {
-        hideCheckbox: true
-      };
-      return _react.default.createElement(_HiFormControl.default, {
-        disabled: disabled,
-        helperIcon: helperIcon,
-        helperText: helperText,
-        errorText: errorText,
-        error: !!(fromError || toError),
-        label: ' '
-      }, _react.default.createElement("div", {
-        className: classes.root,
-        ref: function ref(container) {
-          _this3.container = container;
-        }
-      }, _react.default.createElement("div", {
-        className: classes.select
-      }, _react.default.createElement(_HiSelectField.default, (0, _extends2.default)({
-        disabled: disabled,
-        id: idSelect,
-        label: label,
-        hideCheckbox: true,
-        hiSelectableListProps: hiSelectableListProps,
-        name: 'selectedPreset',
-        options: this.options,
-        onChange: this.handleSelectChange('selectedPreset'),
-        required: required,
-        translations: translations,
-        value: selectedPreset,
-        containerWidth: this.state.containerWidth,
-        staticPosition: staticPosition,
-        onSubmit: this.props.onSubmit
-      }, selectProps))), (_reactDeviceDetect.isMobile && selectedPreset === 'custom' || !_reactDeviceDetect.isMobile) && _react.default.createElement("div", {
-        className: classes.input
-      }, _react.default.createElement(_HiDateRangePicker.default, (0, _extends2.default)({
-        key: this.state.key,
-        classes: {
-          root: classes.dateRangePicker
-        },
-        id: idRange,
-        from: selectedPreset ? from : undefined,
-        to: selectedPreset ? to : undefined,
-        enableTime: enableTime,
-        onChange: onChange,
-        toError: toError,
-        fromError: fromError,
-        minimumDate: minimumDate,
-        errorText: null,
-        onReset: this.handleReset,
-        disabled: disabled || selectedPreset !== 'custom',
-        translations: translations,
-        staticPosition: staticPosition,
-        onBlur: this.handleBlur,
-        hasSelector: true
-      }, props)))));
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props) {
-      if (props.returnSelectValue) {
-        return {
-          selectedPreset: props.defaultPreset
-        };
-      }
-
-      return null;
-    }
-  }]);
-  return HiDateRangeSelector;
-}(_react.default.Component);
-
-(0, _defineProperty2.default)(HiDateRangeSelector, "defaultProps", {
-  availableOptionKeys: ['cd', 'pd', 'cw', 'pw', 'cm', 'pm', 'cq', 'pq', 'cy', 'custom'],
-  enableTime: false,
-  returnSelectValue: false,
-  staticPosition: false,
-  locale: 'fr-FR',
-  format: 'YYYY-DD-MM',
-  minimumDate: new Date(2013, 4, 1),
-  // by default 1 May 2013
-  timezoneName: 'Europe/Paris',
-  translations: {
-    today: 'Today',
-    hour: 'Hour',
-    minute: 'Minute',
-    month: 'Month',
-    quarter: 'Quarter',
-    week: 'Week',
-    short_week: 'W',
-    short_quarter: 'Q',
-    yearAndMonth: 'YYYY[-]MM',
-    yearAndQuarter: 'YYYY[-Q]Q',
-    year: 'Year',
-    days: 'days',
-    custom_period: 'Custom Period',
-    yesterday: 'Yesterday',
-    to: 'to',
-    to_now: 'to now',
-    current_week: 'Current Week',
-    previous_week: 'Previous Week',
-    current_month: 'Current Month',
-    previous_month: 'Previous Month',
-    current_quarter: 'Current Quarter',
-    previous_quarter: 'Previous Quarter',
-    current_year: 'Current Year',
-    invalid_format: 'The date format is not valid',
-    to_superior_from: 'Date from cannot be greater than date to',
-    date_superior_max_date: 'Date from cannot be greater than %s',
-    date_inferior_min_date: 'Date from cannot be before than %s',
-    missing_date_from: 'Missing date from',
-    missing_date_to: 'Missing date to'
-  }
-});
-
-var _default = (0, _styles.withStyles)(styles, {
-  name: 'HmuiHiDateRangeSelector'
-})(HiDateRangeSelector);
-
-exports.default = _default;

package/old_components/HiDatePicker/ListPicker.js

@@ -1,136 +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 _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 _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactCustomScrollbars = require("react-custom-scrollbars");
-
-var _MenuList = _interopRequireDefault(require("@material-ui/core/MenuList"));
-
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
-var _styles = require("@material-ui/core/styles");
-
-var styles = function styles(theme) {
-  return {
-    itemRoot: {
-      '&:hover': {
-        backgroundColor: theme.palette.hover
-      }
-    },
-    itemSelected: {
-      fontWeight: theme.typography.fontWeightMedium,
-      backgroundColor: theme.palette.selected
-    },
-    itemCentered: {
-      margin: 'auto'
-    },
-    currentDateItem: {
-      color: "".concat(theme.palette.primary.main, " !important")
-    }
-  };
-};
-
-exports.styles = styles;
-
-var ListPicker =
-/*#__PURE__*/
-function (_React$PureComponent) {
-  (0, _inherits2.default)(ListPicker, _React$PureComponent);
-
-  function ListPicker() {
-    var _getPrototypeOf2;
-
-    var _this;
-
-    (0, _classCallCheck2.default)(this, ListPicker);
-
-    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)(ListPicker)).call.apply(_getPrototypeOf2, [this].concat(args)));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "scrollbars", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "position", void 0);
-    return _this;
-  }
-
-  (0, _createClass2.default)(ListPicker, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.position && this.scrollbars) {
-        this.scrollbars.scrollTop((this.position - 2) * 40);
-      } else if (this.props.initAtMiddleScroll && this.scrollbars) {
-        this.scrollbars.scrollTop((this.scrollbars.getScrollHeight() - this.scrollbars.getClientHeight()) / 2 + 20);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          itemList = _this$props.itemList,
-          onItemClick = _this$props.onItemClick,
-          selectedItem = _this$props.selectedItem,
-          type = _this$props.type;
-      this.position = itemList.indexOf(selectedItem);
-      var now = new Date();
-      return _react.default.createElement(_reactCustomScrollbars.Scrollbars, {
-        autoHide: true,
-        ref: function ref(_ref) {
-          _this2.scrollbars = _ref;
-        }
-      }, _react.default.createElement(_MenuList.default, null, itemList.map(function (item, index) {
-        var labelClass = (0, _classnames.default)(classes.itemCentered, (0, _defineProperty2.default)({}, classes.currentDateItem, type === 'year' && now.getFullYear() === item || type === 'month' && now.getMonth() === index));
-        return _react.default.createElement(_MenuItem.default, {
-          key: "item-".concat(item),
-          classes: {
-            root: classes.itemRoot,
-            selected: classes.itemSelected
-          },
-          onClick: function onClick() {
-            return onItemClick(item);
-          },
-          selected: item === selectedItem
-        }, _react.default.createElement("span", {
-          className: labelClass
-        }, item));
-      })));
-    }
-  }]);
-  return ListPicker;
-}(_react.default.PureComponent);
-
-(0, _defineProperty2.default)(ListPicker, "defaultProps", {
-  initAtMiddleScroll: true
-});
-
-var _default = (0, _styles.withStyles)(styles, {
-  name: 'HmuiListPicker'
-})(ListPicker);
-
-exports.default = _default;