bi-utils-gpn 1.0.1

package/dist/cjs/luxms-components/lux_elements/SortableTiles/SortableTiles.js

@@ -0,0 +1,179 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var cn = require('classnames');
+var throttle = require('lodash/throttle');
+
+function getTransformPosition(item) {
+    let x = item.offsetLeft;
+    let y = item.offsetTop;
+    const tr = getComputedStyle(item).transform;
+    if (tr.match(/^matrix\((.+)\)$/)) {
+        const coords = RegExp.$1.split(',').map((v) => +v);
+        x += coords[4];
+        y += coords[5];
+    }
+    return { x, y };
+}
+function getVirtualPosition(item) {
+    const x = item.offsetLeft;
+    const y = item.offsetTop;
+    return { x, y };
+}
+function getEventCoords(container, target, offsetX, offsetY) {
+    let x = offsetX;
+    let y = offsetY;
+    let el = target;
+    while (el && el !== container) {
+        const pos = getTransformPosition(el);
+        x += pos.x;
+        y += pos.y;
+        el = el.parentElement;
+    }
+    if (!el)
+        throw new Error('Element not found in DOM path');
+    if (target === container) {
+        x += container.scrollLeft;
+        y += container.scrollTop;
+    }
+    return { x, y };
+}
+class SortableTiles extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            autoincrement: 0,
+        };
+        this._container = React.createRef();
+        this._draggingEl = null;
+        /// mikhail  вроде бы и без него работает, но это не точно
+        // public UNSAFE_componentWillReceiveProps(nextProps: Readonly<ISortableTilesProps<T>>, nextContext: any) {
+        //   if (this.props.items !== nextProps.items) {
+        //     this.setState({autoincrement: this.state.autoincrement + 1});
+        //   }
+        // }
+        this.onDragStart = (event) => {
+            const { items, getMimeType } = this.props;
+            this._draggingEl = event.target;
+            const index = +event.target.getAttribute('data-idx');
+            const item = items[index];
+            const { type, data } = getMimeType(item, index);
+            if (type && data)
+                event.dataTransfer.setData(type, data);
+            this._draggingEl.style.zIndex = String(+(this._draggingEl.style.zIndex || 0) + 1);
+        };
+        this.onDragEnd = (event) => {
+            const { items, onChange } = this.props;
+            event.preventDefault();
+            this._draggingEl = null;
+            const elements = Array.from(this._container.current.children);
+            const idxs = elements.map((el) => +el.getAttribute('data-idx'));
+            const nextItems = idxs.map((idx) => items[idx]);
+            onChange(nextItems);
+        };
+        this.dragOverHandler = throttle((target, offsetX, offsetY) => {
+            if (!this._draggingEl)
+                return;
+            const { items, hasFirstItem, hasLastItem } = this.props;
+            const { x, y } = getEventCoords(this._container.current, target, offsetX, offsetY);
+            const EL = this._draggingEl;
+            const elements = Array.from(this._container.current.children);
+            const IDX = elements.indexOf(EL);
+            const isBefore = (el, i) => {
+                if (getComputedStyle(el).display === 'none')
+                    return undefined;
+                if (el === EL)
+                    return undefined;
+                const idx = +el.getAttribute('data-idx');
+                if (hasFirstItem && idx === 0)
+                    return true;
+                if (hasLastItem && idx === items.length - 1)
+                    return false;
+                const left = el.offsetLeft, top = el.offsetTop, width = el.offsetWidth, height = el.offsetHeight, right = left + width, bottom = top + height;
+                if (el === EL)
+                    return false;
+                if (bottom < y)
+                    return true;
+                if (y <= top)
+                    return false;
+                if (right < x)
+                    return true;
+                if (x <= left)
+                    return false;
+                const draggable = el.getAttribute('draggable');
+                if (!draggable)
+                    return true;
+                return i > IDX;
+            };
+            const beforeMarks = elements.map(isBefore);
+            let newIdx = beforeMarks.indexOf(false);
+            if (newIdx === -1)
+                newIdx = elements.length;
+            const elementsBefore = elements
+                .slice(0, newIdx)
+                .filter((el) => el !== EL);
+            const elementsAfter = elements.slice(newIdx).filter((el) => el !== EL);
+            const positionsFrom = elements.map(getTransformPosition);
+            let didChange = false;
+            for (let i = 0; i < elements.length; i++) {
+                const el = elements[i];
+                if (i > IDX && elementsBefore.includes(el)) {
+                    // расположен позже, но должен быть раньше
+                    didChange = true;
+                    EL.before(el);
+                }
+            }
+            for (let i = elements.length - 1; i >= 0; i--) {
+                const el = elements[i];
+                if (i < IDX && elementsAfter.includes(el)) {
+                    // расположен раньше, но должен быть позже
+                    didChange = true;
+                    EL.after(el);
+                }
+            }
+            if (!didChange)
+                return;
+            // elementsBefore.forEach(el => container.current.insertBefore(el, draggingEl.current));
+            // elementsAfter.forEach(el => container.current.appendChild(el));
+            elements.forEach((item) => {
+                item.classList.remove('moove');
+                item.style.transform = 'translate(0, 0)';
+            });
+            const positionsTo = elements.map(getVirtualPosition);
+            elements.forEach((item, index) => {
+                const deltaX = positionsTo[index].x - positionsFrom[index].x;
+                const deltaY = positionsTo[index].y - positionsFrom[index].y;
+                item.style.transform = `translate(${-deltaX}px, ${-deltaY}px)`;
+                requestAnimationFrame(() => {
+                    item.classList.add('moove');
+                });
+            });
+        }, 100);
+        this.onDragOver = (event) => {
+            event.preventDefault();
+            const offsetX = event.nativeEvent.offsetX;
+            const offsetY = event.nativeEvent.offsetY;
+            const target = event.target;
+            this.dragOverHandler(target, offsetX, offsetY);
+        };
+    }
+    render() {
+        const { className, items, renderItem, getItemStyle, hasFirstItem, hasLastItem, freezeDrag, } = this.props;
+        const { autoincrement } = this.state;
+        return (jsxRuntime.jsx("ul", { className: cn('SortableTiles', className), onDragOver: this.onDragOver, ref: this._container, onDragEnd: this.onDragEnd, children: items.map((item, idx) => {
+                const child = renderItem(item, idx);
+                let draggable = true;
+                if (idx === 0 && hasFirstItem)
+                    draggable = false;
+                if (idx === items.length - 1 && hasLastItem)
+                    draggable = false;
+                return (child === null || child === void 0 ? void 0 : child.type) === 'li' ? (React.cloneElement(child, { 'data-idx': idx, key: idx })) : (jsxRuntime.jsx("li", { className: "SortableTiles__Item", "data-idx": idx, style: getItemStyle ? getItemStyle(item) : {}, draggable: !freezeDrag && draggable, onDragStart: this.onDragStart, children: child }, `${autoincrement}-${idx}-${child === null || child === void 0 ? void 0 : child.key}`));
+            }) }));
+    }
+}
+
+exports.default = SortableTiles;
+//# sourceMappingURL=SortableTiles.js.map

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

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

