intelicoreact 1.6.19 → 1.6.20

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

@@ -1 +1,125 @@
-function e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function t(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(r){e(t,r,n[r])})}return t}import{jsx as r,jsxs as n,Fragment as o}from"react/jsx-runtime";import"react";import c from"classnames";import"./Text.scss";var i="text";export default function(a){var s,l,f,p,u=a.value,y=a.className,b=a.classesObj,O=a.icon,m=a.link,j=a.align,d=void 0===j?"left":j,g=a.testId;if(!u)return null;var v=(null!=(s=Object)&&"undefined"!=typeof Symbol&&s[Symbol.hasInstance]?!!s[Symbol.hasInstance](m):m instanceof s)&&!Array.isArray(m),h="string"==typeof m,P=v||h,w=v?m:{},S=w.path,x=w.target,D=w.redirect,k=w.onClick,N=w.isNoPreventDefault,I=w.isNoStopPropagation,_=P?v?void 0===S?"":S:m:"",A={};("function"==typeof k||"function"==typeof D)&&(A.onClick=function(e){if(N||e.preventDefault(),I||e.stopPropagation(),k)return void k(t({ev:e},m));D(_)});var C=n(o,{children:[O&&r("div",{className:"".concat(i,"__icon-container"),children:O}),u]});return r("div",{"data-testid":void 0===g?"text-lib-component":g,className:c(i,y,t((e(p={},"".concat(i,"-left"),"left"===d),e(p,"".concat(i,"-center"),"center"===d),e(p,"".concat(i,"-right"),"right"===d),e(p,"".concat(i,"-justify"),"justify"===d),p),b)),children:P?r("a",(l=t({},A),f=f={href:_,target:null!=x?x:"_self",rel:"noreferrer",children:C},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(f)):(function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r})(Object(f)).forEach(function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(f,e))}),l)):C})}
+import React from "react";
+import cn from "classnames";
+
+import "./Text.scss";
+
+const RC = "text";
+
+/**
+ *
+ * @param value
+ * @param className
+ * @param classesObj
+ * @param icon
+ * @param link
+ * @param align
+ * @param testId
+ * @return {JSX.Element|null}
+ * @constructor
+ */
+
+// ? Прототип лежит на проекте кабинета src\JS\Components\Atomic\FormElements\Text\Text.js
+// ? Что поменял?
+// ?   - в верстке убрал дополнительную вложенность
+// ?     (теперь только 1 внешний контейнер, доп. классы назначаются рядом с className)
+// ?   - убрал пропы as и isTitle, они были для работы с предзаданными классами связанными с токенизацией
+// ?     возможность прокинуть доп. классы объектом с условиями оставил через пропу classesObj
+// ?   - заменил пропу text на value
+// ?   - заменил пропу iconMain на icon
+// ?   - переработал пропу 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
+
+const Text = ({
+  value,
+  className,
+  classesObj,
+  icon,
+  link,
+  align = "left",
+  testId = "text-lib-component",
+}) => {
+  if (!value) return null;
+  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;
+  })();
+
+  const 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 (onClickInner) {
+        onClickInner({ ev, ...link });
+        return;
+      }
+      redirect(preparedPath);
+    };
+  }
+
+  const mainInner = (
+    <>
+      {icon && <div className={`${RC}__icon-container`}>{icon}</div>}
+      {value}
+    </>
+  );
+
+  return (
+    <div
+      data-testid={testId}
+      className={cn(RC, className, {
+        [`${RC}-left`]: align === "left",
+        [`${RC}-center`]: align === "center",
+        [`${RC}-right`]: align === "right",
+        [`${RC}-justify`]: align === "justify",
+        ...classesObj,
+      })}
+    >
+      {isLink ? (
+        <a
+          {...atributes}
+          href={preparedPath}
+          target={target ?? "_self"}
+          rel="noreferrer"
+        >
+          {mainInner}
+        </a>
+      ) : (
+        mainInner
+      )}
+    </div>
+  );
+};
+
+export default Text;

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

