intelicoreact 1.2.95 → 1.2.97

package/dist/Atomic/FormElements/Dropdown/Dropdown.js

@@ -106,6 +106,7 @@ var Dropdown = function Dropdown(_ref) {
   var dropdownListRef = (0, _react.useRef)(null);
   var dropdownListWrapperRef = (0, _react.useRef)(null);
   var searchInputRef = (0, _react.useRef)(null);
+  var wrapperRef = (0, _react.useRef)(null);
 
   var _useState5 = (0, _react.useState)(null),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
@@ -259,6 +260,14 @@ var Dropdown = function Dropdown(_ref) {
     setSearchValue(inputValue);
   };
 
+  var onWrapperClick = function onWrapperClick(e) {
+    if (e.target === (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current)) {
+      e.stopPropagation();
+      e.preventDefault();
+      setIsOpen(false);
+    }
+  };
+
   var hightlightedText = function hightlightedText(text, postfix, description) {
     var _text;
 
@@ -446,7 +455,9 @@ var Dropdown = function Dropdown(_ref) {
     var _cn3, _cn4, _getSortedOptions;
 
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("".concat(RC, "__container-wrapper"))
+      className: (0, _classnames.default)("".concat(RC, "__container-wrapper")),
+      ref: wrapperRef,
+      onClick: onWrapperClick
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("".concat(RC, "__list-wrapper"), (_cn3 = {}, (0, _defineProperty2.default)(_cn3, "".concat(RC, "__list-wrapper--fixed-height"), isFixedMaxHeight), (0, _defineProperty2.default)(_cn3, "".concat(RC, "__list-wrapper--with-bottom-shadow"), isScrollableList && isMobile), (0, _defineProperty2.default)(_cn3, "".concat(RC, "__list-wrapper--with-bottom-shadow-hidden"), scrollTop === scrollHeight), _cn3)),
       ref: dropdownListWrapperRef

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js

@@ -130,6 +130,7 @@ var TagsDropdown = function TagsDropdown(_ref) {
   var dropdownListRef = (0, _react.useRef)(null);
   var dropdownListWrapperRef = (0, _react.useRef)(null);
   var inputRef = (0, _react.useRef)(null);
+  var wrapperRef = (0, _react.useRef)(null);
 
   var _useState5 = (0, _react.useState)(null),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
@@ -206,6 +207,14 @@ var TagsDropdown = function TagsDropdown(_ref) {
     setSearchValue(inputValue);
   };
 
+  var onWrapperClick = function onWrapperClick(e) {
+    if (e.target === (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current)) {
+      e.stopPropagation();
+      e.preventDefault();
+      setIsOpen(false);
+    }
+  };
+
   var getMarkupForElement = function getMarkupForElement(item) {
     var _title$toString;
 
@@ -414,7 +423,9 @@ var TagsDropdown = function TagsDropdown(_ref) {
 
     var filteredOptions = getFilteredOptions(options);
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("".concat(RC, "__container-wrapper"))
+      className: (0, _classnames.default)("".concat(RC, "__container-wrapper")),
+      ref: wrapperRef,
+      onClick: onWrapperClick
     }, /*#__PURE__*/_react.default.createElement("div", {
       ref: dropdownListWrapperRef,
       className: (0, _classnames.default)("".concat(RC, "__selector-wrapper"), (0, _defineProperty2.default)({}, "".concat(RC, "__selector-wrapper--fixed-height"), isFixedMaxHeight && isMobile))

package/dist/Atomic/UI/DebugContainer/DebugContainer.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+require("./DebugContainer.scss");
+
+var _reactFeather = require("react-feather");
+
+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; }
+
+var DebugContainer = function DebugContainer(_ref) {
+  var _Object$keys2;
+
+  var data = _ref.data,
+      children = _ref.children;
+
+  var _useState = (0, _react.useState)(true),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isVisible = _useState2[0],
+      setIsVisible = _useState2[1];
+
+  var renderData = function renderData() {
+    var _Object$keys;
+
+    return /*#__PURE__*/_react.default.createElement("pre", null, '{\n', (_Object$keys = Object.keys(data)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (key) {
+      return "  ".concat(key, ": ").concat(data === null || data === void 0 ? void 0 : data[key], ",\n");
+    }), '}');
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "debug-container"
+  }, isVisible && /*#__PURE__*/_react.default.createElement("div", {
+    className: "debug-container__body"
+  }, /*#__PURE__*/_react.default.createElement("h5", null, "Debug:"), data && !!(Object !== null && Object !== void 0 && (_Object$keys2 = Object.keys(data)) !== null && _Object$keys2 !== void 0 && _Object$keys2.length) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "debug-container__body-row"
+  }, renderData()), children && /*#__PURE__*/_react.default.createElement("div", {
+    className: "debug-container__body-row"
+  }, children)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "debug-container__toggler",
+    onClick: function onClick() {
+      return setIsVisible(function (v) {
+        return !v;
+      });
+    }
+  }, isVisible ? /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, null) : /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, null)));
+};
+
+var _default = DebugContainer;
+exports.default = _default;

package/dist/Atomic/UI/DebugContainer/DebugContainer.scss

@@ -0,0 +1,36 @@
+.debug-container {
+  position: fixed;
+  left: 0;
+  top: 0;
+  background-color: rgba(0,0,0,0.8);
+  color: #fff;
+  width: 100%;
+  z-index: 999;
+  box-sizing: border-box;
+
+  &__body {
+    padding: 8px 16px;
+  }
+
+  &__toggler {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    transform: translateY(100%);
+    padding: 4px 16px;
+    background-color: rgba(0,0,0,0.8);
+    border-radius: 0 0 4px 0;
+
+    svg {
+      width: 16px;
+      height: 16px;
+      color:#fff;
+    }
+  }
+
+  h5,
+  pre {
+    margin: 0;
+    margin-bottom: 8px;
+  }
+}

package/dist/Atomic/UI/DebugContainer/useDebugContainer.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _DebugContainer = _interopRequireDefault(require("./DebugContainer"));
+
+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; }
+
+var useDebugContainer = function useDebugContainer() {
+  var _useState = (0, _react.useState)({}),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      data = _useState2[0],
+      setData = _useState2[1];
+
+  return {
+    debugData: data,
+    setDebugData: setData,
+    renderDebugContainer: /*#__PURE__*/_react.default.createElement(_DebugContainer.default, {
+      data: data
+    })
+  };
+};
+
+var _default = useDebugContainer;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.2.95",
+  "version": "1.2.97",
   "description": "",
   "main": "dist/index.js",
   "files": [