bi-utils-gpn 1.0.1

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

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

package/dist/cjs/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":["useContext","DatasetNameContext","CompletedFiltersContext","useState","useEffect","formatDate","getKoobDataByCfgFromLib","getCorrectDate","_jsx","Layout","Loader","DatePicker"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+const getCorrectDate = (value) => value === undefined ? value : new Date(value);
+
+exports.getCorrectDate = getCorrectDate;
+//# sourceMappingURL=helpers.js.map

package/dist/cjs/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/cjs/ui-components/FilterComponents/DatePickerSingle/DatePickerSingle.js

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

package/dist/cjs/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":["useContext","CompletedFiltersContext","useState","useEffect","formatDate","_jsxs","Layout","_jsx","DatePicker","Button","IconCancel"],"mappings":";;;;;;;;;;;AAea,MAAA,gBAAgB,GAAoC,CAAC,EAChE,cAAc,EACd,KAAK,GACN,KAAI;IACH,MAAM,EAAE,4BAA4B,EAAE,GAAGA,gBAAU,CAACC,+CAAuB,CAAC,CAAC;IAE7E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,cAAQ,CAAc,IAAI,CAAC,CAAC;IAEtDC,eAAS,CAAC,MAAK;QACb,IAAI,KAAK,EAAE;AACT,YAAA,4BAA4B,CAAC;gBAC3B,CAAC,KAAK,GAAG,CAAC,GAAG,EAAEC,kBAAU,CAAC,KAAK,CAAC,CAAC;AAClC,aAAA,CAAC,CAAC;SACJ;AACH,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZD,eAAS,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,QACEE,eAAC,CAAAC,aAAM,EACL,EAAA,QAAA,EAAA,CAAAC,cAAA,CAACC,qBAAU,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,EACFD,cAAA,CAACE,aAAM,EAAA,EACL,IAAI,EAAC,GAAG,EACR,QAAQ,EAAEC,qBAAU,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/cjs/ui-components/FilterComponents/GroupedCollapse/GroupedCollapse.js

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

package/dist/cjs/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":["useState","useMemo","_jsx","Collapse","classNames","styles","IconFunnel","_Fragment","Layout","CustomControlDashCollapse","getFilterByType"],"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,GAAGA,cAAQ,CAAC,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,WAAW,GAAI,KAAK,CAAC,CAAC;AAE3D,IAAA,MAAM,SAAS,GAAGC,aAAO,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,QACEC,cAAC,CAAAC,iBAAQ,EACP,EAAA,SAAS,EAAEC,EAAU,CAACC,gCAAM,CAAC,eAAe,EAAE;YAC5C,CAACA,gCAAM,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,GAAGH,cAAC,CAAAI,qBAAU,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAA,CAAG,GAAGJ,cAAK,CAAAK,mBAAA,EAAA,EAAA,CAAA,EAAA,QAAA,EAGnE,MAAM,KACLL,cAAC,CAAAM,aAAM,IAAC,SAAS,EAAEH,gCAAM,CAAC,wBAAwB,EAAE,SAAS,EAAC,QAAQ,EACnE,QAAA,EAAA,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,SAAS,KAAI;AACpC,gBAAA,QACEH,cAAC,CAAAO,mDAAyB,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,EAEpDC,uBAAe,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/cjs/ui-components/FilterComponents/InfiniteScrollCheckboxes/DinamicCheckboxes/DinamicCheckboxes.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Checkbox = require('@consta/uikit/Checkbox');
+var ControlDashStyles_module = require('../../styles/ControlDashStyles.module.scss.js');
+
+const DinamicCheckboxes = ({ areDisabled, item, areAllChecked, searchedValue, excludedData, includedData, handleChangeIncludedData, handleChangeExcludedData, }) => {
+    //Проверяем, будет ли данный чекбокс выбран
+    const isChecked = React.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 (jsxRuntime.jsx(Checkbox.Checkbox, { disabled: areDisabled, checked: isChecked, size: "s", label: item, className: ControlDashStyles_module.default.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]);
+                }
+            }
+        } }));
+};
+
+exports.DinamicCheckboxes = DinamicCheckboxes;
+//# sourceMappingURL=DinamicCheckboxes.js.map