@@ -0,0 +1,60 @@
+'use strict';
+
+var core = require('bi-internal/core');
+var services = require('bi-internal/services');
+var IconMoon = require('@consta/icons/IconMoon');
+var IconSun = require('@consta/icons/IconSun');
+var Theme = require('@consta/uikit/Theme');
+
+const themes = [
+    {
+        theme: Theme.presetGpnDefault,
+        key: 'light',
+        label: 'Светлая',
+        icon: IconSun.IconSun,
+    },
+    {
+        theme: Theme.presetGpnDark,
+        key: 'dark',
+        label: 'Темная',
+        icon: IconMoon.IconMoon,
+    },
+];
+class ConstaThemeService extends core.BaseService {
+    constructor() {
+        super({
+            loading: false,
+            error: '',
+            currentTheme: themes.find((theme) => theme.key === services.ThemeVC.getInstance().getModel().currentThemeId) || themes[0],
+            themes,
+        });
+        this.setTheme = (theme) => {
+            //@ts-ignore
+            services.ThemeVC.getInstance().setTheme(theme.key);
+            this._updateWithData({ currentTheme: theme });
+        };
+        this.setThemeById = (label) => {
+            services.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();
+
+exports.ConstaThemeService = ConstaThemeService;
+exports.themes = themes;
+//# sourceMappingURL=ConstaThemeService.js.map

package/dist/cjs/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":["presetGpnDefault","IconSun","presetGpnDark","IconMoon","BaseService","ThemeVC"],"mappings":";;;;;;;;AAiBa,MAAA,MAAM,GAAmB;AACpC,IAAA;AACE,QAAA,KAAK,EAAEA,sBAAgB;AACvB,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAEC,eAAO;AACd,KAAA;AACD,IAAA;AACE,QAAA,KAAK,EAAEC,mBAAa;AACpB,QAAA,GAAG,EAAE,MAAM;AACX,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,IAAI,EAAEC,iBAAQ;AACf,KAAA;EACD;AAOI,MAAO,kBAAmB,SAAQC,gBAA8B,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,KAAKC,gBAAO,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;;YAExCA,gBAAO,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;YACtCA,gBAAO,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/cjs/node_modules/style-inject/dist/style-inject.es.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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));
+  }
+}
+
+exports.default = styleInject;
+//# sourceMappingURL=style-inject.es.js.map

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

