bi-utils-gpn 1.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../src/ui-components/FilterComponents/helpers.tsx"],"sourcesContent":["import React from 'react';\r\n\r\nimport { FieldsData, FieldsDataWithGrouping, GetFilterByType } from './types';\r\nimport {\r\n  DatePickerRange,\r\n  DatePickerSingle,\r\n  InfiniteScrollCheckboxesContent,\r\n  InfiniteScrollRadio,\r\n  InputFieldItem,\r\n  NumberRangeFilter,\r\n  PeriodController,\r\n} from '.';\r\n\r\nexport const isFieldsDataWithGrouping = (\r\n  item: FieldsDataWithGrouping | FieldsData\r\n): item is FieldsData => {\r\n  return item.filterType !== 'group';\r\n};\r\n\r\nexport const getFilterByType = ({\r\n  fieldInfo,\r\n  luxmsFilters,\r\n}: GetFilterByType) => {\r\n  const { field, filterType } = fieldInfo;\r\n\r\n  switch (filterType) {\r\n    case 'numberRange':\r\n      return (\r\n        <NumberRangeFilter\r\n          applyedFilters={luxmsFilters?.[field]}\r\n          field={fieldInfo.field}\r\n        />\r\n      );\r\n    case 'input':\r\n      return (\r\n        <InputFieldItem\r\n          applyedFilters={luxmsFilters?.[field]}\r\n          field={fieldInfo.field}\r\n        />\r\n      );\r\n    case 'periodController':\r\n      return (\r\n        <PeriodController\r\n          applyedFilters={luxmsFilters?.[field]}\r\n          field={field}\r\n        />\r\n      );\r\n    case 'datePickerRange':\r\n      return (\r\n        <DatePickerRange\r\n          applyedFilters={luxmsFilters?.[field]}\r\n          koob={fieldInfo.koob}\r\n          field={field}\r\n        />\r\n      );\r\n    case 'datePickerSingle':\r\n      return (\r\n        <DatePickerSingle\r\n          applyedFilters={luxmsFilters?.[field]}\r\n          field={field}\r\n        />\r\n      );\r\n    case 'infiniteScrollCheckboxes':\r\n      return (\r\n        <InfiniteScrollCheckboxesContent\r\n          applyedFilters={luxmsFilters?.[field]}\r\n          activeFilters={fieldInfo.activeFilters}\r\n          koob={fieldInfo.koob}\r\n          field={field}\r\n          sortSymbol={fieldInfo.sortSymbol}\r\n          sortField={fieldInfo.sortField}\r\n        />\r\n      );\r\n    case 'infiniteScrollRadio':\r\n      return (\r\n        <InfiniteScrollRadio\r\n          applyedFilters={luxmsFilters?.[field]}\r\n          activeFilters={fieldInfo.activeFilters}\r\n          koob={fieldInfo.koob}\r\n          field={field}\r\n          sortSymbol={fieldInfo.sortSymbol}\r\n          sortField={fieldInfo.sortField}\r\n        />\r\n      );\r\n  }\r\n};\r\n\r\nexport const formatDate = (date: Date) => {\r\n  if (date) return date.toLocaleDateString().split('.').reverse().join('-');\r\n};\r\n"],"names":["_jsx","NumberRangeFilter","InputFieldItem","PeriodController","DatePickerRange","DatePickerSingle","InfiniteScrollCheckboxesContent","InfiniteScrollRadio"],"mappings":";;;;;;;;;;;;;;;;;;;AAaa,MAAA,wBAAwB,GAAG,CACtC,IAAyC,KACnB;AACtB,IAAA,OAAO,IAAI,CAAC,UAAU,KAAK,OAAO,CAAC;AACrC,EAAE;AAEW,MAAA,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,YAAY,GACI,KAAI;AACpB,IAAA,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC;IAExC,QAAQ,UAAU;AAChB,QAAA,KAAK,aAAa;YAChB,QACEA,eAACC,yBAAiB,EAAA,EAChB,cAAc,EAAE,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,YAAY,CAAG,KAAK,CAAC,EACrC,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,CAAA,EACF;AACJ,QAAA,KAAK,OAAO;YACV,QACED,eAACE,6BAAc,EAAA,EACb,cAAc,EAAE,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,YAAY,CAAG,KAAK,CAAC,EACrC,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,CAAA,EACF;AACJ,QAAA,KAAK,kBAAkB;YACrB,QACEF,eAACG,iCAAgB,EAAA,EACf,cAAc,EAAE,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,KAAK,CAAC,EACrC,KAAK,EAAE,KAAK,EAAA,CACZ,EACF;AACJ,QAAA,KAAK,iBAAiB;YACpB,QACEH,cAAC,CAAAI,+BAAe,EACd,EAAA,cAAc,EAAE,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,YAAY,CAAG,KAAK,CAAC,EACrC,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,KAAK,EAAE,KAAK,EACZ,CAAA,EACF;AACJ,QAAA,KAAK,kBAAkB;YACrB,QACEJ,eAACK,iCAAgB,EAAA,EACf,cAAc,EAAE,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,KAAK,CAAC,EACrC,KAAK,EAAE,KAAK,EAAA,CACZ,EACF;AACJ,QAAA,KAAK,0BAA0B;YAC7B,QACEL,eAACM,wDAA+B,EAAA,EAC9B,cAAc,EAAE,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,KAAK,CAAC,EACrC,aAAa,EAAE,SAAS,CAAC,aAAa,EACtC,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,SAAS,CAAC,UAAU,EAChC,SAAS,EAAE,SAAS,CAAC,SAAS,EAAA,CAC9B,EACF;AACJ,QAAA,KAAK,qBAAqB;YACxB,QACEN,eAACO,yBAAmB,EAAA,EAClB,cAAc,EAAE,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,KAAK,CAAC,EACrC,aAAa,EAAE,SAAS,CAAC,aAAa,EACtC,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,SAAS,CAAC,UAAU,EAChC,SAAS,EAAE,SAAS,CAAC,SAAS,EAAA,CAC9B,EACF;KACL;AACH,EAAE;AAEW,MAAA,UAAU,GAAG,CAAC,IAAU,KAAI;AACvC,IAAA,IAAI,IAAI;AAAE,QAAA,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC5E;;;;;;"}