package/dist/cjs/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":["useMemo","_jsx","Checkbox","styles"],"mappings":"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"}

package/dist/cjs/ui-components/FilterComponents/InfiniteScrollCheckboxes/DynamicCheckboxesList/DynamicCheckboxesList.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cn = require('classnames');
+var reactVirtuoso = require('react-virtuoso');
+var MixScrollBar = require('@consta/uikit/MixScrollBar');
+var constants = require('../../constants.js');
+var index = require('../../VirtuosoFooter/index.js');
+var DinamicCheckboxes = require('../DinamicCheckboxes/DinamicCheckboxes.js');
+var ControlDashStyles_module = require('../../styles/ControlDashStyles.module.scss.js');
+
+const DynamicCheckboxesList = ({ areDisabled, data, areAllChecked, searchedValue, excludedData, includedData, handleChangeIncludedData, handleChangeExcludedData, isLoadingMore, setLength, virtuosoHandleRef, }) => {
+    return (jsxRuntime.jsx(reactVirtuoso.Virtuoso, { ref: virtuosoHandleRef, className: cn(ControlDashStyles_module.default.infiniteScrollFilters__content, [
+            MixScrollBar.cnMixScrollBar({ size: 'm' }),
+        ]), data: data, endReached: (index) => {
+            if ((index + 1) % constants.SIZE === 0) {
+                setLength(index + 1);
+            }
+        }, increaseViewportBy: 0, itemContent: (_, item) => {
+            return (jsxRuntime.jsx(DinamicCheckboxes.DinamicCheckboxes, { item: item, areDisabled: areDisabled, includedData: includedData, excludedData: excludedData, searchedValue: searchedValue, areAllChecked: areAllChecked, handleChangeIncludedData: handleChangeIncludedData, handleChangeExcludedData: handleChangeExcludedData }));
+        }, components: {
+            Footer: () => (jsxRuntime.jsx(index.VirtuosoFooter, { isLoading: isLoadingMore, dataLength: data.length })),
+        } }));
+};
+
+exports.DynamicCheckboxesList = DynamicCheckboxesList;
+//# sourceMappingURL=DynamicCheckboxesList.js.map

