bi-utils-gpn 1.0.1

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

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

package/dist/esm/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","classNames"],"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,GAAA,CAAC,QAAQ,EAAA,EACP,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAEC,EAAU,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC3D,YAAA,cAAc,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,IAAI,IAAI,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,QACED,GAAC,CAAA,iBAAiB,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,OACNA,GAAA,CAAC,cAAc,EAAC,EAAA,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,GAAI,CACtE;AACF,SAAA,EAAA,CACD,EACF;AACJ;;;;"}

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

@@ -0,0 +1,291 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useContext, useState, useRef, useEffect, useMemo } from 'react';
+import axios from 'axios';
+import { Layout } from '@consta/uikit/Layout';
+import { filtersConversionForControlDash } from '../../helpers/filtersConversion.js';
+import { useDebounce } from '../../helpers/useDebounce.js';
+import 'axios-retry';
+import { getKoobDataByCfgFromLib } from '../../../utils/getKoobDataByCfg.js';
+import { DatasetNameContext } from '../../CommonContexts/DatasetNameContext.js';
+import { SIZE } from '../constants.js';
+import { CompletedFiltersContext } from '../Context/CompletedFiltersContext.js';
+import { DynamicCheckboxesList } from './DynamicCheckboxesList/DynamicCheckboxesList.js';
+import StaticMenu from './StaticMenu/StaticMenu.js';
+
+const InfiniteScrollCheckboxesContent = ({ koob, field, sortField, sortSymbol, activeFilters, applyedFilters }) => {
+    const ds_name = useContext(DatasetNameContext);
+    const { completedFilters, handleChangeCompletedFilters, getCompletedFiltersWithoutField, } = useContext(CompletedFiltersContext);
+    const [totalCount, setTotalCount] = useState(0);
+    const [currentCount, setCurrentCount] = useState(0);
+    const [inputValue, setInputValue] = useState(null);
+    const [length, setLength] = useState(0);
+    const [data, setData] = useState([]);
+    const [excludedData, setExcludedData] = useState([]);
+    const [includedData, setIncludedData] = useState([]);
+    const [isLoading, setIsLoading] = useState(true);
+    const [isLoadingMore, setIsLoadingMore] = useState(true);
+    const [areAllChecked, setAreAllChecked] = useState(true);
+    const [searchedValue, setSearchedValue] = useState('');
+    const [areDisabled, setAreDisabled] = useState(false);
+    const isFirstRender = useRef(true);
+    const tokenRef = useRef();
+    const virtuosoHandleRef = 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);
+    };
+    useEffect(() => {
+        getKoobDataByCfgFromLib({
+            data: Object.assign(Object.assign({}, baseRequestParams), { sort: [], filters: {} }),
+            isCount: true,
+            ds_name,
+        })
+            .then((resp) => {
+            setTotalCount(resp[0].count);
+        })
+            .catch(() => {
+            setTotalCount(0);
+        });
+    }, []);
+    useEffect(() => {
+        // Примененные фмильтры по полям, на которые реагирует данный фильтр
+        const mergedFilters = activeFilters
+            ? 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;
+        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(inputValue, 1000);
+    const restFilters = getCompletedFiltersWithoutField(field);
+    const debouncedTempApplyedFilters = useDebounce(restFilters, isFirstRender.current ? 0 : 1000);
+    const tempApplyedFilters = useMemo(() => {
+        if (activeFilters) {
+            return filtersConversionForControlDash(activeFilters, {
+                filters: completedFilters,
+                // Убираем ошибки типизации
+                result: {},
+                pendingFilters: {},
+            });
+        }
+        else {
+            return {};
+        }
+    }, [debouncedTempApplyedFilters]);
+    useEffect(() => {
+        setAreDisabled(restFilters !== debouncedTempApplyedFilters);
+    }, [restFilters]);
+    useEffect(() => {
+        setAreDisabled(false);
+    }, [tempApplyedFilters]);
+    useEffect(() => {
+        if (isFirstRender.current === false) {
+            setIsLoadingMore(true);
+            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: SIZE, offset: length }),
+                ds_name,
+            })
+                .then((resp) => setData(resp.map((item) => item[field])))
+                .catch(() => setData([]))
+                .finally(() => {
+                setIsLoading(false);
+                setIsLoadingMore(false);
+                setLength(0);
+            });
+        }
+    }, [debouncedSearchTerm]);
+    useEffect(() => {
+        if (inputValue === debouncedSearchTerm) {
+            setIsLoading(false);
+        }
+    }, [inputValue]);
+    useEffect(() => {
+        setIsLoadingMore(true);
+        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: 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]);
+    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',
+            });
+            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: SIZE, offset: 0 }),
+                ds_name,
+            })
+                .then((resp) => {
+                setData(resp.map((item) => item[field]));
+            })
+                .catch(() => {
+                setData([]);
+            })
+                .finally(() => {
+                setIsLoading(false);
+                setIsLoadingMore(false);
+                setAreDisabled(false);
+            });
+        }
+    }, [tempApplyedFilters]);
+    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]);
+    //Парсим данные, пришедшие из фильтров
+    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 (jsxs(Layout, { direction: "column", children: [jsx(StaticMenu, { 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 }), jsx(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 })] }));
+};
+
+export { InfiniteScrollCheckboxesContent };
+//# sourceMappingURL=InfiniteScrollCheckboxes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfiniteScrollCheckboxes.js","sources":["../../../../../src/ui-components/FilterComponents/InfiniteScrollCheckboxes/InfiniteScrollCheckboxes.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';\r\nimport axios, { CancelTokenSource } from 'axios';\r\nimport { VirtuosoHandle } from 'react-virtuoso';\r\nimport { Layout } from '@consta/uikit/Layout';\r\n\r\nimport { filtersConversionForControlDash } from '@/ui-components/helpers/filtersConversion';\r\nimport { useDebounce } from '@/ui-components/helpers/useDebounce';\r\nimport { getKoobDataByCfgFromLib } from '@/utils';\r\n\r\nimport { DatasetNameContext } from '../../CommonContexts';\r\nimport { SIZE } from '../constants';\r\nimport { CompletedFiltersContext } from '../Context';\r\nimport {\r\n  InfiniteScrollCheckboxesConfig,\r\n  OmitedComponentFields,\r\n} from '../types';\r\n\r\nimport { DynamicCheckboxesList } from './DynamicCheckboxesList/DynamicCheckboxesList';\r\nimport StaticMenu from './StaticMenu/StaticMenu';\r\n\r\ninterface InfiniteScrollComponents\r\n  extends Omit<InfiniteScrollCheckboxesConfig, OmitedComponentFields> {\r\n  applyedFilters: any[];\r\n}\r\n\r\nexport const InfiniteScrollCheckboxesContent: React.FC<\r\n  InfiniteScrollComponents\r\n> = ({ koob, field, sortField, sortSymbol, activeFilters, applyedFilters }) => {\r\n  const ds_name = useContext(DatasetNameContext);\r\n  const {\r\n    completedFilters,\r\n    handleChangeCompletedFilters,\r\n    getCompletedFiltersWithoutField,\r\n  } = useContext(CompletedFiltersContext);\r\n\r\n  const [totalCount, setTotalCount] = useState(0);\r\n  const [currentCount, setCurrentCount] = useState(0);\r\n  const [inputValue, setInputValue] = useState<string | null>(null);\r\n  const [length, setLength] = useState(0);\r\n  const [data, setData] = useState<string[]>([]);\r\n  const [excludedData, setExcludedData] = useState<string[]>([]);\r\n  const [includedData, setIncludedData] = useState<string[]>([]);\r\n  const [isLoading, setIsLoading] = useState(true);\r\n  const [isLoadingMore, setIsLoadingMore] = useState(true);\r\n  const [areAllChecked, setAreAllChecked] = useState(true);\r\n  const [searchedValue, setSearchedValue] = useState('');\r\n  const [areDisabled, setAreDisabled] = useState(false);\r\n\r\n  const isFirstRender = useRef(true);\r\n  const tokenRef = useRef<CancelTokenSource | null>();\r\n  const virtuosoHandleRef = useRef<VirtuosoHandle>(null);\r\n\r\n  const baseRequestParams = {\r\n    koob: koob as string,\r\n    columns: [field],\r\n    distinct: true,\r\n  };\r\n\r\n  //Набор функций для взаимодействия с состояниями\r\n  const handleChangeInputValue = (newInputValue: string | null) => {\r\n    setInputValue(newInputValue);\r\n  };\r\n\r\n  const handleChangeAreAllChecked = (newAreAllChecked: boolean) => {\r\n    setAreAllChecked(newAreAllChecked);\r\n  };\r\n\r\n  const handleChangeSearchedValue = (newSearchedValue: string) => {\r\n    setSearchedValue(newSearchedValue);\r\n  };\r\n\r\n  const handleChangeExcludedData = (\r\n    newExcludedData: string[] | ((prev: string[]) => string[])\r\n  ) => {\r\n    setExcludedData(newExcludedData);\r\n  };\r\n\r\n  const handleChangeIncludedData = (\r\n    newIncludedData: string[] | ((prev: string[]) => string[])\r\n  ) => {\r\n    setIncludedData(newIncludedData);\r\n  };\r\n\r\n  const handleChangeIsLoading = (newValue: boolean) => {\r\n    setIsLoading(newValue);\r\n  };\r\n\r\n  useEffect(() => {\r\n    getKoobDataByCfgFromLib({\r\n      data: {\r\n        ...baseRequestParams,\r\n        sort: [],\r\n        filters: {},\r\n      },\r\n      isCount: true,\r\n      ds_name,\r\n    })\r\n      .then((resp: Record<string, number>[]) => {\r\n        setTotalCount(resp[0].count);\r\n      })\r\n      .catch(() => {\r\n        setTotalCount(0);\r\n      });\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    // Примененные фмильтры по полям, на которые реагирует данный фильтр\r\n    const mergedFilters = activeFilters\r\n      ? filtersConversionForControlDash(activeFilters, {\r\n          filters: completedFilters,\r\n          // Убираем ошибки типизации\r\n          result: {},\r\n          pendingFilters: {},\r\n        })\r\n      : {};\r\n    // Примененные фильтры по данному полю\r\n    const currentFieldFilters = completedFilters?.[field]\r\n      ? { [field]: completedFilters?.[field] }\r\n      : {};\r\n\r\n    const CancelToken = axios.CancelToken;\r\n    const source = CancelToken.source();\r\n\r\n    if (tokenRef.current) {\r\n      tokenRef.current.cancel('Невалидный запрос');\r\n    }\r\n\r\n    tokenRef.current = source;\r\n\r\n    getKoobDataByCfgFromLib({\r\n      data: {\r\n        ...baseRequestParams,\r\n        filters: { ...mergedFilters, ...currentFieldFilters },\r\n      },\r\n      cfg: {\r\n        cancelToken: source.token,\r\n      },\r\n      isCount: true,\r\n      ds_name,\r\n    })\r\n      .then((resp: Record<string, number>[]) => {\r\n        setCurrentCount(resp[0].count);\r\n      })\r\n      .catch((error) => {\r\n        if (error.code !== 'ERR_CANCELED') {\r\n          setCurrentCount(0);\r\n        }\r\n      });\r\n  }, [completedFilters]);\r\n\r\n  //Отложенное значение в поле ввода\r\n  const debouncedSearchTerm = useDebounce(inputValue, 1000);\r\n\r\n  const restFilters = getCompletedFiltersWithoutField(field);\r\n\r\n  const debouncedTempApplyedFilters = useDebounce(\r\n    restFilters,\r\n    isFirstRender.current ? 0 : 1000\r\n  );\r\n\r\n  const tempApplyedFilters = useMemo(() => {\r\n    if (activeFilters) {\r\n      return filtersConversionForControlDash(activeFilters, {\r\n        filters: completedFilters,\r\n        // Убираем ошибки типизации\r\n        result: {},\r\n        pendingFilters: {},\r\n      });\r\n    } else {\r\n      return {};\r\n    }\r\n  }, [debouncedTempApplyedFilters]);\r\n\r\n  useEffect(() => {\r\n    setAreDisabled(restFilters !== debouncedTempApplyedFilters);\r\n  }, [restFilters]);\r\n\r\n  useEffect(() => {\r\n    setAreDisabled(false);\r\n  }, [tempApplyedFilters]);\r\n\r\n  useEffect(() => {\r\n    if (isFirstRender.current === false) {\r\n      setIsLoadingMore(true);\r\n\r\n      getKoobDataByCfgFromLib({\r\n        data: {\r\n          ...baseRequestParams,\r\n          sort: [`${sortSymbol ?? '+'}${sortField ?? field}`],\r\n          filters: {\r\n            ...(debouncedSearchTerm\r\n              ? { [field]: ['ilike', `%${debouncedSearchTerm}%`] }\r\n              : {}),\r\n            ...tempApplyedFilters,\r\n          },\r\n          limit: SIZE,\r\n          offset: length,\r\n        },\r\n        ds_name,\r\n      })\r\n        .then((resp: Record<string, string>[]) =>\r\n          setData(resp.map((item) => item[field]))\r\n        )\r\n        .catch(() => setData([]))\r\n        .finally(() => {\r\n          setIsLoading(false);\r\n          setIsLoadingMore(false);\r\n          setLength(0);\r\n        });\r\n    }\r\n  }, [debouncedSearchTerm]);\r\n\r\n  useEffect(() => {\r\n    if (inputValue === debouncedSearchTerm) {\r\n      setIsLoading(false);\r\n    }\r\n  }, [inputValue]);\r\n\r\n  useEffect(() => {\r\n    setIsLoadingMore(true);\r\n\r\n    getKoobDataByCfgFromLib({\r\n      data: {\r\n        ...baseRequestParams,\r\n        sort: [`${sortSymbol ?? '+'}${sortField ?? field}`],\r\n        filters: {\r\n          ...(debouncedSearchTerm\r\n            ? { [field]: ['ilike', `%${debouncedSearchTerm}%`] }\r\n            : {}),\r\n          ...tempApplyedFilters,\r\n        },\r\n        limit: SIZE,\r\n        offset: length,\r\n      },\r\n      ds_name,\r\n    })\r\n      .then((resp: Record<string, string>[]) =>\r\n        setData([...data, ...resp.map((item) => item[field])])\r\n      )\r\n      .catch(() => setData([]))\r\n      .finally(() => {\r\n        isFirstRender.current = false;\r\n        setIsLoading(false);\r\n        setIsLoadingMore(false);\r\n      });\r\n  }, [length]);\r\n\r\n  useEffect(() => {\r\n    if (!isFirstRender.current) {\r\n      setLength(0);\r\n      setAreDisabled(true);\r\n      virtuosoHandleRef?.current?.scrollToIndex({\r\n        index: 0,\r\n        behavior: 'smooth',\r\n      });\r\n\r\n      getKoobDataByCfgFromLib({\r\n        data: {\r\n          ...baseRequestParams,\r\n          sort: [`${sortSymbol ?? '+'}${sortField ?? field}`],\r\n          filters: {\r\n            ...(debouncedSearchTerm\r\n              ? { [field]: ['ilike', `%${debouncedSearchTerm}%`] }\r\n              : {}),\r\n            ...tempApplyedFilters,\r\n          },\r\n          limit: SIZE,\r\n          offset: 0,\r\n        },\r\n        ds_name,\r\n      })\r\n        .then((resp: Record<string, string>[]) => {\r\n          setData(resp.map((item) => item[field]));\r\n        })\r\n        .catch(() => {\r\n          setData([]);\r\n        })\r\n        .finally(() => {\r\n          setIsLoading(false);\r\n          setIsLoadingMore(false);\r\n          setAreDisabled(false);\r\n        });\r\n    }\r\n  }, [tempApplyedFilters]);\r\n\r\n  useEffect(() => {\r\n    //Если у нас есть какие-то фильтры\r\n    if (excludedData.length || includedData.length || searchedValue) {\r\n      //Если у нас есть поиск по ключевому слову\r\n      if (searchedValue) {\r\n        //Задаем базовое значение, к которому будем добавлять фильтры, если они выбраны\r\n        const filters: any = ['or'];\r\n\r\n        if (excludedData.length && includedData.length) {\r\n          filters.push([\r\n            'and',\r\n            ['!=', ...excludedData],\r\n            ['ilike', `%${searchedValue}%`],\r\n          ]);\r\n          filters.push(['=', ...includedData]);\r\n        } else if (excludedData.length) {\r\n          filters.push([\r\n            'and',\r\n            ['!=', ...excludedData],\r\n            ['ilike', `%${searchedValue}%`],\r\n          ]);\r\n        } else if (includedData.length) {\r\n          filters.push(['=', ...includedData]);\r\n          filters.push(['ilike', `%${searchedValue}%`]);\r\n        } else {\r\n          filters.push(['ilike', `%${searchedValue}%`]);\r\n        }\r\n\r\n        return handleChangeCompletedFilters({\r\n          [field]: filters,\r\n        });\r\n      }\r\n\r\n      //Выбраны не все, добавляем значения по одному\r\n      if (includedData.length)\r\n        return handleChangeCompletedFilters({\r\n          [field]: ['=', ...includedData],\r\n        });\r\n      //Выбраны все, убираем значения по одному\r\n      if (excludedData.length)\r\n        return handleChangeCompletedFilters({\r\n          [field]: ['!=', ...excludedData],\r\n        });\r\n\r\n      //Если фильтров нет\r\n    } else {\r\n      if (areAllChecked) {\r\n        return handleChangeCompletedFilters({\r\n          [field]: undefined,\r\n        });\r\n      }\r\n\r\n      if (!areAllChecked) {\r\n        return handleChangeCompletedFilters({\r\n          [field]: ['='],\r\n        });\r\n      }\r\n    }\r\n  }, [excludedData.length, includedData.length, searchedValue, areAllChecked]);\r\n\r\n  //Парсим данные, пришедшие из фильтров\r\n  useEffect(() => {\r\n    if (applyedFilters?.includes('or')) {\r\n      //Убираем слово or\r\n      const slicedData = [...applyedFilters].slice(1, applyedFilters.length);\r\n\r\n      //Пробегаемся по оставшемуся массиву и добавляем в фильтры пришедшие значения\r\n      slicedData.forEach((item: string[][] | string | string[]) => {\r\n        //Else if нужен для разделения случаев != и =\r\n        if ((item as string[]).includes('and')) {\r\n          setExcludedData(\r\n            (item[1] as string[]).filter((item) => item !== '!=')\r\n          );\r\n          setSearchedValue(item[2][1].split('%').join(''));\r\n        } else if ((item as string[]).includes('ilike')) {\r\n          setSearchedValue((item[1] as string).split('%').join(''));\r\n        } else if ((item as string[]).includes('=')) {\r\n          setIncludedData((item as string[]).filter((item) => item !== '='));\r\n        }\r\n      });\r\n    }\r\n\r\n    if (applyedFilters?.includes('!=')) {\r\n      return setExcludedData(\r\n        (applyedFilters as string[]).filter((item) => item !== '!=')\r\n      );\r\n    }\r\n\r\n    if (applyedFilters?.includes('=')) {\r\n      //Случай, когда у нас не выбраны точечно фильтры\r\n      setAreAllChecked(false);\r\n      return setIncludedData(\r\n        (applyedFilters as string[]).filter((item) => item !== '=')\r\n      );\r\n    }\r\n\r\n    if (applyedFilters?.includes('ilike')) {\r\n      return setSearchedValue(\r\n        (applyedFilters[1] as string).split('%').join('')\r\n      );\r\n    }\r\n  }, [applyedFilters]);\r\n\r\n  return (\r\n    <Layout direction=\"column\">\r\n      <StaticMenu\r\n        areDisabled={areDisabled}\r\n        dataLength={data.length}\r\n        isLoading={isLoading}\r\n        inputValue={inputValue}\r\n        totalCount={totalCount}\r\n        currentCount={currentCount}\r\n        handleChangeInputValue={handleChangeInputValue}\r\n        handleChangeIsLoading={handleChangeIsLoading}\r\n        handleChangeAreAllChecked={handleChangeAreAllChecked}\r\n        handleChangeSearchedValue={handleChangeSearchedValue}\r\n        handleChangeIncludedData={handleChangeIncludedData}\r\n        handleChangeExcludedData={handleChangeExcludedData}\r\n      />\r\n      <DynamicCheckboxesList\r\n        areDisabled={areDisabled}\r\n        data={isLoading ? [] : data}\r\n        areAllChecked={areAllChecked}\r\n        searchedValue={searchedValue}\r\n        excludedData={excludedData}\r\n        includedData={includedData}\r\n        handleChangeIncludedData={handleChangeIncludedData}\r\n        handleChangeExcludedData={handleChangeExcludedData}\r\n        isLoadingMore={isLoadingMore || isLoading}\r\n        setLength={setLength}\r\n        virtuosoHandleRef={virtuosoHandleRef}\r\n      />\r\n    </Layout>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,33 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Checkbox } from '@consta/uikit/Checkbox';
+import { Layout } from '@consta/uikit/Layout';
+import { Text } from '@consta/uikit/Text';
+import { TextField } from '@consta/uikit/TextField';
+import styles from '../../styles/ControlDashStyles.module.scss.js';
+
+const StaticMenu = ({ areDisabled, dataLength, inputValue, isLoading, totalCount, currentCount, handleChangeInputValue, handleChangeAreAllChecked, handleChangeSearchedValue, handleChangeIncludedData, handleChangeExcludedData, handleChangeIsLoading, }) => {
+    return (jsxs(Fragment, { children: [jsx(TextField, { className: styles.infiniteScrollFilters__search, size: "s", placeholder: "\u041D\u0430\u0439\u0442\u0438", value: inputValue, onChange: (value) => {
+                    handleChangeIsLoading(true);
+                    handleChangeInputValue(value);
+                }, onKeyDown: (e) => {
+                    if (e.key === 'Enter') {
+                        handleChangeAreAllChecked(true);
+                        handleChangeSearchedValue((inputValue || '').toLowerCase());
+                    }
+                } }), jsx(Layout, { className: styles.infiniteScrollFilters__selectAll, children: !isLoading && !!dataLength && (jsxs(Fragment, { children: [jsx(Checkbox, { disabled: areDisabled, checked: currentCount > 0, intermediate: totalCount !== currentCount && currentCount > 0, label: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435", size: "s", onChange: ({ target }) => {
+                                const checked = target.checked;
+                                //Если не выбираем все или поле ввода пустое, то ключевое слово имеет значение ''
+                                if (!checked) {
+                                    handleChangeSearchedValue('');
+                                }
+                                else {
+                                    handleChangeSearchedValue((inputValue !== null && inputValue !== void 0 ? inputValue : '').toLowerCase());
+                                }
+                                handleChangeAreAllChecked(checked);
+                                handleChangeIncludedData([]);
+                                handleChangeExcludedData([]);
+                            } }), jsxs(Text, { view: "primary", size: "s", children: [currentCount, " \u0438\u0437 ", totalCount] })] })) })] }));
+};
+
+export { StaticMenu as default };
+//# sourceMappingURL=StaticMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StaticMenu.js","sources":["../../../../../../src/ui-components/FilterComponents/InfiniteScrollCheckboxes/StaticMenu/StaticMenu.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Checkbox } from '@consta/uikit/Checkbox';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Text } from '@consta/uikit/Text';\r\nimport { TextField } from '@consta/uikit/TextField';\r\n\r\nimport styles from '../../styles/ControlDashStyles.module.scss';\r\n\r\ninterface StaticMenu {\r\n  areDisabled: boolean;\r\n  dataLength: number;\r\n  inputValue: string | null;\r\n  isLoading: boolean;\r\n  totalCount: number;\r\n  currentCount: number;\r\n  handleChangeInputValue: (newInputValue: string | null) => void;\r\n  handleChangeAreAllChecked: (newAreAllChecked: boolean) => void;\r\n  handleChangeSearchedValue: (newSearchedValue: string) => void;\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  handleChangeIsLoading: (newValue: boolean) => void;\r\n}\r\n\r\nconst StaticMenu: React.FC<StaticMenu> = ({\r\n  areDisabled,\r\n  dataLength,\r\n  inputValue,\r\n  isLoading,\r\n  totalCount,\r\n  currentCount,\r\n  handleChangeInputValue,\r\n  handleChangeAreAllChecked,\r\n  handleChangeSearchedValue,\r\n  handleChangeIncludedData,\r\n  handleChangeExcludedData,\r\n  handleChangeIsLoading,\r\n}) => {\r\n  return (\r\n    <>\r\n      <TextField\r\n        className={styles.infiniteScrollFilters__search}\r\n        size=\"s\"\r\n        placeholder=\"Найти\"\r\n        value={inputValue}\r\n        onChange={(value) => {\r\n          handleChangeIsLoading(true);\r\n          handleChangeInputValue(value);\r\n        }}\r\n        onKeyDown={(e) => {\r\n          if (e.key === 'Enter') {\r\n            handleChangeAreAllChecked(true);\r\n            handleChangeSearchedValue((inputValue || '').toLowerCase());\r\n          }\r\n        }}\r\n      />\r\n\r\n      <Layout className={styles.infiniteScrollFilters__selectAll}>\r\n        {!isLoading && !!dataLength && (\r\n          <>\r\n            <Checkbox\r\n              disabled={areDisabled}\r\n              checked={currentCount > 0}\r\n              intermediate={totalCount !== currentCount && currentCount > 0}\r\n              label=\"Выбрать все\"\r\n              size=\"s\"\r\n              onChange={({ target }) => {\r\n                const checked = target.checked;\r\n\r\n                //Если не выбираем все или поле ввода пустое, то ключевое слово имеет значение ''\r\n                if (!checked) {\r\n                  handleChangeSearchedValue('');\r\n                } else {\r\n                  handleChangeSearchedValue((inputValue ?? '').toLowerCase());\r\n                }\r\n\r\n                handleChangeAreAllChecked(checked);\r\n                handleChangeIncludedData([]);\r\n                handleChangeExcludedData([]);\r\n              }}\r\n            />\r\n            <Text view=\"primary\" size=\"s\">\r\n              {currentCount} из {totalCount}\r\n            </Text>\r\n          </>\r\n        )}\r\n      </Layout>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default StaticMenu;\r\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;AA2BA,MAAM,UAAU,GAAyB,CAAC,EACxC,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,YAAY,EACZ,sBAAsB,EACtB,yBAAyB,EACzB,yBAAyB,EACzB,wBAAwB,EACxB,wBAAwB,EACxB,qBAAqB,GACtB,KAAI;AACH,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAC,CAAA,SAAS,EACR,EAAA,SAAS,EAAE,MAAM,CAAC,6BAA6B,EAC/C,IAAI,EAAC,GAAG,EACR,WAAW,EAAC,gCAAO,EACnB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,KAAK,KAAI;oBAClB,qBAAqB,CAAC,IAAI,CAAC,CAAC;oBAC5B,sBAAsB,CAAC,KAAK,CAAC,CAAC;AAChC,iBAAC,EACD,SAAS,EAAE,CAAC,CAAC,KAAI;AACf,oBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;wBACrB,yBAAyB,CAAC,IAAI,CAAC,CAAC;wBAChC,yBAAyB,CAAC,CAAC,UAAU,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;qBAC7D;iBACF,EAAA,CACD,EAEFA,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,gCAAgC,EAAA,QAAA,EACvD,CAAC,SAAS,IAAI,CAAC,CAAC,UAAU,KACzBF,IACE,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAC,GAAA,CAAC,QAAQ,EAAA,EACP,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,YAAY,GAAG,CAAC,EACzB,YAAY,EAAE,UAAU,KAAK,YAAY,IAAI,YAAY,GAAG,CAAC,EAC7D,KAAK,EAAC,+DAAa,EACnB,IAAI,EAAC,GAAG,EACR,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,KAAI;AACvB,gCAAA,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;;gCAG/B,IAAI,CAAC,OAAO,EAAE;oCACZ,yBAAyB,CAAC,EAAE,CAAC,CAAC;iCAC/B;qCAAM;AACL,oCAAA,yBAAyB,CAAC,CAAC,UAAU,KAAA,IAAA,IAAV,UAAU,KAAV,KAAA,CAAA,GAAA,UAAU,GAAI,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;iCAC7D;gCAED,yBAAyB,CAAC,OAAO,CAAC,CAAC;gCACnC,wBAAwB,CAAC,EAAE,CAAC,CAAC;gCAC7B,wBAAwB,CAAC,EAAE,CAAC,CAAC;6BAC9B,EAAA,CACD,EACFF,IAAC,CAAA,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,GAAG,EAC1B,QAAA,EAAA,CAAA,YAAY,oBAAM,UAAU,CAAA,EAAA,CACxB,IACN,CACJ,EAAA,CACM,CACR,EAAA,CAAA,EACH;AACJ;;;;"}