package/dist/cjs/ui-components/FilterComponents/styles/ControlDashStyles.module.scss.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".ControlDashStyles-module__infiniteScrollFilters___oWOZ9{padding:5px!important;width:300px}.ControlDashStyles-module__infiniteScrollFilters__content___Xa3AO{height:250px!important}.ControlDashStyles-module__infiniteScrollFilters__loaderContainer___-Mocg{justify-content:center;padding-top:50px;width:100%}.ControlDashStyles-module__infiniteScrollFilters__checkboxesContainer___Hj7WX{overflow-y:auto!important;padding-right:10px}.ControlDashStyles-module__infiniteScrollFilters__search___mvnDG{margin-bottom:5px}.ControlDashStyles-module__infiniteScrollFilters__selectAll___P3P0o{align-items:center;height:26px;justify-content:space-between;margin-bottom:3px;padding:3px;transition:all .2s;width:100%}.ControlDashStyles-module__infiniteScrollFilters__selectAll_loading___bIcMM{margin-bottom:100px}.ControlDashStyles-module__infiniteScrollFilters__selectAll___P3P0o:hover{background-color:rgba(0,32,51,.051)}.ControlDashStyles-module__infiniteScrollFilters__virtuosoFooter___P0-S7{justify-content:center;padding-bottom:5px}.ControlDashStyles-module__infiniteScrollFilters__singleCheckbox___qzZil{padding:3px;transition:none;width:100%}.ControlDashStyles-module__infiniteScrollFilters__singleCheckbox___qzZil:hover{background-color:rgba(0,32,51,.051)}.ControlDashStyles-module__groupedCollapse___iruQ1>.Collapse-Label{width:-moz-fit-content!important;width:fit-content!important}.ControlDashStyles-module__groupedCollapse___iruQ1>.Collapse-Body{transition:none!important}.ControlDashStyles-module__groupedCollapse__content___ui9uq{margin-left:20px}.ControlDashStyles-module__groupedCollapse_bold___lQYNK>.Collapse-Label{font-weight:700!important}.ControlDashStyles-module__collapse___6E0rs>.Collapse-Label{width:-moz-fit-content!important;width:fit-content!important}.ControlDashStyles-module__numberFilter___WbcV0{margin:10px 0}.ControlDashStyles-module__numberFilter_left___2SR6v{margin-right:10px}";
+var styles = {"infiniteScrollFilters":"ControlDashStyles-module__infiniteScrollFilters___oWOZ9","infiniteScrollFilters__content":"ControlDashStyles-module__infiniteScrollFilters__content___Xa3AO","infiniteScrollFilters__loaderContainer":"ControlDashStyles-module__infiniteScrollFilters__loaderContainer___-Mocg","infiniteScrollFilters__checkboxesContainer":"ControlDashStyles-module__infiniteScrollFilters__checkboxesContainer___Hj7WX","infiniteScrollFilters__search":"ControlDashStyles-module__infiniteScrollFilters__search___mvnDG","infiniteScrollFilters__selectAll":"ControlDashStyles-module__infiniteScrollFilters__selectAll___P3P0o","infiniteScrollFilters__selectAll_loading":"ControlDashStyles-module__infiniteScrollFilters__selectAll_loading___bIcMM","infiniteScrollFilters__virtuosoFooter":"ControlDashStyles-module__infiniteScrollFilters__virtuosoFooter___P0-S7","infiniteScrollFilters__singleCheckbox":"ControlDashStyles-module__infiniteScrollFilters__singleCheckbox___qzZil","groupedCollapse":"ControlDashStyles-module__groupedCollapse___iruQ1","groupedCollapse__content":"ControlDashStyles-module__groupedCollapse__content___ui9uq","groupedCollapse_bold":"ControlDashStyles-module__groupedCollapse_bold___lQYNK","collapse":"ControlDashStyles-module__collapse___6E0rs","numberFilter":"ControlDashStyles-module__numberFilter___WbcV0","numberFilter_left":"ControlDashStyles-module__numberFilter_left___2SR6v"};
+styleInject_es.default(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=ControlDashStyles.module.scss.js.map

package/dist/cjs/ui-components/FilterComponents/styles/ControlDashStyles.module.scss.js.map

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

package/dist/cjs/ui-components/FiltersIndicator/FiltersTag/FiltersTag.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var IconClose = require('@consta/icons/IconClose');
+var Layout = require('@consta/uikit/Layout');
+var Text = require('@consta/uikit/Text');
+var Tooltip = require('@consta/uikit/Tooltip');
+var filtersIndicatorStyles_module = require('../filtersIndicatorStyles.module.scss.js');
+
+const FiltersTag = ({ filterKey, value, filtersAssociations, resetFilters, }) => {
+    const anchorRef = React.useRef(null);
+    const [isTooltipVisible, setIsTooltipVisible] = React.useState(false);
+    const [isTagShown, setIsTagShown] = React.useState(true);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isTagShown && (jsxRuntime.jsxs(Layout.Layout, { ref: anchorRef, className: filtersIndicatorStyles_module.default.filtersIndicatorItem, children: [jsxRuntime.jsxs(Text.Text, { size: "s", view: "primary", weight: "semibold", children: [filtersAssociations[filterKey], ":\u00A0"] }), jsxRuntime.jsx(Text.Text, { size: "s", view: "primary", className: filtersIndicatorStyles_module.default.filtersIndicatorItem__value, onMouseEnter: () => setIsTooltipVisible(true), onMouseLeave: () => setIsTooltipVisible(false), children: value }), jsxRuntime.jsx(IconClose.IconClose, { size: "xs", className: filtersIndicatorStyles_module.default.filtersIndicatorItem__iconClose, onClick: () => {
+                            resetFilters(filterKey);
+                            setIsTagShown(false);
+                        } })] }, filterKey + value)), jsxRuntime.jsx(Tooltip.Tooltip, { isOpen: isTooltipVisible, direction: "upCenter", anchorRef: anchorRef, placeholder: undefined, onPointerEnterCapture: undefined, onPointerLeaveCapture: undefined, children: jsxRuntime.jsx(Text.Text, { view: "primary", lineHeight: "m", size: "s", children: value }) })] }));
+};
+
+exports.FiltersTag = FiltersTag;
+//# sourceMappingURL=FiltersTag.js.map

package/dist/cjs/ui-components/FiltersIndicator/FiltersTag/FiltersTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersTag.js","sources":["../../../../../src/ui-components/FiltersIndicator/FiltersTag/FiltersTag.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\r\nimport { IconClose } from '@consta/icons/IconClose';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Text } from '@consta/uikit/Text';\r\nimport { Tooltip } from '@consta/uikit/Tooltip';\r\n\r\nimport { IFiltersTagProps } from '../types';\r\n\r\nimport styles from '../filtersIndicatorStyles.module.scss';\r\n\r\nexport const FiltersTag: React.FC<IFiltersTagProps> = ({\r\n  filterKey,\r\n  value,\r\n  filtersAssociations,\r\n  resetFilters,\r\n}) => {\r\n  const anchorRef = useRef<HTMLDivElement>(null);\r\n\r\n  const [isTooltipVisible, setIsTooltipVisible] = useState(false);\r\n  const [isTagShown, setIsTagShown] = useState(true);\r\n\r\n  return (\r\n    <>\r\n      {isTagShown && (\r\n        <Layout\r\n          ref={anchorRef}\r\n          className={styles.filtersIndicatorItem}\r\n          key={filterKey + value}\r\n        >\r\n          <Text size=\"s\" view=\"primary\" weight=\"semibold\">\r\n            {filtersAssociations[filterKey as keyof object]}:&nbsp;\r\n          </Text>\r\n          <Text\r\n            size=\"s\"\r\n            view=\"primary\"\r\n            className={styles.filtersIndicatorItem__value}\r\n            onMouseEnter={() => setIsTooltipVisible(true)}\r\n            onMouseLeave={() => setIsTooltipVisible(false)}\r\n          >\r\n            {value}\r\n          </Text>\r\n          <IconClose\r\n            size=\"xs\"\r\n            className={styles.filtersIndicatorItem__iconClose}\r\n            onClick={() => {\r\n              resetFilters(filterKey);\r\n              setIsTagShown(false);\r\n            }}\r\n          />\r\n        </Layout>\r\n      )}\r\n      <Tooltip\r\n        isOpen={isTooltipVisible}\r\n        direction=\"upCenter\"\r\n        anchorRef={anchorRef}\r\n        placeholder={undefined}\r\n        onPointerEnterCapture={undefined}\r\n        onPointerLeaveCapture={undefined}\r\n      >\r\n        <Text view=\"primary\" lineHeight=\"m\" size=\"s\">\r\n          {value}\r\n        </Text>\r\n      </Tooltip>\r\n    </>\r\n  );\r\n};\r\n"],"names":["useRef","useState","_jsxs","Layout","styles","Text","_jsx","IconClose","Tooltip"],"mappings":";;;;;;;;;;AAUO,MAAM,UAAU,GAA+B,CAAC,EACrD,SAAS,EACT,KAAK,EACL,mBAAmB,EACnB,YAAY,GACb,KAAI;AACH,IAAA,MAAM,SAAS,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,QACEC,kDACG,UAAU,KACTA,eAAC,CAAAC,aAAM,IACL,GAAG,EAAE,SAAS,EACd,SAAS,EAAEC,qCAAM,CAAC,oBAAoB,EAGtC,QAAA,EAAA,CAAAF,eAAA,CAACG,SAAI,EAAC,EAAA,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,UAAU,EAC5C,QAAA,EAAA,CAAA,mBAAmB,CAAC,SAAyB,CAAC,eAC1C,EACPC,cAAA,CAACD,SAAI,EACH,EAAA,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,SAAS,EACd,SAAS,EAAED,qCAAM,CAAC,2BAA2B,EAC7C,YAAY,EAAE,MAAM,mBAAmB,CAAC,IAAI,CAAC,EAC7C,YAAY,EAAE,MAAM,mBAAmB,CAAC,KAAK,CAAC,YAE7C,KAAK,EAAA,CACD,EACPE,cAAC,CAAAC,mBAAS,IACR,IAAI,EAAC,IAAI,EACT,SAAS,EAAEH,qCAAM,CAAC,+BAA+B,EACjD,OAAO,EAAE,MAAK;4BACZ,YAAY,CAAC,SAAS,CAAC,CAAC;4BACxB,aAAa,CAAC,KAAK,CAAC,CAAC;yBACtB,EAAA,CACD,CArBG,EAAA,EAAA,SAAS,GAAG,KAAK,CAsBf,CACV,EACDE,cAAC,CAAAE,eAAO,EACN,EAAA,MAAM,EAAE,gBAAgB,EACxB,SAAS,EAAC,UAAU,EACpB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,SAAS,EACtB,qBAAqB,EAAE,SAAS,EAChC,qBAAqB,EAAE,SAAS,EAEhC,QAAA,EAAAF,cAAA,CAACD,SAAI,EAAA,EAAC,IAAI,EAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,IAAI,EAAC,GAAG,EACzC,QAAA,EAAA,KAAK,EACD,CAAA,EAAA,CACC,CACT,EAAA,CAAA,EACH;AACJ;;;;"}

package/dist/cjs/ui-components/FiltersIndicator/filtersIndicatorStyles.module.scss.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".filtersIndicatorStyles-module__filtersIndicator___BkxLs{background-color:none;left:0;position:sticky;top:0;z-index:1000001}.filtersIndicatorStyles-module__filtersIndicator__container___iFlI2{gap:5px;margin-bottom:0;overflow-x:auto;padding:0 5px 5px;width:100%}.filtersIndicatorStyles-module__filtersIndicatorItem___PX-Ws{align-items:center;background-color:rgba(0,66,105,.07);border-radius:8px;min-width:-moz-fit-content;min-width:fit-content;padding:5px}.filtersIndicatorStyles-module__filtersIndicatorItem__value___Pe9fb{max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filtersIndicatorStyles-module__filtersIndicatorItem__iconClose___rL2jN{cursor:pointer;margin-left:5px}";
+var styles = {"filtersIndicator":"filtersIndicatorStyles-module__filtersIndicator___BkxLs","filtersIndicator__container":"filtersIndicatorStyles-module__filtersIndicator__container___iFlI2","filtersIndicatorItem":"filtersIndicatorStyles-module__filtersIndicatorItem___PX-Ws","filtersIndicatorItem__value":"filtersIndicatorStyles-module__filtersIndicatorItem__value___Pe9fb","filtersIndicatorItem__iconClose":"filtersIndicatorStyles-module__filtersIndicatorItem__iconClose___rL2jN"};
+styleInject_es.default(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=filtersIndicatorStyles.module.scss.js.map

package/dist/cjs/ui-components/FiltersIndicator/filtersIndicatorStyles.module.scss.js.map

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

package/dist/cjs/ui-components/FiltersIndicator/index.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var cn = require('classnames');
+var Layout = require('@consta/uikit/Layout');
+var MixScrollBar = require('@consta/uikit/MixScrollBar');
+var Skeleton = require('@consta/uikit/Skeleton');
+require('axios');
+require('axios-retry');
+var getKoobDataByCfg = require('../../utils/getKoobDataByCfg.js');
+var DatasetNameContext = require('../CommonContexts/DatasetNameContext.js');
+var FiltersTag = require('./FiltersTag/FiltersTag.js');
+var filtersIndicatorStyles_module = require('./filtersIndicatorStyles.module.scss.js');
+
+const FiltersIndicator = ({ luxmsFilters, filtersAssociations, koob, columns, className, backgroundColor, resetFilters, }) => {
+    const ds_name = React.useContext(DatasetNameContext.DatasetNameContext);
+    const [concatedFilters, setConcatedFilters] = React.useState({});
+    const [areFiltersVisible, setAreFiltersVisible] = React.useState(false);
+    const [isLoading, setIsLoading] = React.useState(true);
+    React.useEffect(() => {
+        setIsLoading(true);
+        getKoobDataByCfg.getKoobDataByCfgFromLib({
+            data: {
+                koob: koob,
+                columns,
+                filters: luxmsFilters,
+            },
+            ds_name,
+        })
+            .then((resp) => {
+            const firstRespItem = resp[0];
+            const activeFiltersIndicators = Object.entries(luxmsFilters).reduce((acc, [key, value]) => {
+                if (value)
+                    acc = Object.assign(Object.assign({}, acc), { [key]: firstRespItem === null || firstRespItem === void 0 ? void 0 : firstRespItem[key] });
+                return acc;
+            }, {});
+            setAreFiltersVisible(!!Object.keys(activeFiltersIndicators).length);
+            setConcatedFilters(activeFiltersIndicators);
+        })
+            .catch(() => setConcatedFilters({}))
+            .finally(() => setIsLoading(false));
+    }, [luxmsFilters]);
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: areFiltersVisible && (jsxRuntime.jsx(Layout.Layout, { className: cn(filtersIndicatorStyles_module.default.filtersIndicator, className), style: {
+                backgroundColor: backgroundColor ? backgroundColor : 'none',
+            }, children: jsxRuntime.jsx(Layout.Layout, { className: cn(filtersIndicatorStyles_module.default.filtersIndicator__container, [
+                    MixScrollBar.cnMixScrollBar({ size: 'm' }),
+                ]), children: isLoading ? (jsxRuntime.jsx(Skeleton.SkeletonBrick, { height: 27 })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: Object.entries(concatedFilters).map(([filterKey, value]) => {
+                        return (jsxRuntime.jsx(FiltersTag.FiltersTag, { filterKey: filterKey, value: value, filtersAssociations: filtersAssociations, resetFilters: resetFilters }, filterKey + value));
+                    }) })) }) })) }));
+};
+
+exports.FiltersIndicator = FiltersIndicator;
+//# sourceMappingURL=index.js.map

