intelicoreact 1.3.21 → 1.3.22

package/dist/Atomic/FormElements/Text/Text.js

@@ -1,27 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 require("./Text.scss");
+const RC = 'text';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var RC = 'text';
 /**
  *
  * @param value
@@ -34,6 +23,7 @@ var RC = 'text';
  * @return {JSX.Element|null}
  * @constructor
  */
+
 //? Прототип лежит на проекте кабинета src\JS\Components\Atomic\FormElements\Text\Text.js
 //? Что поменял?
 //?   - в верстке убрал дополнительную вложенность
@@ -45,76 +35,80 @@ var RC = 'text';
 //?   - переработал пропу link, может быть строкой или объектом
 //?     если это объект, то у него могут быть свойства
 //?       - path - значение для href
+
 //?       - target - значение для атрибута target, имеет смысл передавать, если не передаются onClick или redirect
+
 //?       - onClick - альтернативный обработчик нажатия, если он есть то он будет ипользован в приоритете,
 //?         ф-я будет вызвана с 1 аргументом - props, в объекте props будет свойство ev (event) и все содержание link,
 //?         по умолчанию до использования onClick будут вызваны e.preventDefault() и e.stopPropagation
+
 //?       - redirect - альтернативный исполнитель редиректа (например history.push),
 //?         если есть и нет onClick - будет вызван с одним аргументом (link.path)
+
 //?       - isNoPreventDefault - отключает вызов e.preventDefault перед вызовом onClick или redirect
-//?       - isNoStopPropagation - отключает вызов e.preventDefault перед вызовом onClick или redirect
 
-var Text = function Text(_ref) {
-  var _objectSpread2;
+//?       - isNoStopPropagation - отключает вызов e.preventDefault перед вызовом onClick или redirect
 
-  var value = _ref.value,
-      className = _ref.className,
-      classesObj = _ref.classesObj,
-      icon = _ref.icon,
-      link = _ref.link,
-      _ref$align = _ref.align,
-      align = _ref$align === void 0 ? 'left' : _ref$align,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'text-lib-component' : _ref$testId;
+const Text = _ref => {
+  let {
+    value,
+    className,
+    classesObj,
+    icon,
+    link,
+    align = 'left',
+    testId = 'text-lib-component'
+  } = _ref;
   if (!value) return null;
-  var isLinkAsObj = link instanceof Object && !Array.isArray(link);
-  var isLinkAsString = typeof link === 'string';
-  var isLink = isLinkAsObj || isLinkAsString;
-  var linkObj = isLinkAsObj ? link : {};
-  var _linkObj$path = linkObj.path,
-      path = _linkObj$path === void 0 ? '' : _linkObj$path,
-      target = linkObj.target,
-      redirect = linkObj.redirect,
-      onClickInner = linkObj.onClick,
-      isNoPreventDefault = linkObj.isNoPreventDefault,
-      isNoStopPropagation = linkObj.isNoStopPropagation;
-
-  var preparedPath = function () {
+  const isLinkAsObj = link instanceof Object && !Array.isArray(link);
+  const isLinkAsString = typeof link === 'string';
+  const isLink = isLinkAsObj || isLinkAsString;
+  const linkObj = isLinkAsObj ? link : {};
+  const {
+    path = '',
+    target,
+    redirect,
+    onClick: onClickInner,
+    isNoPreventDefault,
+    isNoStopPropagation
+  } = linkObj;
+  const preparedPath = (() => {
     if (!isLink) return '';
     return isLinkAsObj ? path : link;
-  }();
-
-  var atributes = {};
-
+  })();
+  let atributes = {};
   if (typeof onClickInner === 'function' || typeof redirect === 'function') {
     atributes.onClick = function onClick(ev) {
       if (!isNoPreventDefault) ev.preventDefault();
-      if (!isNoStopPropagation) ev.stopPropagation(); //? если переданы и onClick, и redirect, то onClick считается приоритетнее redirect
+      if (!isNoStopPropagation) ev.stopPropagation();
 
+      //? если переданы и onClick, и redirect, то onClick считается приоритетнее redirect
       if (onClickInner) {
-        onClickInner(_objectSpread({
-          ev: ev
-        }, link));
+        onClickInner({
+          ev,
+          ...link
+        });
         return;
       }
-
       redirect(preparedPath);
     };
   }
-
-  var mainInner = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement("div", {
+  const mainInner = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(RC, "__icon-container")
   }, icon), value);
-
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "text--".concat(testId),
-    className: (0, _classnames.default)(RC, className, _objectSpread((_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, "".concat(RC, "-left"), align === 'left'), (0, _defineProperty2.default)(_objectSpread2, "".concat(RC, "-center"), align === 'center'), (0, _defineProperty2.default)(_objectSpread2, "".concat(RC, "-right"), align === 'right'), (0, _defineProperty2.default)(_objectSpread2, "".concat(RC, "-justify"), align === 'justify'), _objectSpread2), classesObj))
+    className: (0, _classnames.default)(RC, className, {
+      ["".concat(RC, "-left")]: align === 'left',
+      ["".concat(RC, "-center")]: align === 'center',
+      ["".concat(RC, "-right")]: align === 'right',
+      ["".concat(RC, "-justify")]: align === 'justify',
+      ...classesObj
+    })
   }, isLink ? /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({}, atributes, {
     href: preparedPath,
     target: target !== null && target !== void 0 ? target : '_self',
     rel: "noreferrer"
   }), mainInner) : mainInner);
 };