@@ -0,0 +1,34 @@
+'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 FiltersIndicationContext = require('./FiltersIndicationContext/FiltersIndicationContext.js');
+var BlockFiltersContent = require('./BlockFiltersContent.js');
+
+const BlockFilters = ({ filtersConfigs, indicationKoob, indicationColumns, luxmsFilters, applyFilters, resetFilters, }) => {
+    return (jsxRuntime.jsx(DatasetNameContext.DatasetNameContextProvider, { children: jsxRuntime.jsx(FiltersIndicationContext.FiltersIndicationContextProvider, { luxmsFilters: luxmsFilters, koob: indicationKoob, columns: indicationColumns, children: jsxRuntime.jsx(CompletedFiltersContext.CompletedFiltersContextProvider, { children: jsxRuntime.jsx(BlockFiltersContent.BlockFiltersContent, { filtersConfigs: filtersConfigs, luxmsFilters: luxmsFilters, applyFilters: applyFilters, resetFilters: resetFilters }) }) }) }));
+};
+
+exports.BlockFilters = BlockFilters;
+//# sourceMappingURL=BlockFilters.js.map

package/dist/cjs/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","DatasetNameContextProvider","FiltersIndicationContextProvider","CompletedFiltersContextProvider","BlockFiltersContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AASa,MAAA,YAAY,GAAiC,CAAC,EACzD,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,KAAI;IACH,QACEA,eAACC,6CAA0B,EAAA,EAAA,QAAA,EACzBD,eAACE,yDAAgC,EAAA,EAC/B,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,iBAAiB,EAAA,QAAA,EAE1BF,eAACG,uDAA+B,EAAA,EAAA,QAAA,EAC9BH,eAACI,uCAAmB,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/cjs/ui-components/BlockFilters/BlockFilters.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 = ".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_es.default(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=BlockFilters.module.scss.js.map

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

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

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

