intelicoreact 0.1.85 → 0.1.86

package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss

@@ -74,10 +74,11 @@
   }
 
   input[type="checkbox" i] {
-    &:indeterminate {
+    &:indeterminate + span {
       display: block;
       width: 100%;
       height: 100%;
+
       &:after {
         content: "";
         position: absolute;
@@ -89,6 +90,8 @@
         width: 100%;
         height: 100%;
         background-color: #6b81dd;
+        transform: rotate(0deg);
+        border: none;
       }
       &:before {
         content: "";

package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js

@@ -51,6 +51,11 @@ var InputCalendar = function InputCalendar(_ref) {
       isOpened = _useState2[0],
       setIsOpened = _useState2[1];
 
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      isOpenedByOnFocus = _useState4[0],
+      setOpenedByOnFocus = _useState4[1];
+
   var calendarRef = (0, _react.useRef)(null);
   var formatedMinDate = (0, _momentTimezone.default)(minDate, format).format(format) !== 'Invalid date' ? (0, _momentTimezone.default)(minDate, format).format(format) : null;
   var formatedMaxDate = (0, _momentTimezone.default)(maxDate, format).format(format) !== 'Invalid date' ? (0, _momentTimezone.default)(maxDate, format).format(format) : null;
@@ -74,6 +79,10 @@ var InputCalendar = function InputCalendar(_ref) {
     return (0, _momentTimezone.default)(new Date()).format('L');
   };
 
+  (0, _react.useEffect)(function () {
+    if (!isOpened) setOpenedByOnFocus(false);
+  }, [isOpened]);
+
   var handleBlur = function handleBlur(e) {
     var value = e.target.value;
     if ((0, _momentTimezone.default)(value, format).format(format) === 'Invalid date') onChange('');else if ((0, _momentTimezone.default)(value, format).startOf('day').isBefore(momentMinDate, 'days')) onChange(formatedMinDate);else if ((0, _momentTimezone.default)(value, format).endOf('day').isAfter(momentMaxDate, 'days')) onChange(formatedMaxDate);else onChange((0, _momentTimezone.default)(value, format).format(format));
@@ -92,13 +101,16 @@ var InputCalendar = function InputCalendar(_ref) {
       return changeInputValue(e.target.value);
     },
     className: "calendar-dropdown",
-    onFocus: function onFocus() {
-      return setIsOpened(true);
+    onFocus: function onFocus(e) {
+      setOpenedByOnFocus(true);
+      setIsOpened(true);
     },
     onBlur: !isOpened ? handleBlur : function () {},
     onKeyUp: function onKeyUp(e) {
-      if (e.key === 'Enter') e.target.blur();
-      setIsOpened(false);
+      if (!isOpenedByOnFocus) {
+        if (e.key === 'Enter') e.target.blur();
+        setIsOpened(false);
+      }
     }
   }), isOpened ? /*#__PURE__*/_react.default.createElement(_Calendar.default, {
     date: getCalendarValue(value),

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
 });
@@ -11,104 +9,73 @@ exports.default = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _CheckboxInput = _interopRequireDefault(require("../CheckboxInput/CheckboxInput"));
 
-var _utils = require("../../../Functions/utils");
-
 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 TieredCheckboxes = function TieredCheckboxes(_ref) {
   var items = _ref.items,
-      className = _ref.className;
-
-  var _useState = (0, _react.useState)(items),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      data = _useState2[0],
-      setData = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      checkAll = _useState4[0],
-      setCheckAll = _useState4[1];
-
-  var _useState5 = (0, _react.useState)([]),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      checkedItems = _useState6[0],
-      setCheckedItems = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      isThirdStatement = _useState8[0],
-      setIsThirdStatement = _useState8[1];
-
-  var onChange = (0, _utils.handleObjectChange)(setData, function () {
-    return setData((0, _toConsumableArray2.default)(data));
-  });
-
-  var handleArrayChange = function handleArrayChange(e, index, childIndex) {
-    // change children checkboxes
-    if (childIndex || childIndex === 0) {
-      data[index].children[childIndex].value = e;
-
-      if (data[index].children.filter(function (item) {
-        return item.value === true;
-      }).length === data[index].children.length) {
-        data[index].value = true;
-        setIsThirdStatement(false);
-      } else if (data[index].children.filter(function (item) {
-        return item.value === true;
-      }).length === 0) {
-        setIsThirdStatement(false);
-      } else {
-        setIsThirdStatement(true);
-        data[index].value = false;
-      } // change parent checkboxes
-
-    } else {
-      data[index].children.forEach(function (elem) {
-        elem.value = e;
+      className = _ref.className,
+      onChange = _ref.onChange;
+  var handle = {
+    changeParent: function changeParent(value, key) {
+      var parent = items.find(function (item) {
+        return item.key === key;
+      });
+      parent.value = value;
+      if (value) parent.children.forEach(function (item) {
+        return item.value = true;
+      });else parent.children.forEach(function (item) {
+        return item.value = false;
       });
-      data[index].value = e;
-      setCheckAll(true);
-      setCheckedItems(data[index]);
-      setIsThirdStatement(false);
+      onChange((0, _toConsumableArray2.default)(items));
+    },
+    changeChild: function changeChild(value, key, parentKey) {
+      var parent = items.find(function (item) {
+        return item.key === parentKey;
+      });
+      parent.children.find(function (item) {
+        return item.key === key;
+      }).value = value;
+      if (parent.children.every(function (item) {
+        return item.value;
+      })) parent.value = true;else parent.value = false;
+      onChange((0, _toConsumableArray2.default)(items));
+    },
+    isAllChecked: function isAllChecked(item) {
+      return (item === null || item === void 0 ? void 0 : item.children.some(function (item) {
+        return item.value;
+      })) && !(item !== null && item !== void 0 && item.children.every(function (item) {
+        return item.value;
+      }));
     }
-
-    onChange(data);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('tiered-checkboxes', className)
-  }, data.map(function (parent, index) {
+  }, items.map(function (parent) {
     return /*#__PURE__*/_react.default.createElement("div", {
-      key: parent.id,
-      className: "tiered-checkboxes--parents"
+      key: parent.key,
+      className: "tiered-checkboxes__parents"
     }, /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
-      isThirdStatement: isThirdStatement,
+      isStark: handle.isAllChecked(parent),
       label: parent.label,
-      value: data[index].children.length === checkedItems.length ? checkAll : parent.value,
-      onChange: function onChange(e) {
-        return handleArrayChange(e, index);
+      value: parent.value,
+      onChange: function onChange(value) {
+        return handle.changeParent(value, parent.key);
       }
-    }), parent.children && parent.children.map(function (child, childIndex) {
+    }), parent.children && parent.children.map(function (child) {
       return /*#__PURE__*/_react.default.createElement("div", {
-        key: child.id,
-        className: "tiered-checkboxes--children"
+        key: child.key,
+        className: "tiered-checkboxes__children"
       }, /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
         label: child.label,
         value: child.value,
-        onChange: function onChange(e) {
-          return handleArrayChange(e, index, childIndex);
+        onChange: function onChange(value) {
+          return handle.changeChild(value, child.key, parent.key);
         }
       }));
     }));

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

@@ -1,9 +1,9 @@
 .tiered-checkboxes {
-  &--parents {
+  &__parents {
     margin-bottom: 25px;
   }
 
-  &--children {
+  &__children {
     margin-top: 10px;
     margin-left: 10px;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.1.85",
+  "version": "0.1.86",
   "description": "hotfix/InputMaskOnChange | Add Possibility To Revert Clear Value and Masked Value in OnChange Callback",
   "main": "dist/index.js",
   "files": [