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

package/es/old_components/HiDatePicker/NavBar.js

@@ -0,0 +1,106 @@
+"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 _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _ChevronLeft = _interopRequireDefault(require("@material-ui/icons/ChevronLeft"));
+
+var _ChevronRight = _interopRequireDefault(require("@material-ui/icons/ChevronRight"));
+
+var _AccessTime = _interopRequireDefault(require("@material-ui/icons/AccessTime"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      width: '100%',
+      height: 40,
+      marginBottom: -40,
+      borderBottom: '1px solid',
+      borderBottomColor: theme.palette.divider
+    },
+    button: {
+      height: 32,
+      width: 32,
+      margin: '4px 24px',
+      padding: 0
+    },
+    left: {
+      float: 'left'
+    },
+    right: {
+      float: 'right'
+    },
+    bottomLeft: {
+      position: 'absolute',
+      left: 0,
+      bottom: 0
+    }
+  };
+};
+
+exports.styles = styles;
+
+var _ref2 = _react.default.createElement(_ChevronLeft.default, null);
+
+var _ref3 = _react.default.createElement(_ChevronRight.default, null);
+
+var _ref4 = _react.default.createElement(_AccessTime.default, null);
+
+var NavBar = function NavBar(_ref) {
+  var classes = _ref.classes,
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? 'en_US' : _ref$locale,
+      localeUtils = _ref.localeUtils,
+      nextMonth = _ref.nextMonth,
+      onClockClick = _ref.onClockClick,
+      onPreviousClick = _ref.onPreviousClick,
+      onNextClick = _ref.onNextClick,
+      previousMonth = _ref.previousMonth,
+      showClockButton = _ref.showClockButton;
+  var months = localeUtils.getMonths(locale);
+  var prev = "".concat(months[previousMonth.getMonth()], " ").concat(previousMonth.getFullYear());
+  var next = "".concat(months[nextMonth.getMonth()], " ").concat(nextMonth.getFullYear());
+  return _react.default.createElement("div", {
+    className: classes.root
+  }, _react.default.createElement(_IconButton.default, {
+    className: (0, _classnames.default)(classes.button, classes.left),
+    onClick: function onClick() {
+      return onPreviousClick();
+    },
+    title: prev
+  }, _ref2), _react.default.createElement(_IconButton.default, {
+    className: (0, _classnames.default)(classes.button, classes.right),
+    onClick: function onClick() {
+      return onNextClick();
+    },
+    title: next
+  }, _ref3), showClockButton && _react.default.createElement(_IconButton.default, {
+    className: (0, _classnames.default)(classes.button, classes.bottomLeft),
+    onClick: function onClick() {
+      return onClockClick();
+    }
+  }, _ref4));
+};
+
+NavBar.defaultProps = {
+  showClockButton: false
+};
+
+var _default = (0, _styles.withStyles)(styles, {
+  hiComponent: true,
+  name: 'HmuiNavBar'
+})(NavBar);
+
+exports.default = _default;

package/es/old_components/HiDatePicker/Overlays/CustomOverlayLayout.js

