ringcentral-widgets/components/MeetingConfigs/MeetingTopic.js

RingCentral Integration Widget Library

"use strict";

require("core-js/modules/es6.object.define-properties");

require("core-js/modules/es7.object.get-own-property-descriptors");

require("core-js/modules/es6.array.for-each");

require("core-js/modules/es6.array.filter");

require("core-js/modules/es6.symbol");

require("core-js/modules/web.dom.iterable");

require("core-js/modules/es6.array.iterator");

require("core-js/modules/es6.object.to-string");

require("core-js/modules/es6.object.keys");

require("core-js/modules/es6.object.define-property");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Topic = void 0;

require("core-js/modules/es6.regexp.split");

require("core-js/modules/es6.array.slice");

require("react-widgets/dist/css/react-widgets.css");

var _react = _interopRequireDefault(require("react"));

var _MeetingSection = _interopRequireDefault(require("../MeetingSection"));

var _constants = require("./constants");

var _i18n = _interopRequireDefault(require("./i18n"));

var _styles = _interopRequireDefault(require("./styles.scss"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var MeetingTopic = function MeetingTopic(_ref) {
  var update = _ref.update,
      currentLocale = _ref.currentLocale,
      meeting = _ref.meeting,
      that = _ref.that;
  return /*#__PURE__*/_react["default"].createElement(_MeetingSection["default"], {
    hideTopBorderLine: true
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: _styles["default"].inline
  }, /*#__PURE__*/_react["default"].createElement("span", {
    className: _styles["default"].label
  }, _i18n["default"].getString('topic', currentLocale)), /*#__PURE__*/_react["default"].createElement("input", {
    ref: function ref(_ref3) {
      that.topic = _ref3;
    },
    onPaste: function onPaste(event) {
      var topic = event.target.value;
      event.preventDefault();
      event.clipboardData.items[0].getAsString(function (data) {
        var isOverLength = topic.length >= 0 && topic.length <= _constants.MAX_TOPIC_LENGTH;
        var positionStart = that.topic.selectionStart;
        var positionEnd = that.topic.selectionEnd;
        var select = positionEnd - positionStart;
        var restLength = _constants.MAX_TOPIC_LENGTH - topic.length + select;
        var isOver = isOverLength && restLength > 0;

        if (isOver) {
          var _isOverLength = restLength >= data.length;

          var insertText = _isOverLength ? data : data.slice(0, !isOver ? select : restLength);
          var value = topic.split('');
          value.splice(positionStart, select, insertText);
          that.topic.value = value.join('');
          var newPosition = positionStart + insertText.length;
          that.topic.setSelectionRange(newPosition, newPosition);
        }

        update(_objectSpread(_objectSpread({}, meeting), {}, {
          topic: that.topic.value
        }));
      });
    },
    type: "text",
    className: _styles["default"].input,
    defaultValue: meeting.topic || '',
    onChange: function onChange(_ref2) {
      var target = _ref2.target;
      var topic = target.value;

      if (topic.length >= 0 && topic.length <= _constants.MAX_TOPIC_LENGTH) {
        clearTimeout(that.topicSetTimeoutId);
        that.topicSetTimeoutId = setTimeout(function () {
          update(_objectSpread(_objectSpread({}, meeting), {}, {
            topic: topic
          }));
        }, 10);
      } else {
        target.value = meeting.topic || '';
      }
    },
    "data-sign": "scheduleMeetingTopic"
  })));
};

exports.Topic = MeetingTopic;
//# sourceMappingURL=MeetingTopic.js.map