linear-react-components-ui 1.0.11-beta.2 → 1.0.12-beta.0

package/lib/assets/styles/table.scss

@@ -122,7 +122,7 @@
     > .tbody > .trow:hover {
       background-color: $component-item-hover;
     }
-  } 
+  }
   &.-headercolor {
     > .headercontainer {
       background: $header-container-bg;

package/lib/inputs/mask/imaskHOC.js

@@ -60,7 +60,9 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
       value = _props$value === void 0 ? '' : _props$value,
       onChange = props.onChange,
       _props$isDateField = props.isDateField,
-      isDateField = _props$isDateField === void 0 ? false : _props$isDateField;
+      isDateField = _props$isDateField === void 0 ? false : _props$isDateField,
+      _props$autoCompleteMa = props.autoCompleteMask,
+      autoCompleteMask = _props$autoCompleteMa === void 0 ? false : _props$autoCompleteMa;
     var maskOptions = {
       placeholderChar: placeholderChar === '' ? ' ' : placeholderChar,
       lazy: lazy,
@@ -127,6 +129,24 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
         }, props.unmask ? unmaskedValue : maskRef.current.value);
       }
     }, [props.onComplete]);
+    var autoCompleteMaskValue = (0, _react.useCallback)(function (eventTargetValue) {
+      if (eventTargetValue.length && maskRef.current && elementRef.current) {
+        var sizeMask = (0, _imask.default)(elementRef.current, maskOptions).mask.toString().replace(/\D+/g, '').length;
+        if (sizeMask > eventTargetValue.length) {
+          switch (autoCompleteMask) {
+            case 'left':
+              setValue(eventTargetValue.padStart(sizeMask, '0'));
+              break;
+            case 'right':
+              setValue(eventTargetValue.padEnd(sizeMask, '0'));
+              break;
+            default:
+              setValue(eventTargetValue);
+              break;
+          }
+        }
+      }
+    }, [props.autoCompleteMask, maskRef.current, elementRef.current]);
     var getMask = function getMask() {
       var element = elementRef.current;
       if (element) {
@@ -182,6 +202,12 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
     return /*#__PURE__*/_react.default.createElement(ComposedComponent, _extends({}, helpers.extractNonMaskProps(props, maskOptions), {
       onDeniedActions: onDenied,
       defaultValue: value,
+      onBlur: function onBlur(e) {
+        if (props.autoCompleteMask) {
+          autoCompleteMaskValue(e.target.value);
+        }
+        if (props.onBlur) props.onBlur(e);
+      },
       onChange: function onChange(e) {
         return setValue(e.target.value);
       },

package/lib/inputs/types.d.ts

@@ -99,6 +99,7 @@ interface IMaskHOCProps {
     skeletonize?: boolean;
     mask?: string | NumberConstructor;
     isDateField?: boolean;
+    autoCompleteMask?: 'left' | 'right';
 }
 interface IDropdownSelectProps {
     idKey: string;

package/lib/table/RowColumn.js

@@ -40,9 +40,7 @@ var RowColumn = function RowColumn(props) {
     displayContent = _props$displayContent === void 0 ? 'always' : _props$displayContent,
     textAlign = props.textAlign,
     _props$visible = props.visible,
-    visible = _props$visible === void 0 ? true : _props$visible,
-    rowSpan = props.rowSpan,
-    colSpan = props.colSpan;
+    visible = _props$visible === void 0 ? true : _props$visible;
   var context = (0, _react.useContext)(_helpers.RowContext);
   var skeletonize = context.skeletonize,
     vertical = context.vertical,
@@ -66,9 +64,7 @@ var RowColumn = function RowColumn(props) {
   if (!visible) return null;
   if (skeletonize && !skeletonInRows && !vertical) return null;
   return /*#__PURE__*/_react.default.createElement("td", {
-    rowSpan: rowSpan,
-    colSpan: colSpan,
-    className: "rowcolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(!context.rowBorder && ' -noborder', " ").concat(!rowSpan ? ' -norowspan' : ''),
+    className: "rowcolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(!context.rowBorder && ' -noborder'),
     style: style,
     onClick: function onClick(e) {
       getColClickEvent(e, _objectSpread(_objectSpread({}, context), props));

package/lib/table/types.d.ts

@@ -54,8 +54,6 @@ interface ITableRowProps extends Pick<TableHTMLAttributes<HTMLTableRowElement>,
     dividerColor?: 'primary' | 'danger' | 'info' | 'success' | 'warning';
     dividerColSpan?: number;
     dividerStyle?: CSSProperties;
-    rowSpan?: number;
-    colSpan?: number;
 }
 interface ITableContext {
     bodyScrollable?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.0.11-beta.2",
+  "version": "1.0.12-beta.0",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",