package/dist/cjs/ui-components/FiltersIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/ui-components/FiltersIndicator/index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\r\nimport classNames from 'classnames';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { cnMixScrollBar } from '@consta/uikit/MixScrollBar';\r\nimport { SkeletonBrick } from '@consta/uikit/Skeleton';\r\n\r\nimport { getKoobDataByCfgFromLib } from '@/utils';\r\n\r\nimport { DatasetNameContext } from '../CommonContexts';\r\n\r\nimport { FiltersTag } from './FiltersTag/FiltersTag';\r\nimport { IFiltersIndicatorsProps, IResp } from './types';\r\n\r\nimport styles from './filtersIndicatorStyles.module.scss';\r\n\r\nexport const FiltersIndicator: React.FC<IFiltersIndicatorsProps> = ({\r\n  luxmsFilters,\r\n  filtersAssociations,\r\n  koob,\r\n  columns,\r\n  className,\r\n  backgroundColor,\r\n  resetFilters,\r\n}) => {\r\n  const ds_name = useContext(DatasetNameContext);\r\n\r\n  const [concatedFilters, setConcatedFilters] = useState<\r\n    Record<string, string>\r\n  >({});\r\n  const [areFiltersVisible, setAreFiltersVisible] = useState(false);\r\n  const [isLoading, setIsLoading] = useState(true);\r\n\r\n  useEffect(() => {\r\n    setIsLoading(true);\r\n    getKoobDataByCfgFromLib({\r\n      data: {\r\n        koob: koob,\r\n        columns,\r\n        filters: luxmsFilters,\r\n      },\r\n      ds_name,\r\n    })\r\n      .then((resp: IResp[]) => {\r\n        const firstRespItem = resp[0];\r\n        const activeFiltersIndicators = Object.entries(luxmsFilters).reduce(\r\n          (acc, [key, value]) => {\r\n            if (value) acc = { ...acc, [key]: firstRespItem?.[key] };\r\n            return acc;\r\n          },\r\n          {}\r\n        );\r\n        setAreFiltersVisible(!!Object.keys(activeFiltersIndicators).length);\r\n        setConcatedFilters(activeFiltersIndicators);\r\n      })\r\n      .catch(() => setConcatedFilters({}))\r\n      .finally(() => setIsLoading(false));\r\n  }, [luxmsFilters]);\r\n\r\n  return (\r\n    <>\r\n      {areFiltersVisible && (\r\n        <Layout\r\n          className={classNames(styles.filtersIndicator, className)}\r\n          style={{\r\n            backgroundColor: backgroundColor ? backgroundColor : 'none',\r\n          }}\r\n        >\r\n          <Layout\r\n            className={classNames(styles.filtersIndicator__container, [\r\n              cnMixScrollBar({ size: 'm' }),\r\n            ])}\r\n          >\r\n            {isLoading ? (\r\n              <SkeletonBrick height={27} />\r\n            ) : (\r\n              <>\r\n                {Object.entries(concatedFilters).map(([filterKey, value]) => {\r\n                  return (\r\n                    <FiltersTag\r\n                      key={filterKey + value}\r\n                      filterKey={filterKey}\r\n                      value={value}\r\n                      filtersAssociations={filtersAssociations}\r\n                      resetFilters={resetFilters}\r\n                    />\r\n                  );\r\n                })}\r\n              </>\r\n            )}\r\n          </Layout>\r\n        </Layout>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n"],"names":["useContext","DatasetNameContext","useState","useEffect","getKoobDataByCfgFromLib","_jsx","Layout","classNames","styles","cnMixScrollBar","SkeletonBrick","_Fragment","FiltersTag"],"mappings":";;;;;;;;;;;;;;;MAea,gBAAgB,GAAsC,CAAC,EAClE,YAAY,EACZ,mBAAmB,EACnB,IAAI,EACJ,OAAO,EACP,SAAS,EACT,eAAe,EACf,YAAY,GACb,KAAI;AACH,IAAA,MAAM,OAAO,GAAGA,gBAAU,CAACC,qCAAkB,CAAC,CAAC;IAE/C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAGC,cAAQ,CAEpD,EAAE,CAAC,CAAC;IACN,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAC,IAAI,CAAC,CAAC;IAEjDC,eAAS,CAAC,MAAK;QACb,YAAY,CAAC,IAAI,CAAC,CAAC;AACnB,QAAAC,wCAAuB,CAAC;AACtB,YAAA,IAAI,EAAE;AACJ,gBAAA,IAAI,EAAE,IAAI;gBACV,OAAO;AACP,gBAAA,OAAO,EAAE,YAAY;AACtB,aAAA;YACD,OAAO;SACR,CAAC;AACC,aAAA,IAAI,CAAC,CAAC,IAAa,KAAI;AACtB,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YAC9B,MAAM,uBAAuB,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,MAAM,CACjE,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AACpB,gBAAA,IAAI,KAAK;AAAE,oBAAA,GAAG,mCAAQ,GAAG,CAAA,EAAA,EAAE,CAAC,GAAG,GAAG,aAAa,KAAb,IAAA,IAAA,aAAa,uBAAb,aAAa,CAAG,GAAG,CAAC,GAAE,CAAC;AACzD,gBAAA,OAAO,GAAG,CAAC;aACZ,EACD,EAAE,CACH,CAAC;AACF,YAAA,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;YACpE,kBAAkB,CAAC,uBAAuB,CAAC,CAAC;AAC9C,SAAC,CAAC;aACD,KAAK,CAAC,MAAM,kBAAkB,CAAC,EAAE,CAAC,CAAC;aACnC,OAAO,CAAC,MAAM,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;AACxC,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,QACEC,gDACG,iBAAiB,KAChBA,cAAC,CAAAC,aAAM,IACL,SAAS,EAAEC,EAAU,CAACC,qCAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,EACzD,KAAK,EAAE;gBACL,eAAe,EAAE,eAAe,GAAG,eAAe,GAAG,MAAM;aAC5D,EAED,QAAA,EAAAH,cAAA,CAACC,aAAM,EAAA,EACL,SAAS,EAAEC,EAAU,CAACC,qCAAM,CAAC,2BAA2B,EAAE;AACxD,oBAAAC,2BAAc,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;AAC9B,iBAAA,CAAC,EAED,QAAA,EAAA,SAAS,IACRJ,cAAA,CAACK,sBAAa,EAAA,EAAC,MAAM,EAAE,EAAE,EAAI,CAAA,KAE7BL,cAAA,CAAAM,mBAAA,EAAA,EAAA,QAAA,EACG,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,KAAI;wBAC1D,QACEN,cAAC,CAAAO,qBAAU,EAET,EAAA,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,mBAAmB,EAAE,mBAAmB,EACxC,YAAY,EAAE,YAAY,EAJrB,EAAA,SAAS,GAAG,KAAK,CAKtB,EACF;qBACH,CAAC,GACD,CACJ,EAAA,CACM,GACF,CACV,EAAA,CACA,EACH;AACJ;;;;"}

package/dist/cjs/ui-components/IconComponent/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const IconComponent = ({ icon }) => {
+    return jsxRuntime.jsx("img", { src: icon, alt: "icon" });
+};
+
+exports.IconComponent = IconComponent;
+//# sourceMappingURL=index.js.map

package/dist/cjs/ui-components/IconComponent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/ui-components/IconComponent/index.tsx"],"sourcesContent":["import React from 'react';\r\n\r\nexport interface IIconComponent {\r\n  icon?: string;\r\n}\r\n\r\nexport const IconComponent = ({ icon }: IIconComponent) => {\r\n  return <img src={icon} alt=\"icon\" />;\r\n};\r\n"],"names":["_jsx"],"mappings":";;;;MAMa,aAAa,GAAG,CAAC,EAAE,IAAI,EAAkB,KAAI;IACxD,OAAOA,cAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,EAAA,CAAG,CAAC;AACvC;;;;"}

package/dist/cjs/ui-components/KpiLayout/Modules/KpiLayoutContent.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var Layout = require('@consta/uikit/Layout');
+var Text = require('@consta/uikit/Text');
+
+const KpiLayoutContent = (_a) => {
+    var { value, valuePercent } = _a, props = tslib.__rest(_a, ["value", "valuePercent"]);
+    let view = 'primary';
+    let content;
+    const valueCondition = value || value === 0;
+    const valuePercentCondition = valuePercent || valuePercent === 0;
+    if (props.lastPeriodDifferenceAlternative) {
+        view = (props === null || props === void 0 ? void 0 : props.lastPeriodDifferenceView) || 'success';
+        content = jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.lastPeriodDifferenceAlternative });
+    }
+    else if (props.lastPeriodDifference && (props === null || props === void 0 ? void 0 : props.lastPeriodDifference) > 0) {
+        view = (props === null || props === void 0 ? void 0 : props.lastPeriodDifferenceView) || 'success';
+        content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ['+' + (props === null || props === void 0 ? void 0 : props.lastPeriodDifference), (props === null || props === void 0 ? void 0 : props.lastPeriodDifferencePercent) && '%', (props === null || props === void 0 ? void 0 : props.lastPeriodDifferenceMeasure) &&
+                    (props === null || props === void 0 ? void 0 : props.lastPeriodDifferenceMeasure)] }));
+    }
+    else if ((props === null || props === void 0 ? void 0 : props.lastPeriodDifference) === 0) {
+        view = (props === null || props === void 0 ? void 0 : props.lastPeriodDifferenceView) || 'ghost';
+        content = jsxRuntime.jsx(jsxRuntime.Fragment, { children: props === null || props === void 0 ? void 0 : props.lastPeriodDifference });
+    }
+    else if (props.lastPeriodDifference && (props === null || props === void 0 ? void 0 : props.lastPeriodDifference) < 0) {
+        view = (props === null || props === void 0 ? void 0 : props.lastPeriodDifferenceView) || 'alert';
+        content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props === null || props === void 0 ? void 0 : props.lastPeriodDifference, (props === null || props === void 0 ? void 0 : props.lastPeriodDifferencePercent) && '%', (props === null || props === void 0 ? void 0 : props.lastPeriodDifferenceMeasure) &&
+                    (props === null || props === void 0 ? void 0 : props.lastPeriodDifferenceMeasure)] }));
+    }
+    else {
+        content = jsxRuntime.jsx(jsxRuntime.Fragment, {});
+    }
+    return (jsxRuntime.jsxs(Layout.Layout, { direction: "row", className: "kpi-layout__content", children: [props.valueAlternative ? (jsxRuntime.jsx(Text.Text, { size: "2xl", weight: "semibold", lineHeight: "xs", view: (props === null || props === void 0 ? void 0 : props.valueView) || 'primary', children: props.valueAlternative })) : valueCondition && valuePercentCondition ? (jsxRuntime.jsx(Text.Text, { size: "2xl", weight: "semibold", lineHeight: "xs", view: (props === null || props === void 0 ? void 0 : props.showValueWithPercentView) || 'primary', children: value +
+                    ' ' +
+                    ((props === null || props === void 0 ? void 0 : props.valueMeasure) || '') +
+                    ' | ' +
+                    valuePercent +
+                    '%' })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [valueCondition && (jsxRuntime.jsx(Text.Text, { size: "2xl", weight: "semibold", lineHeight: "xs", view: (props === null || props === void 0 ? void 0 : props.valueView) || 'primary', children: value + ' ' + ((props === null || props === void 0 ? void 0 : props.valueMeasure) || '') })), valuePercentCondition && (jsxRuntime.jsx(Text.Text, { size: "2xl", weight: "semibold", lineHeight: "xs", view: (props === null || props === void 0 ? void 0 : props.valuePercentView) || 'primary', children: valuePercent + '%' }))] })), jsxRuntime.jsx(Text.Text, { className: "kpi-layout__content_lpd", size: "xl", view: view, children: content })] }));
+};
+
+exports.KpiLayoutContent = KpiLayoutContent;
+//# sourceMappingURL=KpiLayoutContent.js.map