@@ -1 +1,45 @@
-function e(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return i}});var t,a=require("react/jsx-runtime"),n=(t=require("classnames"))&&t.__esModule?t:{default:t};require("react"),require("./TextSwitcher.scss");var c="text-switcher",i=function(t){var i,r=t.isActive,s=t.onChange,l=t.className,d=t.disabled,o=t.activeText,u=t.inactiveText,_=void 0===u?"is not":u,b=t.testId,f=void 0===b?c:b,v=null==r;return(0,a.jsxs)("button",{type:"button","data-testid":f,className:(0,n.default)(c,(e(i={},"".concat(c,"_active"),r),e(i,"".concat(c,"_disabled"),d),i),l),onClick:function(){return s(!r)},disabled:d,children:[(0,a.jsx)("span",{className:"".concat(c,"__btn"),children:void 0===o?"is":o}),_&&(0,a.jsx)("span",{className:(0,n.default)("".concat(c,"__btn"),"".concat(c,"__btn_off")),children:_}),!v&&(0,a.jsx)("div",{className:(0,n.default)("".concat(c,"__slider"),e({},"".concat(c,"__slider_inactive"),!r))})]})};
+function e(e, t, a) {
+    return t in e ? Object.defineProperty(e, t, {
+        value: a,
+        enumerable: !0,
+        configurable: !0,
+        writable: !0
+    }) : e[t] = a, e;
+}
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), Object.defineProperty(exports, "default", {
+    enumerable: !0,
+    get: function() {
+        return i;
+    }
+});
+var t, a = require("react/jsx-runtime"), n = (t = require("classnames")) && t.__esModule ? t : {
+    default: t
+};
+require("react"), require("./TextSwitcher.scss");
+var c = 'text-switcher', i = function(t) {
+    var i, r = t.isActive, s = t.onChange, l = t.className, d = t.disabled, o = t.activeText, u = t.inactiveText, _ = void 0 === u ? 'is not' : u, b = t.testId, f = void 0 === b ? c : b, v = null == r;
+    return (0, a.jsxs)("button", {
+        type: "button",
+        "data-testid": f,
+        className: (0, n.default)(c, (e(i = {}, "".concat(c, "_active"), r), e(i, "".concat(c, "_disabled"), d), i), l),
+        onClick: function() {
+            return s(!r);
+        },
+        disabled: d,
+        children: [
+            (0, a.jsx)("span", {
+                className: "".concat(c, "__btn"),
+                children: void 0 === o ? 'is' : o
+            }),
+            _ && (0, a.jsx)("span", {
+                className: (0, n.default)("".concat(c, "__btn"), "".concat(c, "__btn_off")),
+                children: _
+            }),
+            !v && (0, a.jsx)("div", {
+                className: (0, n.default)("".concat(c, "__slider"), e({}, "".concat(c, "__slider_inactive"), !r))
+            })
+        ]
+    });
+};

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

