intelicoreact 0.2.5 → 0.2.8

package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.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
 });
@@ -15,7 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -25,10 +23,6 @@ var _AccordionWithCheckbox = _interopRequireDefault(require("./partial/Accordion
 
 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 RC = 'tiered-checkboxes';
 
 var TieredCheckboxes = function TieredCheckboxes(_ref) {
@@ -81,31 +75,9 @@ 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
-    } : {};
-    return isUseAccordionForGroup ? /*#__PURE__*/_react.default.createElement(_AccordionWithCheckbox.default, {
-      key: parent.key,
-      RC: RC,
-      parent: parent,
-      datasetProp: datasetProp,
-      isUseParentsClassesAsDataset: isUseParentsClassesAsDataset,
-      className: "".concat(RC, "__mono-accordion"),
-      setIsOpen: function setIsOpen() {
-        return handle.changeParent(!parent.isOpen, parent.key, 'isOpen');
-      },
-      onChange: function onChange(value) {
-        return handle.changeParent(value, parent.key);
-      },
-      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) {
+  var renderInner = function renderInner(parent) {
+    return parent.children && parent.children.map(function (child) {
       return /*#__PURE__*/_react.default.createElement("div", {
         key: child.key,
         className: "".concat(RC, "__children")
@@ -117,7 +89,36 @@ var TieredCheckboxes = function TieredCheckboxes(_ref) {
           return handle.changeChild(value, child.key, parent.key);
         }
       }));
-    })) : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, datasetProp, {
+    });
+  };
+
+  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
+    } : {};
+
+    if (isUseAccordionForGroup) {
+      return /*#__PURE__*/_react.default.createElement(_AccordionWithCheckbox.default, {
+        key: parent.key,
+        RC: RC,
+        parent: parent,
+        datasetProp: datasetProp,
+        isUseParentsClassesAsDataset: isUseParentsClassesAsDataset,
+        className: "".concat(RC, "__mono-accordion"),
+        setIsOpen: function setIsOpen() {
+          return handle.changeParent(!parent.isOpen, parent.key, 'isOpen');
+        },
+        onChange: function onChange(value) {
+          return handle.changeParent(value, parent.key);
+        },
+        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)}
+
+      }, renderInner(parent));
+    }
+
+    return /*#__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, {
@@ -131,19 +132,7 @@ var TieredCheckboxes = function TieredCheckboxes(_ref) {
         var disabled = _ref4.disabled;
         return disabled === true;
       })
-    }), 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);
-        }
-      }));
-    }));
+    }), renderInner(parent));
   }));
 };
 

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.8",
   "description": "",
   "main": "dist/index.js",
   "files": [