react-survey-builder 1.0.40 → 1.0.42

package/lib/survey-elements/date-picker.js

@@ -1,272 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _react = _interopRequireDefault(require("react"));
-var _dateFns = require("date-fns");
-var _componentHeader = _interopRequireDefault(require("./component-header"));
-var _componentLabel = _interopRequireDefault(require("./component-label"));
-var _reactBootstrap = require("react-bootstrap");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-// This is the utility function that will attempt to parse a date string
-// using several different formats until it finds one that works.
-var DatePicker = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(DatePicker, _React$Component);
-  var _super = _createSuper(DatePicker);
-  function DatePicker(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, DatePicker);
-    _this = _super.call(this, props);
-    _this.inputField = /*#__PURE__*/_react["default"].createRef();
-    var _DatePicker$updateFor = DatePicker.updateFormat(props, null),
-      formatMask = _DatePicker$updateFor.formatMask;
-    var state = DatePicker.updateDateTime(props, {
-      formatMask: formatMask
-    }, formatMask);
-
-    // Ensure state.value and state.internalValue are not undefined
-    state.value = state.value || '';
-    state.internalValue = state.internalValue || '';
-    _this.state = state;
-    return _this;
-  }
-  (0, _createClass2["default"])(DatePicker, [{
-    key: "handleBirthdayFocus",
-    value: function handleBirthdayFocus() {
-      this.setState({
-        birthdayFocused: true
-      }, function () {
-        document.getElementById('year').placeholder = 'YYYY';
-        document.getElementById('day').placeholder = 'DD';
-        document.getElementById('month').placeholder = 'MM';
-      });
-    }
-  }, {
-    key: "handleDateChange",
-    value: function handleDateChange(event) {
-      var _this$state = this.state,
-        month = _this$state.month,
-        day = _this$state.day,
-        year = _this$state.year;
-      var newValue = event.target.value;
-      switch (event.target.name) {
-        case 'month':
-          if (newValue > 12) {
-            this.setState({
-              month: '12'
-            });
-          } else {
-            this.setState({
-              month: newValue
-            });
-          }
-          break;
-        case 'day':
-          if (newValue > 31) {
-            this.setState({
-              day: '31'
-            });
-          } else {
-            this.setState({
-              day: newValue
-            });
-          }
-          break;
-        case 'year':
-          if (newValue > new Date().getFullYear()) {
-            this.setState({
-              year: new Date().getFullYear().toString()
-            });
-          } else {
-            this.setState({
-              year: newValue
-            });
-          }
-          break;
-        default:
-          break;
-      }
-      var updatedMonth = event.target.name === 'month' ? newValue : month;
-      var updatedDay = event.target.name === 'day' ? newValue : day;
-      var updatedYear = event.target.name === 'year' ? newValue : year;
-      this.setState({
-        value: {
-          year: updatedYear,
-          month: updatedMonth,
-          day: updatedDay
-        }
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var placeholder = this.props.data.placeholder;
-      var props = {};
-      props.type = 'date';
-      props.className = 'form-control';
-      props.name = this.props.data.fieldName;
-      var readOnly = this.props.data.readOnly || this.props.readOnly;
-      this.state.formatMask.toLowerCase();
-      if (this.props.mutable) {
-        props.defaultValue = this.props.defaultValue;
-        props.ref = this.inputField;
-      }
-      var baseClasses = 'SortableItem rfb-item';
-      if (this.props.data.pageBreakBefore) {
-        baseClasses += ' alwaysbreak';
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: baseClasses,
-        style: _objectSpread({}, this.props.style)
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", null, readOnly && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
-        type: "text",
-        name: props.name,
-        ref: props.ref,
-        readOnly: readOnly,
-        placeholder: placeholder || this.state.placeholder,
-        value: this.state.value
-      }), !readOnly && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.InputGroup, {
-        style: {
-          border: '1px solid #ced4da',
-          borderRadius: '0.25rem',
-          marginTop: 10
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
-        value: this.state.month,
-        onKeyUp: function onKeyUp(e) {
-          return e.target.value && e.target.value.length === 2 && document.getElementById('day').focus();
-        },
-        name: "month",
-        id: "month",
-        onChange: function onChange(e) {
-          return _this2.handleDateChange(e);
-        },
-        type: "text",
-        style: {
-          border: 'none'
-        },
-        onFocus: function onFocus(e) {
-          return _this2.handleBirthdayFocus();
-        },
-        placeholder: placeholder || this.state.placeholder,
-        maxLength: "2",
-        pattern: "\\d*"
-      }), this.state.birthdayFocused && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
-        style: {
-          display: this.state.year || this.state.day || this.state.month ? '' : 'none',
-          alignSelf: 'center'
-        }
-      }, "/"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
-        value: this.state.day,
-        onKeyUp: function onKeyUp(e) {
-          return e.target.value && e.target.value.length === 2 && document.getElementById('year').focus();
-        },
-        name: "day",
-        id: "day",
-        type: "text",
-        style: {
-          border: 'none'
-        },
-        onChange: function onChange(e) {
-          return _this2.handleDateChange(e);
-        },
-        onFocus: function onFocus(e) {
-          return _this2.handleBirthdayFocus();
-        },
-        maxLength: "2",
-        pattern: "\\d*"
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        style: {
-          display: this.state.year || this.state.day || this.state.month ? '' : 'none',
-          alignSelf: 'center'
-        }
-      }, "/"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
-        value: this.state.year,
-        name: "year",
-        id: "year",
-        type: "text",
-        style: {
-          border: 'none'
-        },
-        onFocus: function onFocus(e) {
-          return _this2.handleBirthdayFocus();
-        },
-        maxLength: "4",
-        pattern: "\\d*",
-        onChange: function onChange(e) {
-          return _this2.handleDateChange(e);
-        }
-      }))))));
-    }
-  }], [{
-    key: "updateDateTime",
-    value: function updateDateTime(props, state, formatMask) {
-      var value;
-      var internalValue;
-      var defaultToday = props.data.defaultToday;
-      var iOSFormatMask = 'yyyy-MM-dd';
-      if (defaultToday && (props.defaultValue === '' || props.defaultValue === undefined)) {
-        var dateToFormat = new Date();
-        value = dateToFormat.toString() === 'Invalid Date' ? '' : (0, _dateFns.format)(dateToFormat, iOSFormatMask);
-        internalValue = dateToFormat.toString() === 'Invalid Date' ? '' : dateToFormat; // Ensure not undefined
-      } else {
-        value = props.defaultValue || ''; // Ensure not undefined
-        if (value === '') {
-          internalValue = '';
-        } else {
-          var parsedDate = (0, _dateFns.parse)(value, formatMask, new Date());
-          internalValue = parsedDate.toString() === 'Invalid Date' ? '' : parsedDate; // Ensure not undefined
-        }
-      }
-      return {
-        value: value,
-        internalValue: internalValue,
-        placeholder: formatMask.toLowerCase(),
-        defaultToday: defaultToday,
-        formatMask: formatMask
-      };
-    }
-  }, {
-    key: "updateFormat",
-    value: function updateFormat(props, oldFormatMask) {
-      var _props$data = props.data,
-        showTimeSelect = _props$data.showTimeSelect,
-        showTimeSelectOnly = _props$data.showTimeSelectOnly,
-        showTimeInput = _props$data.showTimeInput;
-      var dateFormat = showTimeSelect && showTimeSelectOnly ? '' : props.data.dateFormat;
-      var timeFormat = showTimeSelect || showTimeInput ? props.data.timeFormat : '';
-      var formatMask = "".concat(dateFormat, " ").concat(timeFormat).trim();
-      var updated = formatMask !== oldFormatMask;
-      return {
-        updated: updated,
-        formatMask: formatMask
-      };
-    }
-  }, {
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props, state) {
-      var _DatePicker$updateFor2 = DatePicker.updateFormat(props, state.formatMask),
-        updated = _DatePicker$updateFor2.updated,
-        formatMask = _DatePicker$updateFor2.formatMask;
-      if (props.data.defaultToday !== state.defaultToday || updated) {
-        return DatePicker.updateDateTime(props, state, formatMask);
-      }
-      return null;
-    }
-  }]);
-  return DatePicker;
-}(_react["default"].Component);
-var _default = exports["default"] = DatePicker;

