linear-react-components-ui 0.4.77-beta.2 → 0.4.77-beta.20

package/lib/assets/styles/dropdown.scss

@@ -1,6 +1,5 @@
 @import "commons.scss";
 @import "effects.scss";
-@import "colors.scss";
 .dropdown-component {
   min-width: 200px;
   position: absolute;
@@ -77,31 +76,12 @@
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
     animation: revealelement 0.3s forwards ease-in-out;
     margin-right: 7px;
-    > .floatmenuitem,
-    > .floatsubmenu .floatmenuitem {
+    > .floatmenuitem {
       text-decoration: none;
       color: #666666;
       text-align: center;
     }
-    > .floatmenuitem,
-    > .floatsubmenu {
-      position: relative;
-      animation: slideWithPositionRightToLeft 0.4s;
-    }
-    > .floatsubmenu {
-      > .submenuheader {
-        color: $font-color-soft;
-        display: flex;
-        align-items: center;
-        gap: 10px;
-        margin-bottom: 10px;
-        span {
-          font-weight: 500;
-        }
-      }
-    }
-    > .floatmenuitem .-items,
-    > .floatsubmenu .floatmenuitem .-items {
+    > .floatmenuitem .-items {
       border: solid 1px $default-hover-color;
       margin: 0 5px 5px 0;
       font-size: 12px;

package/lib/assets/styles/effects.scss

@@ -732,17 +732,6 @@
   }
 }
 
-@keyframes slideWithPositionRightToLeft {
-  from {
-    left: 100%;
-    opacity: 0;
-  }
-  to {
-    left: 0;
-    opacity: 1;
-  }
-}
-
 @keyframes slideRightToLeftWithFade {
   from {
     opacity: 0;

package/lib/dropdown/withDropdown.js

@@ -73,10 +73,10 @@ var withDropdown = function withDropdown(WrappedComponent) {
       setPrevOpened(dropdownOpened);
     }
 
-    var onClickOutside = function onClickOutside(event) {
-      var target = event.target;
+    var onClickOutside = function onClickOutside(_ref) {
+      var target = _ref.target;
 
-      if (popupRef.current && target !== popupRef.current && !event.path.includes(popupRef.current) && wrappedComponentRef.current !== target) {
+      if (popupRef && popupRef.current && target !== popupRef.current && !popupRef.current.contains(target) && wrappedComponentRef.current !== target) {
         setOpened(false);
       }
     };

package/lib/form/helpers.js

@@ -38,11 +38,10 @@ var withFieldContext = /*#__PURE__*/_react["default"].createContext();
 
 exports.withFieldContext = withFieldContext;
 
-var changeValue = function changeValue(newData, target) {
+var changeValue = function changeValue(data, target) {
   var name = target.name,
       value = target.value;
-
-  _lodash["default"].set(newData, name, value);
+  return _lodash["default"].set(JSON.parse(JSON.stringify(data)), name, value);
 };
 
 exports.changeValue = changeValue;

package/lib/form/index.js

@@ -148,10 +148,7 @@ var Form = function Form(_ref) {
 
   var onFieldChange = function onFieldChange(event) {
     var target = event.target;
-    (0, _helpers.changeValue)(dataSource, target);
-    (0, _helpers.changeValue)(data, target);
-
-    var newData = _extends({}, data);
+    var newData = (0, _helpers.changeValue)(data, target);
 
     if (context && context.onChangedData) {
       var onChangedData = context.onChangedData;
@@ -299,13 +296,13 @@ Form.propTypes = {
   children: _propTypes["default"].any.isRequired,
   onSubmit: _propTypes["default"].func.isRequired,
   handlerSubmit: _propTypes["default"].func.isRequired,
+  onDataChange: _propTypes["default"].func.isRequired,
   handlerReset: _propTypes["default"].func,
   handlerValidates: _propTypes["default"].func,
   onValidateForm: _propTypes["default"].func,
   submitOnPressEnterKey: _propTypes["default"].bool,
   style: _propTypes["default"].object,
   customClass: _propTypes["default"].string,
-  onDataChange: _propTypes["default"].func,
   securityBeforeUnload: _propTypes["default"].bool,
   securityTitle: _propTypes["default"].string,
   securityText: _propTypes["default"].string,
@@ -320,7 +317,6 @@ Form.defaultProps = {
   handlerReset: undefined,
   handlerValidates: undefined,
   customClass: '',
-  onDataChange: undefined,
   securityBeforeUnload: false,
   securityTitle: null,
   securityText: null,

package/lib/menus/float/MenuItem.js

@@ -33,28 +33,17 @@ var MenuItem = function MenuItem(_ref) {
       iconName = _ref.iconName,
       iconColor = _ref.iconColor,
       iconSize = _ref.iconSize,
-      dropdownMenu = _ref.dropdownMenu,
-      onClick = _ref.onClick;
+      dropdownMenu = _ref.dropdownMenu;
 
   var _useContext = (0, _react.useContext)(_helpers["default"]),
       customClassMenuItem = _useContext.customClassMenuItem;
 
   var dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
-
-  var handleOnClick = function handleOnClick() {
-    if (onClick) {
-      onClick(dropdownContext && dropdownContext.handleDropdownClose);
-      return;
-    }
-
-    if (dropdownContext) dropdownContext.handleDropdownClose();
-  };
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "floatmenuitem"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(customClassMenuItem, " -items")
-  }, !_lodash["default"].isEmpty(dropdownMenu) && !onClick && /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+  }, !_lodash["default"].isEmpty(dropdownMenu) && /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
     customClass: "floatmenudropdown",
     iconName: "more1",
     transparent: true,
@@ -65,11 +54,10 @@ var MenuItem = function MenuItem(_ref) {
   }, dropdownMenu), /*#__PURE__*/_react["default"].createElement("a", {
     className: "floatmenulink",
     target: "_blank",
-    onClick: handleOnClick,
-    href: url,
-    style: {
-      cursor: onClick ? 'pointer' : undefined
+    onClick: function onClick() {
+      if (dropdownContext) dropdownContext.handleDropdownClose();
     },
+    href: url,
     rel: "noreferrer"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "iconcontainer"
@@ -86,12 +74,12 @@ var MenuItem = function MenuItem(_ref) {
 MenuItem.propTypes = {
   title: _propTypes["default"].string,
   url: _propTypes["default"].string,
+  urlHref: _propTypes["default"].string,
   iconName: _propTypes["default"].string,
   iconColor: _propTypes["default"].string,
   iconSize: _propTypes["default"].number,
   customClass: _propTypes["default"].string,
-  dropdownMenu: _propTypes["default"].element,
-  onClick: _propTypes["default"].func
+  dropdownMenu: _propTypes["default"].element
 };
 MenuItem.defaultProps = {
   iconColor: 'gray',
@@ -100,8 +88,8 @@ MenuItem.defaultProps = {
   iconName: '',
   customClass: '',
   url: undefined,
-  dropdownMenu: undefined,
-  onClick: undefined
+  urlHref: undefined,
+  dropdownMenu: undefined
 };
 var _default = MenuItem;
 exports["default"] = _default;

package/lib/menus/float/index.js

@@ -9,12 +9,6 @@ Object.defineProperty(exports, "MenuItem", {
     return _MenuItem["default"];
   }
 });
-Object.defineProperty(exports, "SubMenuContainer", {
-  enumerable: true,
-  get: function get() {
-    return _SubMenuContainer["default"];
-  }
-});
 exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
@@ -23,8 +17,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
 
-var _SubMenuContainer = _interopRequireDefault(require("./SubMenuContainer"));
-
 var _buttons = _interopRequireDefault(require("../../buttons"));
 
 var _icons = _interopRequireDefault(require("../../icons"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "0.4.77-beta.2",
+  "version": "0.4.77-beta.20",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "scripts": {

package/lib/menus/float/SubMenuContainer.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _icons = _interopRequireDefault(require("../../icons"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var SubMenuContainer = function SubMenuContainer(_ref) {
-  var title = _ref.title,
-      customClass = _ref.customClass,
-      children = _ref.children,
-      handlerGoBack = _ref.handlerGoBack;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "floatsubmenu ".concat(customClass)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "submenuheader"
-  }, /*#__PURE__*/_react["default"].createElement(_icons["default"], {
-    onClick: handlerGoBack,
-    name: "arrowBack",
-    pointerEvents: "all",
-    style: {
-      cursor: 'pointer'
-    }
-  }), title && /*#__PURE__*/_react["default"].createElement("span", null, title)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "submenucontent"
-  }, children));
-};
-
-SubMenuContainer.propTypes = {
-  children: _propTypes["default"].element.isRequired,
-  handlerGoBack: _propTypes["default"].func.isRequired,
-  title: _propTypes["default"].string,
-  customClass: _propTypes["default"].string
-};
-SubMenuContainer.defaultProps = {
-  title: undefined,
-  customClass: undefined
-};
-var _default = SubMenuContainer;
-exports["default"] = _default;