react-elegant-ui/components/Textinput/__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.WithIcon = exports.WithHint = exports.WithClearButton = exports.TextinputBase = exports.Disabled = exports.Base = void 0;
var _react = _interopRequireWildcard(require("react"));
var _desktop = require("../../Icon/Icon.bundle/desktop");
var _desktop2 = require("../Textinput.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 TextinputBase = function (_a) {
  var initValue = _a.value,
    props = __rest(_a, ["value"]);
  var _b = __read((0, _react.useState)(initValue !== null && initValue !== void 0 ? initValue : ''), 2),
    value = _b[0],
    setValue = _b[1];
  return /*#__PURE__*/_react.default.createElement(_desktop2.Textinput, __assign({}, props, {
    value: value,
    onInputText: setValue,
    onClearClick: function () {
      setValue('');
    }
  }));
};
exports.TextinputBase = TextinputBase;
var Base = function () {
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(TextinputBase, {
    spellCheck: false,
    placeholder: placeholder,
    size: "m"
  }), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(TextinputBase, {
    spellCheck: false,
    placeholder: placeholder,
    size: "s"
  }));
};
exports.Base = Base;
var Disabled = function () {
  return /*#__PURE__*/_react.default.createElement(TextinputBase, {
    spellCheck: false,
    placeholder: placeholder,
    disabled: true
  });
};
exports.Disabled = Disabled;
var WithHint = function () {
  return /*#__PURE__*/_react.default.createElement(TextinputBase, {
    spellCheck: false,
    placeholder: placeholder,
    hint: hint
  });
};
exports.WithHint = WithHint;
var WithIcon = function () {
  return /*#__PURE__*/_react.default.createElement(TextinputBase, {
    spellCheck: false,
    placeholder: placeholder,
    iconLeft: /*#__PURE__*/_react.default.createElement(_desktop.Icon, {
      glyph: "close",
      size: "l"
    }),
    iconRight: /*#__PURE__*/_react.default.createElement(_desktop.Icon, {
      glyph: "close",
      size: "l"
    }),
    hasClear: true
  });
};
exports.WithIcon = WithIcon;
var WithClearButton = function () {
  return /*#__PURE__*/_react.default.createElement(TextinputBase, {
    spellCheck: false,
    placeholder: placeholder,
    hasClear: true,
    value: "Stet justo tempor invidunt sit justo elitr est."
  });
};
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(TextinputBase, {
    spellCheck: false,
    placeholder: placeholder,
    state: "error"
  })), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(TextinputBase, {
    spellCheck: false,
    placeholder: placeholder,
    hint: hint,
    state: "error"
  })));
};
exports.WithStateError = WithStateError;