package/lib/utils/custom-date-picker.js

@@ -1,93 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactDatepicker = _interopRequireDefault(require("react-datepicker"));
-var _lodash = require("lodash");
-function DatePickerComponent(props) {
-  var showTimeInput = props.showTimeInput,
-    dateFormat = props.dateFormat,
-    selected = props.selected,
-    _onChange = props.onChange,
-    isClearable = props.isClearable,
-    portalId = props.portalId;
-  var ButtonDatePicker = function ButtonDatePicker(_ref) {
-    var value = _ref.value,
-      onClick = _ref.onClick;
-    return /*#__PURE__*/_react["default"].createElement("button", {
-      type: "button",
-      className: "form-control",
-      style: {
-        minWidth: 140,
-        textAlign: 'left'
-      },
-      onClick: onClick
-    }, value || 'mm/dd/yyyy');
-  };
-  var years = (0, _lodash.range)(2010, new Date().getFullYear() + 10, 1);
-  var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
-  return /*#__PURE__*/_react["default"].createElement(_reactDatepicker["default"], {
-    name: props.name,
-    ref: props.ref,
-    selected: selected,
-    onChange: function onChange(date) {
-      return _onChange(date);
-    },
-    todayButton: 'Today',
-    className: "form-control",
-    showTimeSelect: props.showTimeSelect,
-    showTimeSelectOnly: props.showTimeSelectOnly,
-    showTimeInput: showTimeInput,
-    autoComplete: "off",
-    placeholderText: props.placeholderText,
-    portalId: portalId,
-    dateFormat: dateFormat,
-    isClearable: isClearable,
-    customInput: /*#__PURE__*/_react["default"].createElement(ButtonDatePicker, null),
-    renderCustomHeader: function renderCustomHeader(_ref2) {
-      var date = _ref2.date,
-        changeYear = _ref2.changeYear,
-        changeMonth = _ref2.changeMonth,
-        decreaseMonth = _ref2.decreaseMonth,
-        increaseMonth = _ref2.increaseMonth,
-        prevMonthButtonDisabled = _ref2.prevMonthButtonDisabled,
-        nextMonthButtonDisabled = _ref2.nextMonthButtonDisabled;
-      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
-        onClick: decreaseMonth,
-        disabled: prevMonthButtonDisabled,
-        type: "button"
-      }, '<'), /*#__PURE__*/_react["default"].createElement("select", {
-        value: date.getFullYear(),
-        onChange: function onChange(_ref3) {
-          var value = _ref3.target.value;
-          return changeYear(value);
-        }
-      }, years.map(function (option) {
-        return /*#__PURE__*/_react["default"].createElement("option", {
-          key: option,
-          value: option
-        }, option);
-      })), /*#__PURE__*/_react["default"].createElement("select", {
-        value: months[date.getMonth()],
-        onChange: function onChange(_ref4) {
-          var value = _ref4.target.value;
-          return changeMonth(months.indexOf(value));
-        }
-      }, months.map(function (option) {
-        return /*#__PURE__*/_react["default"].createElement("option", {
-          key: option,
-          value: option
-        }, option);
-      })), /*#__PURE__*/_react["default"].createElement("button", {
-        onClick: increaseMonth,
-        disabled: nextMonthButtonDisabled,
-        type: "button"
-      }, '>'));
-    }
-  });
-}
-var _default = exports["default"] = DatePickerComponent;