package/dist/cjs/ui-components/FilterComponents/InfiniteScrollCheckboxes/DynamicCheckboxesList/DynamicCheckboxesList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicCheckboxesList.js","sources":["../../../../../../src/ui-components/FilterComponents/InfiniteScrollCheckboxes/DynamicCheckboxesList/DynamicCheckboxesList.tsx"],"sourcesContent":["import React, { Ref } from 'react';\r\nimport classNames from 'classnames';\r\nimport { Virtuoso, VirtuosoHandle } from 'react-virtuoso';\r\nimport { cnMixScrollBar } from '@consta/uikit/MixScrollBar';\r\n\r\nimport { SIZE } from '../../constants';\r\nimport { VirtuosoFooter } from '../../VirtuosoFooter';\r\nimport { DinamicCheckboxes } from '../DinamicCheckboxes/DinamicCheckboxes';\r\n\r\nimport styles from '../../styles/ControlDashStyles.module.scss';\r\n\r\ninterface IDynamicCheckboxesListProps {\r\n  areDisabled: boolean;\r\n  data: string[];\r\n  includedData: string[];\r\n  excludedData: string[];\r\n  searchedValue: string;\r\n  areAllChecked: boolean;\r\n  isLoadingMore: boolean;\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  setLength: React.Dispatch<React.SetStateAction<number>>;\r\n  virtuosoHandleRef: Ref<VirtuosoHandle> | null;\r\n}\r\n\r\nexport const DynamicCheckboxesList: React.FC<IDynamicCheckboxesListProps> = ({\r\n  areDisabled,\r\n  data,\r\n  areAllChecked,\r\n  searchedValue,\r\n  excludedData,\r\n  includedData,\r\n  handleChangeIncludedData,\r\n  handleChangeExcludedData,\r\n  isLoadingMore,\r\n  setLength,\r\n  virtuosoHandleRef,\r\n}) => {\r\n  return (\r\n    <Virtuoso\r\n      ref={virtuosoHandleRef}\r\n      className={classNames(styles.infiniteScrollFilters__content, [\r\n        cnMixScrollBar({ size: 'm' }),\r\n      ])}\r\n      data={data}\r\n      endReached={(index) => {\r\n        if ((index + 1) % SIZE === 0) {\r\n          setLength(index + 1);\r\n        }\r\n      }}\r\n      increaseViewportBy={0}\r\n      itemContent={(_, item) => {\r\n        return (\r\n          <DinamicCheckboxes\r\n            item={item}\r\n            areDisabled={areDisabled}\r\n            includedData={includedData}\r\n            excludedData={excludedData}\r\n            searchedValue={searchedValue}\r\n            areAllChecked={areAllChecked}\r\n            handleChangeIncludedData={handleChangeIncludedData}\r\n            handleChangeExcludedData={handleChangeExcludedData}\r\n          />\r\n        );\r\n      }}\r\n      components={{\r\n        Footer: () => (\r\n          <VirtuosoFooter isLoading={isLoadingMore} dataLength={data.length} />\r\n        ),\r\n      }}\r\n    />\r\n  );\r\n};\r\n"],"names":["_jsx","Virtuoso","classNames","styles","cnMixScrollBar","SIZE","DinamicCheckboxes","VirtuosoFooter"],"mappings":";;;;;;;;;;;AA6BO,MAAM,qBAAqB,GAA0C,CAAC,EAC3E,WAAW,EACX,IAAI,EACJ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,wBAAwB,EACxB,wBAAwB,EACxB,aAAa,EACb,SAAS,EACT,iBAAiB,GAClB,KAAI;AACH,IAAA,QACEA,cAAA,CAACC,sBAAQ,EAAA,EACP,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAEC,EAAU,CAACC,gCAAM,CAAC,8BAA8B,EAAE;AAC3D,YAAAC,2BAAc,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;SAC9B,CAAC,EACF,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,CAAC,KAAK,KAAI;YACpB,IAAI,CAAC,KAAK,GAAG,CAAC,IAAIC,cAAI,KAAK,CAAC,EAAE;AAC5B,gBAAA,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;aACtB;AACH,SAAC,EACD,kBAAkB,EAAE,CAAC,EACrB,WAAW,EAAE,CAAC,CAAC,EAAE,IAAI,KAAI;AACvB,YAAA,QACEL,cAAC,CAAAM,mCAAiB,EAChB,EAAA,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,wBAAwB,EAAE,wBAAwB,EAClD,wBAAwB,EAAE,wBAAwB,EAAA,CAClD,EACF;SACH,EACD,UAAU,EAAE;AACV,YAAA,MAAM,EAAE,OACNN,cAAA,CAACO,oBAAc,EAAC,EAAA,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,GAAI,CACtE;AACF,SAAA,EAAA,CACD,EACF;AACJ;;;;"}

package/dist/cjs/ui-components/FilterComponents/InfiniteScrollCheckboxes/InfiniteScrollCheckboxes.js