@@ -1 +1,80 @@
-import{jsx as t}from"react/jsx-runtime";import{forwardRef as e,useEffect as a,useRef as o}from"react";import n from"classnames";import{formatToOnlyASCIICodeText as r}from"../../../Functions/fieldValueFormatters";import"./Textarea.scss";var i="textarea",l=e(function(e,l){var c=e.id,s=e.value,u=e.onChange,d=e.onFocus,m=e.onBlur,f=e.placeholder,h=e.disabled,v=e.className,p=e.isNotValidateASCII,x=void 0!==p&&p,g=e.testId,w=void 0===g?i:g,y=e.withAutoGrow,F=e.onKeyDown,N=o(),C=l||N,I=function(t){var e=t;x||(e=r(e)),u(e)},b=function(t){t.style.height="5px",t.style.height=t.scrollHeight+"px"};return a(function(){y&&b(null==C?void 0:C.current)},[s,y]),t("div",{"data-testid":w,className:n("".concat(i),v),children:t("textarea",{id:null!=c?c:Math.random().toString(16).slice(2),"data-testid":"".concat(w,"-textarea"),className:"".concat(i,"__textarea"),value:s,onChange:function(t){return I(t.target.value)},placeholder:f,disabled:h,onKeyDown:void 0===F?function(){}:F,ref:C,onFocus:function(t){null==d||d(t)},onBlur:function(t){null==m||m(t)}})})});export default l;
+import React, { forwardRef, useEffect, useRef } from "react";
+
+import cn from "classnames";
+
+import { formatToOnlyASCIICodeText } from "../../../Functions/fieldValueFormatters";
+
+import "./Textarea.scss";
+
+const RC = "textarea";
+
+const Textarea = forwardRef(
+  (
+    {
+      id,
+      value,
+      onChange,
+      onFocus,
+      onBlur,
+      placeholder,
+      disabled,
+      className,
+      isNotValidateASCII = false,
+      testId = RC,
+      withAutoGrow,
+      onKeyDown = () => {},
+    },
+    ref,
+  ) => {
+    const internalRef = useRef();
+    const textareaRef = ref || internalRef;
+
+
+  const handle = {
+    change: (val) => {
+      let inputValue = val;
+      if (!isNotValidateASCII)
+        inputValue = formatToOnlyASCIICodeText(inputValue);
+
+      onChange(inputValue);
+    },
+    focus: (e) => {
+      onFocus?.(e);
+    },
+    blur: (e) => {
+      onBlur?.(e);
+    }
+  };
+
+  const autoGrow = (el) => {
+    el.style.height = "5px";
+    el.style.height = el.scrollHeight + "px";
+  };
+
+  useEffect(() => {
+    if (withAutoGrow) {
+      autoGrow(textareaRef?.current);
+    }
+  }, [value, withAutoGrow]);
+
+    return (
+      <div data-testid={testId} className={cn(`${RC}`, className)}>
+        <textarea
+          id={id ?? Math.random().toString(16).slice(2)}
+          data-testid={`${testId}-textarea`}
+          className={`${RC}__textarea`}
+          value={value}
+          onChange={(e) => handle.change(e.target.value)}
+          placeholder={placeholder}
+          disabled={disabled}
+          onKeyDown={onKeyDown}
+          ref={textareaRef}
+          onFocus={handle.focus}
+          onBlur={handle.blur}
+        />
+      </div>
+    );
+  },
+);
+
+export default Textarea;

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

