bi-utils-gpn 1.0.1

package/dist/esm/luxms-components/lux_elements/SortableTiles/SortableTiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableTiles.js","sources":["../../../../../src/luxms-components/lux_elements/SortableTiles/SortableTiles.tsx"],"sourcesContent":["//@ts-nocheck\r\n\r\nimport React, { useRef } from 'react';\r\nimport cn from 'classnames';\r\nimport debounce from 'lodash/debounce';\r\nimport throttle from 'lodash/throttle';\r\n\r\nimport './SortableTiles.scss';\r\n\r\nfunction getTransformPosition(item) {\r\n  let x = item.offsetLeft;\r\n  let y = item.offsetTop;\r\n  const tr = getComputedStyle(item).transform;\r\n\r\n  if (tr.match(/^matrix\\((.+)\\)$/)) {\r\n    const coords = RegExp.$1.split(',').map((v) => +v);\r\n    x += coords[4];\r\n    y += coords[5];\r\n  }\r\n\r\n  return { x, y };\r\n}\r\n\r\nfunction getVirtualPosition(item) {\r\n  const x = item.offsetLeft;\r\n  const y = item.offsetTop;\r\n  return { x, y };\r\n}\r\n\r\nfunction getEventCoords(\r\n  container: HTMLElement,\r\n  target: HTMLElement,\r\n  offsetX: number,\r\n  offsetY: number\r\n): { x: number; y: number } {\r\n  let x = offsetX;\r\n  let y = offsetY;\r\n  let el = target;\r\n\r\n  while (el && el !== container) {\r\n    const pos = getTransformPosition(el);\r\n    x += pos.x;\r\n    y += pos.y;\r\n    el = el.parentElement;\r\n  }\r\n\r\n  if (!el) throw new Error('Element not found in DOM path');\r\n\r\n  if (target === container) {\r\n    x += container.scrollLeft;\r\n    y += container.scrollTop;\r\n  }\r\n\r\n  return { x, y };\r\n}\r\n\r\ninterface ISortableTilesProps<T> {\r\n  className?: string;\r\n  items: T[];\r\n  renderItem: (item: T, idx?: number) => any;\r\n  hasFirstItem?: boolean;\r\n  hasLastItem?: boolean;\r\n  freezeDrag?: boolean;\r\n  getItemStyle?: (item: T) => any;\r\n  onChange: (items: T[]) => any;\r\n  getMimeType?: (item: T, index: number) => { type: string; data: any };\r\n}\r\n\r\ninterface ISortableTilesState {\r\n  autoincrement: number;\r\n}\r\n\r\nclass SortableTiles<T> extends React.Component<\r\n  ISortableTilesProps<T>,\r\n  ISortableTilesState\r\n> {\r\n  public state: ISortableTilesState = {\r\n    autoincrement: 0,\r\n  };\r\n  private _container: React.RefObject<HTMLUListElement> = React.createRef();\r\n  private _draggingEl: HTMLElement | null = null;\r\n\r\n  /// mikhail  вроде бы и без него работает, но это не точно\r\n  // public UNSAFE_componentWillReceiveProps(nextProps: Readonly<ISortableTilesProps<T>>, nextContext: any) {\r\n  //   if (this.props.items !== nextProps.items) {\r\n  //     this.setState({autoincrement: this.state.autoincrement + 1});\r\n  //   }\r\n  // }\r\n\r\n  private onDragStart = (event: React.DragEvent) => {\r\n    const { items, getMimeType } = this.props;\r\n    this._draggingEl = event.target as HTMLElement;\r\n    const index = +event.target.getAttribute('data-idx');\r\n    const item = items[index];\r\n    const { type, data } = getMimeType(item, index);\r\n    if (type && data) event.dataTransfer.setData(type, data);\r\n    this._draggingEl.style.zIndex = String(\r\n      +(this._draggingEl.style.zIndex || 0) + 1\r\n    );\r\n  };\r\n\r\n  private onDragEnd = (event: React.SyntheticEvent) => {\r\n    const { items, onChange } = this.props;\r\n    event.preventDefault();\r\n    this._draggingEl = null;\r\n    const elements: Element[] = Array.from(this._container.current.children);\r\n    const idxs: number[] = elements.map((el) => +el.getAttribute('data-idx'));\r\n    const nextItems = idxs.map((idx) => items[idx]);\r\n    onChange(nextItems);\r\n  };\r\n\r\n  private dragOverHandler = throttle(\r\n    (target: HTMLElement, offsetX: number, offsetY: number) => {\r\n      if (!this._draggingEl) return;\r\n\r\n      const { items, hasFirstItem, hasLastItem } = this.props;\r\n      const { x, y } = getEventCoords(\r\n        this._container.current,\r\n        target,\r\n        offsetX,\r\n        offsetY\r\n      );\r\n\r\n      const EL = this._draggingEl;\r\n      const elements: HTMLElement[] = Array.from(\r\n        this._container.current.children\r\n      ) as HTMLElement[];\r\n      const IDX = elements.indexOf(EL);\r\n\r\n      const isBefore = (el: HTMLElement, i: number) => {\r\n        if (getComputedStyle(el).display === 'none') return undefined;\r\n        if (el === EL) return undefined;\r\n\r\n        const idx = +el.getAttribute('data-idx');\r\n        if (hasFirstItem && idx === 0) return true;\r\n        if (hasLastItem && idx === items.length - 1) return false;\r\n\r\n        const left = el.offsetLeft,\r\n          top = el.offsetTop,\r\n          width = el.offsetWidth,\r\n          height = el.offsetHeight,\r\n          right = left + width,\r\n          bottom = top + height;\r\n        if (el === EL) return false;\r\n        if (bottom < y) return true;\r\n        if (y <= top) return false;\r\n        if (right < x) return true;\r\n        if (x <= left) return false;\r\n\r\n        const draggable = el.getAttribute('draggable');\r\n        if (!draggable) return true;\r\n\r\n        return i > IDX;\r\n      };\r\n\r\n      const beforeMarks = elements.map(isBefore);\r\n      let newIdx = beforeMarks.indexOf(false);\r\n      if (newIdx === -1) newIdx = elements.length;\r\n\r\n      const elementsBefore = elements\r\n        .slice(0, newIdx)\r\n        .filter((el) => el !== EL);\r\n      const elementsAfter = elements.slice(newIdx).filter((el) => el !== EL);\r\n\r\n      const positionsFrom = elements.map(getTransformPosition);\r\n\r\n      let didChange = false;\r\n\r\n      for (let i = 0; i < elements.length; i++) {\r\n        const el = elements[i];\r\n\r\n        if (i > IDX && elementsBefore.includes(el)) {\r\n          // расположен позже, но должен быть раньше\r\n          didChange = true;\r\n          EL.before(el);\r\n        }\r\n      }\r\n\r\n      for (let i = elements.length - 1; i >= 0; i--) {\r\n        const el = elements[i];\r\n\r\n        if (i < IDX && elementsAfter.includes(el)) {\r\n          // расположен раньше, но должен быть позже\r\n          didChange = true;\r\n          EL.after(el);\r\n        }\r\n      }\r\n\r\n      if (!didChange) return;\r\n\r\n      // elementsBefore.forEach(el => container.current.insertBefore(el, draggingEl.current));\r\n      // elementsAfter.forEach(el => container.current.appendChild(el));\r\n\r\n      elements.forEach((item) => {\r\n        item.classList.remove('moove');\r\n        item.style.transform = 'translate(0, 0)';\r\n      });\r\n\r\n      const positionsTo = elements.map(getVirtualPosition);\r\n\r\n      elements.forEach((item, index) => {\r\n        const deltaX = positionsTo[index].x - positionsFrom[index].x;\r\n        const deltaY = positionsTo[index].y - positionsFrom[index].y;\r\n\r\n        item.style.transform = `translate(${-deltaX}px, ${-deltaY}px)`;\r\n\r\n        requestAnimationFrame(() => {\r\n          item.classList.add('moove');\r\n        });\r\n      });\r\n    },\r\n    100\r\n  );\r\n\r\n  private onDragOver = (event) => {\r\n    event.preventDefault();\r\n    const offsetX = event.nativeEvent.offsetX;\r\n    const offsetY = event.nativeEvent.offsetY;\r\n    const target = event.target;\r\n    this.dragOverHandler(target, offsetX, offsetY);\r\n  };\r\n\r\n  public render() {\r\n    const {\r\n      className,\r\n      items,\r\n      renderItem,\r\n      getItemStyle,\r\n      hasFirstItem,\r\n      hasLastItem,\r\n      freezeDrag,\r\n    } = this.props;\r\n    const { autoincrement } = this.state;\r\n\r\n    return (\r\n      <ul\r\n        className={cn('SortableTiles', className)}\r\n        onDragOver={this.onDragOver}\r\n        ref={this._container}\r\n        onDragEnd={this.onDragEnd}\r\n      >\r\n        {items.map((item, idx) => {\r\n          const child = renderItem(item, idx);\r\n          let draggable = true;\r\n          if (idx === 0 && hasFirstItem) draggable = false;\r\n          if (idx === items.length - 1 && hasLastItem) draggable = false;\r\n\r\n          return child?.type === 'li' ? (\r\n            React.cloneElement(child, { 'data-idx': idx, key: idx })\r\n          ) : (\r\n            <li\r\n              className=\"SortableTiles__Item\"\r\n              key={`${autoincrement}-${idx}-${child?.key}`}\r\n              data-idx={idx}\r\n              style={getItemStyle ? getItemStyle(item) : {}}\r\n              draggable={!freezeDrag && draggable}\r\n              onDragStart={this.onDragStart}\r\n            >\r\n              {child}\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    );\r\n  }\r\n}\r\n\r\nexport default SortableTiles;\r\n"],"names":["React","_jsx"],"mappings":"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"}