-
-var _default = Text;
-exports.default = _default;
+var _default = exports.default = Text;

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js

@@ -1,50 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 require("./TextSwitcher.scss");
-
-var RC = 'text-switcher';
-
-var TextSwitcher = function TextSwitcher(_ref) {
-  var _cn;
-
-  var isActive = _ref.isActive,
-      onChange = _ref.onChange,
-      className = _ref.className,
-      disabled = _ref.disabled,
-      _ref$activeText = _ref.activeText,
-      activeText = _ref$activeText === void 0 ? 'is' : _ref$activeText,
-      _ref$inactiveText = _ref.inactiveText,
-      inactiveText = _ref$inactiveText === void 0 ? 'is not' : _ref$inactiveText,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? '' : _ref$testId;
-  var isUndefined = isActive === undefined || isActive === null;
+const RC = 'text-switcher';
+const TextSwitcher = _ref => {
+  let {
+    isActive,
+    onChange,
+    className,
+    disabled,
+    activeText = 'is',
+    inactiveText = 'is not',
+    testId = ''
+  } = _ref;
+  const isUndefined = isActive === undefined || isActive === null;
   return /*#__PURE__*/_react.default.createElement("button", {
     testId: testId,
-    className: (0, _classnames.default)(RC, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_active"), isActive), (0, _defineProperty2.default)(_cn, "".concat(RC, "_disabled"), disabled), _cn), className),
-    onClick: function onClick() {
-      return onChange(!isActive);
-    }
+    className: (0, _classnames.default)(RC, {
+      ["".concat(RC, "_active")]: isActive,
+      ["".concat(RC, "_disabled")]: disabled
+    }, className),
+    onClick: () => onChange(!isActive)
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(RC, "__btn")
   }, activeText), inactiveText && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("".concat(RC, "__btn"), "".concat(RC, "__btn_off"))
   }, inactiveText), !isUndefined && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__slider"), (0, _defineProperty2.default)({}, "".concat(RC, "__slider_inactive"), !isActive))
+    className: (0, _classnames.default)("".concat(RC, "__slider"), {
+      ["".concat(RC, "__slider_inactive")]: !isActive
+    })
   }));
 };
-
-var _default = TextSwitcher;
-exports.default = _default;
+var _default = exports.default = TextSwitcher;

package/dist/Atomic/FormElements/Textarea/Textarea.js

@@ -1,35 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-
 require("./Textarea.scss");
