linear-react-components-ui 1.0.0-rc.5 → 1.0.1-beta.1

package/lib/assets/styles/hint.scss

@@ -0,0 +1,9 @@
+@import "commons.scss";
+
+.hint-component {
+  @extend %hint-text;
+
+  &.-skeletonized > span {
+    @extend %skeleton-component;
+  }
+}

package/lib/checkbox/index.js

@@ -10,6 +10,7 @@ var _gridlayout = _interopRequireDefault(require("../gridlayout"));
 var _Label = _interopRequireDefault(require("./Label"));
 require("../assets/styles/checkbox.scss");
 var _permissionValidations = require("../permissionValidations");
+var _hint = _interopRequireDefault(require("../hint"));
 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; }
@@ -115,9 +116,11 @@ var CheckBox = function CheckBox(_ref) {
       tooltip: tooltip,
       tooltipWidth: tooltipWidth,
       tooltipPosition: tooltipPosition
-    })), hint && /*#__PURE__*/_react.default.createElement("div", {
-      className: "hint"
-    }, /*#__PURE__*/_react.default.createElement("span", null, hint)));
+    })), /*#__PURE__*/_react.default.createElement(_hint.default, {
+      visible: !!hint,
+      description: hint,
+      customClass: "hint"
+    }));
   };
   if (onDenied.unvisible) return null;
   return gridLayout ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {

package/lib/hint/index.d.ts

@@ -0,0 +1,6 @@
+import { HintProps } from './types.js';
+import 'react';
+
+declare const Hint: ({ visible, description, customClass, skeletonize, style, }: HintProps) => JSX.Element | null;
+
+export { Hint as default };

package/lib/hint/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("../assets/styles/hint.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var Hint = function Hint(_ref) {
+  var _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? true : _ref$visible,
+    description = _ref.description,
+    customClass = _ref.customClass,
+    _ref$skeletonize = _ref.skeletonize,
+    skeletonize = _ref$skeletonize === void 0 ? false : _ref$skeletonize,
+    style = _ref.style;
+  if (!visible || !description) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: style,
+    className: "\n        hint-component\n        ".concat(customClass, "\n        ").concat(skeletonize ? '-skeletonized' : '', "\n      ")
+  }, /*#__PURE__*/_react.default.createElement("span", null, description));
+};
+var _default = Hint;
+exports.default = _default;

package/lib/hint/types.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+
+interface HintProps {
+    description?: string;
+    visible?: boolean;
+    customClass?: string;
+    skeletonize?: boolean;
+    style?: CSSProperties;
+}
+
+export { HintProps };

package/lib/hint/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/inputs/base/InputTextBase.js

@@ -12,6 +12,7 @@ require("../../assets/styles/input.scss");
 var helpers = _interopRequireWildcard(require("./helpers"));
 var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
 var _permissionValidations = require("../../permissionValidations");
+var _hint = _interopRequireDefault(require("../../hint"));
 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; }
@@ -172,9 +173,11 @@ var InputTextBase = function InputTextBase(props) {
   }, type === 'textarea' ? /*#__PURE__*/_react.default.createElement("textarea", _extends({
     rows: props.rows,
     cols: props.cols
-  }, inputProps())) : /*#__PURE__*/_react.default.createElement("input", inputProps()), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), hint && /*#__PURE__*/_react.default.createElement("p", {
-    className: "hint"
-  }, hint), errorMessages && helpers.getErrorMessages(errorMessages));
+  }, inputProps())) : /*#__PURE__*/_react.default.createElement("input", inputProps()), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), /*#__PURE__*/_react.default.createElement(_hint.default, {
+    visible: !!hint,
+    customClass: "hint",
+    description: hint
+  }), errorMessages && helpers.getErrorMessages(errorMessages));
 };
 var _default = (0, _inputHOC.default)((0, _withTooltip.default)(InputTextBase));
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.0.0-rc.5",
+  "version": "1.0.1-beta.1",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",