package/dist/esm/luxms-components/services/ConstaThemeService.js

@@ -0,0 +1,57 @@
+import { BaseService } from 'bi-internal/core';
+import { ThemeVC } from 'bi-internal/services';
+import { IconMoon } from '@consta/icons/IconMoon';
+import { IconSun } from '@consta/icons/IconSun';
+import { presetGpnDefault, presetGpnDark } from '@consta/uikit/Theme';
+
+const themes = [
+    {
+        theme: presetGpnDefault,
+        key: 'light',
+        label: 'Светлая',
+        icon: IconSun,
+    },
+    {
+        theme: presetGpnDark,
+        key: 'dark',
+        label: 'Темная',
+        icon: IconMoon,
+    },
+];
+class ConstaThemeService extends BaseService {
+    constructor() {
+        super({
+            loading: false,
+            error: '',
+            currentTheme: themes.find((theme) => theme.key === ThemeVC.getInstance().getModel().currentThemeId) || themes[0],
+            themes,
+        });
+        this.setTheme = (theme) => {
+            //@ts-ignore
+            ThemeVC.getInstance().setTheme(theme.key);
+            this._updateWithData({ currentTheme: theme });
+        };
+        this.setThemeById = (label) => {
+            ThemeVC.getInstance().setTheme(label);
+            this._updateWithData({
+                currentTheme: themes.find((el) => el.label === label) || themes[0],
+            });
+        };
+    }
+    _dispose() {
+        super._dispose();
+    }
+}
+ConstaThemeService.getInstance = () => {
+    //@ts-ignore
+    if (!window['__constaThemeService']) {
+        //@ts-ignore
+        window['__constaThemeService'] = new ConstaThemeService();
+    }
+    //@ts-ignore
+    return window['__constaThemeService'];
+};
+ConstaThemeService.getInstance();
+
+export { ConstaThemeService, themes };
+//# sourceMappingURL=ConstaThemeService.js.map