package/dist/cjs/ui-components/KpiLayout/Modules/KpiLayoutContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KpiLayoutContent.js","sources":["../../../../../src/ui-components/KpiLayout/Modules/KpiLayoutContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Text, TextPropView } from '@consta/uikit/Text';\r\n\r\nimport '../KpiLayout.scss';\r\n\r\nexport interface IKpiLayoutContent {\r\n  value?: number | null;\r\n  valueAlternative?: string;\r\n  valueMeasure?: string;\r\n  valueView?: TextPropView;\r\n  valuePercent?: number;\r\n  valuePercentView?: TextPropView;\r\n  lastPeriodDifference?: number;\r\n  lastPeriodDifferenceMeasure?: string;\r\n  lastPeriodDifferencePercent?: boolean;\r\n  lastPeriodDifferenceAlternative?: string;\r\n  lastPeriodDifferenceView?: TextPropView;\r\n  showValueWithPercentView?: TextPropView;\r\n}\r\n\r\nexport const KpiLayoutContent: React.FC<IKpiLayoutContent> = ({\r\n  value,\r\n  valuePercent,\r\n  ...props\r\n}) => {\r\n  let view: TextPropView = 'primary';\r\n  let content: React.ReactNode;\r\n  const valueCondition = value || value === 0;\r\n  const valuePercentCondition = valuePercent || valuePercent === 0;\r\n\r\n  if (props.lastPeriodDifferenceAlternative) {\r\n    view = props?.lastPeriodDifferenceView || 'success';\r\n    content = <>{props.lastPeriodDifferenceAlternative}</>;\r\n  } else if (props.lastPeriodDifference && props?.lastPeriodDifference > 0) {\r\n    view = props?.lastPeriodDifferenceView || 'success';\r\n    content = (\r\n      <>\r\n        {'+' + props?.lastPeriodDifference}\r\n        {props?.lastPeriodDifferencePercent && '%'}\r\n        {props?.lastPeriodDifferenceMeasure &&\r\n          props?.lastPeriodDifferenceMeasure}\r\n      </>\r\n    );\r\n  } else if (props?.lastPeriodDifference === 0) {\r\n    view = props?.lastPeriodDifferenceView || 'ghost';\r\n    content = <>{props?.lastPeriodDifference}</>;\r\n  } else if (props.lastPeriodDifference && props?.lastPeriodDifference < 0) {\r\n    view = props?.lastPeriodDifferenceView || 'alert';\r\n    content = (\r\n      <>\r\n        {props?.lastPeriodDifference}\r\n        {props?.lastPeriodDifferencePercent && '%'}\r\n        {props?.lastPeriodDifferenceMeasure &&\r\n          props?.lastPeriodDifferenceMeasure}\r\n      </>\r\n    );\r\n  } else {\r\n    content = <></>;\r\n  }\r\n\r\n  return (\r\n    <Layout direction=\"row\" className=\"kpi-layout__content\">\r\n      {props.valueAlternative ? (\r\n        <Text\r\n          size=\"2xl\"\r\n          weight=\"semibold\"\r\n          lineHeight=\"xs\"\r\n          view={props?.valueView || 'primary'}\r\n        >\r\n          {props.valueAlternative}\r\n        </Text>\r\n      ) : valueCondition && valuePercentCondition ? (\r\n        <Text\r\n          size=\"2xl\"\r\n          weight=\"semibold\"\r\n          lineHeight=\"xs\"\r\n          view={props?.showValueWithPercentView || 'primary'}\r\n        >\r\n          {value +\r\n            ' ' +\r\n            (props?.valueMeasure || '') +\r\n            ' | ' +\r\n            valuePercent +\r\n            '%'}\r\n        </Text>\r\n      ) : (\r\n        <>\r\n          {valueCondition && (\r\n            <Text\r\n              size=\"2xl\"\r\n              weight=\"semibold\"\r\n              lineHeight=\"xs\"\r\n              view={props?.valueView || 'primary'}\r\n            >\r\n              {value + ' ' + (props?.valueMeasure || '')}\r\n            </Text>\r\n          )}\r\n          {valuePercentCondition && (\r\n            <Text\r\n              size=\"2xl\"\r\n              weight=\"semibold\"\r\n              lineHeight=\"xs\"\r\n              view={props?.valuePercentView || 'primary'}\r\n            >\r\n              {valuePercent + '%'}\r\n            </Text>\r\n          )}\r\n        </>\r\n      )}\r\n      <Text className=\"kpi-layout__content_lpd\" size=\"xl\" view={view}>\r\n        {content}\r\n      </Text>\r\n    </Layout>\r\n  );\r\n};\r\n"],"names":["__rest","_jsx","_Fragment","_jsxs","Layout","Text"],"mappings":"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"}