@@ -1 +1,176 @@
-function e(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}function n(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function r(n){return function(n){if(Array.isArray(n))return e(n)}(n)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||function(n,r){if(n){if("string"==typeof n)return e(n,void 0);var t=Object.prototype.toString.call(n).slice(8,-1);if("Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return e(n,r)}}(n)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{jsx as t}from"react/jsx-runtime";import{createElement as i}from"react";import{useMemo as o}from"react";import a from"classnames";import{compareAlphabetical as c}from"../../../Functions/utils";import l from"../CheckboxInput/CheckboxInput";import u from"./partial/AccordionWithCheckbox";import"./TieredCheckboxes.scss";var s="tiered-checkboxes";export default function(e){var d=e.items,f=void 0===d?{}:d,p=e.className,v=e.onChange,y=e.isUseParentsClassesAsDataset,b=e.isUseAccordionForGroup,h=e.accordionIcons,m=e.isOnlyOne,O=void 0!==m&&m,k=e.sortGroups,g=void 0!==k&&k,j=e.sortGroupItems,P=void 0!==j&&j,C={changeParent:function(e,n,t){var i=f.find(function(e){return e.key===n});t?i[t]=e:i.value=e,t||(e?i.children.filter(function(e){return!e.disabled}).forEach(function(e){return e.value=!0}):i.children.filter(function(e){return!e.disabled}).forEach(function(e){return e.value=!1})),v(r(f))},changeChild:function(e,n,t){if(O){var i=f.find(function(e){return e.key===t});i.children.find(function(e){return e.key===n}).value=e,i.children.map(function(r){return r.key!==n&&!0===e?(r.disabled=!0,i.disabled=!0):r.key!==n&&!1===e?(r.disabled=!1,i.disabled=!1):r.disabled=!1,r}),i.disabled=!0}else{var o=f.find(function(e){return e.key===t});o.children.find(function(e){return e.key===n}).value=e,o.children.every(function(e){return e.value})?o.value=!0:o.value=!1}v(r(f))},isAllChecked:function(e){return(null==e?void 0:e.children.some(function(e){return e.value}))&&!(null==e?void 0:e.children.every(function(e){return e.value}))}},A=o(function(){var e=r(f);return g&&(e=null==e?void 0:e.sort(c)),P&&(e=null==e?void 0:e.map(function(e){if(null==e?void 0:e.children){var n;e.children=null==e||null==(n=e.children)?void 0:n.sort(c)}return e})),e},[f]),w=function(e){return e.children&&e.children.map(function(n){return t("div",{className:"".concat(s,"__children"),children:t(l,{testId:n.key,label:n.label,value:n.value,disabled:null==n?void 0:n.disabled,onChange:function(r){return C.changeChild(r,n.key,e.key)}})},n.key)})};return t("div",{className:a(s,p),children:A.map(function(e){var r,o,c=y&&(null==e?void 0:e.className)?{"data-key":null==e?void 0:e.className}:{};return b?t(u,{RC:s,parent:e,datasetProp:c,isUseParentsClassesAsDataset:y,className:"".concat(s,"__mono-accordion"),setIsOpen:function(){return C.changeParent(!e.isOpen,e.key,"isOpen")},onChange:function(n){return C.changeParent(n,e.key)},icon:e.isOpen?(null==h?void 0:h[1])||null:(null==h?void 0:h[0])||null,children:w(e)},e.key):i("div",(r=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.forEach(function(r){n(e,r,t[r])})}return e}({},c),o=o={key:e.key,className:a("".concat(s,"__parents"),n({},"".concat(e.className),!y)),children:[t(l,{isStark:C.isAllChecked(e),label:e.label,value:e.value,onChange:function(n){return C.changeParent(n,e.key)},disabled:e.children.every(function(e){return!0===e.disabled})||e.disabled}),t("div",{className:a("".concat(s,"__parent__children")),children:w(e)})]},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):(function(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r})(Object(o)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}),r))})})}
+import React, { useMemo } from "react";
+
+import cn from "classnames";
+
+import { compareAlphabetical } from "../../../Functions/utils";
+import CheckboxInput from "../CheckboxInput/CheckboxInput";
+
+import AccordionWithCheckbox from "./partial/AccordionWithCheckbox";
+
+import "./TieredCheckboxes.scss";
+
+const RC = "tiered-checkboxes";
+
+const TieredCheckboxes = ({
+  items = {},
+  className,
+  onChange,
+  isUseParentsClassesAsDataset,
+  isUseAccordionForGroup,
+  accordionIcons,
+  isOnlyOne = false,
+  sortGroups = false,
+  sortGroupItems = false,
+}) => {
+  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(({ disabled }) => !disabled)
+            .forEach((item) => (item.value = true));
+        else
+          parent.children
+            .filter(({ disabled }) => !disabled)
+            .forEach((item) => (item.value = false));
+      }
+      onChange([...items]);
+    },
+    changeChild: (value, key, parentKey) => {
+      if (isOnlyOne) {
+        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;
+          } else if (item.key !== key && value === false) {
+            item.disabled = false;
+            parent.disabled = false;
+          } else item.disabled = false;
+          return item;
+        });
+
+        parent.disabled = true;
+      } else {
+        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([...items]);
+    },
+    isAllChecked: (item) => {
+      return (
+        item?.children.some((item) => item.value) &&
+        !item?.children.every((item) => item.value)
+      );
+    },
+  };
+
+  const preparedItems = useMemo(() => {
+    let newItems = [...items];
+
+    if (sortGroups) {
+      newItems = newItems?.sort(compareAlphabetical);
+    }
+
+    if (sortGroupItems) {
+      newItems = newItems?.map((parent) => {
+        if (parent?.children) {
+          parent.children = parent?.children?.sort(compareAlphabetical);
+        }
+
+        return parent;
+      });
+    }
+
+    return newItems;
+  }, [items]);
+
+  const renderInner = (parent) => {
+    return (
+      parent.children &&
+      parent.children.map((child) => (
+        <div key={child.key} className={`${RC}__children`}>
+          <CheckboxInput
+            testId={child.key}
+            label={child.label}
+            value={child.value}
+            disabled={child?.disabled}
+            onChange={(value) =>
+              handle.changeChild(value, child.key, parent.key)
+            }
+          />
+        </div>
+      ))
+    );
+  };
+
+  return (
+    <div className={cn(RC, className)}>
+      {preparedItems.map((parent) => {
+        const datasetProp =
+          isUseParentsClassesAsDataset && parent?.className
+            ? { "data-key": parent?.className }
+            : {};
+        if (isUseAccordionForGroup) {
+          return (
+            <AccordionWithCheckbox
+              key={parent.key}
+              RC={RC}
+              parent={parent}
+              datasetProp={datasetProp}
+              isUseParentsClassesAsDataset={isUseParentsClassesAsDataset}
+              className={`${RC}__mono-accordion`}
+              setIsOpen={() =>
+                handle.changeParent(!parent.isOpen, parent.key, "isOpen")
+              }
+              onChange={(value) => handle.changeParent(value, parent.key)}
+              icon={
+                !parent.isOpen
+                  ? accordionIcons?.[0] || null
+                  : accordionIcons?.[1] || null
+              }
+              // disabled={parent.children?.every?.((child) => child.disabled)}
+            >
+              {renderInner(parent)}
+            </AccordionWithCheckbox>
+          );
+        }
+        return (
+          <div
+            {...datasetProp}
+            key={parent.key}
+            className={cn(`${RC}__parents`, {
+              [`${parent.className}`]: !isUseParentsClassesAsDataset,
+            })}
+          >
+            <CheckboxInput
+              isStark={handle.isAllChecked(parent)}
+              label={parent.label}
+              value={parent.value}
+              onChange={(value) => handle.changeParent(value, parent.key)}
+              disabled={
+                parent.children.every(({ disabled }) => disabled === true) ||
+                parent.disabled
+              }
+            />
+            <div className={cn(`${RC}__parent__children`)}>
+              {renderInner(parent)}
+            </div>
+          </div>
+        );
+      })}
+    </div>
+  );
+};
+
+export default TieredCheckboxes;

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

