react-elegant-ui/components/Textarea/__examples__/common.example.js

Elegant UI components, made by BEM best practices for react

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.WithStateError = exports.WithHint = exports.WithClearButton = exports.WithAutoResize = exports.TextareaBase = exports.Disabled = exports.Base = void 0;
var _react = _interopRequireWildcard(require("react"));
var _desktop = require("../Textarea.bundle/desktop");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
var __assign = void 0 && (void 0).__assign || function () {
  __assign = Object.assign || function (t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
      s = arguments[i];
      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
    }
    return t;
  };
  return __assign.apply(this, arguments);
};
var __rest = void 0 && (void 0).__rest || function (s, e) {
  var t = {};
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  }
  return t;
};
var __read = void 0 && (void 0).__read || function (o, n) {
  var m = typeof Symbol === "function" && o[Symbol.iterator];
  if (!m) return o;
  var i = m.call(o),
    r,
    ar = [],
    e;
  try {
    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
  } catch (error) {
    e = {
      error: error
    };
  } finally {
    try {
      if (r && !r.done && (m = i["return"])) m.call(i);
    } finally {
      if (e) throw e.error;
    }
  }
  return ar;
};
var placeholder = 'Input something';
var hint = 'Some hint text';
var TextareaBase = function (_a) {
  var initValue = _a.value,
    props = __rest(_a, ["value"]);
  var _b = __read((0, _react.useState)(initValue), 2),
    value = _b[0],
    setValue = _b[1];
  return /*#__PURE__*/_react.default.createElement(_desktop.Textarea, __assign({}, props, {
    value: value,
    onInputText: setValue,
    onClearClick: function () {
      setValue('');
    }
  }));
};
exports.TextareaBase = TextareaBase;
var Base = function () {
  return /*#__PURE__*/_react.default.createElement(TextareaBase, {
    placeholder: placeholder
  });
};
exports.Base = Base;
var Disabled = function () {
  return /*#__PURE__*/_react.default.createElement(TextareaBase, {
    placeholder: placeholder,
    disabled: true
  });
};
exports.Disabled = Disabled;
var WithAutoResize = function () {
  return /*#__PURE__*/_react.default.createElement(TextareaBase, {
    placeholder: placeholder,
    autoResize: true,
    value: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem libero voluptatem suscipit rem dolorum magnam, officia eum aperiam obcaecati? Quod porro, quia exercitationem iusto, accusamus esse illum sint voluptatem quas quibusdam repudiandae beatae fugiat labore at reprehenderit"
  });
};
exports.WithAutoResize = WithAutoResize;
var WithHint = function () {
  return /*#__PURE__*/_react.default.createElement(TextareaBase, {
    placeholder: placeholder,
    hint: hint
  });
};
exports.WithHint = WithHint;
var WithClearButton = function () {
  return /*#__PURE__*/_react.default.createElement(TextareaBase, {
    placeholder: placeholder,
    hasClear: true
  });
};
exports.WithClearButton = WithClearButton;
var WithStateError = function () {
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(TextareaBase, {
    placeholder: placeholder,
    state: "error"
  })), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(TextareaBase, {
    placeholder: placeholder,
    hint: hint,
    state: "error"
  })));
};
exports.WithStateError = WithStateError;