package/dist/esm/ui-components/FilterComponents/InfiniteScrollRadio/DynamicRadioList/DynamicRadioList.js

@@ -0,0 +1,42 @@
+import { jsx } from 'react/jsx-runtime';
+import { useContext } from 'react';
+import cn from 'classnames';
+import { Virtuoso } from 'react-virtuoso';
+import { cnMixScrollBar } from '@consta/uikit/MixScrollBar';
+import { Radio } from '@consta/uikit/Radio';
+import { SIZE } from '../../constants.js';
+import { CompletedFiltersContext } from '../../Context/CompletedFiltersContext.js';
+import { VirtuosoFooter } from '../../VirtuosoFooter/index.js';
+import styles from '../../styles/ControlDashStyles.module.scss.js';
+
+const DynamicRadioList = ({ field, areDisabled, data, isLoading, handleChangeLength, currentValue, virtuosoHandleRef, handleChangeCurrentValue, }) => {
+    const { handleChangeCompletedFilters } = useContext(CompletedFiltersContext);
+    return (jsx(Virtuoso, { ref: virtuosoHandleRef, className: cn(styles.infiniteScrollFilters__content, [
+            cnMixScrollBar({ size: 'm' }),
+        ]), data: data, endReached: (index) => {
+            if ((index + 1) % SIZE === 0) {
+                handleChangeLength(index + 1);
+            }
+        }, increaseViewportBy: 0, itemContent: (_, item) => {
+            return (jsx(Radio, { size: "s", label: item, disabled: areDisabled, checked: item === currentValue, className: styles.infiniteScrollFilters__singleCheckbox, onMouseDown: (event) => {
+                    if (event.button === 0)
+                        if (item !== currentValue) {
+                            handleChangeCurrentValue(item);
+                            handleChangeCompletedFilters({
+                                [field]: ['=', item],
+                            });
+                        }
+                        else {
+                            handleChangeCurrentValue(undefined);
+                            handleChangeCompletedFilters({
+                                [field]: undefined,
+                            });
+                        }
+                } }));
+        }, components: {
+            Footer: () => (jsx(VirtuosoFooter, { isLoading: isLoading, dataLength: data.length })),
+        } }));
+};
+
+export { DynamicRadioList };
+//# sourceMappingURL=DynamicRadioList.js.map