package/dist/cjs/ui-components/KpiLayout/Modules/KpiLayoutHeader.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var IconQuestion = require('@consta/icons/IconQuestion');
+var Card = require('@consta/uikit/Card');
+var Layout = require('@consta/uikit/Layout');
+var Popover = require('@consta/uikit/Popover');
+var Text = require('@consta/uikit/Text');
+
+const KpiLayoutHeader = ({ title, showQuestion, questionLabel, onQuestionClick, }) => {
+    const [position, setPosition] = React.useState();
+    const handleMouseMove = (event) => {
+        setPosition({ x: event.clientX, y: event.clientY });
+    };
+    return (jsxRuntime.jsx(Layout.Layout, { direction: "row", className: "kpi-layout__header", children: jsxRuntime.jsxs(Text.Text, { weight: "semibold", size: "s", lineHeight: "m", className: "kpi-layout__header_title", children: [title, showQuestion && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(IconQuestion.IconQuestion, { view: "ghost", size: "s", className: "kpi-layout__header_question-icon", onMouseMove: handleMouseMove, onMouseLeave: () => setPosition(undefined), onClick: onQuestionClick }), questionLabel && (jsxRuntime.jsx(Popover.Popover, { direction: "upRight", spareDirection: "rightCenter", position: position, isInteractive: false, placeholder: undefined, onPointerEnterCapture: undefined, onPointerLeaveCapture: undefined, children: jsxRuntime.jsx(Card.Card, { className: "kpi-layout__header_popover", verticalSpace: "s", horizontalSpace: "s", children: jsxRuntime.jsx(Text.Text, { size: "xs", dangerouslySetInnerHTML: {
+                                        __html: questionLabel,
+                                    } }) }) }))] }))] }) }));
+};
+
+exports.KpiLayoutHeader = KpiLayoutHeader;
+//# sourceMappingURL=KpiLayoutHeader.js.map

package/dist/cjs/ui-components/KpiLayout/Modules/KpiLayoutHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KpiLayoutHeader.js","sources":["../../../../../src/ui-components/KpiLayout/Modules/KpiLayoutHeader.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { IconQuestion } from '@consta/icons/IconQuestion';\r\nimport { Card } from '@consta/uikit/Card';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Popover } from '@consta/uikit/Popover';\r\nimport { Text } from '@consta/uikit/Text';\r\n\r\nimport '../KpiLayout.scss';\r\n\r\nexport interface IKpiLayoutHeader {\r\n  title: string;\r\n  showQuestion?: boolean;\r\n  questionLabel?: string;\r\n  onQuestionClick?: React.EventHandler<React.MouseEvent>;\r\n}\r\n\r\ninterface IPosition {\r\n  x: number;\r\n  y: number;\r\n}\r\n\r\nexport const KpiLayoutHeader: React.FC<IKpiLayoutHeader> = ({\r\n  title,\r\n  showQuestion,\r\n  questionLabel,\r\n  onQuestionClick,\r\n}) => {\r\n  const [position, setPosition] = useState<IPosition | undefined>();\r\n\r\n  const handleMouseMove = (event: React.MouseEvent) => {\r\n    setPosition({ x: event.clientX, y: event.clientY });\r\n  };\r\n\r\n  return (\r\n    <Layout direction=\"row\" className=\"kpi-layout__header\">\r\n      <Text\r\n        weight=\"semibold\"\r\n        size=\"s\"\r\n        lineHeight=\"m\"\r\n        className=\"kpi-layout__header_title\"\r\n      >\r\n        {title}\r\n        {showQuestion && (\r\n          <>\r\n            <IconQuestion\r\n              view=\"ghost\"\r\n              size=\"s\"\r\n              className=\"kpi-layout__header_question-icon\"\r\n              onMouseMove={handleMouseMove}\r\n              onMouseLeave={() => setPosition(undefined)}\r\n              onClick={onQuestionClick}\r\n            />\r\n            {questionLabel && (\r\n              <Popover\r\n                direction=\"upRight\"\r\n                spareDirection=\"rightCenter\"\r\n                position={position}\r\n                isInteractive={false}\r\n                placeholder={undefined}\r\n                onPointerEnterCapture={undefined}\r\n                onPointerLeaveCapture={undefined}\r\n              >\r\n                <Card\r\n                  className=\"kpi-layout__header_popover\"\r\n                  verticalSpace=\"s\"\r\n                  horizontalSpace=\"s\"\r\n                >\r\n                  <Text\r\n                    size=\"xs\"\r\n                    dangerouslySetInnerHTML={{\r\n                      __html: questionLabel!,\r\n                    }}\r\n                  ></Text>\r\n                </Card>\r\n              </Popover>\r\n            )}\r\n          </>\r\n        )}\r\n      </Text>\r\n    </Layout>\r\n  );\r\n};\r\n"],"names":["useState","_jsx","Layout","_jsxs","Text","_Fragment","IconQuestion","Popover","Card"],"mappings":";;;;;;;;;;AAqBO,MAAM,eAAe,GAA+B,CAAC,EAC1D,KAAK,EACL,YAAY,EACZ,aAAa,EACb,eAAe,GAChB,KAAI;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,EAAyB,CAAC;AAElE,IAAA,MAAM,eAAe,GAAG,CAAC,KAAuB,KAAI;AAClD,QAAA,WAAW,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AACtD,KAAC,CAAC;AAEF,IAAA,QACEC,cAAA,CAACC,aAAM,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,oBAAoB,EAAA,QAAA,EACpDC,eAAC,CAAAC,SAAI,EACH,EAAA,MAAM,EAAC,UAAU,EACjB,IAAI,EAAC,GAAG,EACR,UAAU,EAAC,GAAG,EACd,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAA,CAEnC,KAAK,EACL,YAAY,KACXD,eAAA,CAAAE,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEJ,cAAC,CAAAK,yBAAY,EACX,EAAA,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,kCAAkC,EAC5C,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,MAAM,WAAW,CAAC,SAAS,CAAC,EAC1C,OAAO,EAAE,eAAe,EAAA,CACxB,EACD,aAAa,KACZL,cAAC,CAAAM,eAAO,EACN,EAAA,SAAS,EAAC,SAAS,EACnB,cAAc,EAAC,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,KAAK,EACpB,WAAW,EAAE,SAAS,EACtB,qBAAqB,EAAE,SAAS,EAChC,qBAAqB,EAAE,SAAS,EAAA,QAAA,EAEhCN,cAAC,CAAAO,SAAI,EACH,EAAA,SAAS,EAAC,4BAA4B,EACtC,aAAa,EAAC,GAAG,EACjB,eAAe,EAAC,GAAG,EAEnB,QAAA,EAAAP,cAAA,CAACG,SAAI,EAAA,EACH,IAAI,EAAC,IAAI,EACT,uBAAuB,EAAE;AACvB,wCAAA,MAAM,EAAE,aAAc;qCACvB,EACK,CAAA,EAAA,CACH,GACC,CACX,CAAA,EAAA,CACA,CACJ,CACI,EAAA,CAAA,EAAA,CACA,EACT;AACJ;;;;"}