-
-var RC = 'textarea';
-
-var Textarea = function Textarea(_ref) {
-  var value = _ref.value,
-      onChange = _ref.onChange,
-      placeholder = _ref.placeholder,
-      disabled = _ref.disabled,
-      className = _ref.className,
-      _ref$isNotValidateASC = _ref.isNotValidateASCII,
-      isNotValidateASCII = _ref$isNotValidateASC === void 0 ? false : _ref$isNotValidateASC,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? '' : _ref$testId;
-  var handle = {
-    change: function change(val) {
-      var inputValue = val;
+const RC = 'textarea';
+const Textarea = _ref => {
+  let {
+    value,
+    onChange,
+    placeholder,
+    disabled,
+    className,
+    isNotValidateASCII = false,
+    testId = ''
+  } = _ref;
+  const handle = {
+    change: val => {
+      let inputValue = val;
       if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
       onChange(inputValue);
     }
@@ -40,13 +33,9 @@ var Textarea = function Textarea(_ref) {
     "data-testid": "textarea-".concat(testId),
     className: "".concat(RC, "__textarea"),
     value: value,
-    onChange: function onChange(e) {
-      return handle.change(e.target.value);
-    },
+    onChange: e => handle.change(e.target.value),
     placeholder: placeholder,
     disabled: disabled
   }));
 };
-
-var _default = Textarea;
-exports.default = _default;
+var _default = exports.default = Textarea;

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

@@ -1,84 +1,56 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("../../../Functions/utils");
-
 var _CheckboxInput = _interopRequireDefault(require("../CheckboxInput/CheckboxInput"));
-
 var _AccordionWithCheckbox = _interopRequireDefault(require("./partial/AccordionWithCheckbox"));
-
 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) {
-  var _ref$items = _ref.items,
-      items = _ref$items === void 0 ? {} : _ref$items,
-      className = _ref.className,
-      onChange = _ref.onChange,
-      isUseParentsClassesAsDataset = _ref.isUseParentsClassesAsDataset,
-      isUseAccordionForGroup = _ref.isUseAccordionForGroup,
-      accordionIcons = _ref.accordionIcons,
-      _ref$isOnlyOne = _ref.isOnlyOne,
-      isOnlyOne = _ref$isOnlyOne === void 0 ? false : _ref$isOnlyOne,
-      _ref$sortGroups = _ref.sortGroups,
-      sortGroups = _ref$sortGroups === void 0 ? false : _ref$sortGroups,
-      _ref$sortGroupItems = _ref.sortGroupItems,
-      sortGroupItems = _ref$sortGroupItems === void 0 ? false : _ref$sortGroupItems;
-  var handle = {
-    changeParent: function changeParent(value, key, prop) {
-      var parent = items.find(function (item) {
-        return item.key === key;
-      });
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const RC = 'tiered-checkboxes';
+const TieredCheckboxes = _ref => {
+  let {
+    items = {},
+    className,
+    onChange,
+    isUseParentsClassesAsDataset,
+    isUseAccordionForGroup,
+    accordionIcons,
+    isOnlyOne = false,
+    sortGroups = false,
+    sortGroupItems = false
+  } = _ref;
+  const handle = {
+    changeParent: (value, key, prop) => {
+      const parent = items.find(item => item.key === key);
       if (prop) parent[prop] = value;else parent.value = value;
-
       if (!prop) {
-        if (value) parent.children.filter(function (_ref2) {
-          var disabled = _ref2.disabled;
+        if (value) parent.children.filter(_ref2 => {
+          let {
+            disabled
+          } = _ref2;
           return !disabled;
-        }).forEach(function (item) {
-          return item.value = true;
-        });else parent.children.filter(function (_ref3) {
-          var disabled = _ref3.disabled;
+        }).forEach(item => item.value = true);else parent.children.filter(_ref3 => {
+          let {
+            disabled
+          } = _ref3;
           return !disabled;
-        }).forEach(function (item) {
-          return item.value = false;
-        });
+        }).forEach(item => item.value = false);
       }
-
-      onChange((0, _toConsumableArray2.default)(items));
+      onChange([...items]);
     },
-    changeChild: function changeChild(value, key, parentKey) {
+    changeChild: (value, key, parentKey) => {
       if (isOnlyOne) {
-        var parent = items.find(function (item) {
-          return item.key === parentKey;
-        });
-        parent.children.find(function (item) {
-          return item.key === key;
-        }).value = value;
-        parent.children.map(function (item) {
+        const parent = items.find(item => item.key === parentKey);
+        parent.children.find(item => item.key === key).value = value;
+        parent.children.map(item => {
           if (item.key !== key && value === true) {
             item.disabled = true;
             parent.disabled = true;
@@ -86,83 +58,56 @@ var TieredCheckboxes = function TieredCheckboxes(_ref) {
             item.disabled = false;
             parent.disabled = false;
           } else item.disabled = false;
-
           return item;
         });
         parent.disabled = true;
       } else {
-        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;
+        const parent = items.find(item => item.key === parentKey);
+        parent.children.find(item => item.key === key).value = value;
+        if (parent.children.every(item => item.value)) parent.value = true;else parent.value = false;
       }
-
-      onChange((0, _toConsumableArray2.default)(items));
+      onChange([...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;
-      }));
+    isAllChecked: item => {
+      return (item === null || item === void 0 ? void 0 : item.children.some(item => item.value)) && !(item !== null && item !== void 0 && item.children.every(item => item.value));
     }
   };
-  var preparedItems = (0, _react.useMemo)(function () {
-    var newItems = (0, _toConsumableArray2.default)(items);
-
+  const preparedItems = (0, _react.useMemo)(() => {
+    let newItems = [...items];
     if (sortGroups) {
       var _newItems;
-
       newItems = (_newItems = newItems) === null || _newItems === void 0 ? void 0 : _newItems.sort(_utils.compareAlphabetical);
     }
-
     if (sortGroupItems) {
       var _newItems2;
-
-      newItems = (_newItems2 = newItems) === null || _newItems2 === void 0 ? void 0 : _newItems2.map(function (parent) {
+      newItems = (_newItems2 = newItems) === null || _newItems2 === void 0 ? void 0 : _newItems2.map(parent => {
         if (parent !== null && parent !== void 0 && parent.children) {
           var _parent$children;
-
-          parent.children = parent === null || parent === void 0 ? void 0 : (_parent$children = parent.children) === null || _parent$children === void 0 ? void 0 : _parent$children.sort(_utils.compareAlphabetical);
+          parent.children = parent === null || parent === void 0 || (_parent$children = parent.children) === null || _parent$children === void 0 ? void 0 : _parent$children.sort(_utils.compareAlphabetical);
         }
-
         return parent;
       });
     }
-
     return newItems;
   }, [items]);
-
-  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")
-      }, /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
-        testId: child.key,
-        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);
-        }
-      }));
-    });
+  const renderInner = parent => {
+    return parent.children && parent.children.map(child => /*#__PURE__*/_react.default.createElement("div", {
+      key: child.key,
+      className: "".concat(RC, "__children")
+    }, /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
+      testId: child.key,
+      label: child.label,
+      value: child.value,
+      disabled: child === null || child === void 0 ? void 0 : child.disabled,
+      onChange: value => handle.changeChild(value, child.key, parent.key)
+    })));
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className)
-  }, preparedItems.map(function (parent) {
-    var datasetProp = isUseParentsClassesAsDataset && parent !== null && parent !== void 0 && parent.className ? {
+  }, preparedItems.map(parent => {
+    const 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,
@@ -171,29 +116,26 @@ var TieredCheckboxes = function TieredCheckboxes(_ref) {
         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)}
-
+        setIsOpen: () => handle.changeParent(!parent.isOpen, parent.key, 'isOpen'),
+        onChange: value => 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))
+      className: (0, _classnames.default)("".concat(RC, "__parents"), {
+        ["".concat(parent.className)]: !isUseParentsClassesAsDataset
+      })
     }), /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
       isStark: handle.isAllChecked(parent),
       label: parent.label,
       value: parent.value,
-      onChange: function onChange(value) {
-        return handle.changeParent(value, parent.key);
-      },
-      disabled: parent.children.every(function (_ref4) {
-        var disabled = _ref4.disabled;
+      onChange: value => handle.changeParent(value, parent.key),
+      disabled: parent.children.every(_ref4 => {
+        let {
+          disabled
+        } = _ref4;
         return disabled === true;
       }) || parent.disabled
     }), /*#__PURE__*/_react.default.createElement("div", {
@@ -201,6 +143,4 @@ var TieredCheckboxes = function TieredCheckboxes(_ref) {
     }, renderInner(parent)));
   }));
 };
-
-var _default = TieredCheckboxes;
-exports.default = _default;
+var _default = exports.default = TieredCheckboxes;