@@ -1 +1,62 @@
-import{jsx as e,jsxs as n,Fragment as l}from"react/jsx-runtime";import"react";import a from"classnames";import c from"../../../UI/MonoAccordion/MonoAccordion";import r from"../../CheckboxInput/CheckboxInput";import"../TieredCheckboxes.scss";export default function(t){var i,o,s,d,u,m,h,p,b,f=t.children,v=t.parent,x=t.onChange,C=t.className,g=t.RC,k=t.setIsOpen,N=t.icon,j=t.disabled,I=t.datasetProp,O=t.isUseParentsClassesAsDataset;return e(c,{datasetProp:I,className:a(C,(i={},o="".concat(v.className),s=!O,o in i?Object.defineProperty(i,o,{value:s,enumerable:!0,configurable:!0,writable:!0}):i[o]=s,i)),isOpen:v.isOpen,onClick:k,icon:N,disabled:j,titleJSX:n(l,{children:[e(r,{className:"".concat(g,"__checkbox-input"),isStark:(null==v||null==(u=v.children)||null==(d=u.some)?void 0:d.call(u,function(e){return e.value}))&&!(null==v||null==(h=v.children)||null==(m=h.every)?void 0:m.call(h,function(e){return e.value})),label:v.label,value:v.value,onChange:x,disabled:v.children.every(function(e){return!0===e.disabled})||v.disabled}),e("span",{className:"".concat(g,"__description-checked"),children:(null==v||null==(p=v.children)?void 0:p.length)?"Selected ".concat(v.children.filter(function(e){return e.value}).length," from ").concat(null==(b=v.children)?void 0:b.length):null})]}),children:f})}
+import React from "react";
+
+import cn from "classnames";
+
+import MonoAccordion from "../../../UI/MonoAccordion/MonoAccordion";
+import CheckboxInput from "../../CheckboxInput/CheckboxInput";
+
+import "../TieredCheckboxes.scss";
+
+const AccordionWithCheckbox = ({
+  children,
+  parent,
+  onChange,
+  className,
+  RC,
+  setIsOpen,
+  icon,
+  disabled,
+  datasetProp,
+  isUseParentsClassesAsDataset,
+}) => {
+  return (
+    <MonoAccordion
+      datasetProp={datasetProp}
+      className={cn(className, {
+        [`${parent.className}`]: !isUseParentsClassesAsDataset,
+      })}
+      isOpen={parent.isOpen}
+      onClick={setIsOpen}
+      icon={icon}
+      disabled={disabled}
+      // disabled={parent.children?.every?.((child) => child.disabled)}
+      titleJSX={
+        <>
+          <CheckboxInput
+            className={`${RC}__checkbox-input`}
+            isStark={
+              parent?.children?.some?.((item) => item.value) &&
+              !parent?.children?.every?.((item) => item.value)
+            }
+            label={parent.label}
+            value={parent.value}
+            onChange={onChange}
+            disabled={
+              parent.children.every(({ disabled }) => disabled === true) ||
+              parent.disabled
+            }
+          />
+          <span className={`${RC}__description-checked`}>
+            {parent?.children?.length
+              ? `Selected ${parent.children.filter((child) => child.value).length} from ${parent.children?.length}`
+              : null}
+          </span>
+        </>
+      }
+    >
+      {children}
+    </MonoAccordion>
+  );
+};
+
+export default AccordionWithCheckbox;