package/dist/cjs/ui-components/KpiLayout/Modules/KpiLayoutInfo.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var IconForward = require('@consta/icons/IconForward');
+var Button = require('@consta/uikit/Button');
+var Layout = require('@consta/uikit/Layout');
+var Text = require('@consta/uikit/Text');
+
+const KpiLayoutInfo = ({ info, infoAlternative, showButtonDetails, onButtonDetailsClick, }) => {
+    const infoContent = infoAlternative
+        ? infoAlternative
+        : info && 'По отношению к ' + info;
+    return (jsxRuntime.jsxs(Layout.Layout, { direction: "row", flex: 1, className: "kpi-layout__info", children: [jsxRuntime.jsx(Text.Text, { size: "xs", lineHeight: "xs", view: "secondary", children: infoContent }), showButtonDetails && (jsxRuntime.jsx(Button.Button, { label: "\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435", view: "clear", size: "xs", onClick: onButtonDetailsClick, iconRight: IconForward.IconForward }))] }));
+};
+
+exports.KpiLayoutInfo = KpiLayoutInfo;
+//# sourceMappingURL=KpiLayoutInfo.js.map

package/dist/cjs/ui-components/KpiLayout/Modules/KpiLayoutInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KpiLayoutInfo.js","sources":["../../../../../src/ui-components/KpiLayout/Modules/KpiLayoutInfo.tsx"],"sourcesContent":["import React from 'react';\r\nimport { IconForward } from '@consta/icons/IconForward';\r\nimport { Button } from '@consta/uikit/Button';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Text } from '@consta/uikit/Text';\r\n\r\nimport '../KpiLayout.scss';\r\n\r\nexport interface IKpiLayoutInfo {\r\n  info?: string;\r\n  infoAlternative?: string;\r\n  showButtonDetails?: boolean;\r\n  onButtonDetailsClick?: React.EventHandler<React.MouseEvent>;\r\n}\r\n\r\nexport const KpiLayoutInfo: React.FC<IKpiLayoutInfo> = ({\r\n  info,\r\n  infoAlternative,\r\n  showButtonDetails,\r\n  onButtonDetailsClick,\r\n}) => {\r\n  const infoContent = infoAlternative\r\n    ? infoAlternative\r\n    : info && 'По отношению к ' + info;\r\n  return (\r\n    <Layout direction=\"row\" flex={1} className=\"kpi-layout__info\">\r\n      <Text size=\"xs\" lineHeight=\"xs\" view=\"secondary\">\r\n        {infoContent}\r\n      </Text>\r\n      {showButtonDetails && (\r\n        <Button\r\n          label=\"Подробнее\"\r\n          view=\"clear\"\r\n          size=\"xs\"\r\n          onClick={onButtonDetailsClick}\r\n          iconRight={IconForward}\r\n        />\r\n      )}\r\n    </Layout>\r\n  );\r\n};\r\n"],"names":["_jsxs","Layout","_jsx","Text","Button","IconForward"],"mappings":";;;;;;;;AAeO,MAAM,aAAa,GAA6B,CAAC,EACtD,IAAI,EACJ,eAAe,EACf,iBAAiB,EACjB,oBAAoB,GACrB,KAAI;IACH,MAAM,WAAW,GAAG,eAAe;AACjC,UAAE,eAAe;AACjB,UAAE,IAAI,IAAI,iBAAiB,GAAG,IAAI,CAAC;AACrC,IAAA,QACEA,eAAA,CAACC,aAAM,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,CAC3DC,cAAC,CAAAC,SAAI,EAAC,EAAA,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAA,QAAA,EAC7C,WAAW,EAAA,CACP,EACN,iBAAiB,KAChBD,cAAC,CAAAE,aAAM,EACL,EAAA,KAAK,EAAC,wDAAW,EACjB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,oBAAoB,EAC7B,SAAS,EAAEC,uBAAW,EAAA,CACtB,CACH,CAAA,EAAA,CACM,EACT;AACJ;;;;"}

package/dist/cjs/ui-components/KpiLayout/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cn = require('classnames');
+var Layout = require('@consta/uikit/Layout');
+var Loader = require('@consta/uikit/Loader');
+var KpiLayoutContent = require('./Modules/KpiLayoutContent.js');
+var KpiLayoutHeader = require('./Modules/KpiLayoutHeader.js');
+var KpiLayoutInfo = require('./Modules/KpiLayoutInfo.js');
+
+const KpiLayout = (props) => {
+    return (jsxRuntime.jsx("div", { className: cn('kpi-layout', props.className), children: props.isLoading ? (jsxRuntime.jsx(Layout.Layout, { className: "kpi-layout__loaderContainer", children: jsxRuntime.jsx(Loader.Loader, { style: { marginTop: props === null || props === void 0 ? void 0 : props.loaderMarginTop } }) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Layout.Layout, { className: "kpi-layout__wrapper", children: jsxRuntime.jsxs(Layout.Layout, { direction: "column", children: [jsxRuntime.jsx(KpiLayoutHeader.KpiLayoutHeader, Object.assign({}, props)), jsxRuntime.jsx(KpiLayoutContent.KpiLayoutContent, Object.assign({}, props)), jsxRuntime.jsx(KpiLayoutInfo.KpiLayoutInfo, { info: props.info, infoAlternative: props.infoAlternative, showButtonDetails: props.showButtonDetails, onButtonDetailsClick: props.onButtonDetailsClick })] }) }), jsxRuntime.jsx("div", { style: { height: props.height || '40px' }, children: props.children && props.children })] })) }));
+};
+
+exports.KpiLayout = KpiLayout;
+//# sourceMappingURL=index.js.map

