linear-react-components-ui 0.4.77-beta.23 → 0.4.77-beta.26

package/lib/inputs/base/InputTextBase.js

@@ -1,22 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _lodash = _interopRequireDefault(require("lodash"));
 
 var _inputHOC = _interopRequireDefault(require("../inputHOC"));
@@ -29,28 +21,24 @@ var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip")
 
 var _permissionValidations = require("../../permissionValidations");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var InputTextBase = function InputTextBase(props) {
-  var value = props.value,
-      type = props.type,
-      readOnly = props.readOnly,
+  var _props$textAlign = props.textAlign,
+      textAlign = _props$textAlign === void 0 ? 'left' : _props$textAlign,
+      value = props.value,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'text' : _props$type,
+      _props$readOnly = props.readOnly,
+      readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
       placeHolder = props.placeHolder,
-      disabled = props.disabled,
-      autoFocus = props.autoFocus,
-      maxLength = props.maxLength,
-      name = props.name,
-      id = props.id,
       required = props.required,
-      _onChange = props.onChange,
-      _onFocus = props.onFocus,
-      onInputReceiveFocus = props.onInputReceiveFocus,
-      _onBlur = props.onBlur,
-      onInputLostFocus = props.onInputLostFocus,
-      _onKeyDown = props.onKeyDown,
-      _onKeyPress = props.onKeyPress,
       leftElements = props.leftElements,
       rightElements = props.rightElements,
       children = props.children,
@@ -64,23 +52,29 @@ var InputTextBase = function InputTextBase(props) {
       labelUppercase = props.labelUppercase,
       hint = props.hint,
       errorMessages = props.errorMessages,
-      visible = props.visible,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? true : _props$visible,
       permissionAttr = props.permissionAttr,
       onDeniedActions = props.onDeniedActions,
       handlerSetOnDenied = props.handlerSetOnDenied,
       targetRef = props.targetRef,
-      skeletonize = props.skeletonize,
+      _props$skeletonize = props.skeletonize,
+      skeletonize = _props$skeletonize === void 0 ? false : _props$skeletonize,
       style = props.style,
       styleForInputContent = props.styleForInputContent,
       styleForWrapper = props.styleForWrapper,
       styleForLabel = props.styleForLabel,
-      styleForSideButtons = props.styleForSideButtons;
+      styleForSideButtons = props.styleForSideButtons,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      autoFocus = props.autoFocus,
+      maxLength = props.maxLength,
+      name = props.name,
+      id = props.id,
+      _onChange = props.onChange;
+  var propsInput;
   var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
-
-  var _useState = (0, _react.useState)(onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(permissionAttr, options)),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 1),
-      onDenied = _useState2[0];
-
+  var onDenied = onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
   var hideContent = onDenied.hideContent,
       unvisible = onDenied.unvisible;
   (0, _react.useEffect)(function () {
@@ -97,7 +91,7 @@ var InputTextBase = function InputTextBase(props) {
 
   var inputProps = function inputProps() {
     var disableCallbacks = shouldBeReadOnly() || shouldDisable() || hideContent;
-    var propsInput = {
+    propsInput = {
       value: hideContent ? '' : value,
       type: type,
       readOnly: shouldBeReadOnly(),
@@ -107,10 +101,13 @@ var InputTextBase = function InputTextBase(props) {
       maxLength: maxLength,
       name: name,
       id: id,
-      className: helpers.getInputClass(props),
+      className: helpers.getInputClass({
+        textAlign: textAlign,
+        readOnly: readOnly
+      }),
       ref: function ref(r) {
         if (inputRef) {
-          if (!_lodash["default"].isFunction(inputRef)) {
+          if (!_lodash.default.isFunction(inputRef)) {
             inputRef.current = r;
           } else {
             inputRef(r);
@@ -122,20 +119,24 @@ var InputTextBase = function InputTextBase(props) {
     };
 
     if (!disableCallbacks) {
-      propsInput = (0, _extends2["default"])({}, propsInput, {
+      propsInput = _extends({}, propsInput, {
         onFocus: function onFocus(e) {
-          onInputReceiveFocus();
-          if (_onFocus) _onFocus(e);
+          var _props$onInputReceive;
+
+          (_props$onInputReceive = props.onInputReceiveFocus) === null || _props$onInputReceive === void 0 ? void 0 : _props$onInputReceive.call(props);
+          if (props.onFocus) props.onFocus(e);
         },
         onBlur: function onBlur(e) {
-          onInputLostFocus();
-          if (_onBlur) _onBlur(e);
+          var _props$onInputLostFoc;
+
+          (_props$onInputLostFoc = props.onInputLostFocus) === null || _props$onInputLostFoc === void 0 ? void 0 : _props$onInputLostFoc.call(props);
+          if (props.onBlur) props.onBlur(e);
         },
         onKeyDown: function onKeyDown(e) {
-          if (_onKeyDown) _onKeyDown(e);
+          if (props.onKeyDown) props.onKeyDown(e);
         },
         onKeyPress: function onKeyPress(e) {
-          if (_onKeyPress) _onKeyPress(e);
+          if (props.onKeyPress) props.onKeyPress(e);
         },
         onChange: function onChange(e) {
           if (_onChange) _onChange(e);
@@ -147,138 +148,38 @@ var InputTextBase = function InputTextBase(props) {
   };
 
   if (!visible || unvisible) return null;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     style: style,
     className: "input-base-component ".concat(skeletonize ? '-skeletonized' : '', " ").concat(customClass),
     ref: inputBaseRef
-  }, label && /*#__PURE__*/_react["default"].createElement("div", {
+  }, label && /*#__PURE__*/_react.default.createElement("div", {
     className: "labelcontainer"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     style: styleForLabel,
     className: "label ".concat(customClassForLabel, " ").concat(labelUppercase && ' -uppercase')
-  }, label, required && /*#__PURE__*/_react["default"].createElement("span", {
+  }, label, required && /*#__PURE__*/_react.default.createElement("span", {
     className: "-requiredlabel"
-  }, "*"))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, "*"))), /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "testInputWrapper",
     style: styleForWrapper,
-    className: helpers.getInputWrapperClass((0, _extends2["default"])({}, props, {
+    className: helpers.getInputWrapperClass(_extends({}, props, {
       disabled: shouldDisable() || hideContent
     }))
-  }, leftElements && /*#__PURE__*/_react["default"].createElement("div", {
+  }, leftElements && /*#__PURE__*/_react.default.createElement("div", {
     style: styleForSideButtons,
     className: "sidebuttons ".concat(customClassForSideButtons)
-  }, leftElements), /*#__PURE__*/_react["default"].createElement("div", {
+  }, leftElements), /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "testInputContent",
     style: styleForInputContent,
     className: "inputcontent ".concat(customClassForInputContent)
-  }, type === 'textarea' ? /*#__PURE__*/_react["default"].createElement("textarea", (0, _extends2["default"])({
+  }, type === 'textarea' ? /*#__PURE__*/_react.default.createElement("textarea", _extends({
     rows: props.rows,
     cols: props.cols
-  }, inputProps())) : /*#__PURE__*/_react["default"].createElement("input", inputProps()), children), helpers.getRightElements(rightElements, errorMessages, skeletonize)), hint && /*#__PURE__*/_react["default"].createElement("p", {
+  }, inputProps())) : /*#__PURE__*/_react.default.createElement("input", inputProps()), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), hint && /*#__PURE__*/_react.default.createElement("p", {
     className: "hint"
-  }, hint), helpers.getErrorMessages(errorMessages));
-};
-
-InputTextBase.propTypes = {
-  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  label: _propTypes["default"].string,
-  id: _propTypes["default"].string,
-  labelUppercase: _propTypes["default"].bool,
-  rows: _propTypes["default"].string,
-  cols: _propTypes["default"].string,
-  type: _propTypes["default"].string,
-  readOnly: _propTypes["default"].bool,
-  placeHolder: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  autoFocus: _propTypes["default"].bool,
-  maxLength: _propTypes["default"].number,
-  name: _propTypes["default"].string,
-  required: _propTypes["default"].bool,
-  inputHasFocus: _propTypes["default"].bool.isRequired,
-  onInputReceiveFocus: _propTypes["default"].func.isRequired,
-  onInputLostFocus: _propTypes["default"].func.isRequired,
-  onBlur: _propTypes["default"].func,
-  onFocus: _propTypes["default"].func,
-  onChange: _propTypes["default"].func,
-  onKeyDown: _propTypes["default"].func,
-  onKeyPress: _propTypes["default"].func,
-  leftElements: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].object), _propTypes["default"].element, _propTypes["default"].object]),
-  rightElements: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].object), _propTypes["default"].element, _propTypes["default"].object]),
-  children: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].arrayOf(_propTypes["default"].element), _propTypes["default"].instanceOf(Object)]),
-  customClass: _propTypes["default"].string,
-  customClassForWrapper: _propTypes["default"].string,
-  customClassForInputContent: _propTypes["default"].string,
-  customClassForLabel: _propTypes["default"].string,
-  customClassForSideButtons: _propTypes["default"].string,
-  requiredError: _propTypes["default"].bool,
-  inputRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].object]),
-  inputBaseRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].object]),
-  hint: _propTypes["default"].string,
-  textAlign: _propTypes["default"].string,
-  rounded: _propTypes["default"].bool,
-  errorMessages: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  visible: _propTypes["default"].bool,
-  permissionAttr: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].arrayOf(_propTypes["default"].object)]),
-  onDeniedActions: _propTypes["default"].object,
-  handlerSetOnDenied: _propTypes["default"].func,
-  targetRef: _propTypes["default"].func,
-  gridLayout: _propTypes["default"].string,
-  skeletonize: _propTypes["default"].bool,
-  style: _propTypes["default"].object,
-  styleForInputContent: _propTypes["default"].object,
-  styleForWrapper: _propTypes["default"].object,
-  styleForLabel: _propTypes["default"].object,
-  styleForSideButtons: _propTypes["default"].object
-};
-InputTextBase.defaultProps = {
-  value: undefined,
-  label: undefined,
-  id: undefined,
-  labelUppercase: false,
-  type: 'text',
-  readOnly: false,
-  placeHolder: undefined,
-  disabled: false,
-  autoFocus: false,
-  maxLength: undefined,
-  name: undefined,
-  required: false,
-  onBlur: undefined,
-  onFocus: undefined,
-  onChange: undefined,
-  onKeyDown: undefined,
-  onKeyPress: undefined,
-  leftElements: null,
-  rightElements: null,
-  children: undefined,
-  customClass: '',
-  customClassForWrapper: '',
-  customClassForInputContent: '',
-  customClassForLabel: '',
-  customClassForSideButtons: '',
-  requiredError: false,
-  rows: '',
-  cols: '',
-  inputRef: undefined,
-  inputBaseRef: undefined,
-  hint: undefined,
-  textAlign: 'left',
-  rounded: false,
-  errorMessages: [],
-  visible: true,
-  permissionAttr: undefined,
-  onDeniedActions: undefined,
-  handlerSetOnDenied: undefined,
-  targetRef: undefined,
-  gridLayout: undefined,
-  skeletonize: false,
-  style: {},
-  styleForInputContent: {},
-  styleForWrapper: {},
-  styleForLabel: {},
-  styleForSideButtons: {}
+  }, hint), errorMessages && helpers.getErrorMessages(errorMessages));
 };
 
-var _default = (0, _inputHOC["default"])((0, _withTooltip["default"])(InputTextBase));
+var _default = (0, _inputHOC.default)((0, _withTooltip.default)(InputTextBase));
 
-exports["default"] = _default;
+exports.default = _default;