package/dist/esm/ui-components/FilterComponents/InfiniteScrollRadio/DynamicRadioList/DynamicRadioList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicRadioList.js","sources":["../../../../../../src/ui-components/FilterComponents/InfiniteScrollRadio/DynamicRadioList/DynamicRadioList.tsx"],"sourcesContent":["import React, { Ref, useContext } from 'react';\r\nimport classNames from 'classnames';\r\nimport { Virtuoso, VirtuosoHandle } from 'react-virtuoso';\r\nimport { cnMixScrollBar } from '@consta/uikit/MixScrollBar';\r\nimport { Radio } from '@consta/uikit/Radio';\r\n\r\nimport { SIZE } from '../../constants';\r\nimport { CompletedFiltersContext } from '../../Context';\r\nimport { VirtuosoFooter } from '../../VirtuosoFooter';\r\n\r\nimport styles from '../../styles/ControlDashStyles.module.scss';\r\n\r\ninterface DynamicRadioListProps {\r\n  field: string;\r\n  areDisabled: boolean;\r\n  data: string[];\r\n  isLoading: boolean;\r\n  handleChangeLength: (value: number) => void;\r\n  currentValue: string | undefined;\r\n  virtuosoHandleRef: Ref<VirtuosoHandle> | null;\r\n  handleChangeCurrentValue: (value: string | undefined) => void;\r\n}\r\n\r\nexport const DynamicRadioList: React.FC<DynamicRadioListProps> = ({\r\n  field,\r\n  areDisabled,\r\n  data,\r\n  isLoading,\r\n  handleChangeLength,\r\n  currentValue,\r\n  virtuosoHandleRef,\r\n  handleChangeCurrentValue,\r\n}) => {\r\n  const { handleChangeCompletedFilters } = useContext(CompletedFiltersContext);\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          handleChangeLength(index + 1);\r\n        }\r\n      }}\r\n      increaseViewportBy={0}\r\n      itemContent={(_, item) => {\r\n        return (\r\n          <Radio\r\n            size=\"s\"\r\n            label={item}\r\n            disabled={areDisabled}\r\n            checked={item === currentValue}\r\n            className={styles.infiniteScrollFilters__singleCheckbox}\r\n            onMouseDown={(event) => {\r\n              if (event.button === 0)\r\n                if (item !== currentValue) {\r\n                  handleChangeCurrentValue(item);\r\n                  handleChangeCompletedFilters({\r\n                    [field]: ['=', item],\r\n                  });\r\n                } else {\r\n                  handleChangeCurrentValue(undefined);\r\n                  handleChangeCompletedFilters({\r\n                    [field]: undefined,\r\n                  });\r\n                }\r\n            }}\r\n          />\r\n        );\r\n      }}\r\n      components={{\r\n        Footer: () => (\r\n          <VirtuosoFooter isLoading={isLoading} dataLength={data.length} />\r\n        ),\r\n      }}\r\n    />\r\n  );\r\n};\r\n"],"names":["_jsx","classNames"],"mappings":";;;;;;;;;;;MAuBa,gBAAgB,GAAoC,CAAC,EAChE,KAAK,EACL,WAAW,EACX,IAAI,EACJ,SAAS,EACT,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EACjB,wBAAwB,GACzB,KAAI;IACH,MAAM,EAAE,4BAA4B,EAAE,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAC;AAC7E,IAAA,QACEA,GAAA,CAAC,QAAQ,EAAA,EACP,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAEC,EAAU,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC3D,YAAA,cAAc,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,IAAI,IAAI,KAAK,CAAC,EAAE;AAC5B,gBAAA,kBAAkB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;aAC/B;AACH,SAAC,EACD,kBAAkB,EAAE,CAAC,EACrB,WAAW,EAAE,CAAC,CAAC,EAAE,IAAI,KAAI;AACvB,YAAA,QACED,GAAA,CAAC,KAAK,EAAA,EACJ,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,IAAI,KAAK,YAAY,EAC9B,SAAS,EAAE,MAAM,CAAC,qCAAqC,EACvD,WAAW,EAAE,CAAC,KAAK,KAAI;AACrB,oBAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;AACpB,wBAAA,IAAI,IAAI,KAAK,YAAY,EAAE;4BACzB,wBAAwB,CAAC,IAAI,CAAC,CAAC;AAC/B,4BAAA,4BAA4B,CAAC;AAC3B,gCAAA,CAAC,KAAK,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC;AACrB,6BAAA,CAAC,CAAC;yBACJ;6BAAM;4BACL,wBAAwB,CAAC,SAAS,CAAC,CAAC;AACpC,4BAAA,4BAA4B,CAAC;gCAC3B,CAAC,KAAK,GAAG,SAAS;AACnB,6BAAA,CAAC,CAAC;yBACJ;iBACJ,EAAA,CACD,EACF;SACH,EACD,UAAU,EAAE;AACV,YAAA,MAAM,EAAE,OACNA,GAAA,CAAC,cAAc,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,GAAI,CAClE;AACF,SAAA,EAAA,CACD,EACF;AACJ;;;;"}

package/dist/esm/ui-components/FilterComponents/InfiniteScrollRadio/index.js

@@ -0,0 +1,155 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useContext, useState, useRef, useEffect, useMemo } from 'react';
+import { Layout } from '@consta/uikit/Layout';
+import { TextField } from '@consta/uikit/TextField';
+import { filtersConversionForControlDash } from '../../helpers/filtersConversion.js';
+import { useDebounce } from '../../helpers/useDebounce.js';
+import 'axios';
+import 'axios-retry';
+import { getKoobDataByCfgFromLib } from '../../../utils/getKoobDataByCfg.js';
+import { DatasetNameContext } from '../../CommonContexts/DatasetNameContext.js';
+import { SIZE } from '../constants.js';
+import { CompletedFiltersContext } from '../Context/CompletedFiltersContext.js';
+import { DynamicRadioList } from './DynamicRadioList/DynamicRadioList.js';
+import styles from '../styles/ControlDashStyles.module.scss.js';
+
+const InfiniteScrollRadio = ({ applyedFilters, koob, field, sortField, sortSymbol, activeFilters, }) => {
+    const ds_name = useContext(DatasetNameContext);
+    const { completedFilters, getCompletedFiltersWithoutField } = useContext(CompletedFiltersContext);
+    const [isLoading, setIsLoading] = useState(true);
+    const [isLoadingMore, setIsLoadingMore] = useState(true);
+    const [data, setData] = useState([]);
+    const [length, setLength] = useState(0);
+    const [searchedValue, setSearchedValue] = useState(null);
+    const [currentValue, setCurrentValue] = useState(applyedFilters === null || applyedFilters === void 0 ? void 0 : applyedFilters[1]);
+    const [areDisabled, setAreDisabled] = useState(false);
+    const isFirstRender = useRef(true);
+    const virtuosoHandleRef = useRef(null);
+    //Отложенное значение в поле ввода
+    const debouncedSearchTerm = useDebounce(searchedValue, 1000);
+    const restFilters = getCompletedFiltersWithoutField(field);
+    const debouncedTempApplyedFilters = useDebounce(restFilters, 1000);
+    const handleChangeCurrentValue = (value) => {
+        setCurrentValue(value);
+    };
+    const handleChangeLength = (value) => {
+        setLength(value);
+    };
+    useEffect(() => {
+        if (searchedValue === debouncedSearchTerm) {
+            setIsLoading(false);
+        }
+    }, [searchedValue]);
+    useEffect(() => {
+        setAreDisabled(restFilters !== debouncedTempApplyedFilters);
+    }, [restFilters]);
+    useEffect(() => {
+        setAreDisabled(false);
+    }, [debouncedTempApplyedFilters]);
+    const tempApplyedFilters = useMemo(() => {
+        if (activeFilters) {
+            return filtersConversionForControlDash(activeFilters, {
+                filters: completedFilters,
+                // Убираем ошибки типизации
+                result: {},
+                pendingFilters: {},
+            });
+        }
+        else {
+            return {};
+        }
+    }, [debouncedTempApplyedFilters]);
+    useEffect(() => {
+        if (isFirstRender.current === false) {
+            setIsLoading(true);
+            getKoobDataByCfgFromLib({
+                data: {
+                    koob: koob,
+                    columns: [field],
+                    distinct: true,
+                    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: SIZE,
+                    offset: length,
+                },
+                ds_name,
+            })
+                .then((resp) => setData(resp.map((item) => item[field])))
+                .catch(() => setData([]))
+                .finally(() => {
+                setIsLoading(false);
+                setIsLoadingMore(false);
+                setLength(0);
+            });
+        }
+    }, [debouncedSearchTerm]);
+    useEffect(() => {
+        setIsLoadingMore(true);
+        getKoobDataByCfgFromLib({
+            data: {
+                koob: koob,
+                columns: [field],
+                distinct: true,
+                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: 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]);
+    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',
+            });
+            getKoobDataByCfgFromLib({
+                data: {
+                    koob: koob,
+                    columns: [field],
+                    distinct: true,
+                    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: SIZE,
+                    offset: 0,
+                },
+                ds_name,
+            })
+                .then((resp) => {
+                setData(resp.map((item) => item[field]));
+            })
+                .catch(() => {
+                setData([]);
+            })
+                .finally(() => {
+                setIsLoading(false);
+                setIsLoadingMore(false);
+                setAreDisabled(false);
+            });
+        }
+    }, [tempApplyedFilters]);
+    return (jsxs(Layout, { direction: "column", children: [jsx(TextField, { placeholder: "\u041D\u0430\u0439\u0442\u0438", value: searchedValue, onChange: (value) => {
+                    setSearchedValue(value);
+                    setIsLoading(true);
+                }, className: styles.infiniteScrollFilters__search, size: "s" }), jsx(DynamicRadioList, { field: field, areDisabled: areDisabled, data: isLoading ? [] : data, isLoading: isLoadingMore || isLoading, handleChangeLength: handleChangeLength, currentValue: currentValue, virtuosoHandleRef: virtuosoHandleRef, handleChangeCurrentValue: handleChangeCurrentValue })] }));
+};
+
+export { InfiniteScrollRadio };
+//# sourceMappingURL=index.js.map