@@ -0,0 +1,40 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Layout = require('@consta/uikit/Layout');
+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('tslib');
+require('bi-internal/core');
+require('../CommonContexts/DatasetNameContext.js');
+require('@consta/icons/IconCancel');
+require('@consta/uikit/Button');
+require('classnames');
+require('react-virtuoso');
+require('@consta/uikit/MixScrollBar');
+require('@consta/uikit/Text');
+require('@consta/uikit/Checkbox');
+require('@consta/uikit/TextField');
+require('@consta/uikit/Radio');
+require('@consta/uikit/RadioGroup');
+var BlockFiltersItem = require('./BlockFiltersItem/BlockFiltersItem.js');
+var BlockFilters_module = require('./BlockFilters.module.scss.js');
+
+const BlockFiltersContent = ({ filtersConfigs, luxmsFilters, applyFilters, resetFilters, }) => {
+    const { handleChangeCompletedFilters } = React.useContext(CompletedFiltersContext.CompletedFiltersContext);
+    React.useEffect(() => {
+        handleChangeCompletedFilters(luxmsFilters);
+    }, [luxmsFilters]);
+    return (jsxRuntime.jsx(Layout.Layout, { className: BlockFilters_module.default.filters, children: filtersConfigs.map((filterConfig) => {
+            return (jsxRuntime.jsx(BlockFiltersItem.BlockFiltersItem, { filterConfig: filterConfig, luxmsFilters: luxmsFilters, applyFilters: applyFilters, resetFilters: resetFilters }, filterConfig.name + filterConfig.field));
+        }) }));
+};
+
+exports.BlockFiltersContent = BlockFiltersContent;
+//# sourceMappingURL=BlockFiltersContent.js.map

package/dist/cjs/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":["useContext","CompletedFiltersContext","useEffect","_jsx","Layout","styles","BlockFiltersItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,mBAAmB,GAAwC,CAAC,EACvE,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,KAAI;IACH,MAAM,EAAE,4BAA4B,EAAE,GAAGA,gBAAU,CAACC,+CAAuB,CAAC,CAAC;IAE7EC,eAAS,CAAC,MAAK;QACb,4BAA4B,CAAC,YAAY,CAAC,CAAC;AAC7C,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;AAEnB,IAAA,QACEC,cAAC,CAAAC,aAAM,EAAC,EAAA,SAAS,EAAEC,2BAAM,CAAC,OAAO,EAAA,QAAA,EAC9B,cAAc,CAAC,GAAG,CAAC,CAAC,YAAY,KAAI;AACnC,YAAA,QACEF,cAAA,CAACG,iCAAgB,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/cjs/ui-components/BlockFilters/BlockFiltersItem/BlockFiltersItem.js

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

