linear-react-components-ui 0.4.77-beta.27 → 0.4.77-beta.28

package/lib/dialog/Question.js

@@ -1,6 +1,6 @@
 "use strict";
 
-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); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,11 +9,13 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _buttons = _interopRequireWildcard(require("../buttons"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _buttons = _interopRequireWildcard(require("../../lib/buttons"));
 
 var _Custom = _interopRequireDefault(require("./Custom"));
 
-var _icons = _interopRequireDefault(require("../icons"));
+var _icons = _interopRequireDefault(require("../../lib/icons"));
 
 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); }
 
@@ -21,11 +23,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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() { _extends = Object.assign || 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 Question = function Question(props) {
-  var _props$visible = props.visible,
-      visible = _props$visible === void 0 ? true : _props$visible,
+  var visible = props.visible,
       isWaiting = props.isWaiting,
       onConfirmClick = props.onConfirmClick,
       onUnconfirmClick = props.onUnconfirmClick;
@@ -52,5 +53,15 @@ var Question = function Question(props) {
   }));
 };
 
+Question.propTypes = {
+  onUnconfirmClick: _propTypes.default.func.isRequired,
+  onConfirmClick: _propTypes.default.func.isRequired,
+  visible: _propTypes.default.bool,
+  isWaiting: _propTypes.default.bool
+};
+Question.defaultProps = {
+  visible: true,
+  isWaiting: false
+};
 var _default = Question;
 exports.default = _default;

package/lib/dialog/Warning.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _buttons = require("../../lib/buttons");
 
 var _Custom = _interopRequireDefault(require("./Custom"));
@@ -15,7 +17,7 @@ var _icons = _interopRequireDefault(require("../../lib/icons"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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() { _extends = Object.assign || 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 Warning = function Warning(props) {
   var buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
@@ -32,5 +34,8 @@ var Warning = function Warning(props) {
   }));
 };
 
+Warning.propTypes = {
+  onConfirmClick: _propTypes.default.func.isRequired
+};
 var _default = Warning;
 exports.default = _default;

package/lib/dialog/base/Content.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 require("../../assets/styles/dialog.scss");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -20,5 +22,12 @@ var Content = function Content(_ref) {
   }, children);
 };
 
+Content.propTypes = {
+  children: _propTypes.default.any.isRequired,
+  styleForContent: _propTypes.default.object
+};
+Content.defaultProps = {
+  styleForContent: {}
+};
 var _default = Content;
 exports.default = _default;

package/lib/dialog/base/Footer.js

@@ -7,13 +7,19 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var Footer = function Footer(props) {
+var Footer = function Footer(_ref) {
+  var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "footer"
-  }, props.children);
+  }, children);
 };
 
+Footer.propTypes = {
+  children: _propTypes.default.element.isRequired
+};
 var _default = Footer;
 exports.default = _default;

package/lib/dialog/base/Header.js

@@ -7,7 +7,9 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _icons = _interopRequireDefault(require("../../icons"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _icons = _interopRequireDefault(require("../../../lib/icons"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -15,16 +17,16 @@ var getCloseButton = function getCloseButton(handlerClose) {
   return /*#__PURE__*/_react.default.createElement("span", {
     className: "close-button",
     onClick: handlerClose,
-    onKeyPress: undefined,
+    onKeyPress: null,
     role: "button",
-    tabIndex: 0
+    tabIndex: "0"
   }, "X");
 };
 
 var getIcon = function getIcon(titleIcon, icon) {
-  if (icon) {
+  if (icon !== null) {
     return icon;
-  } else if (titleIcon) {
+  } else if (titleIcon !== '') {
     return /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: titleIcon,
       color: "#000"
@@ -35,8 +37,7 @@ var getIcon = function getIcon(titleIcon, icon) {
 };
 
 var Header = function Header(_ref) {
-  var _ref$showCloseButton = _ref.showCloseButton,
-      showCloseButton = _ref$showCloseButton === void 0 ? true : _ref$showCloseButton,
+  var showCloseButton = _ref.showCloseButton,
       handlerClose = _ref.handlerClose,
       title = _ref.title,
       icon = _ref.icon,
@@ -49,8 +50,21 @@ var Header = function Header(_ref) {
     className: "right"
   }, /*#__PURE__*/_react.default.createElement("h5", {
     className: "modal-title"
-  }, title), showCloseButton && handlerClose && getCloseButton(handlerClose)));
+  }, title), showCloseButton && getCloseButton(handlerClose)));
 };
 
+Header.defaultProps = {
+  showCloseButton: true,
+  title: '',
+  icon: null,
+  titleIcon: ''
+};
+Header.propTypes = {
+  showCloseButton: _propTypes.default.bool,
+  handlerClose: _propTypes.default.func.isRequired,
+  title: _propTypes.default.string,
+  icon: _propTypes.default.instanceOf(Object),
+  titleIcon: _propTypes.default.string
+};
 var _default = Header;
 exports.default = _default;

package/lib/dialog/base/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-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); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _style = _interopRequireDefault(require("./style"));
 
 require("../../assets/styles/dialog.scss");
@@ -24,8 +26,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var body = document.getElementsByTagName('body')[0];
 
 var BaseDialog = function BaseDialog(props) {
-  var _props$overlay = props.overlay,
-      overlay = _props$overlay === void 0 ? true : _props$overlay,
+  var overlay = props.overlay,
       closeOnEsc = props.closeOnEsc,
       handlerClose = props.handlerClose,
       closeOnOutsideClick = props.closeOnOutsideClick,
@@ -50,15 +51,15 @@ var BaseDialog = function BaseDialog(props) {
     var target = event.target;
     var dialogAlert = document.getElementsByClassName('dialog-alert-wrapper');
 
-    if (wrapperEl !== null && wrapperEl.current !== null && !wrapperEl.current.contains(target)) {
+    if (wrapperEl !== null && wrapperEl.current !== null && target !== wrapperEl.current && !wrapperEl.current.contains(target)) {
       if (dialogAlert.length > 0 && dialogAlert[dialogAlert.length - 1].contains(target) || target.classList.contains('button-component')) return;
-      if (handlerClose) handlerClose();
+      handlerClose();
     }
   };
 
   var handleCloseOnEsc = function handleCloseOnEsc(event) {
     if (event.keyCode === 27 || event.key === 'ESC') {
-      if (handlerClose) handlerClose();
+      handlerClose();
     }
   };
 
@@ -105,5 +106,26 @@ var BaseDialog = function BaseDialog(props) {
   return /*#__PURE__*/_reactDom.default.createPortal(renderModal(), dialogEl.current);
 };
 
+BaseDialog.propTypes = {
+  wrapperClassName: _propTypes.default.string.isRequired,
+  width: _propTypes.default.string.isRequired,
+  height: _propTypes.default.string.isRequired,
+  handlerClose: _propTypes.default.func,
+  closeOnEsc: _propTypes.default.bool,
+  closeOnOutsideClick: _propTypes.default.bool,
+  overlay: _propTypes.default.bool,
+  changedData: _propTypes.default.bool,
+  children: _propTypes.default.any.isRequired,
+  textAlign: _propTypes.default.string,
+  zIndex: _propTypes.default.string
+};
+BaseDialog.defaultProps = {
+  closeOnEsc: false,
+  closeOnOutsideClick: false,
+  overlay: true,
+  handlerClose: null,
+  textAlign: 'justify',
+  zIndex: null
+};
 var _default = BaseDialog;
 exports.default = _default;