bi-utils-gpn 1.0.1

package/dist/esm/ui-components/ControlDash/ControlDashContent.js

@@ -0,0 +1,78 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useContext, useState, useMemo, useEffect } from 'react';
+import { IconClose } from '@consta/icons/IconClose';
+import { IconTrash } from '@consta/icons/IconTrash';
+import { Button } from '@consta/uikit/Button';
+import { Layout } from '@consta/uikit/Layout';
+import { Sidebar } from '@consta/uikit/Sidebar';
+import { Text } from '@consta/uikit/Text';
+import { CompletedFiltersContext } from '../FilterComponents/Context/CompletedFiltersContext.js';
+import { CustomControlDashCollapse } from '../FilterComponents/CustomControlDashCollapse/CustomControlDashCollapse.js';
+import '@consta/uikit/DatePicker';
+import '@consta/uikit/Loader';
+import 'axios';
+import 'axios-retry';
+import 'tslib';
+import 'bi-internal/core';
+import '../CommonContexts/DatasetNameContext.js';
+import { isFieldsDataWithGrouping, getFilterByType } from '../FilterComponents/helpers.js';
+import '@consta/icons/IconCancel';
+import { GroupedCollapse } from '../FilterComponents/GroupedCollapse/GroupedCollapse.js';
+import 'classnames';
+import 'react-virtuoso';
+import '@consta/uikit/MixScrollBar';
+import '@consta/uikit/Checkbox';
+import '@consta/uikit/TextField';
+import '@consta/uikit/Radio';
+import '@consta/uikit/RadioGroup';
+import IconArrow from './IconArrow/IconArrow.js';
+import styles from './styles/ControlDashStyles.module.scss.js';
+
+const ControlDashContent = ({ fieldsData, luxmsFilters, applyFilters, resetFilters, }) => {
+    const { completedFilters, handleChangeCompletedFilters } = useContext(CompletedFiltersContext);
+    const [isSidebarOpened, setIsSisdebarOpened] = useState(false);
+    const resetObject = useMemo(() => fieldsData.reduce((acc, item) => {
+        if ('field' in item)
+            acc = Object.assign(Object.assign({}, acc), { [item === null || item === void 0 ? void 0 : item.field]: undefined });
+        if ('children' in item) {
+            item.children.forEach((item) => {
+                acc = Object.assign(Object.assign({}, acc), { [item === null || item === void 0 ? void 0 : item.field]: undefined });
+            });
+        }
+        return acc;
+    }, {}), [fieldsData]);
+    useEffect(() => {
+        handleChangeCompletedFilters(luxmsFilters);
+    }, [luxmsFilters]);
+    const handleResetClick = () => {
+        setIsSisdebarOpened(false);
+        if (resetFilters) {
+            resetFilters();
+        }
+        else {
+            applyFilters(resetObject);
+        }
+    };
+    const handleApplyClick = () => {
+        setIsSisdebarOpened(false);
+        applyFilters(completedFilters);
+    };
+    return (jsxs(Fragment, { children: [jsx(Button, { className: styles.controlDashOpenButton, view: "primary", iconLeft: IconArrow, onClick: () => {
+                    setIsSisdebarOpened(true);
+                }, size: "l" }), jsxs(Sidebar, { isOpen: isSidebarOpened, size: "1/4", onEsc: () => setIsSisdebarOpened(false), onClickOutside: () => setIsSisdebarOpened(false), 
+                //Иначе не работает
+                style: { zIndex: 1000 }, className: styles.sideBar, children: [jsxs(Sidebar.Content, { className: styles.sideBar__content, children: [jsxs(Layout, { className: styles.sideBar__header, children: [jsx(Text, { size: "l", weight: "bold", children: "\u0424\u0438\u043B\u044C\u0442\u0440\u044B" }), jsx(Button, { size: "s", view: "clear", iconLeft: IconClose, onClick: () => setIsSisdebarOpened(false) })] }), jsx(Layout, { direction: "column", children: fieldsData.map((fieldInfo) => {
+                                    if (isFieldsDataWithGrouping(fieldInfo)) {
+                                        return (jsx(CustomControlDashCollapse, { name: fieldInfo.name, isFieldOpen: fieldInfo.isFieldOpen, areFiltersApplyed: !!(luxmsFilters === null || luxmsFilters === void 0 ? void 0 : luxmsFilters[fieldInfo === null || fieldInfo === void 0 ? void 0 : fieldInfo.field]), children: getFilterByType({
+                                                fieldInfo,
+                                                luxmsFilters,
+                                            }) }, fieldInfo.name));
+                                    }
+                                    else {
+                                        return (jsx(GroupedCollapse, { fieldInfo: fieldInfo, luxmsFilters: luxmsFilters }, fieldInfo.name));
+                                    }
+                                }) })] }), jsxs(Sidebar.Actions, { className: styles.sideBar__footer, children: [jsx(Button, { view: "ghost", label: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440\u044B", iconLeft: IconTrash, onClick: handleResetClick, size: "s" }), jsx(Button, { view: "primary", label: "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C", onClick: handleApplyClick, size: "s" })] })] })] }));
+};
+
+export { ControlDashContent };
+//# sourceMappingURL=ControlDashContent.js.map

package/dist/esm/ui-components/ControlDash/ControlDashContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlDashContent.js","sources":["../../../../src/ui-components/ControlDash/ControlDashContent.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from 'react';\r\nimport { IconClose } from '@consta/icons/IconClose';\r\nimport { IconTrash } from '@consta/icons/IconTrash';\r\nimport { Button } from '@consta/uikit/Button';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Sidebar } from '@consta/uikit/Sidebar';\r\nimport { Text } from '@consta/uikit/Text';\r\n\r\nimport {\r\n  CompletedFiltersContext,\r\n  CustomControlDashCollapse,\r\n  GroupedCollapse,\r\n} from '../FilterComponents';\r\nimport {\r\n  getFilterByType,\r\n  isFieldsDataWithGrouping,\r\n} from '../FilterComponents/helpers';\r\n\r\nimport IconArrow from './IconArrow/IconArrow';\r\nimport { ControlDashProps } from './types';\r\n\r\nimport styles from './styles/ControlDashStyles.module.scss';\r\n\r\nexport const ControlDashContent: React.FC<ControlDashProps> = ({\r\n  fieldsData,\r\n  luxmsFilters,\r\n  applyFilters,\r\n  resetFilters,\r\n}) => {\r\n  const { completedFilters, handleChangeCompletedFilters } = useContext(\r\n    CompletedFiltersContext\r\n  );\r\n\r\n  const [isSidebarOpened, setIsSisdebarOpened] = useState(false);\r\n\r\n  const resetObject = useMemo(\r\n    () =>\r\n      fieldsData.reduce((acc, item) => {\r\n        if ('field' in item)\r\n          acc = {\r\n            ...acc,\r\n            [item?.field]: undefined,\r\n          };\r\n\r\n        if ('children' in item) {\r\n          item.children.forEach((item) => {\r\n            acc = {\r\n              ...acc,\r\n              [item?.field]: undefined,\r\n            };\r\n          });\r\n        }\r\n\r\n        return acc;\r\n      }, {}),\r\n    [fieldsData]\r\n  );\r\n\r\n  useEffect(() => {\r\n    handleChangeCompletedFilters(luxmsFilters);\r\n  }, [luxmsFilters]);\r\n\r\n  const handleResetClick = () => {\r\n    setIsSisdebarOpened(false);\r\n\r\n    if (resetFilters) {\r\n      resetFilters();\r\n    } else {\r\n      applyFilters(resetObject);\r\n    }\r\n  };\r\n\r\n  const handleApplyClick = () => {\r\n    setIsSisdebarOpened(false);\r\n    applyFilters(completedFilters);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Button\r\n        className={styles.controlDashOpenButton}\r\n        view=\"primary\"\r\n        iconLeft={IconArrow as any}\r\n        onClick={() => {\r\n          setIsSisdebarOpened(true);\r\n        }}\r\n        size=\"l\"\r\n      />\r\n      <Sidebar\r\n        isOpen={isSidebarOpened}\r\n        size=\"1/4\"\r\n        onEsc={() => setIsSisdebarOpened(false)}\r\n        onClickOutside={() => setIsSisdebarOpened(false)}\r\n        //Иначе не работает\r\n        style={{ zIndex: 1000 }}\r\n        className={styles.sideBar}\r\n      >\r\n        <Sidebar.Content className={styles.sideBar__content}>\r\n          <Layout className={styles.sideBar__header}>\r\n            <Text size=\"l\" weight=\"bold\">\r\n              Фильтры\r\n            </Text>\r\n            <Button\r\n              size=\"s\"\r\n              view=\"clear\"\r\n              iconLeft={IconClose}\r\n              onClick={() => setIsSisdebarOpened(false)}\r\n            />\r\n          </Layout>\r\n          <Layout direction=\"column\">\r\n            {fieldsData.map((fieldInfo) => {\r\n              if (isFieldsDataWithGrouping(fieldInfo)) {\r\n                return (\r\n                  <CustomControlDashCollapse\r\n                    key={fieldInfo.name}\r\n                    name={fieldInfo.name}\r\n                    isFieldOpen={fieldInfo.isFieldOpen}\r\n                    areFiltersApplyed={!!luxmsFilters?.[fieldInfo?.field]}\r\n                  >\r\n                    {getFilterByType({\r\n                      fieldInfo,\r\n                      luxmsFilters,\r\n                    })}\r\n                  </CustomControlDashCollapse>\r\n                );\r\n              } else {\r\n                return (\r\n                  <GroupedCollapse\r\n                    key={fieldInfo.name}\r\n                    fieldInfo={fieldInfo}\r\n                    luxmsFilters={luxmsFilters}\r\n                  />\r\n                );\r\n              }\r\n            })}\r\n          </Layout>\r\n        </Sidebar.Content>\r\n        <Sidebar.Actions className={styles.sideBar__footer}>\r\n          <Button\r\n            view=\"ghost\"\r\n            label=\"Сбросить фильтры\"\r\n            iconLeft={IconTrash}\r\n            onClick={handleResetClick}\r\n            size=\"s\"\r\n          />\r\n          <Button\r\n            view=\"primary\"\r\n            label=\"Применить\"\r\n            onClick={handleApplyClick}\r\n            size=\"s\"\r\n          />\r\n        </Sidebar.Actions>\r\n      </Sidebar>\r\n    </>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/ui-components/ControlDash/IconArrow/IconArrow.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import styles from './IconArrowStyles.module.scss.js';
+
+const src = 'srv/resources/ds_template/Images/controlDashOpenButton.png';
+const IconArrow = () => {
+    return (jsx("div", { className: styles.arrow, children: jsx("img", { className: styles.arrow__image, src: src, alt: "arrow" }) }));
+};
+
+export { IconArrow as default };
+//# sourceMappingURL=IconArrow.js.map

package/dist/esm/ui-components/ControlDash/IconArrow/IconArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconArrow.js","sources":["../../../../../src/ui-components/ControlDash/IconArrow/IconArrow.tsx"],"sourcesContent":["import React from 'react';\r\n\r\nimport styles from './IconArrowStyles.module.scss';\r\n\r\nconst src = 'srv/resources/ds_template/Images/controlDashOpenButton.png';\r\n\r\nconst IconArrow: React.FC = () => {\r\n  return (\r\n    <div className={styles.arrow}>\r\n      <img className={styles.arrow__image} src={src} alt=\"arrow\" />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default IconArrow;\r\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,GAAG,GAAG,4DAA4D,CAAC;AAEnE,MAAA,SAAS,GAAa,MAAK;IAC/B,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,QAAA,EAC1BA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,OAAO,EAAA,CAAG,EACzD,CAAA,EACN;AACJ;;;;"}

package/dist/esm/ui-components/ControlDash/IconArrow/IconArrowStyles.module.scss.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".IconArrowStyles-module__arrow___SxNdf{align-items:center;display:flex;flex-direction:column;height:58px;justify-content:center;margin-right:5px;width:27px}.IconArrowStyles-module__arrow__image___gmL3U{height:31px;width:13px}";
+var styles = {"arrow":"IconArrowStyles-module__arrow___SxNdf","arrow__image":"IconArrowStyles-module__arrow__image___gmL3U"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=IconArrowStyles.module.scss.js.map

package/dist/esm/ui-components/ControlDash/IconArrow/IconArrowStyles.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconArrowStyles.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/ui-components/ControlDash/styles/ControlDashStyles.module.scss.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".ControlDashStyles-module__controlDashOpenButton___lz9UO{background-color:rgba(0,0,0,.5)!important;border-radius:8px;height:58px!important;position:absolute!important;right:-5px;top:calc(50% - 29px);width:27px!important;z-index:1001}.ControlDashStyles-module__controlDashOpenButton___lz9UO:hover{background-color:rgba(0,0,0,.438)!important}.ControlDashStyles-module__sideBar___x9f1s{border-radius:8px!important;display:flex!important;justify-content:space-between!important;padding:10px 0 10px 20px!important}.ControlDashStyles-module__sideBar__content___OX4KY{padding-right:20px}.ControlDashStyles-module__sideBar__header___s8DJJ{justify-content:space-between}.ControlDashStyles-module__sideBar__footer___p-y9T{display:flex;justify-content:space-between;margin-right:20px;padding-top:10px}";
+var styles = {"controlDashOpenButton":"ControlDashStyles-module__controlDashOpenButton___lz9UO","sideBar":"ControlDashStyles-module__sideBar___x9f1s","sideBar__content":"ControlDashStyles-module__sideBar__content___OX4KY","sideBar__header":"ControlDashStyles-module__sideBar__header___s8DJJ","sideBar__footer":"ControlDashStyles-module__sideBar__footer___p-y9T"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=ControlDashStyles.module.scss.js.map

package/dist/esm/ui-components/ControlDash/styles/ControlDashStyles.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlDashStyles.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/ui-components/DashletHeader/index.js

@@ -0,0 +1,23 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import cn from 'classnames';
+import { IconForward } from '@consta/icons/IconForward';
+import { IconQuestion } from '@consta/icons/IconQuestion';
+import { Button } from '@consta/uikit/Button';
+import { Card } from '@consta/uikit/Card';
+import { Layout } from '@consta/uikit/Layout';
+import { Popover } from '@consta/uikit/Popover';
+import { Text } from '@consta/uikit/Text';
+
+const DashletHeader = (props) => {
+    const [position, setPosition] = useState();
+    const handleMouseMove = (event) => {
+        setPosition({ x: event.clientX, y: event.clientY });
+    };
+    return (jsxs(Layout, { className: cn('dashlet-header', props.headerClassName), direction: "row", children: [jsxs(Layout, { direction: "column", flex: 6, children: [jsxs(Text, { className: "dashlet-header_title", weight: props.titleWeight || 'semibold', size: props.titleSize || 'm', view: props.titleView || 'primary', children: [props.title, (props === null || props === void 0 ? void 0 : props.showQuestion) && (jsxs(Fragment, { children: [jsx(IconQuestion, { view: "ghost", size: "s", className: "dashlet-header_question-icon", onMouseMove: handleMouseMove, onMouseLeave: () => setPosition(undefined), onClick: props.onQuestionClick }), props.questionLabel && (jsx(Popover, { direction: "upRight", spareDirection: "rightCenter", position: position, isInteractive: false, placeholder: undefined, onPointerEnterCapture: undefined, onPointerLeaveCapture: undefined, children: jsx(Card, { className: "dashlet-header_popover", verticalSpace: "s", horizontalSpace: "s", children: jsx(Text, { size: "xs", dangerouslySetInnerHTML: {
+                                                    __html: props.questionLabel,
+                                                } }) }) }))] }))] }), jsx(Text, { className: "dashlet-header_subtitle", weight: props.subtitleWeight || 'regular', size: props.subtitleSize || 's', view: props.subtitleView || 'secondary', lineHeight: "xs", children: props.subtitle }), props.showButtonDetails && (jsx(Button, { label: "\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435", iconRight: IconForward, className: "dashlet-header_details-button", onClick: props.onButtonDetailsClick, size: "xs", view: "ghost" }))] }), jsx(Layout, { direction: "row", flex: 3, className: "dashlet-header_buttons", children: props.buttons })] }));
+};
+
+export { DashletHeader };
+//# sourceMappingURL=index.js.map

package/dist/esm/ui-components/DashletHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/ui-components/DashletHeader/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport classnames from 'classnames';\r\nimport { IconForward } from '@consta/icons/IconForward';\r\nimport { IconQuestion } from '@consta/icons/IconQuestion';\r\nimport { Button } from '@consta/uikit/Button';\r\nimport { Card } from '@consta/uikit/Card';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Popover } from '@consta/uikit/Popover';\r\nimport {\r\n  Text,\r\n  TextPropSize,\r\n  TextPropView,\r\n  TextPropWeight,\r\n} from '@consta/uikit/Text';\r\n\r\nimport './DashletHeader.scss';\r\n\r\nexport interface IDashletHeader {\r\n  title: string;\r\n  titleSize?: TextPropSize;\r\n  titleWeight?: TextPropWeight;\r\n  titleView?: TextPropView;\r\n  subtitle?: string;\r\n  subtitleSize?: TextPropSize;\r\n  subtitleWeight?: TextPropWeight;\r\n  subtitleView?: TextPropView;\r\n  headerClassName?: string;\r\n  buttons?: React.ReactNode;\r\n  showQuestion?: boolean;\r\n  questionLabel?: string;\r\n  onQuestionClick?: React.EventHandler<React.MouseEvent>;\r\n  showButtonDetails?: boolean; //Кнопка подробнее\r\n  onButtonDetailsClick?: React.EventHandler<React.MouseEvent>; //onClick кнопки подробнее\r\n}\r\n\r\ninterface IPosition {\r\n  x: number;\r\n  y: number;\r\n}\r\n\r\nexport const DashletHeader: React.FC<IDashletHeader> = (props) => {\r\n  const [position, setPosition] = useState<IPosition | undefined>();\r\n\r\n  const handleMouseMove = (event: React.MouseEvent) => {\r\n    setPosition({ x: event.clientX, y: event.clientY });\r\n  };\r\n\r\n  return (\r\n    <Layout\r\n      className={classnames('dashlet-header', props.headerClassName)}\r\n      direction=\"row\"\r\n    >\r\n      <Layout direction=\"column\" flex={6}>\r\n        <Text\r\n          className=\"dashlet-header_title\"\r\n          weight={props.titleWeight || 'semibold'}\r\n          size={props.titleSize || 'm'}\r\n          view={props.titleView || 'primary'}\r\n        >\r\n          {props.title}\r\n          {props?.showQuestion && (\r\n            <>\r\n              <IconQuestion\r\n                view=\"ghost\"\r\n                size=\"s\"\r\n                className=\"dashlet-header_question-icon\"\r\n                onMouseMove={handleMouseMove}\r\n                onMouseLeave={() => setPosition(undefined)}\r\n                onClick={props.onQuestionClick}\r\n              />\r\n              {props.questionLabel && (\r\n                <Popover\r\n                  direction=\"upRight\"\r\n                  spareDirection=\"rightCenter\"\r\n                  position={position}\r\n                  isInteractive={false}\r\n                  placeholder={undefined}\r\n                  onPointerEnterCapture={undefined}\r\n                  onPointerLeaveCapture={undefined}\r\n                >\r\n                  <Card\r\n                    className=\"dashlet-header_popover\"\r\n                    verticalSpace=\"s\"\r\n                    horizontalSpace=\"s\"\r\n                  >\r\n                    <Text\r\n                      size=\"xs\"\r\n                      dangerouslySetInnerHTML={{\r\n                        __html: props.questionLabel!,\r\n                      }}\r\n                    ></Text>\r\n                  </Card>\r\n                </Popover>\r\n              )}\r\n            </>\r\n          )}\r\n        </Text>\r\n        <Text\r\n          className=\"dashlet-header_subtitle\"\r\n          weight={props.subtitleWeight || 'regular'}\r\n          size={props.subtitleSize || 's'}\r\n          view={props.subtitleView || 'secondary'}\r\n          lineHeight=\"xs\"\r\n        >\r\n          {props.subtitle}\r\n        </Text>\r\n        {props.showButtonDetails && (\r\n          <Button\r\n            label=\"Подробнее\"\r\n            iconRight={IconForward}\r\n            className=\"dashlet-header_details-button\"\r\n            onClick={props.onButtonDetailsClick}\r\n            size=\"xs\"\r\n            view=\"ghost\"\r\n          />\r\n        )}\r\n      </Layout>\r\n      <Layout direction=\"row\" flex={3} className=\"dashlet-header_buttons\">\r\n        {props.buttons}\r\n      </Layout>\r\n    </Layout>\r\n  );\r\n};\r\n"],"names":["_jsxs","classnames","_Fragment","_jsx"],"mappings":"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"}

package/dist/esm/ui-components/DashletHeaderButton/index.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { Button } from '@consta/uikit/Button';
+import { IconComponent } from '../IconComponent/index.js';
+
+const DashletHeaderButton = ({ icon, iconComponent, onClick, size, iconSize, }) => {
+    return (jsx(Button, { size: size || 's', iconSize: iconSize || 's', view: "ghost", 
+        //@ts-ignore не критично
+        iconRight: icon ? () => jsx(IconComponent, { icon: icon }) : iconComponent, onClick: onClick, onlyIcon: true }));
+};
+
+export { DashletHeaderButton };
+//# sourceMappingURL=index.js.map

package/dist/esm/ui-components/DashletHeaderButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/ui-components/DashletHeaderButton/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Button, ButtonPropSize } from '@consta/uikit/Button';\r\n\r\nimport { IconComponent } from '../IconComponent';\r\n\r\nexport interface IDashletHeaderButton {\r\n  icon?: string; // Использовать если нужно изображение из ds_template/Images\r\n  iconComponent?: React.FC; // Использовать, если нужна компонента Consta\r\n  onClick: React.EventHandler<React.MouseEvent>;\r\n  size?: ButtonPropSize; // Размер кнопки\r\n  iconSize?: ButtonPropSize; // Размер иконки внутри кнопки\r\n}\r\n\r\nexport const DashletHeaderButton: React.FC<IDashletHeaderButton> = ({\r\n  icon,\r\n  iconComponent,\r\n  onClick,\r\n  size,\r\n  iconSize,\r\n}) => {\r\n  return (\r\n    <Button\r\n      size={size || 's'}\r\n      iconSize={iconSize || 's'}\r\n      view=\"ghost\"\r\n      //@ts-ignore не критично\r\n      iconRight={icon ? () => <IconComponent icon={icon} /> : iconComponent}\r\n      onClick={onClick}\r\n      onlyIcon\r\n    />\r\n  );\r\n};\r\n"],"names":["_jsx"],"mappings":";;;;AAaa,MAAA,mBAAmB,GAAmC,CAAC,EAClE,IAAI,EACJ,aAAa,EACb,OAAO,EACP,IAAI,EACJ,QAAQ,GACT,KAAI;AACH,IAAA,QACEA,GAAC,CAAA,MAAM,IACL,IAAI,EAAE,IAAI,IAAI,GAAG,EACjB,QAAQ,EAAE,QAAQ,IAAI,GAAG,EACzB,IAAI,EAAC,OAAO;;QAEZ,SAAS,EAAE,IAAI,GAAG,MAAMA,GAAA,CAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,GAAG,aAAa,EACrE,OAAO,EAAE,OAAO,EAChB,QAAQ,EACR,IAAA,EAAA,CAAA,EACF;AACJ;;;;"}

package/dist/esm/ui-components/DashletHeaderModal/index.js

@@ -0,0 +1,10 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Layout } from '@consta/uikit/Layout';
+import { Modal } from '@consta/uikit/Modal';
+
+const DashletHeaderModal = ({ children, heightModal = '100%', widthModal = '100%', isModalOpen, handleClose, }) => {
+    return (jsxs(Layout, { className: "dashlet-header__modal_layout", children: [children, jsx(Modal, { isOpen: isModalOpen, hasOverlay: true, onClickOutside: handleClose, onEsc: handleClose, style: { zIndex: 102, height: heightModal, width: widthModal }, className: "dashlet-header__modal", children: children })] }));
+};
+
+export { DashletHeaderModal };
+//# sourceMappingURL=index.js.map

package/dist/esm/ui-components/DashletHeaderModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/ui-components/DashletHeaderModal/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Modal } from '@consta/uikit/Modal';\r\n\r\nimport './DashletHeaderModal.scss';\r\n\r\ninterface IDashletHeaderModalProps {\r\n  isModalOpen: boolean;\r\n  heightModal?: string;\r\n  widthModal?: string;\r\n  handleClose: () => void;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const DashletHeaderModal: React.FC<IDashletHeaderModalProps> = ({\r\n  children,\r\n  heightModal = '100%',\r\n  widthModal = '100%',\r\n  isModalOpen,\r\n  handleClose,\r\n}) => {\r\n  return (\r\n    <Layout className=\"dashlet-header__modal_layout\">\r\n      {children}\r\n      <Modal\r\n        isOpen={isModalOpen}\r\n        hasOverlay\r\n        onClickOutside={handleClose}\r\n        onEsc={handleClose}\r\n        style={{ zIndex: 102, height: heightModal, width: widthModal }}\r\n        className=\"dashlet-header__modal\"\r\n      >\r\n        {children}\r\n      </Modal>\r\n    </Layout>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":";;;;MAca,kBAAkB,GAAuC,CAAC,EACrE,QAAQ,EACR,WAAW,GAAG,MAAM,EACpB,UAAU,GAAG,MAAM,EACnB,WAAW,EACX,WAAW,GACZ,KAAI;IACH,QACEA,KAAC,MAAM,EAAA,EAAC,SAAS,EAAC,8BAA8B,EAC7C,QAAA,EAAA,CAAA,QAAQ,EACTC,GAAA,CAAC,KAAK,EACJ,EAAA,MAAM,EAAE,WAAW,EACnB,UAAU,QACV,cAAc,EAAE,WAAW,EAC3B,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,EAC9D,SAAS,EAAC,uBAAuB,YAEhC,QAAQ,EAAA,CACH,CACD,EAAA,CAAA,EACT;AACJ;;;;"}

package/dist/esm/ui-components/DashletLayout/index.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { Layout } from '@consta/uikit/Layout';
+import { Loader } from '@consta/uikit/Loader';
+import { DashletHeader } from '../DashletHeader/index.js';
+
+const DashletLayout = (props) => {
+    return (jsxs(Layout, { className: cn(props.noModal ? 'dashlet-layout' : 'dashlet-layout__into-modal', props.className), children: [jsx(DashletHeader, Object.assign({}, props)), props.isLoading ? (jsx(Layout, { className: "dashlet-layout__loaderContainer", children: jsx(Loader, { style: { marginTop: props === null || props === void 0 ? void 0 : props.loaderMarginTop } }) })) : (props.children)] }));
+};
+
+export { DashletLayout };
+//# sourceMappingURL=index.js.map

package/dist/esm/ui-components/DashletLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/ui-components/DashletLayout/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport classnames from 'classnames';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Loader } from '@consta/uikit/Loader';\r\n\r\nimport { DashletHeader, IDashletHeader } from '../DashletHeader';\r\n\r\nimport './DashletLayout.scss';\r\n\r\nexport interface IDashletLayout extends IDashletHeader {\r\n  className?: string;\r\n  noModal?: boolean;\r\n  isLoading?: boolean;\r\n  loaderMarginTop?: number; // Отступ сверху для Loader\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const DashletLayout: React.FC<IDashletLayout> = (props) => {\r\n  return (\r\n    <Layout\r\n      className={classnames(\r\n        props.noModal ? 'dashlet-layout' : 'dashlet-layout__into-modal',\r\n        props.className\r\n      )}\r\n    >\r\n      <DashletHeader {...props} />\r\n      {props.isLoading ? (\r\n        <Layout className=\"dashlet-layout__loaderContainer\">\r\n          <Loader style={{ marginTop: props?.loaderMarginTop }} />\r\n        </Layout>\r\n      ) : (\r\n        props.children\r\n      )}\r\n    </Layout>\r\n  );\r\n};\r\n"],"names":["_jsxs","classnames","_jsx"],"mappings":";;;;;;AAiBa,MAAA,aAAa,GAA6B,CAAC,KAAK,KAAI;AAC/D,IAAA,QACEA,IAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAEC,EAAU,CACnB,KAAK,CAAC,OAAO,GAAG,gBAAgB,GAAG,4BAA4B,EAC/D,KAAK,CAAC,SAAS,CAChB,aAEDC,GAAC,CAAA,aAAa,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAI,EAC3B,KAAK,CAAC,SAAS,IACdA,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,iCAAiC,EACjD,QAAA,EAAAA,GAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,eAAe,EAAE,EAAI,CAAA,EAAA,CACjD,KAET,KAAK,CAAC,QAAQ,CACf,CAAA,EAAA,CACM,EACT;AACJ;;;;"}

package/dist/esm/ui-components/FilterComponents/Context/CompletedFiltersContext.js

@@ -0,0 +1,34 @@
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useCallback, useMemo } from 'react';
+
+const CompletedFiltersContext = createContext({
+    completedFilters: {},
+    handleChangeCompletedFilters: (_newCompletedFilters
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    ) => { },
+    getCompletedFiltersWithoutField: ((_field) => ''),
+});
+const CompletedFiltersContextProvider = ({ children, initialFilters, }) => {
+    const [completedFilters, setCompletedFilters] = useState(initialFilters !== null && initialFilters !== void 0 ? initialFilters : {});
+    const handleChangeCompletedFilters = useCallback((newCompletedFilters) => {
+        setCompletedFilters((prev) => (Object.assign(Object.assign({}, prev), newCompletedFilters)));
+    }, []);
+    const getCompletedFiltersWithoutField = (field) => {
+        if (!(completedFilters === null || completedFilters === void 0 ? void 0 : completedFilters[field]))
+            return JSON.stringify(completedFilters);
+        const _a = completedFilters, _b = field; _a[_b]; const restFilters = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+        return JSON.stringify(restFilters);
+    };
+    const values = useMemo(() => {
+        return {
+            completedFilters,
+            handleChangeCompletedFilters,
+            getCompletedFiltersWithoutField,
+        };
+    }, [completedFilters]);
+    return (jsx(CompletedFiltersContext.Provider, { value: values, children: children }));
+};
+
+export { CompletedFiltersContext, CompletedFiltersContextProvider };
+//# sourceMappingURL=CompletedFiltersContext.js.map

package/dist/esm/ui-components/FilterComponents/Context/CompletedFiltersContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompletedFiltersContext.js","sources":["../../../../../src/ui-components/FilterComponents/Context/CompletedFiltersContext.tsx"],"sourcesContent":["import React, { createContext, useCallback, useMemo, useState } from 'react';\r\n\r\nimport { ContextValues } from '../types';\r\n\r\ninterface CompletedFiltersContextProviderProps {\r\n  children: React.ReactNode;\r\n  initialFilters?: ContextValues;\r\n}\r\n\r\nexport const CompletedFiltersContext = createContext({\r\n  completedFilters: {} as ContextValues,\r\n  handleChangeCompletedFilters: (\r\n    _newCompletedFilters: ContextValues\r\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\r\n  ) => {},\r\n  getCompletedFiltersWithoutField: ((_field: string) => '') as (\r\n    _field: string\r\n  ) => string,\r\n});\r\n\r\nexport const CompletedFiltersContextProvider = ({\r\n  children,\r\n  initialFilters,\r\n}: CompletedFiltersContextProviderProps) => {\r\n  const [completedFilters, setCompletedFilters] = useState<ContextValues>(\r\n    initialFilters ?? {}\r\n  );\r\n\r\n  const handleChangeCompletedFilters = useCallback(\r\n    (newCompletedFilters: ContextValues) => {\r\n      setCompletedFilters((prev) => ({ ...prev, ...newCompletedFilters }));\r\n    },\r\n    []\r\n  );\r\n\r\n  const getCompletedFiltersWithoutField = (field: string) => {\r\n    if (!completedFilters?.[field]) return JSON.stringify(completedFilters);\r\n\r\n    const { [field]: _notUsed, ...restFilters } = completedFilters;\r\n    return JSON.stringify(restFilters);\r\n  };\r\n\r\n  const values = useMemo(() => {\r\n    return {\r\n      completedFilters,\r\n      handleChangeCompletedFilters,\r\n      getCompletedFiltersWithoutField,\r\n    };\r\n  }, [completedFilters]);\r\n  return (\r\n    <CompletedFiltersContext.Provider value={values}>\r\n      {children}\r\n    </CompletedFiltersContext.Provider>\r\n  );\r\n};\r\n"],"names":["_jsx"],"mappings":";;;;AASO,MAAM,uBAAuB,GAAG,aAAa,CAAC;AACnD,IAAA,gBAAgB,EAAE,EAAmB;IACrC,4BAA4B,EAAE,CAC5B,oBAAmC;;AAEnC,YAAK;IACP,+BAA+B,GAAG,CAAC,MAAc,KAAK,EAAE,CAE7C;AACZ,CAAA,EAAE;AAEU,MAAA,+BAA+B,GAAG,CAAC,EAC9C,QAAQ,EACR,cAAc,GACuB,KAAI;AACzC,IAAA,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CACtD,cAAc,KAAA,IAAA,IAAd,cAAc,KAAd,KAAA,CAAA,GAAA,cAAc,GAAI,EAAE,CACrB,CAAC;AAEF,IAAA,MAAM,4BAA4B,GAAG,WAAW,CAC9C,CAAC,mBAAkC,KAAI;AACrC,QAAA,mBAAmB,CAAC,CAAC,IAAI,MAAW,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAK,EAAA,mBAAmB,CAAG,CAAA,CAAC,CAAC;KACtE,EACD,EAAE,CACH,CAAC;AAEF,IAAA,MAAM,+BAA+B,GAAG,CAAC,KAAa,KAAI;QACxD,IAAI,EAAC,gBAAgB,KAAhB,IAAA,IAAA,gBAAgB,uBAAhB,gBAAgB,CAAG,KAAK,CAAC,CAAA;AAAE,YAAA,OAAO,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;AAExE,QAAA,MAA8C,EAAA,GAAA,gBAAgB,CAAtD,CAAA,EAAA,GAAC,KAAM,CAAA,CAAU,EAAA,CAAA,EAAA,CAAA,CAAK,OAAA,WAAW,GAAnC,MAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,KAAA,QAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,CAAqC,EAAoB;AAC/D,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;AACrC,KAAC,CAAC;AAEF,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAK;QAC1B,OAAO;YACL,gBAAgB;YAChB,4BAA4B;YAC5B,+BAA+B;SAChC,CAAC;AACJ,KAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;AACvB,IAAA,QACEA,GAAA,CAAC,uBAAuB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,MAAM,EAAA,QAAA,EAC5C,QAAQ,EAAA,CACwB,EACnC;AACJ;;;;"}

package/dist/esm/ui-components/FilterComponents/CustomControlDashCollapse/CustomControlDashCollapse.js

@@ -0,0 +1,28 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, useCallback } from 'react';
+import { IconFunnel } from '@consta/icons/IconFunnel';
+import { Collapse } from '@consta/uikit/Collapse';
+import styles from '../styles/ControlDashStyles.module.scss.js';
+
+const CustomControlDashCollapse = ({ name, areFiltersApplyed, isFieldOpen = false, children }) => {
+    const [isOpen, setIsOpen] = useState(isFieldOpen);
+    const [isContentShown, setIsContentShown] = useState(isFieldOpen);
+    const timerRef = useRef(null);
+    //При размонтировании очищаем таймаут
+    useEffect(() => {
+        return () => {
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+        };
+    }, []);
+    const handleOnClick = useCallback(() => {
+        setIsOpen(!isOpen);
+        if (timerRef.current)
+            clearTimeout(timerRef.current);
+        timerRef.current = setTimeout(() => setIsContentShown(!isOpen), isOpen ? 700 : 0);
+    }, [isOpen]);
+    return (jsx(Collapse, { label: name, isOpen: isOpen, rightSide: areFiltersApplyed ? jsx(IconFunnel, { size: "xs", view: "brand" }) : jsx(Fragment, {}), onClick: handleOnClick, size: "s", className: styles.collapse, children: isContentShown && children }));
+};
+
+export { CustomControlDashCollapse };
+//# sourceMappingURL=CustomControlDashCollapse.js.map

package/dist/esm/ui-components/FilterComponents/CustomControlDashCollapse/CustomControlDashCollapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomControlDashCollapse.js","sources":["../../../../../src/ui-components/FilterComponents/CustomControlDashCollapse/CustomControlDashCollapse.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\r\nimport { IconFunnel } from '@consta/icons/IconFunnel';\r\nimport { Collapse } from '@consta/uikit/Collapse';\r\n\r\nimport styles from '../styles/ControlDashStyles.module.scss';\r\n\r\nexport interface ICustomControlDashCollapseProps {\r\n  name: string;\r\n  areFiltersApplyed: boolean;\r\n  isFieldOpen?: boolean;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const CustomControlDashCollapse: React.FC<\r\n  ICustomControlDashCollapseProps\r\n> = ({ name, areFiltersApplyed, isFieldOpen = false, children }) => {\r\n  const [isOpen, setIsOpen] = useState(isFieldOpen);\r\n  const [isContentShown, setIsContentShown] = useState(isFieldOpen);\r\n\r\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\r\n  //При размонтировании очищаем таймаут\r\n  useEffect(() => {\r\n    return () => {\r\n      if (timerRef.current) clearTimeout(timerRef.current);\r\n    };\r\n  }, []);\r\n\r\n  const handleOnClick = useCallback(() => {\r\n    setIsOpen(!isOpen);\r\n    if (timerRef.current) clearTimeout(timerRef.current);\r\n    timerRef.current = setTimeout(\r\n      () => setIsContentShown(!isOpen),\r\n      isOpen ? 700 : 0\r\n    );\r\n  }, [isOpen]);\r\n\r\n  return (\r\n    <Collapse\r\n      label={name}\r\n      isOpen={isOpen}\r\n      rightSide={\r\n        areFiltersApplyed ? <IconFunnel size=\"xs\" view=\"brand\" /> : <></>\r\n      }\r\n      onClick={handleOnClick}\r\n      size=\"s\"\r\n      className={styles.collapse}\r\n    >\r\n      {isContentShown && children}\r\n    </Collapse>\r\n  );\r\n};\r\n"],"names":["_jsx","_Fragment"],"mappings":";;;;;;AAaa,MAAA,yBAAyB,GAElC,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,WAAW,GAAG,KAAK,EAAE,QAAQ,EAAE,KAAI;IACjE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AAElE,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;;IAGpE,SAAS,CAAC,MAAK;AACb,QAAA,OAAO,MAAK;YACV,IAAI,QAAQ,CAAC,OAAO;AAAE,gBAAA,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AACvD,SAAC,CAAC;KACH,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,MAAK;AACrC,QAAA,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;QACnB,IAAI,QAAQ,CAAC,OAAO;AAAE,YAAA,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrD,QAAQ,CAAC,OAAO,GAAG,UAAU,CAC3B,MAAM,iBAAiB,CAAC,CAAC,MAAM,CAAC,EAChC,MAAM,GAAG,GAAG,GAAG,CAAC,CACjB,CAAC;AACJ,KAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,QACEA,GAAC,CAAA,QAAQ,EACP,EAAA,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,MAAM,EACd,SAAS,EACP,iBAAiB,GAAGA,GAAA,CAAC,UAAU,EAAC,EAAA,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAA,CAAG,GAAGA,GAAA,CAAAC,QAAA,EAAA,EAAA,CAAK,EAEnE,OAAO,EAAE,aAAa,EACtB,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,MAAM,CAAC,QAAQ,EAEzB,QAAA,EAAA,cAAc,IAAI,QAAQ,EAClB,CAAA,EACX;AACJ;;;;"}

package/dist/esm/ui-components/FilterComponents/DatePickerRange/DatePickerRange.js

@@ -0,0 +1,78 @@
+import { jsx } from 'react/jsx-runtime';
+import { useContext, useState, useEffect } from 'react';
+import { DatePicker } from '@consta/uikit/DatePicker';
+import { Layout } from '@consta/uikit/Layout';
+import { Loader } from '@consta/uikit/Loader';
+import 'axios';
+import 'axios-retry';
+import { getKoobDataByCfgFromLib } from '../../../utils/getKoobDataByCfg.js';
+import { DatasetNameContext } from '../../CommonContexts/DatasetNameContext.js';
+import { CompletedFiltersContext } from '../Context/CompletedFiltersContext.js';
+import '@consta/icons/IconFunnel';
+import '@consta/uikit/Collapse';
+import { formatDate } from '../helpers.js';
+import { getCorrectDate } from './helpers.js';
+import '@consta/icons/IconCancel';
+import '@consta/uikit/Button';
+import 'classnames';
+import 'react-virtuoso';
+import '@consta/uikit/MixScrollBar';
+import '@consta/uikit/Text';
+import '@consta/uikit/Checkbox';
+import '@consta/uikit/TextField';
+import '@consta/uikit/Radio';
+import '@consta/uikit/RadioGroup';
+
+const DatePickerRange = ({ koob, applyedFilters, field, }) => {
+    const ds_name = useContext(DatasetNameContext);
+    const { handleChangeCompletedFilters } = useContext(CompletedFiltersContext);
+    const [value, setValue] = useState(null);
+    const [isLoading, setIsLoading] = useState(true);
+    useEffect(() => {
+        if (value) {
+            handleChangeCompletedFilters({
+                [field]: [
+                    'between',
+                    formatDate(value[0]),
+                    formatDate(value[1]),
+                ],
+            });
+        }
+    }, [value]);
+    useEffect(() => {
+        const modifiedFilters = applyedFilters
+            ? applyedFilters.filter((item) => item !== 'between')
+            : null;
+        if (!modifiedFilters) {
+            getKoobDataByCfgFromLib({
+                data: {
+                    koob: koob,
+                    columns: [`min(${field}):${field}_min`, `max(${field}):${field}_max`],
+                },
+                ds_name,
+            })
+                .then((resp) => {
+                var _a, _b;
+                setValue([
+                    getCorrectDate((_a = resp[0]) === null || _a === void 0 ? void 0 : _a[`${field}_min`]),
+                    getCorrectDate((_b = resp[0]) === null || _b === void 0 ? void 0 : _b[`${field}_max`]),
+                ]);
+            })
+                .catch(() => {
+                setValue(null);
+            })
+                .finally(() => setIsLoading(false));
+        }
+        else {
+            setValue([
+                getCorrectDate(modifiedFilters[0]),
+                getCorrectDate(modifiedFilters[1]),
+            ]);
+            setIsLoading(false);
+        }
+    }, []);
+    return (jsx(Layout, { style: { justifyContent: 'center', alignItems: 'center' }, children: isLoading ? (jsx(Loader, {})) : (jsx(DatePicker, { type: "date-range", value: value, onChange: (value) => setValue(value) })) }));
+};
+
+export { DatePickerRange };
+//# sourceMappingURL=DatePickerRange.js.map

package/dist/esm/ui-components/FilterComponents/DatePickerRange/DatePickerRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerRange.js","sources":["../../../../../src/ui-components/FilterComponents/DatePickerRange/DatePickerRange.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\r\nimport { DatePicker } from '@consta/uikit/DatePicker';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Loader } from '@consta/uikit/Loader';\r\n\r\nimport { getKoobDataByCfgFromLib } from '@/utils';\r\n\r\nimport { DatasetNameContext } from '../../CommonContexts';\r\nimport { CompletedFiltersContext } from '../../FilterComponents';\r\nimport { formatDate } from '../helpers';\r\nimport { DatePickerRangeConfig, OmitedComponentFields } from '../types';\r\n\r\nimport { getCorrectDate } from './helpers';\r\n\r\ninterface FieldItem extends Omit<DatePickerRangeConfig, OmitedComponentFields> {\r\n  applyedFilters?: string[];\r\n}\r\n\r\nexport const DatePickerRange: React.FC<FieldItem> = ({\r\n  koob,\r\n  applyedFilters,\r\n  field,\r\n}) => {\r\n  const ds_name = useContext(DatasetNameContext);\r\n  const { handleChangeCompletedFilters } = useContext(CompletedFiltersContext);\r\n\r\n  const [value, setValue] = useState<[Date?, Date?] | null>(null);\r\n  const [isLoading, setIsLoading] = useState(true);\r\n\r\n  useEffect(() => {\r\n    if (value) {\r\n      handleChangeCompletedFilters({\r\n        [field]: [\r\n          'between',\r\n          formatDate((value as Date[])[0]),\r\n          formatDate((value as Date[])[1]),\r\n        ],\r\n      });\r\n    }\r\n  }, [value]);\r\n\r\n  useEffect(() => {\r\n    const modifiedFilters: (string | undefined)[] | null = applyedFilters\r\n      ? applyedFilters.filter((item: string) => item !== 'between')\r\n      : null;\r\n\r\n    if (!modifiedFilters) {\r\n      getKoobDataByCfgFromLib({\r\n        data: {\r\n          koob: koob as string,\r\n          columns: [`min(${field}):${field}_min`, `max(${field}):${field}_max`],\r\n        },\r\n        ds_name,\r\n      })\r\n        .then((resp) => {\r\n          setValue([\r\n            getCorrectDate(resp[0]?.[`${field}_min`]),\r\n            getCorrectDate(resp[0]?.[`${field}_max`]),\r\n          ]);\r\n        })\r\n        .catch(() => {\r\n          setValue(null);\r\n        })\r\n        .finally(() => setIsLoading(false));\r\n    } else {\r\n      setValue([\r\n        getCorrectDate(modifiedFilters[0]),\r\n        getCorrectDate(modifiedFilters[1]),\r\n      ]);\r\n      setIsLoading(false);\r\n    }\r\n  }, []);\r\n\r\n  return (\r\n    <Layout style={{ justifyContent: 'center', alignItems: 'center' }}>\r\n      {isLoading ? (\r\n        <Loader />\r\n      ) : (\r\n        <DatePicker\r\n          type=\"date-range\"\r\n          value={value}\r\n          onChange={(value) => setValue(value)}\r\n        />\r\n      )}\r\n    </Layout>\r\n  );\r\n};\r\n"],"names":["_jsx"],"mappings":"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"}

package/dist/esm/ui-components/FilterComponents/DatePickerRange/helpers.js

@@ -0,0 +1,4 @@
+const getCorrectDate = (value) => value === undefined ? value : new Date(value);
+
+export { getCorrectDate };
+//# sourceMappingURL=helpers.js.map

package/dist/esm/ui-components/FilterComponents/DatePickerRange/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../../src/ui-components/FilterComponents/DatePickerRange/helpers.ts"],"sourcesContent":["export const getCorrectDate = (value: string | undefined) =>\r\n  value === undefined ? value : new Date(value);\r\n"],"names":[],"mappings":"AAAa,MAAA,cAAc,GAAG,CAAC,KAAyB,KACtD,KAAK,KAAK,SAAS,GAAG,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK;;;;"}

package/dist/esm/ui-components/FilterComponents/DatePickerSingle/DatePickerSingle.js

@@ -0,0 +1,37 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useContext, useState, useEffect } from 'react';
+import { IconCancel } from '@consta/icons/IconCancel';
+import { Button } from '@consta/uikit/Button';
+import { DatePicker } from '@consta/uikit/DatePicker';
+import { Layout } from '@consta/uikit/Layout';
+import { CompletedFiltersContext } from '../Context/CompletedFiltersContext.js';
+import { formatDate } from '../helpers.js';
+
+const DatePickerSingle = ({ applyedFilters, field, }) => {
+    const { handleChangeCompletedFilters } = useContext(CompletedFiltersContext);
+    const [value, setValue] = useState(null);
+    useEffect(() => {
+        if (value) {
+            handleChangeCompletedFilters({
+                [field]: ['=', formatDate(value)],
+            });
+        }
+    }, [value]);
+    useEffect(() => {
+        const modifiedFilters = applyedFilters ? applyedFilters[1] : null;
+        if (modifiedFilters) {
+            setValue(new Date(modifiedFilters));
+        }
+    }, []);
+    return (jsxs(Layout, { children: [jsx(DatePicker, { type: "date", size: "s", value: value, onChange: (value) => {
+                    setValue(value);
+                } }), jsx(Button, { size: "s", iconLeft: IconCancel, onClick: () => {
+                    setValue(null);
+                    handleChangeCompletedFilters({
+                        [field]: undefined,
+                    });
+                } })] }));
+};
+
+export { DatePickerSingle };
+//# sourceMappingURL=DatePickerSingle.js.map

package/dist/esm/ui-components/FilterComponents/DatePickerSingle/DatePickerSingle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerSingle.js","sources":["../../../../../src/ui-components/FilterComponents/DatePickerSingle/DatePickerSingle.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\r\nimport { IconCancel } from '@consta/icons/IconCancel';\r\nimport { Button } from '@consta/uikit/Button';\r\nimport { DatePicker } from '@consta/uikit/DatePicker';\r\nimport { Layout } from '@consta/uikit/Layout';\r\n\r\nimport { CompletedFiltersContext } from '../Context';\r\nimport { formatDate } from '../helpers';\r\nimport { DatePickerSingleConfig, OmitedComponentFields } from '../types';\r\n\r\ninterface DatePickerSingleProps\r\n  extends Omit<DatePickerSingleConfig, OmitedComponentFields> {\r\n  applyedFilters?: string[];\r\n}\r\n\r\nexport const DatePickerSingle: React.FC<DatePickerSingleProps> = ({\r\n  applyedFilters,\r\n  field,\r\n}) => {\r\n  const { handleChangeCompletedFilters } = useContext(CompletedFiltersContext);\r\n\r\n  const [value, setValue] = useState<Date | null>(null);\r\n\r\n  useEffect(() => {\r\n    if (value) {\r\n      handleChangeCompletedFilters({\r\n        [field]: ['=', formatDate(value)],\r\n      });\r\n    }\r\n  }, [value]);\r\n\r\n  useEffect(() => {\r\n    const modifiedFilters = applyedFilters ? applyedFilters[1] : null;\r\n\r\n    if (modifiedFilters) {\r\n      setValue(new Date(modifiedFilters));\r\n    }\r\n  }, []);\r\n\r\n  return (\r\n    <Layout>\r\n      <DatePicker\r\n        type=\"date\"\r\n        size=\"s\"\r\n        value={value}\r\n        onChange={(value) => {\r\n          setValue(value);\r\n        }}\r\n      />\r\n      <Button\r\n        size=\"s\"\r\n        iconLeft={IconCancel}\r\n        onClick={() => {\r\n          setValue(null);\r\n          handleChangeCompletedFilters({\r\n            [field]: undefined,\r\n          });\r\n        }}\r\n      />\r\n    </Layout>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAea,MAAA,gBAAgB,GAAoC,CAAC,EAChE,cAAc,EACd,KAAK,GACN,KAAI;IACH,MAAM,EAAE,4BAA4B,EAAE,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAE7E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc,IAAI,CAAC,CAAC;IAEtD,SAAS,CAAC,MAAK;QACb,IAAI,KAAK,EAAE;AACT,YAAA,4BAA4B,CAAC;gBAC3B,CAAC,KAAK,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;AAClC,aAAA,CAAC,CAAC;SACJ;AACH,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,eAAe,GAAG,cAAc,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;QAElE,IAAI,eAAe,EAAE;AACnB,YAAA,QAAQ,CAAC,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;SACrC;KACF,EAAE,EAAE,CAAC,CAAC;IAEP,QACEA,IAAC,CAAA,MAAM,EACL,EAAA,QAAA,EAAA,CAAAC,GAAA,CAAC,UAAU,EACT,EAAA,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,KAAI;oBAClB,QAAQ,CAAC,KAAK,CAAC,CAAC;AAClB,iBAAC,GACD,EACFA,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,GAAG,EACR,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,MAAK;oBACZ,QAAQ,CAAC,IAAI,CAAC,CAAC;AACf,oBAAA,4BAA4B,CAAC;wBAC3B,CAAC,KAAK,GAAG,SAAS;AACnB,qBAAA,CAAC,CAAC;iBACJ,EAAA,CACD,CACK,EAAA,CAAA,EACT;AACJ;;;;"}

package/dist/esm/ui-components/FilterComponents/GroupedCollapse/GroupedCollapse.js

@@ -0,0 +1,28 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
+import cn from 'classnames';
+import { IconFunnel } from '@consta/icons/IconFunnel';
+import { Collapse } from '@consta/uikit/Collapse';
+import { Layout } from '@consta/uikit/Layout';
+import { CustomControlDashCollapse } from '../CustomControlDashCollapse/CustomControlDashCollapse.js';
+import { getFilterByType } from '../helpers.js';
+import styles from '../styles/ControlDashStyles.module.scss.js';
+
+const GroupedCollapse = ({ fieldInfo, luxmsFilters, }) => {
+    const { name, isFieldOpen } = fieldInfo;
+    const [isOpen, setIsOpen] = useState(isFieldOpen !== null && isFieldOpen !== void 0 ? isFieldOpen : false);
+    const isApplyed = useMemo(() => {
+        return !!fieldInfo.children.find((item) => luxmsFilters === null || luxmsFilters === void 0 ? void 0 : luxmsFilters[item.field]);
+    }, [luxmsFilters]);
+    return (jsx(Collapse, { className: cn(styles.groupedCollapse, {
+            [styles.groupedCollapse_bold]: fieldInfo === null || fieldInfo === void 0 ? void 0 : fieldInfo.isBold,
+        }), label: name, isOpen: isOpen, onClick: () => setIsOpen(!isOpen), size: "s", rightSide: isApplyed ? jsx(IconFunnel, { size: "xs", view: "brand" }) : jsx(Fragment, {}), children: isOpen && (jsx(Layout, { className: styles.groupedCollapse__content, direction: "column", children: fieldInfo.children.map((fieldInfo) => {
+                return (jsx(CustomControlDashCollapse, { name: fieldInfo.name, isFieldOpen: fieldInfo.isFieldOpen, areFiltersApplyed: !!(luxmsFilters === null || luxmsFilters === void 0 ? void 0 : luxmsFilters[fieldInfo === null || fieldInfo === void 0 ? void 0 : fieldInfo.field]), children: getFilterByType({
+                        fieldInfo,
+                        luxmsFilters,
+                    }) }, fieldInfo.name));
+            }) })) }));
+};
+
+export { GroupedCollapse };
+//# sourceMappingURL=GroupedCollapse.js.map

package/dist/esm/ui-components/FilterComponents/GroupedCollapse/GroupedCollapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupedCollapse.js","sources":["../../../../../src/ui-components/FilterComponents/GroupedCollapse/GroupedCollapse.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\r\nimport classNames from 'classnames';\r\nimport { IconFunnel } from '@consta/icons/IconFunnel';\r\nimport { Collapse } from '@consta/uikit/Collapse';\r\nimport { Layout } from '@consta/uikit/Layout';\r\n\r\nimport { CustomControlDashCollapse } from '../CustomControlDashCollapse/CustomControlDashCollapse';\r\nimport { getFilterByType } from '../helpers';\r\nimport { GroupedCollapseProps } from '../types';\r\n\r\nimport styles from '../styles/ControlDashStyles.module.scss';\r\n\r\nexport const GroupedCollapse: React.FC<GroupedCollapseProps> = ({\r\n  fieldInfo,\r\n  luxmsFilters,\r\n}) => {\r\n  const { name, isFieldOpen } = fieldInfo;\r\n\r\n  const [isOpen, setIsOpen] = useState(isFieldOpen ?? false);\r\n\r\n  const isApplyed = useMemo(() => {\r\n    return !!fieldInfo.children.find((item) => luxmsFilters?.[item.field]);\r\n  }, [luxmsFilters]);\r\n\r\n  return (\r\n    <Collapse\r\n      className={classNames(styles.groupedCollapse, {\r\n        [styles.groupedCollapse_bold]: fieldInfo?.isBold,\r\n      })}\r\n      label={name}\r\n      isOpen={isOpen}\r\n      onClick={() => setIsOpen(!isOpen)}\r\n      size=\"s\"\r\n      rightSide={isApplyed ? <IconFunnel size=\"xs\" view=\"brand\" /> : <></>}\r\n    >\r\n      {/* Тут достаточно isOpen, т.к. всё равно transition отключен */}\r\n      {isOpen && (\r\n        <Layout className={styles.groupedCollapse__content} direction=\"column\">\r\n          {fieldInfo.children.map((fieldInfo) => {\r\n            return (\r\n              <CustomControlDashCollapse\r\n                key={fieldInfo.name}\r\n                name={fieldInfo.name}\r\n                isFieldOpen={fieldInfo.isFieldOpen}\r\n                areFiltersApplyed={!!luxmsFilters?.[fieldInfo?.field]}\r\n              >\r\n                {getFilterByType({\r\n                  fieldInfo,\r\n                  luxmsFilters,\r\n                })}\r\n              </CustomControlDashCollapse>\r\n            );\r\n          })}\r\n        </Layout>\r\n      )}\r\n    </Collapse>\r\n  );\r\n};\r\n"],"names":["_jsx","classNames","_Fragment"],"mappings":";;;;;;;;;;AAYa,MAAA,eAAe,GAAmC,CAAC,EAC9D,SAAS,EACT,YAAY,GACb,KAAI;AACH,IAAA,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;AAExC,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,WAAW,GAAI,KAAK,CAAC,CAAC;AAE3D,IAAA,MAAM,SAAS,GAAG,OAAO,CAAC,MAAK;QAC7B,OAAO,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AACzE,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,QACEA,GAAC,CAAA,QAAQ,EACP,EAAA,SAAS,EAAEC,EAAU,CAAC,MAAM,CAAC,eAAe,EAAE;YAC5C,CAAC,MAAM,CAAC,oBAAoB,GAAG,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,MAAM;AACjD,SAAA,CAAC,EACF,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,SAAS,GAAGD,GAAC,CAAA,UAAU,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAA,CAAG,GAAGA,GAAK,CAAAE,QAAA,EAAA,EAAA,CAAA,EAAA,QAAA,EAGnE,MAAM,KACLF,GAAC,CAAA,MAAM,IAAC,SAAS,EAAE,MAAM,CAAC,wBAAwB,EAAE,SAAS,EAAC,QAAQ,EACnE,QAAA,EAAA,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,SAAS,KAAI;AACpC,gBAAA,QACEA,GAAC,CAAA,yBAAyB,EAExB,EAAA,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,WAAW,EAAE,SAAS,CAAC,WAAW,EAClC,iBAAiB,EAAE,CAAC,EAAC,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,YAAY,CAAG,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,KAAK,CAAC,CAAA,EAAA,QAAA,EAEpD,eAAe,CAAC;wBACf,SAAS;wBACT,YAAY;AACb,qBAAA,CAAC,IARG,SAAS,CAAC,IAAI,CASO,EAC5B;AACJ,aAAC,CAAC,EAAA,CACK,CACV,EAAA,CACQ,EACX;AACJ;;;;"}

package/dist/esm/ui-components/FilterComponents/InfiniteScrollCheckboxes/DinamicCheckboxes/DinamicCheckboxes.js

@@ -0,0 +1,65 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Checkbox } from '@consta/uikit/Checkbox';
+import styles from '../../styles/ControlDashStyles.module.scss.js';
+
+const DinamicCheckboxes = ({ areDisabled, item, areAllChecked, searchedValue, excludedData, includedData, handleChangeIncludedData, handleChangeExcludedData, }) => {
+    //Проверяем, будет ли данный чекбокс выбран
+    const isChecked = useMemo(() => {
+        if (areAllChecked && !searchedValue) {
+            return !(excludedData === null || excludedData === void 0 ? void 0 : excludedData.includes(item));
+        }
+        else if (areAllChecked && searchedValue) {
+            return ((String(item).toLowerCase().includes(searchedValue) &&
+                !(excludedData === null || excludedData === void 0 ? void 0 : excludedData.includes(item))) ||
+                includedData.includes(item));
+        }
+        else {
+            return includedData === null || includedData === void 0 ? void 0 : includedData.includes(item);
+        }
+    }, [areAllChecked, excludedData, includedData]);
+    return (jsx(Checkbox, { disabled: areDisabled, checked: isChecked, size: "s", label: item, className: styles.infiniteScrollFilters__singleCheckbox, onChange: ({ target }) => {
+            const checked = target.checked;
+            if (!checked && !searchedValue) {
+                if (areAllChecked) {
+                    handleChangeIncludedData([]);
+                    handleChangeExcludedData((prev) => [...prev, item]);
+                }
+                else {
+                    handleChangeExcludedData([]);
+                    handleChangeIncludedData((prev) => prev.filter((filterItem) => filterItem !== item));
+                }
+            }
+            else if (searchedValue) {
+                if (String(item).toLowerCase().includes(searchedValue)) {
+                    if (excludedData.includes(item)) {
+                        handleChangeExcludedData((prev) => prev.filter((filterItem) => filterItem !== item));
+                    }
+                    else {
+                        handleChangeExcludedData((prev) => [...prev, item]);
+                    }
+                }
+                else {
+                    if (includedData.includes(item)) {
+                        handleChangeIncludedData((prev) => prev.filter((filterItem) => filterItem !== item));
+                    }
+                    else {
+                        handleChangeIncludedData((prev) => [...prev, item]);
+                    }
+                }
+            }
+            else {
+                if (areAllChecked) {
+                    handleChangeIncludedData([]);
+                    handleChangeExcludedData((prev) => prev.filter((filterItem) => filterItem !== item));
+                }
+                else {
+                    handleChangeExcludedData([]);
+                    handleChangeIncludedData((prev) => [...prev, item]);
+                }
+            }
+        } }));
+};
+
+export { DinamicCheckboxes };
+//# sourceMappingURL=DinamicCheckboxes.js.map

package/dist/esm/ui-components/FilterComponents/InfiniteScrollCheckboxes/DinamicCheckboxes/DinamicCheckboxes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DinamicCheckboxes.js","sources":["../../../../../../src/ui-components/FilterComponents/InfiniteScrollCheckboxes/DinamicCheckboxes/DinamicCheckboxes.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\r\nimport { Checkbox } from '@consta/uikit/Checkbox';\r\n\r\nimport styles from '../../styles/ControlDashStyles.module.scss';\r\n\r\ninterface DinamicCheckboxes {\r\n  areDisabled: boolean;\r\n  includedData: string[];\r\n  excludedData: string[];\r\n  searchedValue: string;\r\n  areAllChecked: boolean;\r\n  item: string;\r\n  handleChangeIncludedData: (\r\n    newIncludedData: string[] | ((prev: string[]) => string[])\r\n  ) => void;\r\n  handleChangeExcludedData: (\r\n    newExcludedData: string[] | ((prev: string[]) => string[])\r\n  ) => void;\r\n}\r\n\r\nexport const DinamicCheckboxes: React.FC<DinamicCheckboxes> = ({\r\n  areDisabled,\r\n  item,\r\n  areAllChecked,\r\n  searchedValue,\r\n  excludedData,\r\n  includedData,\r\n  handleChangeIncludedData,\r\n  handleChangeExcludedData,\r\n}) => {\r\n  //Проверяем, будет ли данный чекбокс выбран\r\n  const isChecked = useMemo(() => {\r\n    if (areAllChecked && !searchedValue) {\r\n      return !excludedData?.includes(item);\r\n    } else if (areAllChecked && searchedValue) {\r\n      return (\r\n        (String(item).toLowerCase().includes(searchedValue) &&\r\n          !excludedData?.includes(item)) ||\r\n        includedData.includes(item)\r\n      );\r\n    } else {\r\n      return includedData?.includes(item);\r\n    }\r\n  }, [areAllChecked, excludedData, includedData]);\r\n\r\n  return (\r\n    <Checkbox\r\n      disabled={areDisabled}\r\n      checked={isChecked}\r\n      size=\"s\"\r\n      label={item}\r\n      className={styles.infiniteScrollFilters__singleCheckbox}\r\n      onChange={({ target }) => {\r\n        const checked = target.checked;\r\n\r\n        if (!checked && !searchedValue) {\r\n          if (areAllChecked) {\r\n            handleChangeIncludedData([]);\r\n            handleChangeExcludedData((prev: string[]) => [...prev, item]);\r\n          } else {\r\n            handleChangeExcludedData([]);\r\n            handleChangeIncludedData((prev: string[]) =>\r\n              prev.filter((filterItem) => filterItem !== item)\r\n            );\r\n          }\r\n        } else if (searchedValue) {\r\n          if (String(item).toLowerCase().includes(searchedValue)) {\r\n            if (excludedData.includes(item)) {\r\n              handleChangeExcludedData((prev: string[]) =>\r\n                prev.filter((filterItem) => filterItem !== item)\r\n              );\r\n            } else {\r\n              handleChangeExcludedData((prev: string[]) => [...prev, item]);\r\n            }\r\n          } else {\r\n            if (includedData.includes(item)) {\r\n              handleChangeIncludedData((prev: string[]) =>\r\n                prev.filter((filterItem) => filterItem !== item)\r\n              );\r\n            } else {\r\n              handleChangeIncludedData((prev: string[]) => [...prev, item]);\r\n            }\r\n          }\r\n        } else {\r\n          if (areAllChecked) {\r\n            handleChangeIncludedData([]);\r\n            handleChangeExcludedData((prev: string[]) =>\r\n              prev.filter((filterItem) => filterItem !== item)\r\n            );\r\n          } else {\r\n            handleChangeExcludedData([]);\r\n            handleChangeIncludedData((prev: string[]) => [...prev, item]);\r\n          }\r\n        }\r\n      }}\r\n    />\r\n  );\r\n};\r\n"],"names":["_jsx"],"mappings":"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"}