linear-react-components-ui 1.1.21-beta.6 → 1.1.22-beta.1

package/lib/dialog/base/index.js

@@ -119,7 +119,6 @@ const BaseDialog = props => {
   const createdModal = /*#__PURE__*/_react.default.createElement("div", {
     id: id,
     ref: modalContainerRef,
-    onBlur: modalContainerWithoutBlur,
     className: "modalcontainer",
     onMouseDown: handleClickOutside,
     style: {

package/lib/inputs/mask/imaskHOC.js

@@ -9,10 +9,10 @@ var _imask = _interopRequireDefault(require("imask"));
 var helpers = _interopRequireWildcard(require("./helpers"));
 var _permissionValidations = require("../../permissionValidations");
 var _format_number = require("../number/format_number");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 && {}.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; }
-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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
 const IMaskHOC = ComposedComponent => {
   const MaskedComponent = props => {
@@ -86,12 +86,13 @@ const IMaskHOC = ComposedComponent => {
       if (onChange && !disableCallbacks && maskRef.current) {
         const {
           unmaskedValue,
+          value: maskedValue,
           el
         } = maskRef.current;
         const name = el.name || el.input && el.input.name;
         onChange({
           target: {
-            value: unmaskedValue,
+            value: isDateField ? maskedValue : unmaskedValue,
             name
           }
         }, props.unmask ? unmaskedValue : maskRef.current.value);
@@ -101,12 +102,13 @@ const IMaskHOC = ComposedComponent => {
       if (props.onComplete && !disableCallbacks && maskRef.current) {
         const {
           unmaskedValue,
+          value: maskedValue,
           el
         } = maskRef.current;
         const name = el.name || el.input && el.input.name;
         props.onComplete({
           target: {
-            value: unmaskedValue,
+            value: isDateField ? maskedValue : unmaskedValue,
             name
           }
         }, props.unmask ? unmaskedValue : maskRef.current.value);
@@ -197,7 +199,7 @@ const IMaskHOC = ComposedComponent => {
     }));
   };
   const nestedComponentName = ComposedComponent.displayName || ComposedComponent.name || 'Component';
-  MaskedComponent.displayName = "IMask(".concat(nestedComponentName, ")");
+  MaskedComponent.displayName = `IMask(${nestedComponentName})`;
   return MaskedComponent;
 };
 var _default = exports.default = IMaskHOC;

package/lib/inputs/period/PeriodList.js

@@ -38,15 +38,24 @@ const PeriodList = _ref => {
     className: "dropdown-period"
   }, periodOptions.map(item => {
     const itemSelected = selected === item.id;
-    return /*#__PURE__*/_react.default.createElement("button", {
-      key: String('item-').concat(item.id),
+    return /*#__PURE__*/_react.default.createElement("div", {
+      role: "button",
       tabIndex: -1,
+      onKeyDown: () => {},
+      key: `item-${item.id}`,
       className: (0, _helper.getDropdownItemCssClass)(itemSelected),
       onClick: () => {
         const dates = item.id !== 'custom' ? (0, _helper.CalcDatesByPeriod)(item.id) : null;
         handleOnSelect(item.id, dates);
       }
-    }, item.label);
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      role: "button",
+      className: "menubutton",
+      tabIndex: -1,
+      onKeyPress: () => {}
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "label"
+    }, item.label)));
   }));
 };
 var _default = exports.default = PeriodList;

package/lib/inputs/period/index.js

@@ -63,7 +63,6 @@ const PeriodPicker = props => {
   const currentDateButtonRef = (0, _react.useRef)();
   const buttonSelectPeriodRef = (0, _react.useRef)(null);
   const dropdownCalendarContainer = (0, _react.useRef)(null);
-  const dropdownPeriodContainer = (0, _react.useRef)(null);
   const inputFinalRef = (0, _react.useRef)(null);
   const calendarContainerRef = (0, _react.useRef)(null);
   const onScreenResize = () => {
@@ -153,19 +152,6 @@ const PeriodPicker = props => {
       document.removeEventListener('keydown', onKeyDownPress);
     };
   }, [showCalendarValueFinal, showCalendarValueInitial, showPeriodSelection, calendarContainerRef.current]);
-  (0, _react.useEffect)(() => {
-    if (valueFinal && valueInitial && (0, _moment.default)(valueFinal).isBefore((0, _moment.default)(valueInitial))) {
-      setValueInitial(valueFinal);
-      setValueFinal(valueInitial);
-    } else if (props.onChange) {
-      const initial = valueInitial ? valueInitial.format('YYYY-MM-DD') : '';
-      const final = valueFinal ? valueFinal.format('YYYY-MM-DD') : '';
-      props.onChange(undefined, '', {
-        initial,
-        final
-      });
-    }
-  }, [valueInitial, valueFinal]);
   (0, _react.useEffect)(() => {
     if (props.value && !((0, _moment.default)(props.value.initial).isSame(valueInitial) || (0, _moment.default)(props.value.final).isSame(valueFinal))) {
       const {

package/package.json

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