package/dist/cjs/ui-components/KpiLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/ui-components/KpiLayout/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport classnames from 'classnames';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Loader } from '@consta/uikit/Loader';\r\nimport { TextPropView } from '@consta/uikit/Text';\r\n\r\nimport { KpiLayoutContent, KpiLayoutHeader, KpiLayoutInfo } from './Modules';\r\n\r\nimport './KpiLayout.scss';\r\n\r\nexport interface IKpiLayout {\r\n  title: string; //Заголовок\r\n  showQuestion?: boolean; //Отображение знака вопроса (подсказки)\r\n  questionLabel?: string; //Отображается при наведении на знак вопроса\r\n  onQuestionClick?: React.EventHandler<React.MouseEvent>;\r\n  value?: number | null; //Отображение числового значения\r\n  valueMeasure?: string; //Значение, в которых измеряется value\r\n  valueAlternative?: string; //Отображение value в произвольном формате в виде строки\r\n  valueView?: TextPropView;\r\n  valuePercent?: number; //Отображение числового значения в процентах\r\n  valuePercentView?: TextPropView;\r\n  lastPeriodDifference?: number; //Разность с прошлым периодом\r\n  lastPeriodDifferenceMeasure?: string; //Значение, в которых измеряется lastPeriodDifference\r\n  lastPeriodDifferencePercent?: boolean; //Разность с прошлым периодом в процентах\r\n  lastPeriodDifferenceAlternative?: string; //Отображение lastPeriodDifference в произвольном формате в виде строки\r\n  lastPeriodDifferenceView?: TextPropView;\r\n  showValueWithPercentView?: TextPropView;\r\n  info?: string; //Информация о данных\r\n  infoAlternative?: string; //Альтернативный текст информации о данных\r\n  className?: string; //Стили для kpi-layout\r\n  showButtonDetails?: boolean; //Кнопка подробнее\r\n  onButtonDetailsClick?: React.EventHandler<React.MouseEvent>; //Кнопка подробнее\r\n  height?: number | string; //Высота echarts графика\r\n  isLoading?: boolean; // Булеан свойство, отвечающее за отображение Loader\r\n  loaderMarginTop?: number; // Отступ сверху для Loader\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const KpiLayout: React.FC<IKpiLayout> = (props) => {\r\n  return (\r\n    <div className={classnames('kpi-layout', props.className)}>\r\n      {props.isLoading ? (\r\n        <Layout className=\"kpi-layout__loaderContainer\">\r\n          <Loader style={{ marginTop: props?.loaderMarginTop }} />\r\n        </Layout>\r\n      ) : (\r\n        <>\r\n          <Layout className=\"kpi-layout__wrapper\">\r\n            <Layout direction=\"column\">\r\n              <KpiLayoutHeader {...props} />\r\n              <KpiLayoutContent {...props} />\r\n              <KpiLayoutInfo\r\n                info={props.info}\r\n                infoAlternative={props.infoAlternative}\r\n                showButtonDetails={props.showButtonDetails}\r\n                onButtonDetailsClick={props.onButtonDetailsClick}\r\n              />\r\n            </Layout>\r\n          </Layout>\r\n          <div style={{ height: props.height || '40px' }}>\r\n            {props.children && props.children}\r\n          </div>\r\n        </>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["_jsx","classnames","Layout","Loader","_jsxs","_Fragment","KpiLayoutHeader","KpiLayoutContent","KpiLayoutInfo"],"mappings":";;;;;;;;;;AAsCa,MAAA,SAAS,GAAyB,CAAC,KAAK,KAAI;AACvD,IAAA,QACEA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,EAAU,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,YACtD,KAAK,CAAC,SAAS,IACdD,cAAA,CAACE,aAAM,EAAA,EAAC,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAC7CF,cAAC,CAAAG,aAAM,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,eAAe,EAAE,EAAA,CAAI,EACjD,CAAA,KAETC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEL,cAAC,CAAAE,aAAM,EAAC,EAAA,SAAS,EAAC,qBAAqB,EACrC,QAAA,EAAAE,eAAA,CAACF,aAAM,EAAA,EAAC,SAAS,EAAC,QAAQ,EACxB,QAAA,EAAA,CAAAF,cAAA,CAACM,+BAAe,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAA,CAAI,EAC9BN,cAAA,CAACO,iCAAgB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAA,CAAI,EAC/BP,cAAA,CAACQ,2BAAa,EAAA,EACZ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAAA,CAChD,CACK,EAAA,CAAA,EAAA,CACF,EACTR,cAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,MAAM,EAAE,EAC3C,QAAA,EAAA,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,EAC7B,CAAA,CAAA,EAAA,CACL,CACJ,EAAA,CACG,EACN;AACJ;;;;"}

package/dist/cjs/ui-components/TableCustomFilters/TableCustomFilterContent.js

@@ -0,0 +1,90 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var agGridReact = require('ag-grid-react');
+var IconCancel = require('@consta/icons/IconCancel');
+var Button = require('@consta/uikit/Button');
+var Layout = require('@consta/uikit/Layout');
+var index = require('../ButtonsTooltip/index.js');
+var CompletedFiltersContext = require('../FilterComponents/Context/CompletedFiltersContext.js');
+require('@consta/icons/IconFunnel');
+require('@consta/uikit/Collapse');
+require('@consta/uikit/DatePicker');
+require('@consta/uikit/Loader');
+require('axios');
+require('axios-retry');
+require('bi-internal/core');
+require('../CommonContexts/DatasetNameContext.js');
+var helpers = require('../FilterComponents/helpers.js');
+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');
+var tableCustomFiltersStyles_module = require('./tableCustomFiltersStyles.module.scss.js');
+
+const TableCustomFilterContent = ({ fieldsData, luxmsFilters, applyFilters, resetFilters, destroyFilter, }) => {
+    const { completedFilters } = React.useContext(CompletedFiltersContext.CompletedFiltersContext);
+    const [position, setPosition] = React.useState(undefined);
+    const [tooltipName, setTooltipName] = React.useState('');
+    const [closeFilter, setCloseFilter] = React.useState();
+    const afterGuiAttached = React.useCallback(({ hidePopup }) => {
+        setCloseFilter(() => hidePopup);
+    }, []);
+    agGridReact.useGridFilter({
+        doesFilterPass: () => true,
+        afterGuiAttached,
+    });
+    const handleMouseMove = (event) => {
+        setPosition({ x: event.clientX, y: event.clientY });
+    };
+    const handleClosePopup = () => {
+        setPosition(undefined);
+        if (destroyFilter)
+            destroyFilter(fieldsData.field);
+        if (closeFilter)
+            closeFilter();
+    };
+    const handleResetClick = () => {
+        if (resetFilters) {
+            resetFilters();
+        }
+        else {
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            const _a = luxmsFilters, _b = fieldsData.field; _a[_b]; const otherFilters = tslib.__rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+            applyFilters(otherFilters);
+            handleClosePopup();
+        }
+    };
+    const handleApplyClick = () => {
+        applyFilters(completedFilters);
+        if (closeFilter) {
+            handleClosePopup();
+            setPosition(undefined);
+        }
+    };
+    return (jsxRuntime.jsxs(Layout.Layout, { direction: "column", className: tableCustomFiltersStyles_module.default.tableFilters, children: [helpers.getFilterByType({
+                fieldInfo: fieldsData,
+                luxmsFilters,
+            }), jsxRuntime.jsxs(Layout.Layout, { className: tableCustomFiltersStyles_module.default.tableFilters__footer, children: [jsxRuntime.jsx(Button.Button, { view: "ghost", label: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C", iconLeft: IconCancel.IconCancel, onClick: handleResetClick, size: "s", onMouseEnter: (position) => {
+                            handleMouseMove(position);
+                            setTooltipName('Сбросить фильтр по данному полю');
+                        }, onMouseLeave: () => {
+                            setPosition(undefined);
+                            setTooltipName('');
+                        } }), jsxRuntime.jsx(Button.Button, { view: "primary", label: "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440", onClick: handleApplyClick, size: "s", onMouseEnter: (position) => {
+                            handleMouseMove(position);
+                            setTooltipName('Применить фильтр по данному полю');
+                        }, onMouseLeave: () => {
+                            setPosition(undefined);
+                            setTooltipName('');
+                        } })] }), position && tooltipName && (jsxRuntime.jsx(index.ButtonsTooltip, { position: position, text: tooltipName }))] }));
+};
+
+exports.TableCustomFilterContent = TableCustomFilterContent;
+//# sourceMappingURL=TableCustomFilterContent.js.map