package/dist/cjs/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":["useContext","FiltersIndicationContext","useState","useRef","_jsx","Layout","styles","_jsxs","SkeletonText","SkeletonBrick","DEFAULT_INPUT_HEIGHT","_Fragment","SearchWithTag","CustomPopover"],"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,GAAGA,gBAAU,CAACC,iDAAwB,CAAC,CAAC;IAE3D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAC;AAE1D,IAAA,MAAM,YAAY,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAC;AAClD,IAAA,MAAM,UAAU,GAAGA,YAAM,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,QACEC,cAAA,CAACC,aAAM,EAAA,EACL,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAEC,2BAAM,CAAC,oBAAoB,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAG,EAAA,KAAK,CAAI,EAAA,CAAA,EAAE,EAC9B,GAAG,EAAE,YAAY,EAAA,QAAA,EAEhB,SAAS,IACRC,gBAACF,aAAM,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAA,QAAA,EAAA,CACxBD,cAAC,CAAAI,qBAAY,IAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAA,CAAG,EACrDJ,cAAA,CAACK,sBAAa,EAAA,EAAC,MAAM,EAAEC,8BAAoB,EAAI,CAAA,CAAA,EAAA,CACxC,KAETH,eACE,CAAAI,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAAP,cAAA,CAACQ,mBAAa,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,KACZR,cAAC,CAAAS,2BAAa,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/cjs/ui-components/BlockFilters/CustomPopover/CustomPopover.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var IconCancel = require('@consta/icons/IconCancel');
+var Button = require('@consta/uikit/Button');
+var Layout = require('@consta/uikit/Layout');
+var Popover = require('@consta/uikit/Popover');
+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('tslib');
+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 BlockFilters_module = require('../BlockFilters.module.scss.js');
+
+const CustomPopover = ({ width, popoverRef, filterConfig, luxmsFilters, handleClosePopover, applyFilters, resetFilters, }) => {
+    const { completedFilters } = React.useContext(CompletedFiltersContext.CompletedFiltersContext);
+    const [position, setPosition] = React.useState(undefined);
+    const [tooltipName, setTooltipName] = React.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 (jsxRuntime.jsxs(Popover.Popover, { className: BlockFilters_module.default.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: [jsxRuntime.jsxs(Layout.Layout, { direction: "column", className: BlockFilters_module.default.infiniteScrollFilter__popoverContent, children: [helpers.getFilterByType({
+                        fieldInfo: filterConfig,
+                        luxmsFilters,
+                    }), jsxRuntime.jsxs(Layout.Layout, { className: BlockFilters_module.default.infiniteScrollFilter__popoverFooter, 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.CustomPopover = CustomPopover;
+//# sourceMappingURL=CustomPopover.js.map

package/dist/cjs/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":["useContext","CompletedFiltersContext","useState","_jsxs","Popover","styles","Layout","getFilterByType","_jsx","Button","IconCancel","ButtonsTooltip"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+'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 BlockFilters_module = require('../BlockFilters.module.scss.js');
+
+const CustomTag = ({ label, onCancel, isActive, }) => {
+    const anchorRef = React.useRef(null);
+    const [isTooltipVisible, setIsTooltipVisible] = React.useState(false);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Layout.Layout, { className: BlockFilters_module.default.tag, ref: anchorRef, children: [isActive && jsxRuntime.jsx("div", { className: BlockFilters_module.default.tag__active }), jsxRuntime.jsx(Text.Text, { className: BlockFilters_module.default.tag__text, size: "xs", lineHeight: "m", truncate: true, onMouseEnter: () => setIsTooltipVisible(true), onMouseLeave: () => setIsTooltipVisible(false), children: label }), jsxRuntime.jsx(Layout.Layout, { direction: "column", className: BlockFilters_module.default.tag__cancel, onClick: onCancel, children: jsxRuntime.jsx(IconClose.IconClose, { size: "xs", view: "secondary" }) })] }), jsxRuntime.jsx(Tooltip.Tooltip, { isOpen: isTooltipVisible, direction: "upCenter", anchorRef: anchorRef, style: { zIndex: 100000000 }, placeholder: undefined, onPointerEnterCapture: undefined, onPointerLeaveCapture: undefined, children: jsxRuntime.jsx(Text.Text, { view: "primary", size: "xs", children: label }) })] }));
+};
+
+exports.CustomTag = CustomTag;
+//# sourceMappingURL=index.js.map

package/dist/cjs/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":["useRef","useState","_jsxs","_Fragment","Layout","styles","_jsx","Text","IconClose","Tooltip"],"mappings":";;;;;;;;;;AAUO,MAAM,SAAS,GAA8B,CAAC,EACnD,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,KAAI;AACH,IAAA,MAAM,SAAS,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAC;AAEhE,IAAA,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACED,eAAC,CAAAE,aAAM,IAAC,SAAS,EAAEC,2BAAM,CAAC,GAAG,EAAE,GAAG,EAAE,SAAS,aAC1C,QAAQ,IAAIC,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAED,2BAAM,CAAC,WAAW,GAAI,EAEnDC,cAAA,CAACC,SAAI,EAAA,EACH,SAAS,EAAEF,2BAAM,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,EAEPC,cAAC,CAAAF,aAAM,EACL,EAAA,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAEC,2BAAM,CAAC,WAAW,EAC7B,OAAO,EAAE,QAAQ,EAEjB,QAAA,EAAAC,cAAA,CAACE,mBAAS,EAAC,EAAA,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAA,CAAG,EACjC,CAAA,CAAA,EAAA,CACF,EACTF,cAAA,CAACG,eAAO,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,EAEhCH,eAACC,SAAI,EAAA,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,YAC3B,KAAK,EAAA,CACD,EACC,CAAA,CAAA,EAAA,CACT,EACH;AACJ;;;;"}