@@ -0,0 +1,111 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
+  return {
+    paper: {
+      width: '100%',
+      zIndex: 10
+    },
+    absolute: {
+      position: 'absolute'
+    },
+    relative: {
+      position: 'relative'
+    },
+    left: {
+      width: '200%',
+      left: 0
+    },
+    right: {
+      width: '200%',
+      left: '-100%'
+    },
+    overlay: (0, _objectSpread2.default)({
+      padding: 0,
+      height: 325,
+      textAlign: 'center'
+    }, theme.typography.body2, {
+      fontWeight: theme.typography.fontWeightRegular
+    }),
+    header: (0, _objectSpread2.default)({
+      display: 'block',
+      height: 40,
+      textAlign: 'center',
+      padding: '10px 0'
+    }, theme.typography.body1, {
+      color: theme.palette.neutral.main,
+      borderBottom: '1px solid',
+      borderBottomColor: theme.palette.divider
+    }),
+    body: {
+      height: 245,
+      width: 224,
+      margin: 'auto'
+    },
+    footer: {
+      height: 40,
+      padding: '10px 0',
+      borderTop: '1px solid',
+      borderTopColor: theme.palette.divider
+    }
+  };
+};
+
+exports.styles = styles;
+
+var CustomOverlayLayout = function CustomOverlayLayout(_ref) {
+  var _classNames;
+
+  var classes = _ref.classes,
+      children = _ref.children,
+      headerElement = _ref.headerElement,
+      footerElement = _ref.footerElement,
+      absoluteElement = _ref.absoluteElement,
+      side = _ref.side,
+      staticPosition = _ref.staticPosition,
+      props = (0, _objectWithoutProperties2.default)(_ref, ["classes", "children", "headerElement", "footerElement", "absoluteElement", "side", "staticPosition"]);
+  var paperClass = (0, _classnames.default)(classes.paper, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.left, side === 'from'), (0, _defineProperty2.default)(_classNames, classes.right, side === 'to'), (0, _defineProperty2.default)(_classNames, classes.absolute, staticPosition !== true), (0, _defineProperty2.default)(_classNames, classes.relative, staticPosition === true), _classNames));
+  var paperProps = (0, _objectSpread2.default)({}, props);
+  return (// eslint-disable-next-line react/jsx-handler-names
+    _react.default.createElement(_Paper.default, {
+      className: paperClass,
+      onBlur: paperProps.onBlur,
+      onFocus: paperProps.onFocus
+    }, _react.default.createElement("div", {
+      className: classes.overlay
+    }, _react.default.createElement("div", {
+      className: classes.header
+    }, headerElement), _react.default.createElement("div", {
+      className: classes.body
+    }, children), _react.default.createElement("div", {
+      className: classes.footer
+    }, footerElement), absoluteElement))
+  );
+};
+
+var _default = (0, _styles.withStyles)(styles, {
+  name: 'HmuiCustomOverlayLayout'
+})(CustomOverlayLayout);
+
+exports.default = _default;

package/es/old_components/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
+  return {
+    paper: {
+      width: '100%',
+      zIndex: 10
+    },
+    absolute: {
+      position: 'absolute'
+    },
+    relative: {
+      position: 'relative'
+    },
+    left: {
+      width: '200%',
+      left: 0
+    },
+    right: {
+      width: '200%',
+      left: '-100%'
+    },
+    overlay: (0, _objectSpread2.default)({
+      padding: 0,
+      height: 325,
+      textAlign: 'center'
+    }, theme.typography.body2, {
+      fontWeight: theme.typography.fontWeightRegular
+    }),
+    header: (0, _objectSpread2.default)({
+      display: 'block',
+      height: 40,
+      textAlign: 'center',
+      padding: '10px 0'
+    }, theme.typography.body1, {
+      color: theme.palette.neutral.main,
+      borderBottom: '1px solid',
+      borderBottomColor: theme.palette.divider
+    }),
+    body: {
+      height: 285,
+      width: 224,
+      margin: 'auto'
+    }
+  };
+};
+
+exports.styles = styles;
+
+var CustomOverlayLayoutWithoutFooter = function CustomOverlayLayoutWithoutFooter(_ref) {
+  var _classNames;
+
+  var classes = _ref.classes,
+      children = _ref.children,
+      headerElement = _ref.headerElement,
+      footerElement = _ref.footerElement,
+      absoluteElement = _ref.absoluteElement,
+      side = _ref.side,
+      staticPosition = _ref.staticPosition,
+      props = (0, _objectWithoutProperties2.default)(_ref, ["classes", "children", "headerElement", "footerElement", "absoluteElement", "side", "staticPosition"]);
+  var paperClass = (0, _classnames.default)(classes.paper, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.left, side === 'from'), (0, _defineProperty2.default)(_classNames, classes.right, side === 'to'), (0, _defineProperty2.default)(_classNames, classes.absolute, staticPosition !== true), (0, _defineProperty2.default)(_classNames, classes.relative, staticPosition === true), _classNames));
+  var paperProps = (0, _objectSpread2.default)({}, props);
+  return (// eslint-disable-next-line react/jsx-handler-names
+    _react.default.createElement(_Paper.default, {
+      className: paperClass,
+      onBlur: paperProps.onBlur,
+      onFocus: paperProps.onFocus
+    }, _react.default.createElement("div", {
+      className: classes.overlay
+    }, _react.default.createElement("div", {
+      className: classes.header
+    }, headerElement), _react.default.createElement("div", {
+      className: classes.body
+    }, children), absoluteElement))
+  );
+};
+
+var _default = (0, _styles.withStyles)(styles, {
+  name: 'HmuiCustomOverlayLayoutWithoutFooter'
+})(CustomOverlayLayoutWithoutFooter);
+
+exports.default = _default;