package/dist/cjs/ui-components/TableCustomFilters/TableCustomFilterContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCustomFilterContent.js","sources":["../../../../src/ui-components/TableCustomFilters/TableCustomFilterContent.tsx"],"sourcesContent":["import React, { useCallback, useContext, useState } from 'react';\r\nimport { IAfterGuiAttachedParams } from 'ag-grid-enterprise';\r\nimport { useGridFilter } from 'ag-grid-react';\r\nimport { IconCancel } from '@consta/icons/IconCancel';\r\nimport { Button } from '@consta/uikit/Button';\r\nimport { Layout } from '@consta/uikit/Layout';\r\n\r\nimport { IPosition } from '@/ui-components/types';\r\n\r\nimport { ButtonsTooltip } from '../ButtonsTooltip';\r\nimport { CompletedFiltersContext } from '../FilterComponents';\r\nimport { getFilterByType } from '../FilterComponents/helpers';\r\n\r\nimport { ITableCustomFilterProps } from './types';\r\n\r\nimport styles from './tableCustomFiltersStyles.module.scss';\r\n\r\nexport const TableCustomFilterContent: React.FC<ITableCustomFilterProps> = ({\r\n  fieldsData,\r\n  luxmsFilters,\r\n  applyFilters,\r\n  resetFilters,\r\n  destroyFilter,\r\n}) => {\r\n  const { completedFilters } = useContext(CompletedFiltersContext);\r\n\r\n  const [position, setPosition] = useState<IPosition | undefined>(undefined);\r\n  const [tooltipName, setTooltipName] = useState('');\r\n  const [closeFilter, setCloseFilter] = useState<(() => void) | undefined>();\r\n\r\n  const afterGuiAttached = useCallback(\r\n    ({ hidePopup }: IAfterGuiAttachedParams) => {\r\n      setCloseFilter(() => hidePopup);\r\n    },\r\n    []\r\n  );\r\n\r\n  useGridFilter({\r\n    doesFilterPass: () => true,\r\n    afterGuiAttached,\r\n  });\r\n\r\n  const handleMouseMove = (event: React.MouseEvent) => {\r\n    setPosition({ x: event.clientX, y: event.clientY });\r\n  };\r\n\r\n  const handleClosePopup = () => {\r\n    setPosition(undefined);\r\n    if (destroyFilter) destroyFilter(fieldsData.field);\r\n    if (closeFilter) closeFilter();\r\n  };\r\n\r\n  const handleResetClick = () => {\r\n    if (resetFilters) {\r\n      resetFilters();\r\n    } else {\r\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n      const { [fieldsData.field]: currentFilters, ...otherFilters } =\r\n        luxmsFilters;\r\n\r\n      applyFilters(otherFilters);\r\n      handleClosePopup();\r\n    }\r\n  };\r\n\r\n  const handleApplyClick = () => {\r\n    applyFilters(completedFilters);\r\n\r\n    if (closeFilter) {\r\n      handleClosePopup();\r\n      setPosition(undefined);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Layout direction=\"column\" className={styles.tableFilters}>\r\n      {getFilterByType({\r\n        fieldInfo: fieldsData,\r\n        luxmsFilters,\r\n      })}\r\n      <Layout className={styles.tableFilters__footer}>\r\n        <Button\r\n          view=\"ghost\"\r\n          label=\"Сбросить\"\r\n          iconLeft={IconCancel}\r\n          onClick={handleResetClick}\r\n          size=\"s\"\r\n          onMouseEnter={(position) => {\r\n            handleMouseMove(position);\r\n            setTooltipName('Сбросить фильтр по данному полю');\r\n          }}\r\n          onMouseLeave={() => {\r\n            setPosition(undefined);\r\n            setTooltipName('');\r\n          }}\r\n        />\r\n        <Button\r\n          view=\"primary\"\r\n          label=\"Применить фильтр\"\r\n          onClick={handleApplyClick}\r\n          size=\"s\"\r\n          onMouseEnter={(position) => {\r\n            handleMouseMove(position);\r\n            setTooltipName('Применить фильтр по данному полю');\r\n          }}\r\n          onMouseLeave={() => {\r\n            setPosition(undefined);\r\n            setTooltipName('');\r\n          }}\r\n        />\r\n      </Layout>\r\n      {position && tooltipName && (\r\n        <ButtonsTooltip position={position} text={tooltipName} />\r\n      )}\r\n    </Layout>\r\n  );\r\n};\r\n"],"names":["useContext","CompletedFiltersContext","useState","useCallback","useGridFilter","__rest","_jsxs","Layout","styles","getFilterByType","_jsx","Button","IconCancel","ButtonsTooltip"],"mappings":"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"}

package/dist/cjs/ui-components/TableCustomFilters/index.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var DatasetNameContext = require('../CommonContexts/DatasetNameContext.js');
+var CompletedFiltersContext = require('../FilterComponents/Context/CompletedFiltersContext.js');
+require('react');
+require('@consta/icons/IconFunnel');
+require('@consta/uikit/Collapse');
+require('@consta/uikit/DatePicker');
+require('@consta/uikit/Layout');
+require('@consta/uikit/Loader');
+require('axios');
+require('axios-retry');
+require('tslib');
+require('bi-internal/core');
+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');
+var TableCustomFilterContent = require('./TableCustomFilterContent.js');
+
+const TableCustomFilter = (props) => {
+    return (jsxRuntime.jsx(DatasetNameContext.DatasetNameContextProvider, { children: jsxRuntime.jsx(CompletedFiltersContext.CompletedFiltersContextProvider, { initialFilters: props.luxmsFilters, children: jsxRuntime.jsx(TableCustomFilterContent.TableCustomFilterContent, Object.assign({}, props)) }) }));
+};
+
+exports.TableCustomFilter = TableCustomFilter;
+//# sourceMappingURL=index.js.map

package/dist/cjs/ui-components/TableCustomFilters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/ui-components/TableCustomFilters/index.tsx"],"sourcesContent":["import React from 'react';\r\n\r\nimport { DatasetNameContextProvider } from '../CommonContexts';\r\nimport { CompletedFiltersContextProvider } from '../FilterComponents';\r\n\r\nimport { TableCustomFilterContent } from './TableCustomFilterContent';\r\nimport { ITableCustomFilterProps } from './types';\r\n\r\nexport const TableCustomFilter: React.FC<ITableCustomFilterProps> = (props) => {\r\n  return (\r\n    <DatasetNameContextProvider>\r\n      <CompletedFiltersContextProvider initialFilters={props.luxmsFilters}>\r\n        <TableCustomFilterContent {...props} />\r\n      </CompletedFiltersContextProvider>\r\n    </DatasetNameContextProvider>\r\n  );\r\n};\r\n"],"names":["_jsx","DatasetNameContextProvider","CompletedFiltersContextProvider","TableCustomFilterContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,iBAAiB,GAAsC,CAAC,KAAK,KAAI;IAC5E,QACEA,eAACC,6CAA0B,EAAA,EAAA,QAAA,EACzBD,eAACE,uDAA+B,EAAA,EAAC,cAAc,EAAE,KAAK,CAAC,YAAY,EAAA,QAAA,EACjEF,eAACG,iDAAwB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAI,CAAA,EAAA,CACP,EACP,CAAA,EAC7B;AACJ;;;;"}

package/dist/cjs/ui-components/TableCustomFilters/tableCustomFiltersStyles.module.scss.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".tableCustomFiltersStyles-module__tableFilters___BVszk{padding:5px!important;width:300px}.tableCustomFiltersStyles-module__tableFilters__footer___bUkNm{display:flex;justify-content:space-around;padding-top:10px;width:100%}.tableCustomFiltersStyles-module__tableFilters__numberInput___YGZWN{margin:10px 0}.tableCustomFiltersStyles-module__tableFilters__numberInput_left___hIhzV{margin-right:10px}";
+var styles = {"tableFilters":"tableCustomFiltersStyles-module__tableFilters___BVszk","tableFilters__footer":"tableCustomFiltersStyles-module__tableFilters__footer___bUkNm","tableFilters__numberInput":"tableCustomFiltersStyles-module__tableFilters__numberInput___YGZWN","tableFilters__numberInput_left":"tableCustomFiltersStyles-module__tableFilters__numberInput_left___hIhzV"};
+styleInject_es.default(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=tableCustomFiltersStyles.module.scss.js.map

package/dist/cjs/ui-components/TableCustomFilters/tableCustomFiltersStyles.module.scss.js.map

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

package/dist/cjs/ui-components/helpers/filtersConversion.js

@@ -0,0 +1,14 @@
+'use strict';
+
+const filtersConversionForControlDash = (myFilters, filtersVizelCoobKontrol) => {
+    const currentFilters = {};
+    Object.keys(myFilters).forEach((key) => {
+        myFilters[key] === true
+            ? (currentFilters[key] = filtersVizelCoobKontrol === null || filtersVizelCoobKontrol === void 0 ? void 0 : filtersVizelCoobKontrol.filters[key])
+            : (currentFilters[key] = myFilters[key]);
+    });
+    return currentFilters;
+};
+
+exports.filtersConversionForControlDash = filtersConversionForControlDash;
+//# sourceMappingURL=filtersConversion.js.map

package/dist/cjs/ui-components/helpers/filtersConversion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filtersConversion.js","sources":["../../../../src/ui-components/helpers/filtersConversion.ts"],"sourcesContent":["import { IKoobFiltersModel } from 'bi-internal/services/koob';\r\n\r\nexport const filtersConversionForControlDash = (\r\n  myFilters: Record<string, any[] | true>,\r\n  filtersVizelCoobKontrol: IKoobFiltersModel | undefined\r\n) => {\r\n  const currentFilters: Record<string, any[]> = {};\r\n  Object.keys(myFilters).forEach((key) => {\r\n    myFilters[key] === true\r\n      ? (currentFilters[key] = filtersVizelCoobKontrol?.filters[key])\r\n      : (currentFilters[key] = myFilters[key] as any[]);\r\n  });\r\n  return currentFilters;\r\n};\r\n"],"names":[],"mappings":";;MAEa,+BAA+B,GAAG,CAC7C,SAAuC,EACvC,uBAAsD,KACpD;IACF,MAAM,cAAc,GAA0B,EAAE,CAAC;IACjD,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACrC,QAAA,SAAS,CAAC,GAAG,CAAC,KAAK,IAAI;AACrB,eAAG,cAAc,CAAC,GAAG,CAAC,GAAG,uBAAuB,KAAvB,IAAA,IAAA,uBAAuB,uBAAvB,uBAAuB,CAAE,OAAO,CAAC,GAAG,CAAC;AAC9D,eAAG,cAAc,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,GAAG,CAAU,CAAC,CAAC;AACtD,KAAC,CAAC,CAAC;AACH,IAAA,OAAO,cAAc,CAAC;AACxB;;;;"}

package/dist/cjs/ui-components/helpers/useDebounce.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var React = require('react');
+
+// value and delay in ms (1000ms = 1s)
+const useDebounce = (value, delay) => {
+    // debounced values
+    const [debouncedValue, setDebouncedValue] = React.useState(value);
+    React.useEffect(() => {
+        // Update debounced value after delay
+        const t = setTimeout(() => {
+            setDebouncedValue(value);
+        }, delay);
+        // clean up the timeout after value changes
+        return () => {
+            clearTimeout(t);
+        };
+    }, [value, delay] // re-run if value or delay changes
+    );
+    return debouncedValue;
+};
+
+exports.useDebounce = useDebounce;
+//# sourceMappingURL=useDebounce.js.map

package/dist/cjs/ui-components/helpers/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","sources":["../../../../src/ui-components/helpers/useDebounce.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\n// value and delay in ms (1000ms = 1s)\r\nexport const useDebounce = (value: any, delay: number) => {\r\n  // debounced values\r\n  const [debouncedValue, setDebouncedValue] = useState(value);\r\n\r\n  useEffect(\r\n    () => {\r\n      // Update debounced value after delay\r\n      const t = setTimeout(() => {\r\n        setDebouncedValue(value);\r\n      }, delay);\r\n\r\n      // clean up the timeout after value changes\r\n      return () => {\r\n        clearTimeout(t);\r\n      };\r\n    },\r\n    [value, delay] // re-run if value or delay changes\r\n  );\r\n  return debouncedValue;\r\n};\r\n"],"names":["useState","useEffect"],"mappings":";;;;AAEA;MACa,WAAW,GAAG,CAAC,KAAU,EAAE,KAAa,KAAI;;IAEvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAE5DC,eAAS,CACP,MAAK;;AAEH,QAAA,MAAM,CAAC,GAAG,UAAU,CAAC,MAAK;YACxB,iBAAiB,CAAC,KAAK,CAAC,CAAC;SAC1B,EAAE,KAAK,CAAC,CAAC;;AAGV,QAAA,OAAO,MAAK;YACV,YAAY,CAAC,CAAC,CAAC,CAAC;AAClB,SAAC,CAAC;AACJ,KAAC,EACD,CAAC,KAAK,EAAE,KAAK,CAAC;KACf,CAAC;AACF,IAAA,OAAO,cAAc,CAAC;AACxB;;;;"}