intelicoreact 0.2.5 → 0.2.6

package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js

@@ -81,15 +81,10 @@ var TieredCheckboxes = function TieredCheckboxes(_ref) {
       }));
     }
   };
-  (0, _react.useEffect)(function () {
-    return console.log(items);
-  }, [items]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, className)
-  }, items.map(function (parent) {
-    var datasetProp = isUseParentsClassesAsDataset ? {
-      'data-key': parent === null || parent === void 0 ? void 0 : parent.className
-    } : {};
+  var Wrapper = (0, _react.useCallback)(function (_ref4) {
+    var children = _ref4.children,
+        datasetProp = _ref4.datasetProp,
+        parent = _ref4.parent;
     return isUseAccordionForGroup ? /*#__PURE__*/_react.default.createElement(_AccordionWithCheckbox.default, {
       key: parent.key,
       RC: RC,
@@ -105,19 +100,7 @@ var TieredCheckboxes = function TieredCheckboxes(_ref) {
       },
       icon: !parent.isOpen ? (accordionIcons === null || accordionIcons === void 0 ? void 0 : accordionIcons[0]) || null : (accordionIcons === null || accordionIcons === void 0 ? void 0 : accordionIcons[1]) || null // disabled={parent.children?.every?.((child) => child.disabled)}
 
-    }, parent.children && parent.children.map(function (child) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: child.key,
-        className: "".concat(RC, "__children")
-      }, /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
-        label: child.label,
-        value: child.value,
-        disabled: child === null || child === void 0 ? void 0 : child.disabled,
-        onChange: function onChange(value) {
-          return handle.changeChild(value, child.key, parent.key);
-        }
-      }));
-    })) : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, datasetProp, {
+    }, children) : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, datasetProp, {
       key: parent.key,
       className: (0, _classnames.default)("".concat(RC, "__parents"), (0, _defineProperty2.default)({}, "".concat(parent.className), !isUseParentsClassesAsDataset))
     }), /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
@@ -127,11 +110,23 @@ var TieredCheckboxes = function TieredCheckboxes(_ref) {
       onChange: function onChange(value) {
         return handle.changeParent(value, parent.key);
       },
-      disabled: parent.children.every(function (_ref4) {
-        var disabled = _ref4.disabled;
+      disabled: parent.children.every(function (_ref5) {
+        var disabled = _ref5.disabled;
         return disabled === true;
       })
-    }), parent.children && parent.children.map(function (child) {
+    }), children);
+  }, [isUseAccordionForGroup]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(RC, className)
+  }, items.map(function (parent) {
+    var datasetProp = isUseParentsClassesAsDataset && parent !== null && parent !== void 0 && parent.className ? {
+      'data-key': parent === null || parent === void 0 ? void 0 : parent.className
+    } : {};
+    return /*#__PURE__*/_react.default.createElement(Wrapper, {
+      key: parent.key,
+      datasetProp: datasetProp,
+      parent: parent
+    }, parent.children && parent.children.map(function (child) {
       return /*#__PURE__*/_react.default.createElement("div", {
         key: child.key,
         className: "".concat(RC, "__children")

package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.scss

@@ -20,11 +20,6 @@
 
   }
 
-  .mono-accordion,
-  .mono-accordion_is-open {
-    // box-shadow: inset 0px -1px 0px #EBEFF2;
-  }
-
   .mono-accordion {
     box-shadow: inset 0px -1px 0px #EBEFF2;
 

package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,7 +9,7 @@ exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -21,10 +19,6 @@ var _CheckboxInput = _interopRequireDefault(require("../../CheckboxInput/Checkbo
 
 require("../TieredCheckboxes.scss");
 
-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 AccordionWithCheckbox = function AccordionWithCheckbox(_ref) {
   var _parent$children, _parent$children$some, _parent$children2, _parent$children2$eve, _parent$children3, _parent$children4;
 

package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js

@@ -45,7 +45,7 @@ var MonoAccordion = function MonoAccordion(_ref) {
       maxHeight = _useState2[0],
       setMaxHeight = _useState2[1];
 
-  var headRef = (0, _react.useRef)();
+  var titleRef = (0, _react.useRef)();
   var containerRef = (0, _react.useRef)();
 
   var setHeight = function setHeight(value) {
@@ -61,7 +61,9 @@ var MonoAccordion = function MonoAccordion(_ref) {
   };
 
   var handleClick = function handleClick(e) {
-    if (e.target !== titleJSX) {
+    if (!Array.from(titleRef.current.childNodes).some(function (el) {
+      return el.contains(e.target);
+    })) {
       onClick();
       e.stopPropagation();
     } else return e;
@@ -73,10 +75,10 @@ var MonoAccordion = function MonoAccordion(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, datasetProp, {
     className: (0, _classnames.default)(RC, className, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_is-open"), isOpen), (0, _defineProperty2.default)(_cn, "".concat(RC, "_disabled"), disabled), _cn))
   }), /*#__PURE__*/_react.default.createElement("div", {
-    ref: headRef,
     className: "".concat(RC, "__head"),
     onClick: handleClick
   }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: titleRef,
     className: "".concat(RC, "__tile-container")
   }, titleJSX), /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(RC, "__icon-container")

package/dist/Atomic/UI/MonoAccordion/MonoAccordion.scss

@@ -33,7 +33,6 @@
   }
 
   &__container {
-    background: #fff;
     transition: all 0.25s ease-out;
     display: flex;
     flex-direction: column;

package/dist/Atomic/UI/MonoAccordion/partial/AnyOuterClass.scss

@@ -0,0 +1,39 @@
+.any-outer-class__mono-accordion {
+  &.mono-accordion {
+    border-radius: 6px 6px 0 0;
+    background: #F8FBFF;
+    border-bottom: #757F8C solid 1px;
+  }
+
+  .mono-accordion__head {
+    border-radius: 6px;
+  }
+
+  .mono-accordion__tile-container span:last-child{
+    color: #757F8C;
+  }
+
+  .mono-accordion__icon-container {
+    width: 20px;
+    height: 20px;
+  }
+
+  .mono-accordion__content-wrapper div{
+    font-style: italic;
+    cursor: pointer;
+
+    &:hover {
+      text-decoration: underline;
+    }
+
+    &:nth-of-type(1) {
+      margin-left: 20px;
+    }
+    &:nth-of-type(2) {
+      margin-left: 40px;
+    }
+    &:nth-of-type(3) {
+      margin-left: 60px;
+    }
+  }
+}

package/package.json

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