package/dist/esm/luxms-components/services/ConstaThemeService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConstaThemeService.js","sources":["../../../../src/luxms-components/services/ConstaThemeService.ts"],"sourcesContent":["import { BaseService } from 'bi-internal/core';\r\nimport { ThemeVC } from 'bi-internal/services';\r\nimport { IconComponent } from '@consta/icons/Icon';\r\nimport { IconMoon } from '@consta/icons/IconMoon';\r\nimport { IconSun } from '@consta/icons/IconSun';\r\nimport {\r\n  presetGpnDark,\r\n  presetGpnDefault,\r\n  ThemePreset,\r\n} from '@consta/uikit/Theme';\r\n\r\nexport type IConstaTheme = {\r\n  theme: ThemePreset;\r\n  key?: string;\r\n  label: string;\r\n  icon: IconComponent;\r\n};\r\nexport const themes: IConstaTheme[] = [\r\n  {\r\n    theme: presetGpnDefault,\r\n    key: 'light',\r\n    label: 'Светлая',\r\n    icon: IconSun,\r\n  },\r\n  {\r\n    theme: presetGpnDark,\r\n    key: 'dark',\r\n    label: 'Темная',\r\n    icon: IconMoon,\r\n  },\r\n];\r\nexport interface IConstaThemeModel {\r\n  loading: boolean;\r\n  error: string;\r\n  currentTheme: IConstaTheme;\r\n  themes: IConstaTheme[];\r\n}\r\nexport class ConstaThemeService extends BaseService<IConstaThemeModel> {\r\n  constructor() {\r\n    super({\r\n      loading: false,\r\n      error: '',\r\n      currentTheme:\r\n        themes.find(\r\n          (theme) =>\r\n            theme.key === ThemeVC.getInstance().getModel().currentThemeId\r\n        ) || themes[0],\r\n      themes,\r\n    });\r\n  }\r\n  public setTheme = (theme: IConstaTheme) => {\r\n    //@ts-ignore\r\n    ThemeVC.getInstance().setTheme(theme.key);\r\n    this._updateWithData({ currentTheme: theme });\r\n  };\r\n  public setThemeById = (label: string) => {\r\n    ThemeVC.getInstance().setTheme(label);\r\n    this._updateWithData({\r\n      currentTheme: themes.find((el) => el.label === label) || themes[0],\r\n    });\r\n  };\r\n  protected _dispose() {\r\n    super._dispose();\r\n  }\r\n  public static getInstance = () => {\r\n    //@ts-ignore\r\n    if (!window['__constaThemeService']) {\r\n      //@ts-ignore\r\n      window['__constaThemeService'] = new ConstaThemeService();\r\n    }\r\n\r\n    //@ts-ignore\r\n    return window['__constaThemeService'];\r\n  };\r\n}\r\nConstaThemeService.getInstance();\r\n"],"names":[],"mappings":";;;;;;AAiBa,MAAA,MAAM,GAAmB;AACpC,IAAA;AACE,QAAA,KAAK,EAAE,gBAAgB;AACvB,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACD,IAAA;AACE,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,GAAG,EAAE,MAAM;AACX,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,IAAI,EAAE,QAAQ;AACf,KAAA;EACD;AAOI,MAAO,kBAAmB,SAAQ,WAA8B,CAAA;AACpE,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,CAAC;AACJ,YAAA,OAAO,EAAE,KAAK;AACd,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,YAAY,EACV,MAAM,CAAC,IAAI,CACT,CAAC,KAAK,KACJ,KAAK,CAAC,GAAG,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC,cAAc,CAChE,IAAI,MAAM,CAAC,CAAC,CAAC;YAChB,MAAM;AACP,SAAA,CAAC,CAAC;AAEE,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,KAAmB,KAAI;;YAExC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAC1C,IAAI,CAAC,eAAe,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;AAChD,SAAC,CAAC;AACK,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,KAAa,KAAI;YACtC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACtC,IAAI,CAAC,eAAe,CAAC;gBACnB,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC;AACnE,aAAA,CAAC,CAAC;AACL,SAAC,CAAC;KAXD;IAYS,QAAQ,GAAA;QAChB,KAAK,CAAC,QAAQ,EAAE,CAAC;KAClB;;AACa,kBAAW,CAAA,WAAA,GAAG,MAAK;;AAE/B,IAAA,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,EAAE;;AAEnC,QAAA,MAAM,CAAC,sBAAsB,CAAC,GAAG,IAAI,kBAAkB,EAAE,CAAC;KAC3D;;AAGD,IAAA,OAAO,MAAM,CAAC,sBAAsB,CAAC,CAAC;AACxC,CAAC,CAAC;AAEJ,kBAAkB,CAAC,WAAW,EAAE;;;;"}

package/dist/esm/node_modules/style-inject/dist/style-inject.es.js

@@ -0,0 +1,29 @@
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+export { styleInject as default };
+//# sourceMappingURL=style-inject.es.js.map

package/dist/esm/node_modules/style-inject/dist/style-inject.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-inject.es.js","sources":["../../../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":"AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;","x_google_ignoreList":[0]}

package/dist/esm/ui-components/BlockFilters/BlockFilters.js

@@ -0,0 +1,32 @@
+import { jsx } from 'react/jsx-runtime';
+import { DatasetNameContextProvider } from '../CommonContexts/DatasetNameContext.js';
+import { CompletedFiltersContextProvider } from '../FilterComponents/Context/CompletedFiltersContext.js';
+import 'react';
+import '@consta/icons/IconFunnel';
+import '@consta/uikit/Collapse';
+import '@consta/uikit/DatePicker';
+import '@consta/uikit/Layout';
+import '@consta/uikit/Loader';
+import 'axios';
+import 'axios-retry';
+import 'tslib';
+import 'bi-internal/core';
+import '@consta/icons/IconCancel';
+import '@consta/uikit/Button';
+import 'classnames';
+import 'react-virtuoso';
+import '@consta/uikit/MixScrollBar';
+import '@consta/uikit/Text';
+import '@consta/uikit/Checkbox';
+import '@consta/uikit/TextField';
+import '@consta/uikit/Radio';
+import '@consta/uikit/RadioGroup';
+import { FiltersIndicationContextProvider } from './FiltersIndicationContext/FiltersIndicationContext.js';
+import { BlockFiltersContent } from './BlockFiltersContent.js';
+
+const BlockFilters = ({ filtersConfigs, indicationKoob, indicationColumns, luxmsFilters, applyFilters, resetFilters, }) => {
+    return (jsx(DatasetNameContextProvider, { children: jsx(FiltersIndicationContextProvider, { luxmsFilters: luxmsFilters, koob: indicationKoob, columns: indicationColumns, children: jsx(CompletedFiltersContextProvider, { children: jsx(BlockFiltersContent, { filtersConfigs: filtersConfigs, luxmsFilters: luxmsFilters, applyFilters: applyFilters, resetFilters: resetFilters }) }) }) }));
+};
+
+export { BlockFilters };
+//# sourceMappingURL=BlockFilters.js.map

package/dist/esm/ui-components/BlockFilters/BlockFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockFilters.js","sources":["../../../../src/ui-components/BlockFilters/BlockFilters.tsx"],"sourcesContent":["import React from 'react';\r\n\r\nimport { DatasetNameContextProvider } from '../CommonContexts';\r\nimport { CompletedFiltersContextProvider } from '../FilterComponents';\r\n\r\nimport { FiltersIndicationContextProvider } from './FiltersIndicationContext/FiltersIndicationContext';\r\nimport { BlockFiltersContent } from './BlockFiltersContent';\r\nimport { IBlockFiltersProps } from './types';\r\n\r\nexport const BlockFilters: React.FC<IBlockFiltersProps> = ({\r\n  filtersConfigs,\r\n  indicationKoob,\r\n  indicationColumns,\r\n  luxmsFilters,\r\n  applyFilters,\r\n  resetFilters,\r\n}) => {\r\n  return (\r\n    <DatasetNameContextProvider>\r\n      <FiltersIndicationContextProvider\r\n        luxmsFilters={luxmsFilters}\r\n        koob={indicationKoob}\r\n        columns={indicationColumns}\r\n      >\r\n        <CompletedFiltersContextProvider>\r\n          <BlockFiltersContent\r\n            filtersConfigs={filtersConfigs}\r\n            luxmsFilters={luxmsFilters}\r\n            applyFilters={applyFilters}\r\n            resetFilters={resetFilters}\r\n          />\r\n        </CompletedFiltersContextProvider>\r\n      </FiltersIndicationContextProvider>\r\n    </DatasetNameContextProvider>\r\n  );\r\n};\r\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AASa,MAAA,YAAY,GAAiC,CAAC,EACzD,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,KAAI;IACH,QACEA,IAAC,0BAA0B,EAAA,EAAA,QAAA,EACzBA,IAAC,gCAAgC,EAAA,EAC/B,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,iBAAiB,EAAA,QAAA,EAE1BA,IAAC,+BAA+B,EAAA,EAAA,QAAA,EAC9BA,IAAC,mBAAmB,EAAA,EAClB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,GAC1B,EAC8B,CAAA,EAAA,CACD,EACR,CAAA,EAC7B;AACJ;;;;"}

package/dist/esm/ui-components/BlockFilters/BlockFilters.module.scss.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".BlockFilters-module__filters___-Iyb-{flex-wrap:wrap;gap:12px;margin-bottom:16px;width:100%}.BlockFilters-module__filters__button___nBK4f{align-self:flex-end}.BlockFilters-module__infiniteScrollFilter___8oiLN{flex-shrink:0}.BlockFilters-module__infiniteScrollFilter__searchContainer___-oXPD{border:1px solid rgba(0,66,105,.28);border-radius:5px;gap:8px;height:32px;position:relative;width:100%}.BlockFilters-module__infiniteScrollFilter__searchSide___SAHiH{align-items:center;border-left:1px solid rgba(0,66,105,.28);cursor:pointer;height:100%;justify-content:center;position:absolute;right:0;width:30px;z-index:1}.BlockFilters-module__infiniteScrollFilter__searchTag___g0OAT{left:8px;max-width:150px;position:absolute!important;top:50%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:100}.BlockFilters-module__infiniteScrollFilter__popover___Z67LV{background-color:#fff;border:1px solid rgba(0,66,105,.28);border-radius:4px;width:100%}.BlockFilters-module__infiniteScrollFilter__popoverContent___iSc6S{padding:5px}.BlockFilters-module__infiniteScrollFilter__popoverFooter___473R8{justify-content:space-between;padding-top:5px;width:100%}.BlockFilters-module__tag___ep3jm{align-items:center;background-color:rgba(0,66,105,.07);border-radius:4px;gap:4px;height:24px;max-width:150px;padding:0 8px}.BlockFilters-module__tag__active___OZ-hK{background-color:#009bf5;border-radius:50%;height:6px;width:6px}.BlockFilters-module__tag__text___GvKAR{color:rgba(0,57,92,.8)}.BlockFilters-module__tag__cancel___TBjjK{align-items:center;cursor:pointer;height:100%;justify-content:center;opacity:.4;position:relative;transition:all .3s;width:12px}.BlockFilters-module__tag__cancel___TBjjK:hover{opacity:1}";
+var styles = {"filters":"BlockFilters-module__filters___-Iyb-","filters__button":"BlockFilters-module__filters__button___nBK4f","infiniteScrollFilter":"BlockFilters-module__infiniteScrollFilter___8oiLN","infiniteScrollFilter__searchContainer":"BlockFilters-module__infiniteScrollFilter__searchContainer___-oXPD","infiniteScrollFilter__searchSide":"BlockFilters-module__infiniteScrollFilter__searchSide___SAHiH","infiniteScrollFilter__searchTag":"BlockFilters-module__infiniteScrollFilter__searchTag___g0OAT","infiniteScrollFilter__popover":"BlockFilters-module__infiniteScrollFilter__popover___Z67LV","infiniteScrollFilter__popoverContent":"BlockFilters-module__infiniteScrollFilter__popoverContent___iSc6S","infiniteScrollFilter__popoverFooter":"BlockFilters-module__infiniteScrollFilter__popoverFooter___473R8","tag":"BlockFilters-module__tag___ep3jm","tag__active":"BlockFilters-module__tag__active___OZ-hK","tag__text":"BlockFilters-module__tag__text___GvKAR","tag__cancel":"BlockFilters-module__tag__cancel___TBjjK"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=BlockFilters.module.scss.js.map

package/dist/esm/ui-components/BlockFilters/BlockFilters.module.scss.js.map

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

package/dist/esm/ui-components/BlockFilters/BlockFiltersContent.js

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import { useContext, useEffect } from 'react';
+import { Layout } from '@consta/uikit/Layout';
+import { CompletedFiltersContext } from '../FilterComponents/Context/CompletedFiltersContext.js';
+import '@consta/icons/IconFunnel';
+import '@consta/uikit/Collapse';
+import '@consta/uikit/DatePicker';
+import '@consta/uikit/Loader';
+import 'axios';
+import 'axios-retry';
+import 'tslib';
+import 'bi-internal/core';
+import '../CommonContexts/DatasetNameContext.js';
+import '@consta/icons/IconCancel';
+import '@consta/uikit/Button';
+import 'classnames';
+import 'react-virtuoso';
+import '@consta/uikit/MixScrollBar';
+import '@consta/uikit/Text';
+import '@consta/uikit/Checkbox';
+import '@consta/uikit/TextField';
+import '@consta/uikit/Radio';
+import '@consta/uikit/RadioGroup';
+import { BlockFiltersItem } from './BlockFiltersItem/BlockFiltersItem.js';
+import styles from './BlockFilters.module.scss.js';
+
+const BlockFiltersContent = ({ filtersConfigs, luxmsFilters, applyFilters, resetFilters, }) => {
+    const { handleChangeCompletedFilters } = useContext(CompletedFiltersContext);
+    useEffect(() => {
+        handleChangeCompletedFilters(luxmsFilters);
+    }, [luxmsFilters]);
+    return (jsx(Layout, { className: styles.filters, children: filtersConfigs.map((filterConfig) => {
+            return (jsx(BlockFiltersItem, { filterConfig: filterConfig, luxmsFilters: luxmsFilters, applyFilters: applyFilters, resetFilters: resetFilters }, filterConfig.name + filterConfig.field));
+        }) }));
+};
+
+export { BlockFiltersContent };
+//# sourceMappingURL=BlockFiltersContent.js.map

package/dist/esm/ui-components/BlockFilters/BlockFiltersContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockFiltersContent.js","sources":["../../../../src/ui-components/BlockFilters/BlockFiltersContent.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\r\nimport { Layout } from '@consta/uikit/Layout';\r\n\r\nimport { CompletedFiltersContext } from '../FilterComponents';\r\n\r\nimport { BlockFiltersItem } from './BlockFiltersItem/BlockFiltersItem';\r\nimport { IBlockFiltersContentProps } from './types';\r\n\r\nimport styles from './BlockFilters.module.scss';\r\n\r\nexport const BlockFiltersContent: React.FC<IBlockFiltersContentProps> = ({\r\n  filtersConfigs,\r\n  luxmsFilters,\r\n  applyFilters,\r\n  resetFilters,\r\n}) => {\r\n  const { handleChangeCompletedFilters } = useContext(CompletedFiltersContext);\r\n\r\n  useEffect(() => {\r\n    handleChangeCompletedFilters(luxmsFilters);\r\n  }, [luxmsFilters]);\r\n\r\n  return (\r\n    <Layout className={styles.filters}>\r\n      {filtersConfigs.map((filterConfig) => {\r\n        return (\r\n          <BlockFiltersItem\r\n            key={filterConfig.name + filterConfig.field}\r\n            filterConfig={filterConfig}\r\n            luxmsFilters={luxmsFilters}\r\n            applyFilters={applyFilters}\r\n            resetFilters={resetFilters}\r\n          />\r\n        );\r\n      })}\r\n    </Layout>\r\n  );\r\n};\r\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,mBAAmB,GAAwC,CAAC,EACvE,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,KAAI;IACH,MAAM,EAAE,4BAA4B,EAAE,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAE7E,SAAS,CAAC,MAAK;QACb,4BAA4B,CAAC,YAAY,CAAC,CAAC;AAC7C,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;AAEnB,IAAA,QACEA,GAAC,CAAA,MAAM,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAC9B,cAAc,CAAC,GAAG,CAAC,CAAC,YAAY,KAAI;AACnC,YAAA,QACEA,GAAA,CAAC,gBAAgB,EAAA,EAEf,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAAA,EAJrB,YAAY,CAAC,IAAI,GAAG,YAAY,CAAC,KAAK,CAK3C,EACF;SACH,CAAC,EACK,CAAA,EACT;AACJ;;;;"}

package/dist/esm/ui-components/BlockFilters/BlockFiltersItem/BlockFiltersItem.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useContext, useState, useRef } from 'react';
+import { Layout } from '@consta/uikit/Layout';
+import { SkeletonText, SkeletonBrick } from '@consta/uikit/Skeleton';
+import { DEFAULT_INPUT_HEIGHT } from '../constants.js';
+import { CustomPopover } from '../CustomPopover/CustomPopover.js';
+import { FiltersIndicationContext } from '../FiltersIndicationContext/FiltersIndicationContext.js';
+import { SearchWithTag } from '../SearchWithTag/index.js';
+import styles from '../BlockFilters.module.scss.js';
+
+const BlockFiltersItem = ({ filterConfig, luxmsFilters, applyFilters, resetFilters, }) => {
+    const { name = '', field, width = 300 } = filterConfig;
+    const { isLoading } = useContext(FiltersIndicationContext);
+    const [isPopoverOpen, setIsPopoverOpen] = useState(false);
+    const containerRef = useRef(null);
+    const popoverRef = useRef(null);
+    const togglePopoverState = () => setIsPopoverOpen(!isPopoverOpen);
+    const handleClosePopover = () => setIsPopoverOpen(false);
+    const handleCancelFilter = () => {
+        applyFilters(Object.assign(Object.assign({}, luxmsFilters), { [field]: undefined }));
+    };
+    return (jsx(Layout, { direction: "column", className: styles.infiniteScrollFilter, style: { width: `${width}px` }, ref: containerRef, children: isLoading ? (jsxs(Layout, { direction: "column", children: [jsx(SkeletonText, { rows: 1, fontSize: "s", lineHeight: "m" }), jsx(SkeletonBrick, { height: DEFAULT_INPUT_HEIGHT })] })) : (jsxs(Fragment, { children: [jsx(SearchWithTag, { field: field, label: name, isPopoverOpen: isPopoverOpen, popoverRef: popoverRef, isActive: !!luxmsFilters[filterConfig.field], togglePopoverState: togglePopoverState, handleCancelFilter: handleCancelFilter }), isPopoverOpen && (jsx(CustomPopover, { width: width, popoverRef: popoverRef, filterConfig: filterConfig, luxmsFilters: luxmsFilters, handleClosePopover: handleClosePopover, applyFilters: applyFilters, resetFilters: resetFilters }))] })) }));
+};
+
+export { BlockFiltersItem };
+//# sourceMappingURL=BlockFiltersItem.js.map

package/dist/esm/ui-components/BlockFilters/BlockFiltersItem/BlockFiltersItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockFiltersItem.js","sources":["../../../../../src/ui-components/BlockFilters/BlockFiltersItem/BlockFiltersItem.tsx"],"sourcesContent":["import React, { useContext, useRef, useState } from 'react';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { SkeletonBrick } from '@consta/uikit/Skeleton';\r\nimport { SkeletonText } from '@consta/uikit/Skeleton';\r\n\r\nimport { DEFAULT_INPUT_HEIGHT } from '../constants';\r\nimport { CustomPopover } from '../CustomPopover/CustomPopover';\r\nimport { FiltersIndicationContext } from '../FiltersIndicationContext/FiltersIndicationContext';\r\nimport { SearchWithTag } from '../SearchWithTag';\r\nimport { IInfiniteScrollFilterProps } from '../types';\r\n\r\nimport styles from '../BlockFilters.module.scss';\r\n\r\nexport const BlockFiltersItem: React.FC<IInfiniteScrollFilterProps> = ({\r\n  filterConfig,\r\n  luxmsFilters,\r\n  applyFilters,\r\n  resetFilters,\r\n}) => {\r\n  const { name = '', field, width = 300 } = filterConfig;\r\n\r\n  const { isLoading } = useContext(FiltersIndicationContext);\r\n\r\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false);\r\n\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const popoverRef = useRef<HTMLDivElement>(null);\r\n\r\n  const togglePopoverState = () => setIsPopoverOpen(!isPopoverOpen);\r\n  const handleClosePopover = () => setIsPopoverOpen(false);\r\n\r\n  const handleCancelFilter = () => {\r\n    applyFilters({ ...luxmsFilters, [field]: undefined });\r\n  };\r\n\r\n  return (\r\n    <Layout\r\n      direction=\"column\"\r\n      className={styles.infiniteScrollFilter}\r\n      style={{ width: `${width}px` }}\r\n      ref={containerRef}\r\n    >\r\n      {isLoading ? (\r\n        <Layout direction=\"column\">\r\n          <SkeletonText rows={1} fontSize=\"s\" lineHeight=\"m\" />\r\n          <SkeletonBrick height={DEFAULT_INPUT_HEIGHT} />\r\n        </Layout>\r\n      ) : (\r\n        <>\r\n          <SearchWithTag\r\n            field={field}\r\n            label={name}\r\n            isPopoverOpen={isPopoverOpen}\r\n            popoverRef={popoverRef}\r\n            isActive={!!luxmsFilters[filterConfig.field]}\r\n            togglePopoverState={togglePopoverState}\r\n            handleCancelFilter={handleCancelFilter}\r\n          />\r\n\r\n          {isPopoverOpen && (\r\n            <CustomPopover\r\n              width={width}\r\n              popoverRef={popoverRef}\r\n              filterConfig={filterConfig}\r\n              luxmsFilters={luxmsFilters}\r\n              handleClosePopover={handleClosePopover}\r\n              applyFilters={applyFilters}\r\n              resetFilters={resetFilters}\r\n            />\r\n          )}\r\n        </>\r\n      )}\r\n    </Layout>\r\n  );\r\n};\r\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;AAaO,MAAM,gBAAgB,GAAyC,CAAC,EACrE,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,KAAI;AACH,IAAA,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,YAAY,CAAC;IAEvD,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE3D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAE1D,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAClD,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,MAAM,kBAAkB,GAAG,MAAM,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;IAClE,MAAM,kBAAkB,GAAG,MAAM,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAEzD,MAAM,kBAAkB,GAAG,MAAK;QAC9B,YAAY,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,YAAY,CAAE,EAAA,EAAA,CAAC,KAAK,GAAG,SAAS,EAAA,CAAA,CAAG,CAAC;AACxD,KAAC,CAAC;AAEF,IAAA,QACEA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,MAAM,CAAC,oBAAoB,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAG,EAAA,KAAK,CAAI,EAAA,CAAA,EAAE,EAC9B,GAAG,EAAE,YAAY,EAAA,QAAA,EAEhB,SAAS,IACRC,KAAC,MAAM,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAA,QAAA,EAAA,CACxBD,GAAC,CAAA,YAAY,IAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAA,CAAG,EACrDA,GAAA,CAAC,aAAa,EAAA,EAAC,MAAM,EAAE,oBAAoB,EAAI,CAAA,CAAA,EAAA,CACxC,KAETC,IACE,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAF,GAAA,CAAC,aAAa,EACZ,EAAA,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,EACX,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,CAAC,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,EAC5C,kBAAkB,EAAE,kBAAkB,EACtC,kBAAkB,EAAE,kBAAkB,EACtC,CAAA,EAED,aAAa,KACZA,GAAC,CAAA,aAAa,EACZ,EAAA,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,GAC1B,CACH,CAAA,EAAA,CACA,CACJ,EAAA,CACM,EACT;AACJ;;;;"}

package/dist/esm/ui-components/BlockFilters/CustomPopover/CustomPopover.js

@@ -0,0 +1,69 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useContext, useState } from 'react';
+import { IconCancel } from '@consta/icons/IconCancel';
+import { Button } from '@consta/uikit/Button';
+import { Layout } from '@consta/uikit/Layout';
+import { Popover } from '@consta/uikit/Popover';
+import { ButtonsTooltip } from '../../ButtonsTooltip/index.js';
+import { CompletedFiltersContext } from '../../FilterComponents/Context/CompletedFiltersContext.js';
+import '@consta/icons/IconFunnel';
+import '@consta/uikit/Collapse';
+import '@consta/uikit/DatePicker';
+import '@consta/uikit/Loader';
+import 'axios';
+import 'axios-retry';
+import 'tslib';
+import 'bi-internal/core';
+import '../../CommonContexts/DatasetNameContext.js';
+import { getFilterByType } from '../../FilterComponents/helpers.js';
+import 'classnames';
+import 'react-virtuoso';
+import '@consta/uikit/MixScrollBar';
+import '@consta/uikit/Text';
+import '@consta/uikit/Checkbox';
+import '@consta/uikit/TextField';
+import '@consta/uikit/Radio';
+import '@consta/uikit/RadioGroup';
+import styles from '../BlockFilters.module.scss.js';
+
+const CustomPopover = ({ width, popoverRef, filterConfig, luxmsFilters, handleClosePopover, applyFilters, resetFilters, }) => {
+    const { completedFilters } = useContext(CompletedFiltersContext);
+    const [position, setPosition] = useState(undefined);
+    const [tooltipName, setTooltipName] = useState('');
+    const handleMouseMove = (event) => {
+        setPosition({ x: event.clientX, y: event.clientY });
+    };
+    const handleResetClick = () => {
+        if (resetFilters) {
+            resetFilters();
+        }
+        else {
+            applyFilters(Object.assign(Object.assign({}, luxmsFilters), { [filterConfig.field]: undefined }));
+            handleClosePopover();
+        }
+    };
+    const handleApplyClick = () => {
+        applyFilters(completedFilters);
+        handleClosePopover();
+        setPosition(undefined);
+    };
+    return (jsxs(Popover, { className: styles.infiniteScrollFilter__popover, anchorRef: popoverRef, direction: "downCenter", spareDirection: "downStartLeft", offset: "3xs", isInteractive: true, onClickOutside: handleClosePopover, style: { width: `${width > 300 ? width : 300}px` }, placeholder: undefined, onPointerEnterCapture: undefined, onPointerLeaveCapture: undefined, children: [jsxs(Layout, { direction: "column", className: styles.infiniteScrollFilter__popoverContent, children: [getFilterByType({
+                        fieldInfo: filterConfig,
+                        luxmsFilters,
+                    }), jsxs(Layout, { className: styles.infiniteScrollFilter__popoverFooter, children: [jsx(Button, { view: "ghost", label: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C", iconLeft: IconCancel, onClick: handleResetClick, size: "s", onMouseEnter: (position) => {
+                                    handleMouseMove(position);
+                                    setTooltipName('Сбросить фильтр по данному полю');
+                                }, onMouseLeave: () => {
+                                    setPosition(undefined);
+                                    setTooltipName('');
+                                } }), jsx(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 && (jsx(ButtonsTooltip, { position: position, text: tooltipName }))] }));
+};
+
+export { CustomPopover };
+//# sourceMappingURL=CustomPopover.js.map

package/dist/esm/ui-components/BlockFilters/CustomPopover/CustomPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomPopover.js","sources":["../../../../../src/ui-components/BlockFilters/CustomPopover/CustomPopover.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\r\nimport { IconCancel } from '@consta/icons/IconCancel';\r\nimport { Button } from '@consta/uikit/Button';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Popover } from '@consta/uikit/Popover';\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\nimport { ICustomPopoverProps } from '../types';\r\n\r\nimport styles from '../BlockFilters.module.scss';\r\n\r\nexport const CustomPopover: React.FC<ICustomPopoverProps> = ({\r\n  width,\r\n  popoverRef,\r\n  filterConfig,\r\n  luxmsFilters,\r\n  handleClosePopover,\r\n  applyFilters,\r\n  resetFilters,\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\r\n  const handleMouseMove = (event: React.MouseEvent) => {\r\n    setPosition({ x: event.clientX, y: event.clientY });\r\n  };\r\n\r\n  const handleResetClick = () => {\r\n    if (resetFilters) {\r\n      resetFilters();\r\n    } else {\r\n      applyFilters({ ...luxmsFilters, [filterConfig.field]: undefined });\r\n      handleClosePopover();\r\n    }\r\n  };\r\n\r\n  const handleApplyClick = () => {\r\n    applyFilters(completedFilters);\r\n\r\n    handleClosePopover();\r\n    setPosition(undefined);\r\n  };\r\n\r\n  return (\r\n    <Popover\r\n      className={styles.infiniteScrollFilter__popover}\r\n      anchorRef={popoverRef}\r\n      direction=\"downCenter\"\r\n      spareDirection=\"downStartLeft\"\r\n      offset=\"3xs\"\r\n      isInteractive\r\n      onClickOutside={handleClosePopover}\r\n      style={{ width: `${width > 300 ? width : 300}px` }}\r\n      placeholder={undefined}\r\n      onPointerEnterCapture={undefined}\r\n      onPointerLeaveCapture={undefined}\r\n    >\r\n      <Layout\r\n        direction=\"column\"\r\n        className={styles.infiniteScrollFilter__popoverContent}\r\n      >\r\n        {getFilterByType({\r\n          fieldInfo: filterConfig,\r\n          luxmsFilters,\r\n        })}\r\n        <Layout className={styles.infiniteScrollFilter__popoverFooter}>\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      </Layout>\r\n      {position && tooltipName && (\r\n        <ButtonsTooltip position={position} text={tooltipName} />\r\n      )}\r\n    </Popover>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;MAea,aAAa,GAAkC,CAAC,EAC3D,KAAK,EACL,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,YAAY,GACb,KAAI;IACH,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAEjE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAwB,SAAS,CAAC,CAAC;IAC3E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEnD,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;IAEF,MAAM,gBAAgB,GAAG,MAAK;QAC5B,IAAI,YAAY,EAAE;AAChB,YAAA,YAAY,EAAE,CAAC;SAChB;aAAM;YACL,YAAY,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,YAAY,CAAA,EAAA,EAAE,CAAC,YAAY,CAAC,KAAK,GAAG,SAAS,EAAA,CAAA,CAAG,CAAC;AACnE,YAAA,kBAAkB,EAAE,CAAC;SACtB;AACH,KAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,MAAK;QAC5B,YAAY,CAAC,gBAAgB,CAAC,CAAC;AAE/B,QAAA,kBAAkB,EAAE,CAAC;QACrB,WAAW,CAAC,SAAS,CAAC,CAAC;AACzB,KAAC,CAAC;AAEF,IAAA,QACEA,IAAC,CAAA,OAAO,EACN,EAAA,SAAS,EAAE,MAAM,CAAC,6BAA6B,EAC/C,SAAS,EAAE,UAAU,EACrB,SAAS,EAAC,YAAY,EACtB,cAAc,EAAC,eAAe,EAC9B,MAAM,EAAC,KAAK,EACZ,aAAa,EAAA,IAAA,EACb,cAAc,EAAE,kBAAkB,EAClC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAG,EAAA,KAAK,GAAG,GAAG,GAAG,KAAK,GAAG,GAAG,CAAI,EAAA,CAAA,EAAE,EAClD,WAAW,EAAE,SAAS,EACtB,qBAAqB,EAAE,SAAS,EAChC,qBAAqB,EAAE,SAAS,EAAA,QAAA,EAAA,CAEhCA,IAAC,CAAA,MAAM,IACL,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,MAAM,CAAC,oCAAoC,EAAA,QAAA,EAAA,CAErD,eAAe,CAAC;AACf,wBAAA,SAAS,EAAE,YAAY;wBACvB,YAAY;AACb,qBAAA,CAAC,EACFA,IAAC,CAAA,MAAM,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,mCAAmC,EAAA,QAAA,EAAA,CAC3DC,IAAC,MAAM,EAAA,EACL,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,kDAAU,EAChB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAC,GAAG,EACR,YAAY,EAAE,CAAC,QAAQ,KAAI;oCACzB,eAAe,CAAC,QAAQ,CAAC,CAAC;oCAC1B,cAAc,CAAC,iCAAiC,CAAC,CAAC;AACpD,iCAAC,EACD,YAAY,EAAE,MAAK;oCACjB,WAAW,CAAC,SAAS,CAAC,CAAC;oCACvB,cAAc,CAAC,EAAE,CAAC,CAAC;iCACpB,EAAA,CACD,EACFA,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,6FAAkB,EACxB,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAC,GAAG,EACR,YAAY,EAAE,CAAC,QAAQ,KAAI;oCACzB,eAAe,CAAC,QAAQ,CAAC,CAAC;oCAC1B,cAAc,CAAC,kCAAkC,CAAC,CAAC;AACrD,iCAAC,EACD,YAAY,EAAE,MAAK;oCACjB,WAAW,CAAC,SAAS,CAAC,CAAC;oCACvB,cAAc,CAAC,EAAE,CAAC,CAAC;iCACpB,EAAA,CACD,IACK,CACF,EAAA,CAAA,EACR,QAAQ,IAAI,WAAW,KACtBA,GAAC,CAAA,cAAc,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAI,CAAA,CAC1D,CACO,EAAA,CAAA,EACV;AACJ;;;;"}

package/dist/esm/ui-components/BlockFilters/CustomTag/index.js

@@ -0,0 +1,16 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useRef, useState } from 'react';
+import { IconClose } from '@consta/icons/IconClose';
+import { Layout } from '@consta/uikit/Layout';
+import { Text } from '@consta/uikit/Text';
+import { Tooltip } from '@consta/uikit/Tooltip';
+import styles from '../BlockFilters.module.scss.js';
+
+const CustomTag = ({ label, onCancel, isActive, }) => {
+    const anchorRef = useRef(null);
+    const [isTooltipVisible, setIsTooltipVisible] = useState(false);
+    return (jsxs(Fragment, { children: [jsxs(Layout, { className: styles.tag, ref: anchorRef, children: [isActive && jsx("div", { className: styles.tag__active }), jsx(Text, { className: styles.tag__text, size: "xs", lineHeight: "m", truncate: true, onMouseEnter: () => setIsTooltipVisible(true), onMouseLeave: () => setIsTooltipVisible(false), children: label }), jsx(Layout, { direction: "column", className: styles.tag__cancel, onClick: onCancel, children: jsx(IconClose, { size: "xs", view: "secondary" }) })] }), jsx(Tooltip, { isOpen: isTooltipVisible, direction: "upCenter", anchorRef: anchorRef, style: { zIndex: 100000000 }, placeholder: undefined, onPointerEnterCapture: undefined, onPointerLeaveCapture: undefined, children: jsx(Text, { view: "primary", size: "xs", children: label }) })] }));
+};
+
+export { CustomTag };
+//# sourceMappingURL=index.js.map

package/dist/esm/ui-components/BlockFilters/CustomTag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/ui-components/BlockFilters/CustomTag/index.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 { ICustomTagProps } from '../types';\r\n\r\nimport styles from '../BlockFilters.module.scss';\r\n\r\nexport const CustomTag: React.FC<ICustomTagProps> = ({\r\n  label,\r\n  onCancel,\r\n  isActive,\r\n}) => {\r\n  const anchorRef = useRef<HTMLDivElement>(null);\r\n  const [isTooltipVisible, setIsTooltipVisible] = useState(false);\r\n\r\n  return (\r\n    <>\r\n      <Layout className={styles.tag} ref={anchorRef}>\r\n        {isActive && <div className={styles.tag__active} />}\r\n\r\n        <Text\r\n          className={styles.tag__text}\r\n          size=\"xs\"\r\n          lineHeight=\"m\"\r\n          truncate\r\n          onMouseEnter={() => setIsTooltipVisible(true)}\r\n          onMouseLeave={() => setIsTooltipVisible(false)}\r\n        >\r\n          {label}\r\n        </Text>\r\n\r\n        <Layout\r\n          direction=\"column\"\r\n          className={styles.tag__cancel}\r\n          onClick={onCancel}\r\n        >\r\n          <IconClose size=\"xs\" view=\"secondary\" />\r\n        </Layout>\r\n      </Layout>\r\n      <Tooltip\r\n        isOpen={isTooltipVisible}\r\n        direction=\"upCenter\"\r\n        anchorRef={anchorRef}\r\n        style={{ zIndex: 100000000 }}\r\n        placeholder={undefined}\r\n        onPointerEnterCapture={undefined}\r\n        onPointerLeaveCapture={undefined}\r\n      >\r\n        <Text view=\"primary\" size=\"xs\">\r\n          {label}\r\n        </Text>\r\n      </Tooltip>\r\n    </>\r\n  );\r\n};\r\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;AAUO,MAAM,SAAS,GAA8B,CAAC,EACnD,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,KAAI;AACH,IAAA,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAEhE,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,IAAC,CAAA,MAAM,IAAC,SAAS,EAAE,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,SAAS,aAC1C,QAAQ,IAAIE,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,WAAW,GAAI,EAEnDA,GAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,IAAI,EAAC,IAAI,EACT,UAAU,EAAC,GAAG,EACd,QAAQ,EACR,IAAA,EAAA,YAAY,EAAE,MAAM,mBAAmB,CAAC,IAAI,CAAC,EAC7C,YAAY,EAAE,MAAM,mBAAmB,CAAC,KAAK,CAAC,EAAA,QAAA,EAE7C,KAAK,EAAA,CACD,EAEPA,GAAC,CAAA,MAAM,EACL,EAAA,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,OAAO,EAAE,QAAQ,EAEjB,QAAA,EAAAA,GAAA,CAAC,SAAS,EAAC,EAAA,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAA,CAAG,EACjC,CAAA,CAAA,EAAA,CACF,EACTA,GAAA,CAAC,OAAO,EACN,EAAA,MAAM,EAAE,gBAAgB,EACxB,SAAS,EAAC,UAAU,EACpB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,WAAW,EAAE,SAAS,EACtB,qBAAqB,EAAE,SAAS,EAChC,qBAAqB,EAAE,SAAS,EAAA,QAAA,EAEhCA,IAAC,IAAI,EAAA,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,YAC3B,KAAK,EAAA,CACD,EACC,CAAA,CAAA,EAAA,CACT,EACH;AACJ;;;;"}

package/dist/esm/ui-components/BlockFilters/FiltersIndicationContext/FiltersIndicationContext.js

@@ -0,0 +1,55 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useState, useRef, useEffect, useMemo } from 'react';
+import axios from 'axios';
+import 'axios-retry';
+import { getKoobDataByCfgFromLib } from '../../../utils/getKoobDataByCfg.js';
+import { DatasetNameContext } from '../../CommonContexts/DatasetNameContext.js';
+
+const FiltersIndicationContext = createContext({
+    indication: {},
+    isLoading: true,
+});
+const FiltersIndicationContextProvider = ({ children, koob, columns, luxmsFilters }) => {
+    const ds_name = useContext(DatasetNameContext);
+    const [indication, setIndication] = useState({});
+    const [isLoading, setIsLoading] = useState(true);
+    const tokenRef = useRef();
+    useEffect(() => {
+        const CancelToken = axios.CancelToken;
+        const source = CancelToken.source();
+        if (tokenRef.current) {
+            tokenRef.current.cancel('Невалидный запрос');
+        }
+        tokenRef.current = source;
+        setIsLoading(true);
+        getKoobDataByCfgFromLib({
+            data: {
+                koob,
+                columns,
+                filters: luxmsFilters,
+            },
+            cfg: {
+                cancelToken: source.token,
+            },
+            ds_name,
+        })
+            .then(([labelResp]) => {
+            setIndication(labelResp);
+            setIsLoading(false);
+        })
+            .catch((error) => {
+            if (error.code !== 'ERR_CANCELED') {
+                setIndication({});
+                setIsLoading(false);
+            }
+        });
+    }, [luxmsFilters]);
+    const value = useMemo(() => ({
+        indication,
+        isLoading,
+    }), [indication, isLoading]);
+    return (jsx(FiltersIndicationContext.Provider, { value: value, children: children }));
+};
+
+export { FiltersIndicationContext, FiltersIndicationContextProvider };
+//# sourceMappingURL=FiltersIndicationContext.js.map

package/dist/esm/ui-components/BlockFilters/FiltersIndicationContext/FiltersIndicationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersIndicationContext.js","sources":["../../../../../src/ui-components/BlockFilters/FiltersIndicationContext/FiltersIndicationContext.tsx"],"sourcesContent":["import React, {\r\n  createContext,\r\n  useContext,\r\n  useEffect,\r\n  useMemo,\r\n  useRef,\r\n  useState,\r\n} from 'react';\r\nimport axios, { CancelTokenSource } from 'axios';\r\n\r\nimport { getKoobDataByCfgFromLib } from '@/utils';\r\n\r\nimport { DatasetNameContext } from '../../CommonContexts';\r\nimport { FiltersIndicationContextProviderProps } from '../types';\r\n\r\nexport const FiltersIndicationContext = createContext({\r\n  indication: {} as Record<string, string>,\r\n  isLoading: true,\r\n});\r\n\r\nexport const FiltersIndicationContextProvider: React.FC<\r\n  FiltersIndicationContextProviderProps\r\n> = ({ children, koob, columns, luxmsFilters }) => {\r\n  const ds_name = useContext(DatasetNameContext);\r\n\r\n  const [indication, setIndication] = useState<Record<string, string>>({});\r\n  const [isLoading, setIsLoading] = useState(true);\r\n\r\n  const tokenRef = useRef<CancelTokenSource | null>();\r\n\r\n  useEffect(() => {\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    setIsLoading(true);\r\n    getKoobDataByCfgFromLib({\r\n      data: {\r\n        koob,\r\n        columns,\r\n        filters: luxmsFilters,\r\n      },\r\n      cfg: {\r\n        cancelToken: source.token,\r\n      },\r\n      ds_name,\r\n    })\r\n      .then(([labelResp]) => {\r\n        setIndication(labelResp);\r\n        setIsLoading(false);\r\n      })\r\n      .catch((error) => {\r\n        if (error.code !== 'ERR_CANCELED') {\r\n          setIndication({});\r\n          setIsLoading(false);\r\n        }\r\n      });\r\n  }, [luxmsFilters]);\r\n\r\n  const value = useMemo(\r\n    () => ({\r\n      indication,\r\n      isLoading,\r\n    }),\r\n    [indication, isLoading]\r\n  );\r\n\r\n  return (\r\n    <FiltersIndicationContext.Provider value={value}>\r\n      {children}\r\n    </FiltersIndicationContext.Provider>\r\n  );\r\n};\r\n"],"names":["_jsx"],"mappings":";;;;;;;AAeO,MAAM,wBAAwB,GAAG,aAAa,CAAC;AACpD,IAAA,UAAU,EAAE,EAA4B;AACxC,IAAA,SAAS,EAAE,IAAI;AAChB,CAAA,EAAE;AAEI,MAAM,gCAAgC,GAEzC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,KAAI;AAChD,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAyB,EAAE,CAAC,CAAC;IACzE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;AAEjD,IAAA,MAAM,QAAQ,GAAG,MAAM,EAA4B,CAAC;IAEpD,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;AACtC,QAAA,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC;AAEpC,QAAA,IAAI,QAAQ,CAAC,OAAO,EAAE;AACpB,YAAA,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;SAC9C;AAED,QAAA,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC;QAE1B,YAAY,CAAC,IAAI,CAAC,CAAC;AACnB,QAAA,uBAAuB,CAAC;AACtB,YAAA,IAAI,EAAE;gBACJ,IAAI;gBACJ,OAAO;AACP,gBAAA,OAAO,EAAE,YAAY;AACtB,aAAA;AACD,YAAA,GAAG,EAAE;gBACH,WAAW,EAAE,MAAM,CAAC,KAAK;AAC1B,aAAA;YACD,OAAO;SACR,CAAC;AACC,aAAA,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,KAAI;YACpB,aAAa,CAAC,SAAS,CAAC,CAAC;YACzB,YAAY,CAAC,KAAK,CAAC,CAAC;AACtB,SAAC,CAAC;AACD,aAAA,KAAK,CAAC,CAAC,KAAK,KAAI;AACf,YAAA,IAAI,KAAK,CAAC,IAAI,KAAK,cAAc,EAAE;gBACjC,aAAa,CAAC,EAAE,CAAC,CAAC;gBAClB,YAAY,CAAC,KAAK,CAAC,CAAC;aACrB;AACH,SAAC,CAAC,CAAC;AACP,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;AAEnB,IAAA,MAAM,KAAK,GAAG,OAAO,CACnB,OAAO;QACL,UAAU;QACV,SAAS;AACV,KAAA,CAAC,EACF,CAAC,UAAU,EAAE,SAAS,CAAC,CACxB,CAAC;AAEF,IAAA,QACEA,GAAA,CAAC,wBAAwB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAC5C,QAAQ,EAAA,CACyB,EACpC;AACJ;;;;"}

package/dist/esm/ui-components/BlockFilters/SearchWithTag/index.js

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useContext, useRef } from 'react';
+import { IconSelect } from '@consta/icons/IconSelect';
+import { IconSelectOpen } from '@consta/icons/IconSelectOpen';
+import { Layout } from '@consta/uikit/Layout';
+import { Text } from '@consta/uikit/Text';
+import { CustomTag } from '../CustomTag/index.js';
+import { FiltersIndicationContext } from '../FiltersIndicationContext/FiltersIndicationContext.js';
+import styles from '../BlockFilters.module.scss.js';
+
+const SearchWithTag = ({ field, label = '', popoverRef, isPopoverOpen, isActive, togglePopoverState, handleCancelFilter, }) => {
+    const { indication } = useContext(FiltersIndicationContext);
+    const tagValue = indication === null || indication === void 0 ? void 0 : indication[field];
+    const tagRef = useRef(null);
+    return (jsxs(Layout, { direction: "column", children: [jsx(Text, { size: "s", view: "secondary", lineHeight: "m", children: label }), jsxs(Layout, { className: styles.infiniteScrollFilter__searchContainer, ref: popoverRef, children: [jsx(Layout, { className: styles.infiniteScrollFilter__searchSide, onClick: togglePopoverState, children: isPopoverOpen ? (jsx(IconSelectOpen, { size: "s", view: "ghost" })) : (jsx(IconSelect, { size: "s", view: "ghost" })) }), tagValue && (jsx(Layout, { className: styles.infiniteScrollFilter__searchTag, ref: tagRef, children: jsx(CustomTag, { label: tagValue, onCancel: handleCancelFilter, isActive: isActive }) }))] })] }));
+};
+
+export { SearchWithTag };
+//# sourceMappingURL=index.js.map

package/dist/esm/ui-components/BlockFilters/SearchWithTag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/ui-components/BlockFilters/SearchWithTag/index.tsx"],"sourcesContent":["import React, { useContext, useRef } from 'react';\r\nimport { IconSelect } from '@consta/icons/IconSelect';\r\nimport { IconSelectOpen } from '@consta/icons/IconSelectOpen';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Text } from '@consta/uikit/Text';\r\n\r\nimport { CustomTag } from '../CustomTag';\r\nimport { FiltersIndicationContext } from '../FiltersIndicationContext/FiltersIndicationContext';\r\nimport { ISearchWithTagProps } from '../types';\r\n\r\nimport styles from '../BlockFilters.module.scss';\r\n\r\nexport const SearchWithTag: React.FC<ISearchWithTagProps> = ({\r\n  field,\r\n  label = '',\r\n  popoverRef,\r\n  isPopoverOpen,\r\n  isActive,\r\n  togglePopoverState,\r\n  handleCancelFilter,\r\n}) => {\r\n  const { indication } = useContext(FiltersIndicationContext);\r\n  const tagValue = indication?.[field];\r\n\r\n  const tagRef = useRef<HTMLDivElement>(null);\r\n\r\n  return (\r\n    <Layout direction=\"column\">\r\n      <Text size=\"s\" view=\"secondary\" lineHeight=\"m\">\r\n        {label}\r\n      </Text>\r\n\r\n      <Layout\r\n        className={styles.infiniteScrollFilter__searchContainer}\r\n        ref={popoverRef}\r\n      >\r\n        <Layout\r\n          className={styles.infiniteScrollFilter__searchSide}\r\n          onClick={togglePopoverState}\r\n        >\r\n          {isPopoverOpen ? (\r\n            <IconSelectOpen size=\"s\" view=\"ghost\" />\r\n          ) : (\r\n            <IconSelect size=\"s\" view=\"ghost\" />\r\n          )}\r\n        </Layout>\r\n\r\n        {tagValue && (\r\n          <Layout\r\n            className={styles.infiniteScrollFilter__searchTag}\r\n            ref={tagRef}\r\n          >\r\n            <CustomTag\r\n              label={tagValue}\r\n              onCancel={handleCancelFilter}\r\n              isActive={isActive}\r\n            />\r\n          </Layout>\r\n        )}\r\n      </Layout>\r\n    </Layout>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;MAYa,aAAa,GAAkC,CAAC,EAC3D,KAAK,EACL,KAAK,GAAG,EAAE,EACV,UAAU,EACV,aAAa,EACb,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,GACnB,KAAI;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,UAAU,KAAV,IAAA,IAAA,UAAU,uBAAV,UAAU,CAAG,KAAK,CAAC,CAAC;AAErC,IAAA,MAAM,MAAM,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE5C,QACEA,IAAC,CAAA,MAAM,EAAC,EAAA,SAAS,EAAC,QAAQ,EACxB,QAAA,EAAA,CAAAC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,WAAW,EAAC,UAAU,EAAC,GAAG,EAAA,QAAA,EAC3C,KAAK,EAAA,CACD,EAEPD,IAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAE,MAAM,CAAC,qCAAqC,EACvD,GAAG,EAAE,UAAU,EAAA,QAAA,EAAA,CAEfC,GAAC,CAAA,MAAM,EACL,EAAA,SAAS,EAAE,MAAM,CAAC,gCAAgC,EAClD,OAAO,EAAE,kBAAkB,EAE1B,QAAA,EAAA,aAAa,IACZA,GAAC,CAAA,cAAc,EAAC,EAAA,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,EAAG,CAAA,KAExCA,GAAC,CAAA,UAAU,EAAC,EAAA,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,EAAG,CAAA,CACrC,EACM,CAAA,EAER,QAAQ,KACPA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAE,MAAM,CAAC,+BAA+B,EACjD,GAAG,EAAE,MAAM,EAAA,QAAA,EAEXA,GAAC,CAAA,SAAS,EACR,EAAA,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,kBAAkB,EAC5B,QAAQ,EAAE,QAAQ,EAClB,CAAA,EAAA,CACK,CACV,CAAA,EAAA,CACM,CACF,EAAA,CAAA,EACT;AACJ;;;;"}

package/dist/esm/ui-components/BlockFilters/constants.js

@@ -0,0 +1,4 @@
+const DEFAULT_INPUT_HEIGHT = 32;
+
+export { DEFAULT_INPUT_HEIGHT };
+//# sourceMappingURL=constants.js.map

package/dist/esm/ui-components/BlockFilters/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/ui-components/BlockFilters/constants.ts"],"sourcesContent":["export const LIST_SIZE = 10;\r\n\r\nexport const DEFAULT_TAG_MARGIN = 4;\r\nexport const DEFAULT_CLEAR_BUTTON_MARGIN = 48;\r\nexport const DEFAULT_INPUT_HEIGHT = 32;\r\n\r\nexport const MAX_CHECKBOX_CONTENT_LENGTH = {\r\n  s: 26,\r\n  m: 29,\r\n};\r\n"],"names":[],"mappings":"AAIO,MAAM,oBAAoB,GAAG;;;;"}

package/dist/esm/ui-components/ButtonsTooltip/ButtonTooltipStyles.module.scss.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".ButtonTooltipStyles-module__tooltip__card___lfuZN{background-color:#fff;border-radius:8px;max-width:220px;padding:8px;width:-moz-fit-content;width:fit-content}";
+var styles = {"tooltip__card":"ButtonTooltipStyles-module__tooltip__card___lfuZN"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=ButtonTooltipStyles.module.scss.js.map

package/dist/esm/ui-components/ButtonsTooltip/ButtonTooltipStyles.module.scss.js.map

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

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

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { Card } from '@consta/uikit/Card';
+import { Popover } from '@consta/uikit/Popover';
+import { Text } from '@consta/uikit/Text';
+import styles from './ButtonTooltipStyles.module.scss.js';
+
+const ButtonsTooltip = ({ position, text, offset = '2xs', direction = 'upRight', }) => {
+    return (jsx(Popover, { direction: direction, spareDirection: "upCenter", offset: offset, arrowOffset: 0, isInteractive: false, position: position, style: { zIndex: 1000 }, placeholder: undefined, onPointerEnterCapture: undefined, onPointerLeaveCapture: undefined, children: jsx(Card, { className: styles.tooltip__card, children: jsx(Text, { size: "s", weight: "medium", view: "primary", children: text }) }) }));
+};
+
+export { ButtonsTooltip };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/ui-components/ButtonsTooltip/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Card } from '@consta/uikit/Card';\r\nimport { Popover } from '@consta/uikit/Popover';\r\nimport { Text } from '@consta/uikit/Text';\r\n\r\nimport { IButtonsTooltipProps } from './types';\r\n\r\nimport styles from './ButtonTooltipStyles.module.scss';\r\n\r\nexport const ButtonsTooltip: React.FC<IButtonsTooltipProps> = ({\r\n  position,\r\n  text,\r\n  offset = '2xs',\r\n  direction = 'upRight',\r\n}) => {\r\n  return (\r\n    <Popover\r\n      direction={direction}\r\n      spareDirection=\"upCenter\"\r\n      offset={offset}\r\n      arrowOffset={0}\r\n      isInteractive={false}\r\n      position={position}\r\n      style={{ zIndex: 1000 }}\r\n      placeholder={undefined}\r\n      onPointerEnterCapture={undefined}\r\n      onPointerLeaveCapture={undefined}\r\n    >\r\n      <Card className={styles.tooltip__card}>\r\n        <Text size=\"s\" weight=\"medium\" view=\"primary\">\r\n          {text}\r\n        </Text>\r\n      </Card>\r\n    </Popover>\r\n  );\r\n};\r\n"],"names":["_jsx"],"mappings":";;;;;;AASa,MAAA,cAAc,GAAmC,CAAC,EAC7D,QAAQ,EACR,IAAI,EACJ,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,SAAS,GACtB,KAAI;AACH,IAAA,QACEA,GAAC,CAAA,OAAO,EACN,EAAA,SAAS,EAAE,SAAS,EACpB,cAAc,EAAC,UAAU,EACzB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,CAAC,EACd,aAAa,EAAE,KAAK,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EACvB,WAAW,EAAE,SAAS,EACtB,qBAAqB,EAAE,SAAS,EAChC,qBAAqB,EAAE,SAAS,EAAA,QAAA,EAEhCA,GAAC,CAAA,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,aAAa,EACnC,QAAA,EAAAA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,GAAG,EAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAC,SAAS,EAC1C,QAAA,EAAA,IAAI,GACA,EACF,CAAA,EAAA,CACC,EACV;AACJ;;;;"}

package/dist/esm/ui-components/CommonContexts/DatasetNameContext.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState } from 'react';
+import { UrlState } from 'bi-internal/core';
+
+const DatasetNameContext = createContext('');
+const DatasetNameContextProvider = ({ children, }) => {
+    const [dsName] = useState(() => { var _a; return (_a = UrlState.getModel().segmentId) !== null && _a !== void 0 ? _a : ''; });
+    return (jsx(DatasetNameContext.Provider, { value: dsName, children: children }));
+};
+
+export { DatasetNameContext, DatasetNameContextProvider };
+//# sourceMappingURL=DatasetNameContext.js.map

package/dist/esm/ui-components/CommonContexts/DatasetNameContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatasetNameContext.js","sources":["../../../../src/ui-components/CommonContexts/DatasetNameContext.tsx"],"sourcesContent":["import React, { createContext, useState } from 'react';\r\nimport { UrlState } from 'bi-internal/core';\r\n\r\nexport const DatasetNameContext = createContext('');\r\n\r\nexport const DatasetNameContextProvider = ({\r\n  children,\r\n}: React.PropsWithChildren) => {\r\n  const [dsName] = useState(() => UrlState.getModel().segmentId ?? '');\r\n\r\n  return (\r\n    <DatasetNameContext.Provider value={dsName}>\r\n      {children}\r\n    </DatasetNameContext.Provider>\r\n  );\r\n};\r\n"],"names":["_jsx"],"mappings":";;;;MAGa,kBAAkB,GAAG,aAAa,CAAC,EAAE,EAAE;MAEvC,0BAA0B,GAAG,CAAC,EACzC,QAAQ,GACgB,KAAI;IAC5B,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,MAAK,EAAA,IAAA,EAAA,CAAA,CAAC,OAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,QAAQ,EAAE,CAAC,SAAS,mCAAI,EAAE,CAAA,EAAA,CAAC,CAAC;AAErE,IAAA,QACEA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACmB,EAC9B;AACJ;;;;"}

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

@@ -0,0 +1,31 @@
+import { jsx } from 'react/jsx-runtime';
+import { DatasetNameContextProvider } from '../CommonContexts/DatasetNameContext.js';
+import { CompletedFiltersContextProvider } from '../FilterComponents/Context/CompletedFiltersContext.js';
+import 'react';
+import '@consta/icons/IconFunnel';
+import '@consta/uikit/Collapse';
+import '@consta/uikit/DatePicker';
+import '@consta/uikit/Layout';
+import '@consta/uikit/Loader';
+import 'axios';
+import 'axios-retry';
+import 'tslib';
+import 'bi-internal/core';
+import '@consta/icons/IconCancel';
+import '@consta/uikit/Button';
+import 'classnames';
+import 'react-virtuoso';
+import '@consta/uikit/MixScrollBar';
+import '@consta/uikit/Text';
+import '@consta/uikit/Checkbox';
+import '@consta/uikit/TextField';
+import '@consta/uikit/Radio';
+import '@consta/uikit/RadioGroup';
+import { ControlDashContent } from './ControlDashContent.js';
+
+const ControlDash = ({ fieldsData, luxmsFilters, applyFilters, resetFilters, }) => {
+    return (jsx(DatasetNameContextProvider, { children: jsx(CompletedFiltersContextProvider, { children: jsx(ControlDashContent, { fieldsData: fieldsData, luxmsFilters: luxmsFilters, applyFilters: applyFilters, resetFilters: resetFilters }) }) }));
+};
+
+export { ControlDash };
+//# sourceMappingURL=ControlDash.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ControlDash.js","sources":["../../../../src/ui-components/ControlDash/ControlDash.tsx"],"sourcesContent":["import React from 'react';\r\n\r\nimport { DatasetNameContextProvider } from '../CommonContexts';\r\nimport { CompletedFiltersContextProvider } from '../FilterComponents';\r\n\r\nimport { ControlDashContent } from './ControlDashContent';\r\nimport { ControlDashProps } from './types';\r\n\r\nexport const ControlDash: React.FC<ControlDashProps> = ({\r\n  fieldsData,\r\n  luxmsFilters,\r\n  applyFilters,\r\n  resetFilters,\r\n}) => {\r\n  return (\r\n    <DatasetNameContextProvider>\r\n      <CompletedFiltersContextProvider>\r\n        <ControlDashContent\r\n          fieldsData={fieldsData}\r\n          luxmsFilters={luxmsFilters}\r\n          applyFilters={applyFilters}\r\n          resetFilters={resetFilters}\r\n        />\r\n      </CompletedFiltersContextProvider>\r\n    </DatasetNameContextProvider>\r\n  );\r\n};\r\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,WAAW,GAA+B,CAAC,EACtD,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,KAAI;AACH,IAAA,QACEA,GAAA,CAAC,0BAA0B,EAAA,EAAA,QAAA,EACzBA,GAAC,CAAA,+BAA+B,EAC9B,EAAA,QAAA,EAAAA,GAAA,CAAC,kBAAkB,EAAA,EACjB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAAA,CAC1B,EAC8B,CAAA,EAAA,CACP,EAC7B;AACJ;;;;"}