@@ -0,0 +1,293 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var axios = require('axios');
+var Layout = require('@consta/uikit/Layout');
+var filtersConversion = require('../../helpers/filtersConversion.js');
+var useDebounce = require('../../helpers/useDebounce.js');
+require('axios-retry');
+var getKoobDataByCfg = require('../../../utils/getKoobDataByCfg.js');
+var DatasetNameContext = require('../../CommonContexts/DatasetNameContext.js');
+var constants = require('../constants.js');
+var CompletedFiltersContext = require('../Context/CompletedFiltersContext.js');
+var DynamicCheckboxesList = require('./DynamicCheckboxesList/DynamicCheckboxesList.js');
+var StaticMenu = require('./StaticMenu/StaticMenu.js');
+
+const InfiniteScrollCheckboxesContent = ({ koob, field, sortField, sortSymbol, activeFilters, applyedFilters }) => {
+    const ds_name = React.useContext(DatasetNameContext.DatasetNameContext);
+    const { completedFilters, handleChangeCompletedFilters, getCompletedFiltersWithoutField, } = React.useContext(CompletedFiltersContext.CompletedFiltersContext);
+    const [totalCount, setTotalCount] = React.useState(0);
+    const [currentCount, setCurrentCount] = React.useState(0);
+    const [inputValue, setInputValue] = React.useState(null);
+    const [length, setLength] = React.useState(0);
+    const [data, setData] = React.useState([]);
+    const [excludedData, setExcludedData] = React.useState([]);
+    const [includedData, setIncludedData] = React.useState([]);
+    const [isLoading, setIsLoading] = React.useState(true);
+    const [isLoadingMore, setIsLoadingMore] = React.useState(true);
+    const [areAllChecked, setAreAllChecked] = React.useState(true);
+    const [searchedValue, setSearchedValue] = React.useState('');
+    const [areDisabled, setAreDisabled] = React.useState(false);
+    const isFirstRender = React.useRef(true);
+    const tokenRef = React.useRef();
+    const virtuosoHandleRef = React.useRef(null);
+    const baseRequestParams = {
+        koob: koob,
+        columns: [field],
+        distinct: true,
+    };
+    //Набор функций для взаимодействия с состояниями
+    const handleChangeInputValue = (newInputValue) => {
+        setInputValue(newInputValue);
+    };
+    const handleChangeAreAllChecked = (newAreAllChecked) => {
+        setAreAllChecked(newAreAllChecked);
+    };
+    const handleChangeSearchedValue = (newSearchedValue) => {
+        setSearchedValue(newSearchedValue);
+    };
+    const handleChangeExcludedData = (newExcludedData) => {
+        setExcludedData(newExcludedData);
+    };
+    const handleChangeIncludedData = (newIncludedData) => {
+        setIncludedData(newIncludedData);
+    };
+    const handleChangeIsLoading = (newValue) => {
+        setIsLoading(newValue);
+    };
+    React.useEffect(() => {
+        getKoobDataByCfg.getKoobDataByCfgFromLib({
+            data: Object.assign(Object.assign({}, baseRequestParams), { sort: [], filters: {} }),
+            isCount: true,
+            ds_name,
+        })
+            .then((resp) => {
+            setTotalCount(resp[0].count);
+        })
+            .catch(() => {
+            setTotalCount(0);
+        });
+    }, []);
+    React.useEffect(() => {
+        // Примененные фмильтры по полям, на которые реагирует данный фильтр
+        const mergedFilters = activeFilters
+            ? filtersConversion.filtersConversionForControlDash(activeFilters, {
+                filters: completedFilters,
+                // Убираем ошибки типизации
+                result: {},
+                pendingFilters: {},
+            })
+            : {};
+        // Примененные фильтры по данному полю
+        const currentFieldFilters = (completedFilters === null || completedFilters === void 0 ? void 0 : completedFilters[field])
+            ? { [field]: completedFilters === null || completedFilters === void 0 ? void 0 : completedFilters[field] }
+            : {};
+        const CancelToken = axios.CancelToken;
+        const source = CancelToken.source();
+        if (tokenRef.current) {
+            tokenRef.current.cancel('Невалидный запрос');
+        }
+        tokenRef.current = source;
+        getKoobDataByCfg.getKoobDataByCfgFromLib({
+            data: Object.assign(Object.assign({}, baseRequestParams), { filters: Object.assign(Object.assign({}, mergedFilters), currentFieldFilters) }),
+            cfg: {
+                cancelToken: source.token,
+            },
+            isCount: true,
+            ds_name,
+        })
+            .then((resp) => {
+            setCurrentCount(resp[0].count);
+        })
+            .catch((error) => {
+            if (error.code !== 'ERR_CANCELED') {
+                setCurrentCount(0);
+            }
+        });
+    }, [completedFilters]);
+    //Отложенное значение в поле ввода
+    const debouncedSearchTerm = useDebounce.useDebounce(inputValue, 1000);
+    const restFilters = getCompletedFiltersWithoutField(field);
+    const debouncedTempApplyedFilters = useDebounce.useDebounce(restFilters, isFirstRender.current ? 0 : 1000);
+    const tempApplyedFilters = React.useMemo(() => {
+        if (activeFilters) {
+            return filtersConversion.filtersConversionForControlDash(activeFilters, {
+                filters: completedFilters,
+                // Убираем ошибки типизации
+                result: {},
+                pendingFilters: {},
+            });
+        }
+        else {
+            return {};
+        }
+    }, [debouncedTempApplyedFilters]);
+    React.useEffect(() => {
+        setAreDisabled(restFilters !== debouncedTempApplyedFilters);
+    }, [restFilters]);
+    React.useEffect(() => {
+        setAreDisabled(false);
+    }, [tempApplyedFilters]);
+    React.useEffect(() => {
+        if (isFirstRender.current === false) {
+            setIsLoadingMore(true);
+            getKoobDataByCfg.getKoobDataByCfgFromLib({
+                data: Object.assign(Object.assign({}, baseRequestParams), { sort: [`${sortSymbol !== null && sortSymbol !== void 0 ? sortSymbol : '+'}${sortField !== null && sortField !== void 0 ? sortField : field}`], filters: Object.assign(Object.assign({}, (debouncedSearchTerm
+                        ? { [field]: ['ilike', `%${debouncedSearchTerm}%`] }
+                        : {})), tempApplyedFilters), limit: constants.SIZE, offset: length }),
+                ds_name,
+            })
+                .then((resp) => setData(resp.map((item) => item[field])))
+                .catch(() => setData([]))
+                .finally(() => {
+                setIsLoading(false);
+                setIsLoadingMore(false);
+                setLength(0);
+            });
+        }
+    }, [debouncedSearchTerm]);
+    React.useEffect(() => {
+        if (inputValue === debouncedSearchTerm) {
+            setIsLoading(false);
+        }
+    }, [inputValue]);
+    React.useEffect(() => {
+        setIsLoadingMore(true);
+        getKoobDataByCfg.getKoobDataByCfgFromLib({
+            data: Object.assign(Object.assign({}, baseRequestParams), { sort: [`${sortSymbol !== null && sortSymbol !== void 0 ? sortSymbol : '+'}${sortField !== null && sortField !== void 0 ? sortField : field}`], filters: Object.assign(Object.assign({}, (debouncedSearchTerm
+                    ? { [field]: ['ilike', `%${debouncedSearchTerm}%`] }
+                    : {})), tempApplyedFilters), limit: constants.SIZE, offset: length }),
+            ds_name,
+        })
+            .then((resp) => setData([...data, ...resp.map((item) => item[field])]))
+            .catch(() => setData([]))
+            .finally(() => {
+            isFirstRender.current = false;
+            setIsLoading(false);
+            setIsLoadingMore(false);
+        });
+    }, [length]);
+    React.useEffect(() => {
+        var _a;
+        if (!isFirstRender.current) {
+            setLength(0);
+            setAreDisabled(true);
+            (_a = virtuosoHandleRef === null || virtuosoHandleRef === void 0 ? void 0 : virtuosoHandleRef.current) === null || _a === void 0 ? void 0 : _a.scrollToIndex({
+                index: 0,
+                behavior: 'smooth',
+            });
+            getKoobDataByCfg.getKoobDataByCfgFromLib({
+                data: Object.assign(Object.assign({}, baseRequestParams), { sort: [`${sortSymbol !== null && sortSymbol !== void 0 ? sortSymbol : '+'}${sortField !== null && sortField !== void 0 ? sortField : field}`], filters: Object.assign(Object.assign({}, (debouncedSearchTerm
+                        ? { [field]: ['ilike', `%${debouncedSearchTerm}%`] }
+                        : {})), tempApplyedFilters), limit: constants.SIZE, offset: 0 }),
+                ds_name,
+            })
+                .then((resp) => {
+                setData(resp.map((item) => item[field]));
+            })
+                .catch(() => {
+                setData([]);
+            })
+                .finally(() => {
+                setIsLoading(false);
+                setIsLoadingMore(false);
+                setAreDisabled(false);
+            });
+        }
+    }, [tempApplyedFilters]);
+    React.useEffect(() => {
+        //Если у нас есть какие-то фильтры
+        if (excludedData.length || includedData.length || searchedValue) {
+            //Если у нас есть поиск по ключевому слову
+            if (searchedValue) {
+                //Задаем базовое значение, к которому будем добавлять фильтры, если они выбраны
+                const filters = ['or'];
+                if (excludedData.length && includedData.length) {
+                    filters.push([
+                        'and',
+                        ['!=', ...excludedData],
+                        ['ilike', `%${searchedValue}%`],
+                    ]);
+                    filters.push(['=', ...includedData]);
+                }
+                else if (excludedData.length) {
+                    filters.push([
+                        'and',
+                        ['!=', ...excludedData],
+                        ['ilike', `%${searchedValue}%`],
+                    ]);
+                }
+                else if (includedData.length) {
+                    filters.push(['=', ...includedData]);
+                    filters.push(['ilike', `%${searchedValue}%`]);
+                }
+                else {
+                    filters.push(['ilike', `%${searchedValue}%`]);
+                }
+                return handleChangeCompletedFilters({
+                    [field]: filters,
+                });
+            }
+            //Выбраны не все, добавляем значения по одному
+            if (includedData.length)
+                return handleChangeCompletedFilters({
+                    [field]: ['=', ...includedData],
+                });
+            //Выбраны все, убираем значения по одному
+            if (excludedData.length)
+                return handleChangeCompletedFilters({
+                    [field]: ['!=', ...excludedData],
+                });
+            //Если фильтров нет
+        }
+        else {
+            if (areAllChecked) {
+                return handleChangeCompletedFilters({
+                    [field]: undefined,
+                });
+            }
+            if (!areAllChecked) {
+                return handleChangeCompletedFilters({
+                    [field]: ['='],
+                });
+            }
+        }
+    }, [excludedData.length, includedData.length, searchedValue, areAllChecked]);
+    //Парсим данные, пришедшие из фильтров
+    React.useEffect(() => {
+        if (applyedFilters === null || applyedFilters === void 0 ? void 0 : applyedFilters.includes('or')) {
+            //Убираем слово or
+            const slicedData = [...applyedFilters].slice(1, applyedFilters.length);
+            //Пробегаемся по оставшемуся массиву и добавляем в фильтры пришедшие значения
+            slicedData.forEach((item) => {
+                //Else if нужен для разделения случаев != и =
+                if (item.includes('and')) {
+                    setExcludedData(item[1].filter((item) => item !== '!='));
+                    setSearchedValue(item[2][1].split('%').join(''));
+                }
+                else if (item.includes('ilike')) {
+                    setSearchedValue(item[1].split('%').join(''));
+                }
+                else if (item.includes('=')) {
+                    setIncludedData(item.filter((item) => item !== '='));
+                }
+            });
+        }
+        if (applyedFilters === null || applyedFilters === void 0 ? void 0 : applyedFilters.includes('!=')) {
+            return setExcludedData(applyedFilters.filter((item) => item !== '!='));
+        }
+        if (applyedFilters === null || applyedFilters === void 0 ? void 0 : applyedFilters.includes('=')) {
+            //Случай, когда у нас не выбраны точечно фильтры
+            setAreAllChecked(false);
+            return setIncludedData(applyedFilters.filter((item) => item !== '='));
+        }
+        if (applyedFilters === null || applyedFilters === void 0 ? void 0 : applyedFilters.includes('ilike')) {
+            return setSearchedValue(applyedFilters[1].split('%').join(''));
+        }
+    }, [applyedFilters]);
+    return (jsxRuntime.jsxs(Layout.Layout, { direction: "column", children: [jsxRuntime.jsx(StaticMenu.default, { areDisabled: areDisabled, dataLength: data.length, isLoading: isLoading, inputValue: inputValue, totalCount: totalCount, currentCount: currentCount, handleChangeInputValue: handleChangeInputValue, handleChangeIsLoading: handleChangeIsLoading, handleChangeAreAllChecked: handleChangeAreAllChecked, handleChangeSearchedValue: handleChangeSearchedValue, handleChangeIncludedData: handleChangeIncludedData, handleChangeExcludedData: handleChangeExcludedData }), jsxRuntime.jsx(DynamicCheckboxesList.DynamicCheckboxesList, { areDisabled: areDisabled, data: isLoading ? [] : data, areAllChecked: areAllChecked, searchedValue: searchedValue, excludedData: excludedData, includedData: includedData, handleChangeIncludedData: handleChangeIncludedData, handleChangeExcludedData: handleChangeExcludedData, isLoadingMore: isLoadingMore || isLoading, setLength: setLength, virtuosoHandleRef: virtuosoHandleRef })] }));
+};
+
+exports.InfiniteScrollCheckboxesContent = InfiniteScrollCheckboxesContent;
+//# sourceMappingURL=InfiniteScrollCheckboxes.js.map