package/dist/Atomic/FormElements/TimeRange/TimeRange.js

@@ -1 +1,127 @@
-function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function t(t,r){return function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r,n,u=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=u){var a=[],o=!0,i=!1;try{for(u=u.call(e);!(o=(r=u.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){i=!0,n=e}finally{try{o||null==u.return||u.return()}finally{if(i)throw n}}return a}}(t,r)||function(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}}(t,r)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return d}});var r=require("react/jsx-runtime"),n=f(require("classnames")),u=f(require("moment")),a=function(e,t){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var r=s(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var o=u?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}(require("react")),o=f(require("../../../Functions/useToggle")),i=f(require("../Input/Input")),l=f(require("../Label"));function f(e){return e&&e.__esModule?e:{default:e}}function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(s=function(e){return e?r:t})(e)}require("./TimeRange.scss");var c="time-range",d=function(e){var f=e.className,s=e.from,d=e.to,m=e.labelFrom,p=e.labelTo,y=e.testId,b=void 0===y?c:y,g=t((0,a.useState)(void 0===s?"":s),2),v=g[0],j=g[1],h=t((0,a.useState)(void 0===d?"":d),2),_=h[0],M=h[1],H=(0,o.default)().isToggled,O=(0,o.default)().isToggled,x=(0,a.useMemo)(function(){return(0,u.default)(v,"HH:mm",!0).isValid()},[v]),S=(0,a.useMemo)(function(){return(0,u.default)(_,"HH:mm",!0).isValid()},[_]),q=function(e,t){t(e?(0,u.default)(e,"HH:mm").format("HH:mm"):"")};return(0,r.jsx)("div",{"data-testid":b,className:(0,n.default)(c,f),children:(0,r.jsxs)("div",{className:"time-range__range",children:[(0,r.jsx)(l.default,{label:m||"Between"}),(0,r.jsx)(i.default,{className:"time-range__input",value:v,onChange:function(e){return j(e)},placeholder:"00:00",onBlur:function(){return q(v,j)},error:H||!x?"HH:MM format":"",testId:"start-time-input"}),(0,r.jsx)(l.default,{label:p||"and"}),(0,r.jsx)(i.default,{className:"time-range__input",value:_,onChange:function(e){return M(e)},placeholder:"00:00",onBlur:function(){return q(_,M)},error:O||!S?"HH:MM format":"",testId:"end-time-input"})]})})};
+function e(e, t) {
+    (null == t || t > e.length) && (t = e.length);
+    for(var r = 0, n = Array(t); r < t; r++)n[r] = e[r];
+    return n;
+}
+function t(t, r) {
+    return function(e) {
+        if (Array.isArray(e)) return e;
+    }(t) || function(e, t) {
+        var r, n, u = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != u) {
+            var a = [], o = !0, i = !1;
+            try {
+                for(u = u.call(e); !(o = (r = u.next()).done) && (a.push(r.value), !t || a.length !== t); o = !0);
+            } catch (e) {
+                i = !0, n = e;
+            } finally{
+                try {
+                    o || null == u.return || u.return();
+                } finally{
+                    if (i) throw n;
+                }
+            }
+            return a;
+        }
+    }(t, r) || function(t, r) {
+        if (t) {
+            if ("string" == typeof t) return e(t, r);
+            var n = Object.prototype.toString.call(t).slice(8, -1);
+            if ("Object" === n && t.constructor && (n = t.constructor.name), "Map" === n || "Set" === n) return Array.from(n);
+            if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return e(t, r);
+        }
+    }(t, r) || function() {
+        throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }();
+}
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), Object.defineProperty(exports, "default", {
+    enumerable: !0,
+    get: function() {
+        return d;
+    }
+});
+var r = require("react/jsx-runtime"), n = f(require("classnames")), u = f(require("moment")), a = function(e, t) {
+    if (e && e.__esModule) return e;
+    if (null === e || (void 0 === e ? "undefined" : e && "undefined" != typeof Symbol && e.constructor === Symbol ? "symbol" : typeof e) != "object" && "function" != typeof e) return {
+        default: e
+    };
+    var r = s(t);
+    if (r && r.has(e)) return r.get(e);
+    var n = {
+        __proto__: null
+    }, u = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var a in e)if ("default" !== a && Object.prototype.hasOwnProperty.call(e, a)) {
+        var o = u ? Object.getOwnPropertyDescriptor(e, a) : null;
+        o && (o.get || o.set) ? Object.defineProperty(n, a, o) : n[a] = e[a];
+    }
+    return n.default = e, r && r.set(e, n), n;
+}(require("react")), o = f(require("../../../Functions/useToggle")), i = f(require("../Input/Input")), l = f(require("../Label"));
+function f(e) {
+    return e && e.__esModule ? e : {
+        default: e
+    };
+}
+function s(e) {
+    if ("function" != typeof WeakMap) return null;
+    var t = new WeakMap(), r = new WeakMap();
+    return (s = function(e) {
+        return e ? r : t;
+    })(e);
+}
+require("./TimeRange.scss");
+var c = 'time-range', d = function(e) {
+    var f = e.className, s = e.from, d = e.to, m = e.labelFrom, p = e.labelTo, y = e.testId, b = void 0 === y ? c : y, g = t((0, a.useState)(void 0 === s ? '' : s), 2), v = g[0], j = g[1], h = t((0, a.useState)(void 0 === d ? '' : d), 2), _ = h[0], M = h[1], H = (0, o.default)().isToggled, O = (0, o.default)().isToggled, x = (0, a.useMemo)(function() {
+        return (0, u.default)(v, 'HH:mm', !0).isValid();
+    }, [
+        v
+    ]), S = (0, a.useMemo)(function() {
+        return (0, u.default)(_, 'HH:mm', !0).isValid();
+    }, [
+        _
+    ]), q = function(e, t) {
+        t(e ? (0, u.default)(e, 'HH:mm').format('HH:mm') : '');
+    };
+    return (0, r.jsx)("div", {
+        "data-testid": b,
+        className: (0, n.default)(c, f),
+        children: (0, r.jsxs)("div", {
+            className: "time-range__range",
+            children: [
+                (0, r.jsx)(l.default, {
+                    label: m || 'Between'
+                }),
+                (0, r.jsx)(i.default, {
+                    className: "time-range__input",
+                    value: v,
+                    onChange: function(e) {
+                        return j(e);
+                    },
+                    placeholder: "00:00",
+                    onBlur: function() {
+                        return q(v, j);
+                    },
+                    error: H || !x ? 'HH:MM format' : '',
+                    testId: "start-time-input"
+                }),
+                (0, r.jsx)(l.default, {
+                    label: p || 'and'
+                }),
+                (0, r.jsx)(i.default, {
+                    className: "time-range__input",
+                    value: _,
+                    onChange: function(e) {
+                        return M(e);
+                    },
+                    placeholder: "00:00",
+                    onBlur: function() {
+                        return q(_, M);
+                    },
+                    error: O || !S ? 'HH:MM format' : '',
+                    testId: "end-time-input"
+                })
+            ]
+        })
+    });
+};