package/es/old_components/HiDatePicker/Overlays/MonthPickerOverlay.js

@@ -0,0 +1,89 @@
+"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 _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 _CustomOverlayLayoutWithoutFooter = _interopRequireDefault(require("./CustomOverlayLayoutWithoutFooter"));
+
+var _ListPicker = _interopRequireDefault(require("../ListPicker"));
+
+var MonthPickerOverlay =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2.default)(MonthPickerOverlay, _React$Component);
+
+  function MonthPickerOverlay(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, MonthPickerOverlay);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(MonthPickerOverlay).call(this));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "months", []);
+    _this.handleMonthClick = _this.handleMonthClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.months = props.localeUtils ? props.localeUtils.getMonths(props.children.props.locale) : props.children.props.localeUtils.getMonths(props.children.props.locale);
+    return _this;
+  }
+
+  (0, _createClass2.default)(MonthPickerOverlay, [{
+    key: "handleMonthClick",
+    value: function handleMonthClick(month) {
+      var monthIndex = this.months.indexOf(month);
+
+      if (monthIndex >= 0 && monthIndex < 12 && this.props.onChange) {
+        var date = this.props.value ? new Date(this.props.value) : new Date();
+        date.setMonth(monthIndex);
+        this.props.onChange(date);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          value = _this$props.value,
+          translations = _this$props.translations,
+          props = (0, _objectWithoutProperties2.default)(_this$props, ["value", "translations"]);
+      var now = new Date();
+      var currentMonth = props.localeUtils ? props.localeUtils.getMonths(props.children.props.locale)[now.getMonth()] : props.children.props.localeUtils.getMonths(props.children.props.locale)[now.getMonth()];
+      return _react.default.createElement(_CustomOverlayLayoutWithoutFooter.default, (0, _extends2.default)({
+        headerElement: translations.month
+      }, props), _react.default.createElement(_ListPicker.default, {
+        itemList: this.months,
+        onItemClick: this.handleMonthClick,
+        selectedItem: currentMonth,
+        type: "month"
+      }));
+    }
+  }]);
+  return MonthPickerOverlay;
+}(_react.default.Component);
+
+(0, _defineProperty2.default)(MonthPickerOverlay, "defaultProps", {
+  translations: {
+    month: 'Month'
+  }
+});
+var _default = MonthPickerOverlay;
+exports.default = _default;

package/es/old_components/HiDatePicker/Overlays/Overlay.js

@@ -0,0 +1,77 @@
+"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 _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles() {
+  return {
+    paper: {
+      width: '100%',
+      zIndex: 10
+    },
+    absolute: {
+      position: 'absolute'
+    },
+    relative: {
+      position: 'relative'
+    },
+    left: {
+      width: '200%',
+      left: 0
+    },
+    right: {
+      width: '200%',
+      left: '-100%'
+    },
+    overlay: {
+      padding: 0
+    }
+  };
+};
+
+exports.styles = styles;
+
+var Overlay = function Overlay(_ref) {
+  var _classNames;
+
+  var classes = _ref.classes,
+      children = _ref.children,
+      side = _ref.side,
+      staticPosition = _ref.staticPosition,
+      props = (0, _objectWithoutProperties2.default)(_ref, ["classes", "children", "side", "staticPosition"]);
+  var paperClass = (0, _classnames.default)(classes.paper, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.left, side === 'from'), (0, _defineProperty2.default)(_classNames, classes.right, side === 'to'), (0, _defineProperty2.default)(_classNames, classes.absolute, staticPosition !== true), (0, _defineProperty2.default)(_classNames, classes.relative, staticPosition === true), _classNames));
+  var paperProps = (0, _objectSpread2.default)({}, props);
+  return (// eslint-disable-next-line react/jsx-handler-names
+    _react.default.createElement(_Paper.default, {
+      onBlur: paperProps.onBlur,
+      onFocus: paperProps.onFocus,
+      className: paperClass
+    }, _react.default.createElement("div", {
+      className: classes.overlay
+    }, children))
+  );
+};
+
+var _default = (0, _styles.withStyles)(styles, {
+  name: 'HmuiOverlay'
+})(Overlay);
+
+exports.default = _default;