@geneui/components 2.11.2 → 2.12.1

package/{AdvancedSearch.js → AdvancedSearch/index.js}

@@ -1,52 +1,39 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
-import React__default, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as classnames } from './index-6ff23041.js';
-import { a as dayjs } from './dateValidation-67caec66.js';
-import ExtendedInput from './ExtendedInput.js';
-import { P as PopoverV2 } from './index-5e96cb4d.js';
-import CustomScrollbar from './Scrollbar.js';
-import Checkbox from './Checkbox.js';
-import Icon from './Icon.js';
-import { u as useEllipsisDetection } from './useEllipsisDetection-ef536015.js';
-import Tooltip from './Tooltip.js';
-import { n as noop } from './index-b7a33c58.js';
-import LinkButton from './LinkButton.js';
-import SkeletonLoader from './SkeletonLoader.js';
-import Badge from './Badge.js';
-import Button from './Button.js';
-import Empty from './Empty.js';
-import { advancedSearchConfig } from './configs.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
+import React__default, { useRef, useState, useCallback, useEffect, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { c as classnames } from '../index-6ff23041.js';
+import { a as dayjs } from '../dateValidation-67caec66.js';
+import { j as advancedSearchConfig } from '../configs-fed6ac34.js';
+import { n as noop } from '../index-a0e4e333.js';
+import useKeyDown from '../hooks/useKeyDown.js';
+import useDebounce from '../hooks/useDebounceHook.js';
+import PopoverV2 from '../PopoverV2/index.js';
+import ExtendedInput from '../ExtendedInput/index.js';
+import CustomScrollbar from '../Scrollbar/index.js';
+import LinkButton from '../LinkButton/index.js';
+import useEllipsisDetection from '../hooks/useEllipsisDetection.js';
+import Icon from '../Icon/index.js';
+import Checkbox from '../Checkbox/index.js';
+import Tooltip from '../Tooltip/index.js';
+import SkeletonLoader from '../SkeletonLoader/index.js';
+import Badge from '../Badge/index.js';
+import Empty from '../Empty/index.js';
 import 'react-dom';
-import { u as useKeyDown } from './useKeyDown-38102ae7.js';
-import './configs-91c86664.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import './_commonjsHelpers-24198af3.js';
-import './index-ac59cb10.js';
-import './useDeviceType-dd51db38.js';
-import './useWindowSize-80369d76.js';
-import './index-897d8240.js';
-import './useClickOutside-5183e396.js';
-import './globalStyling-9c60a159.js';
-import './Popover-f4d1cac0.js';
-import './GeneUIProvider.js';
-import './index-122432cd.js';
-import './debounce-4419bc2f.js';
-import './checkboxRadioSwitcher-5b69d7bd.js';
-import './guid-8ddf77b3.js';
-
-const useDebounce = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect(() => {
-    const handler = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay);
-    return () => {
-      clearTimeout(handler);
-    };
-  }, [delay, value]);
-  return debouncedValue;
-};
+import Button from '../Button/index.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import '../_commonjsHelpers-24198af3.js';
+import '../jsx-runtime-57b40d9e.js';
+import '../index-122432cd.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../hooks/useClickOutside.js';
+import '../GeneUIProvider/index.js';
+import '../debounce-4419bc2f.js';
+import '../SuggestionList/index.js';
+import '../config-0ca92874.js';
+import '../Popover-f4d1cac0.js';
+import '../checkboxRadioSwitcher-5b69d7bd.js';
+import '../guid-8ddf77b3.js';
 
 function ListElementWithCheckbox(_ref) {
   let {
@@ -101,14 +88,148 @@ ListElementWithCheckbox.defaultProps = {
   }
 };
 ListElementWithCheckbox.propTypes = {
-  item: propTypesExports.shape({
-    name: propTypesExports.string,
-    value: propTypesExports.string,
-    checked: propTypesExports.bool,
-    icon: propTypesExports.string
+  item: PropTypes.shape({
+    name: PropTypes.string,
+    value: PropTypes.string,
+    checked: PropTypes.bool,
+    icon: PropTypes.string
   })
 };
 
+function SkeletonSet(_ref) {
+  let {
+    count,
+    searchResult
+  } = _ref;
+  return searchResult ? /*#__PURE__*/React__default.createElement("ul", {
+    className: "skeleton"
+  }, Array(count || 1).fill('').map((_, i) => /*#__PURE__*/React__default.createElement("li", {
+    className: "skeleton__searchElement",
+    key: i
+  }, /*#__PURE__*/React__default.createElement(SkeletonLoader, {
+    duration: +"".concat(2, ".0", i),
+    width: "100%",
+    isBusy: true
+  })))) : /*#__PURE__*/React__default.createElement("ul", null, Array(count || 1).fill('').map((_, i) => /*#__PURE__*/React__default.createElement("li", {
+    className: "skeleton__filter",
+    key: i
+  }, /*#__PURE__*/React__default.createElement(SkeletonLoader, {
+    duration: 2,
+    height: "23px",
+    width: "23px",
+    isBusy: true
+  }), /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      width: '10px'
+    }
+  }), /*#__PURE__*/React__default.createElement(SkeletonLoader, {
+    duration: +"".concat(2, ".0", i),
+    height: "23px",
+    width: "".concat(Math.floor(Math.random() * 51) + 50, "%"),
+    isBusy: true
+  }))));
+}
+SkeletonSet.defaultProps = {};
+SkeletonSet.propTypes = {};
+
+function FilterList(_ref) {
+  let {
+    data,
+    skeletonCount,
+    onSelect
+  } = _ref;
+  const {
+    data: filterData,
+    isLoading,
+    onShowMoreClick,
+    showMoreIsLoading,
+    sectionNameText,
+    hasActiveShowMore,
+    showMoreText
+  } = data;
+  const listRef = useRef(null);
+  const scrollbarRef = useRef(null);
+  const [ableToScroll, setAbleToScroll] = useState(false);
+  const [dataLengthSnapshots, setDataLengthSnapshots] = useState([]);
+  const [elementTopToScroll, setElementTopToScroll] = useState(0);
+  const onShowMoreHandler = useCallback(e => {
+    onShowMoreClick(e);
+    setAbleToScroll(true);
+  }, []);
+  useEffect(() => {
+    setDataLengthSnapshots(prev => [...prev, filterData === null || filterData === void 0 ? void 0 : filterData.length]);
+  }, [filterData === null || filterData === void 0 ? void 0 : filterData.length]);
+  useEffect(() => {
+    var _listRef$current, _listRef$current$chil;
+    const scrollToElementTop = +(listRef === null || listRef === void 0 ? void 0 : (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : (_listRef$current$chil = _listRef$current.children[dataLengthSnapshots[(dataLengthSnapshots === null || dataLengthSnapshots === void 0 ? void 0 : dataLengthSnapshots.length) - 1] - 1]) === null || _listRef$current$chil === void 0 ? void 0 : _listRef$current$chil.offsetTop);
+    if (!isLoading && ableToScroll) {
+      setElementTopToScroll(scrollToElementTop);
+      setAbleToScroll(false);
+    }
+  }, [isLoading]);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "filterList__filter"
+  }, /*#__PURE__*/React__default.createElement(CustomScrollbar, {
+    autoHeightMax: 500,
+    className: "filterList__scrollbar",
+    style: {
+      height: '100%'
+    },
+    ref: scrollbarRef,
+    scrollTop: elementTopToScroll,
+    withSmoothScroll: true
+  }, /*#__PURE__*/React__default.createElement("h6", {
+    className: "filterList__filterHeader"
+  }, sectionNameText), /*#__PURE__*/React__default.createElement("ul", {
+    className: "filterList__filterList",
+    ref: listRef
+  }, isLoading ? /*#__PURE__*/React__default.createElement(SkeletonSet, {
+    count: skeletonCount
+  }) : filterData === null || filterData === void 0 ? void 0 : filterData.map((item, index) => /*#__PURE__*/React__default.createElement(ListElementWithCheckbox, {
+    key: index,
+    onSelect: onSelect,
+    item: item
+  })), hasActiveShowMore && /*#__PURE__*/React__default.createElement("li", {
+    className: "filterList__showMoreLi"
+  }, /*#__PURE__*/React__default.createElement(LinkButton, {
+    tabIndex: 0,
+    ariaLabel: showMoreText,
+    onClick: onShowMoreHandler,
+    className: "filterList__showMoreLink"
+  }, showMoreText)))));
+}
+FilterList.defaultProps = {
+  data: {
+    data: []
+  },
+  onSelect: noop,
+  skeletonCount: 5,
+  showMoreIsLoading: false
+};
+FilterList.propTypes = {
+  /**
+   * data structure for secondary filter
+   */
+  data: PropTypes.shape({
+    sectionNameText: PropTypes.string,
+    onChange: PropTypes.func,
+    hasActiveShowMore: PropTypes.bool,
+    showMoreText: PropTypes.string,
+    showMoreIsLoading: PropTypes.bool,
+    onShowMoreClick: PropTypes.func,
+    isLoading: PropTypes.bool,
+    data: PropTypes.arrayOf(PropTypes.shape({
+      name: PropTypes.string,
+      value: PropTypes.string,
+      checked: PropTypes.bool,
+      icon: PropTypes.string
+    }))
+  }),
+  skeleton: PropTypes.element,
+  onSelect: PropTypes.func,
+  skeletonCount: PropTypes.number
+};
+
 function SearchResultRow(_ref) {
   let {
     element
@@ -190,20 +311,20 @@ SearchResultRow.defaultProps = {
   element: {}
 };
 SearchResultRow.propTypes = {
-  element: propTypesExports.shape({
-    icon: propTypesExports.string,
-    id: propTypesExports.string,
-    title: propTypesExports.string,
-    type: propTypesExports.string,
-    name: propTypesExports.string,
-    date: propTypesExports.shape({
-      labelText: propTypesExports.string,
-      date: propTypesExports.oneOfType([propTypesExports.instanceOf(dayjs), propTypesExports.instanceOf(Date), propTypesExports.string, propTypesExports.number])
+  element: PropTypes.shape({
+    icon: PropTypes.string,
+    id: PropTypes.string,
+    title: PropTypes.string,
+    type: PropTypes.string,
+    name: PropTypes.string,
+    date: PropTypes.shape({
+      labelText: PropTypes.string,
+      date: PropTypes.oneOfType([PropTypes.instanceOf(dayjs), PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number])
     }),
-    actions: propTypesExports.arrayOf(propTypesExports.shape({
-      name: propTypesExports.string,
-      icon: propTypesExports.string,
-      onClick: propTypesExports.func
+    actions: PropTypes.arrayOf(PropTypes.shape({
+      name: PropTypes.string,
+      icon: PropTypes.string,
+      onClick: PropTypes.func
     }))
   })
 };
@@ -300,217 +421,83 @@ SearchResult.propTypes = {
   /**
    * total count of data to show in badge
    */
-  totalCount: propTypesExports.number,
+  totalCount: PropTypes.number,
   /**
    * text for no data to display
    */
-  noDataText: propTypesExports.string,
+  noDataText: PropTypes.string,
   /**
    * If search field is empty, will show initialData for example (Recently modified data).
    */
-  initialData: propTypesExports.arrayOf(propTypesExports.shape({
-    icon: propTypesExports.string,
-    id: propTypesExports.string,
-    title: propTypesExports.string,
-    type: propTypesExports.string,
-    name: propTypesExports.string,
-    date: propTypesExports.shape({
-      labelText: propTypesExports.string,
-      date: propTypesExports.oneOfType([propTypesExports.instanceOf(dayjs), propTypesExports.instanceOf(Date), propTypesExports.string, propTypesExports.number])
+  initialData: PropTypes.arrayOf(PropTypes.shape({
+    icon: PropTypes.string,
+    id: PropTypes.string,
+    title: PropTypes.string,
+    type: PropTypes.string,
+    name: PropTypes.string,
+    date: PropTypes.shape({
+      labelText: PropTypes.string,
+      date: PropTypes.oneOfType([PropTypes.instanceOf(dayjs), PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number])
     }),
-    actions: propTypesExports.arrayOf(propTypesExports.shape({
-      name: propTypesExports.string,
-      icon: propTypesExports.string,
-      onClick: propTypesExports.func
+    actions: PropTypes.arrayOf(PropTypes.shape({
+      name: PropTypes.string,
+      icon: PropTypes.string,
+      onClick: PropTypes.func
     }))
   })),
   /**
    * text for link under search result
    */
-  showMoreText: propTypesExports.string,
+  showMoreText: PropTypes.string,
   /**
    * total max count of data to show totalCountMax+ in badge
    */
-  totalCountMax: propTypesExports.number,
+  totalCountMax: PropTypes.number,
   /**
    * label text for badge component
    */
-  totalCountText: propTypesExports.string,
+  totalCountText: PropTypes.string,
   /**
    * Fires an event when clicked on link under search result
    */
-  onShowMoreClick: propTypesExports.func,
+  onShowMoreClick: PropTypes.func,
   /**
    * To control showMore loading state
    */
-  showMoreIsLoading: propTypesExports.bool,
+  showMoreIsLoading: PropTypes.bool,
   /**
    * search loading state
    */
-  isSearchLoading: propTypesExports.bool,
+  isSearchLoading: PropTypes.bool,
   /**
    * if hasActive hasActiveShowMore is true you will see show more link under search result
    */
-  hasActiveShowMore: propTypesExports.bool,
+  hasActiveShowMore: PropTypes.bool,
   /**
    * If search field is empty, initialDataDescription is describing witch data is showing by default for example (Recently modified data).
    */
-  initialDataDescription: propTypesExports.string,
+  initialDataDescription: PropTypes.string,
   /**
    * data structure
    * */
-  data: propTypesExports.arrayOf(propTypesExports.shape({
-    icon: propTypesExports.string,
-    id: propTypesExports.string,
-    title: propTypesExports.string,
-    type: propTypesExports.string,
-    name: propTypesExports.string,
-    date: propTypesExports.shape({
-      labelText: propTypesExports.string,
-      date: propTypesExports.oneOfType([propTypesExports.instanceOf(dayjs), propTypesExports.instanceOf(Date), propTypesExports.string, propTypesExports.number])
+  data: PropTypes.arrayOf(PropTypes.shape({
+    icon: PropTypes.string,
+    id: PropTypes.string,
+    title: PropTypes.string,
+    type: PropTypes.string,
+    name: PropTypes.string,
+    date: PropTypes.shape({
+      labelText: PropTypes.string,
+      date: PropTypes.oneOfType([PropTypes.instanceOf(dayjs), PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number])
     }),
-    actions: propTypesExports.arrayOf(propTypesExports.shape({
-      name: propTypesExports.string,
-      icon: propTypesExports.string,
-      onClick: propTypesExports.func
+    actions: PropTypes.arrayOf(PropTypes.shape({
+      name: PropTypes.string,
+      icon: PropTypes.string,
+      onClick: PropTypes.func
     }))
   }))
 };
 
-function SkeletonSet(_ref) {
-  let {
-    count,
-    searchResult
-  } = _ref;
-  return searchResult ? /*#__PURE__*/React__default.createElement("ul", {
-    className: "skeleton"
-  }, Array(count || 1).fill('').map((_, i) => /*#__PURE__*/React__default.createElement("li", {
-    className: "skeleton__searchElement",
-    key: i
-  }, /*#__PURE__*/React__default.createElement(SkeletonLoader, {
-    duration: +"".concat(2, ".0", i),
-    width: "100%",
-    isBusy: true
-  })))) : /*#__PURE__*/React__default.createElement("ul", null, Array(count || 1).fill('').map((_, i) => /*#__PURE__*/React__default.createElement("li", {
-    className: "skeleton__filter",
-    key: i
-  }, /*#__PURE__*/React__default.createElement(SkeletonLoader, {
-    duration: 2,
-    height: "23px",
-    width: "23px",
-    isBusy: true
-  }), /*#__PURE__*/React__default.createElement("span", {
-    style: {
-      width: '10px'
-    }
-  }), /*#__PURE__*/React__default.createElement(SkeletonLoader, {
-    duration: +"".concat(2, ".0", i),
-    height: "23px",
-    width: "".concat(Math.floor(Math.random() * 51) + 50, "%"),
-    isBusy: true
-  }))));
-}
-SkeletonSet.defaultProps = {};
-SkeletonSet.propTypes = {};
-
-function FilterList(_ref) {
-  let {
-    data,
-    skeletonCount,
-    onSelect
-  } = _ref;
-  const {
-    data: filterData,
-    isLoading,
-    onShowMoreClick,
-    showMoreIsLoading,
-    sectionNameText,
-    hasActiveShowMore,
-    showMoreText
-  } = data;
-  const listRef = useRef(null);
-  const scrollbarRef = useRef(null);
-  const [ableToScroll, setAbleToScroll] = useState(false);
-  const [dataLengthSnapshots, setDataLengthSnapshots] = useState([]);
-  const [elementTopToScroll, setElementTopToScroll] = useState(0);
-  const onShowMoreHandler = useCallback(e => {
-    onShowMoreClick(e);
-    setAbleToScroll(true);
-  }, []);
-  useEffect(() => {
-    setDataLengthSnapshots(prev => [...prev, filterData === null || filterData === void 0 ? void 0 : filterData.length]);
-  }, [filterData === null || filterData === void 0 ? void 0 : filterData.length]);
-  useEffect(() => {
-    var _listRef$current, _listRef$current$chil;
-    const scrollToElementTop = +(listRef === null || listRef === void 0 ? void 0 : (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : (_listRef$current$chil = _listRef$current.children[dataLengthSnapshots[(dataLengthSnapshots === null || dataLengthSnapshots === void 0 ? void 0 : dataLengthSnapshots.length) - 1] - 1]) === null || _listRef$current$chil === void 0 ? void 0 : _listRef$current$chil.offsetTop);
-    if (!isLoading && ableToScroll) {
-      setElementTopToScroll(scrollToElementTop);
-      setAbleToScroll(false);
-    }
-  }, [isLoading]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "filterList__filter"
-  }, /*#__PURE__*/React__default.createElement(CustomScrollbar, {
-    autoHeightMax: 500,
-    className: "filterList__scrollbar",
-    style: {
-      height: '100%'
-    },
-    ref: scrollbarRef,
-    scrollTop: elementTopToScroll,
-    withSmoothScroll: true
-  }, /*#__PURE__*/React__default.createElement("h6", {
-    className: "filterList__filterHeader"
-  }, sectionNameText), /*#__PURE__*/React__default.createElement("ul", {
-    className: "filterList__filterList",
-    ref: listRef
-  }, isLoading ? /*#__PURE__*/React__default.createElement(SkeletonSet, {
-    count: skeletonCount
-  }) : filterData === null || filterData === void 0 ? void 0 : filterData.map((item, index) => /*#__PURE__*/React__default.createElement(ListElementWithCheckbox, {
-    key: index,
-    onSelect: onSelect,
-    item: item
-  })), hasActiveShowMore && /*#__PURE__*/React__default.createElement("li", {
-    className: "filterList__showMoreLi"
-  }, /*#__PURE__*/React__default.createElement(LinkButton, {
-    tabIndex: 0,
-    ariaLabel: showMoreText,
-    onClick: onShowMoreHandler,
-    className: "filterList__showMoreLink"
-  }, showMoreText)))));
-}
-FilterList.defaultProps = {
-  data: {
-    data: []
-  },
-  onSelect: noop,
-  skeletonCount: 5,
-  showMoreIsLoading: false
-};
-FilterList.propTypes = {
-  /**
-   * data structure for secondary filter
-   */
-  data: propTypesExports.shape({
-    sectionNameText: propTypesExports.string,
-    onChange: propTypesExports.func,
-    hasActiveShowMore: propTypesExports.bool,
-    showMoreText: propTypesExports.string,
-    showMoreIsLoading: propTypesExports.bool,
-    onShowMoreClick: propTypesExports.func,
-    isLoading: propTypesExports.bool,
-    data: propTypesExports.arrayOf(propTypesExports.shape({
-      name: propTypesExports.string,
-      value: propTypesExports.string,
-      checked: propTypesExports.bool,
-      icon: propTypesExports.string
-    }))
-  }),
-  skeleton: propTypesExports.element,
-  onSelect: propTypesExports.func,
-  skeletonCount: propTypesExports.number
-};
-
 function Content(_ref) {
   let {
     data,
@@ -594,7 +581,7 @@ function Content(_ref) {
 Content.defaultProps = {};
 Content.propTypes = {};
 
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .advancedSearch{margin-left:auto;margin-right:0;min-height:3.6rem;min-width:10rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[data-gene-ui-version=\"1.0.0\"] .advancedSearch-left{margin-left:0;margin-right:auto}[data-gene-ui-version=\"1.0.0\"] .advancedSearch__wrapper{color:rgba(var(--background-sc-rgb),.75);left:auto;max-width:var(--advanced-search-width);position:absolute;right:0;top:0;width:100vw}[data-gene-ui-version=\"1.0.0\"] .advancedSearch__wrapper-left{left:0;right:auto}[data-gene-ui-version=\"1.0.0\"] .advancedSearch__popover{min-height:50rem;width:var(--advanced-search-width)}[data-gene-ui-version=\"1.0.0\"] .advancedSearch__content{color:rgba(var(--background-sc-rgb),.75);display:flex;height:52rem;justify-content:space-between;max-height:50rem!important}[data-gene-ui-version=\"1.0.0\"] .advancedSearch__searchResult{flex-grow:3;height:auto;max-height:100%}[data-gene-ui-version=\"1.0.0\"] .advancedSearch__searchResult-border{border-left:none;border-right:1px solid rgba(var(--background-sc-rgb),.3)}[data-gene-ui-version=\"1.0.0\"] [dir=rtl] .advancedSearch__searchResult-border{border-left:1px solid rgba(var(--background-sc-rgb),.3);border-right:none}[data-gene-ui-version=\"1.0.0\"] .advancedSearch__filters{width:27rem}[data-gene-ui-version=\"1.0.0\"] .advancedSearch__divider{border-bottom:1px solid rgba(var(--background-sc-rgb),.3)}[data-gene-ui-version=\"1.0.0\"] .filterList__filter{height:50%;min-height:50%;padding:.8rem 0;padding-inline-end:0;width:100%}[data-gene-ui-version=\"1.0.0\"] .filterList__filterHeader{font-size:1.2rem;padding:.8rem}[data-gene-ui-version=\"1.0.0\"] .filterList__filterList{display:flex;flex-direction:column}[data-gene-ui-version=\"1.0.0\"] .filterList__showMoreLi{margin:.8rem}[data-gene-ui-version=\"1.0.0\"] .filterList__showMoreLink{padding:.4rem .8rem}[data-gene-ui-version=\"1.0.0\"] .listElementWithCheckbox{align-items:center;display:flex;flex-wrap:nowrap;height:4rem;padding:0 1.6rem}[data-gene-ui-version=\"1.0.0\"] .listElementWithCheckbox-hover,[data-gene-ui-version=\"1.0.0\"] .listElementWithCheckbox:hover{background:rgba(var(--background-sc-rgb),.03)}[data-gene-ui-version=\"1.0.0\"] .listElementWithCheckbox__label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none;width:100%}[data-gene-ui-version=\"1.0.0\"] .listElementWithCheckbox__icon,[data-gene-ui-version=\"1.0.0\"] .listElementWithCheckbox__name{margin-inline-start:.8rem}[data-gene-ui-version=\"1.0.0\"] .searchResult{height:100%;padding:.8rem 0;padding-inline-end:0;position:relative}[data-gene-ui-version=\"1.0.0\"] .searchResult__scrollbar{height:100%}[data-gene-ui-version=\"1.0.0\"] .searchResult__scrollbar-loading{visibility:hidden}[data-gene-ui-version=\"1.0.0\"] .searchResult__header{align-items:center;display:flex;justify-content:flex-start;padding:.8rem;width:100%}[data-gene-ui-version=\"1.0.0\"] .searchResult__list{width:100%}[data-gene-ui-version=\"1.0.0\"] .searchResult__text{font-size:1.2rem}[data-gene-ui-version=\"1.0.0\"] .searchResult__badge{margin-inline-start:.8rem}[data-gene-ui-version=\"1.0.0\"] .searchResult__showMoreLi{margin:.8rem;padding:.8rem 0;padding-inline-start:.8rem}[data-gene-ui-version=\"1.0.0\"] .searchResult__showMoreLink{padding:.4rem}[data-gene-ui-version=\"1.0.0\"] .searchResult__empty{height:calc(100% - 5.5rem)}[data-gene-ui-version=\"1.0.0\"] .searchResultRow{align-items:center;display:flex;height:4.5rem;justify-content:space-between;margin:.4rem 0;max-width:100%;padding:.4rem .8rem;width:100%}[data-gene-ui-version=\"1.0.0\"] .searchResultRow-hover,[data-gene-ui-version=\"1.0.0\"] .searchResultRow:hover{background:rgba(var(--background-sc-rgb),.03)}[data-gene-ui-version=\"1.0.0\"] .searchResultRow__icon{padding:0 .8rem}[data-gene-ui-version=\"1.0.0\"] .searchResultRow__info{display:flex;flex-direction:column;flex-grow:2;height:100%;justify-content:space-between;overflow:hidden;padding-inline-start:.8rem;width:100%}[data-gene-ui-version=\"1.0.0\"] .searchResultRow__titleWrapper{align-items:center;display:flex;font-weight:600}[data-gene-ui-version=\"1.0.0\"] .searchResultRow__id{color:rgba(var(--background-sc-rgb),.6);margin-inline-end:.8rem}[data-gene-ui-version=\"1.0.0\"] .searchResultRow__title{color:var(--background-sc-rgb)}[data-gene-ui-version=\"1.0.0\"] .searchResultRow__nameWrapper{align-items:center;color:rgba(var(--background-sc-rgb),.6);display:flex;flex-wrap:nowrap}[data-gene-ui-version=\"1.0.0\"] .searchResultRow__name{font-size:1.2rem;white-space:nowrap}[data-gene-ui-version=\"1.0.0\"] .searchResultRow__dateSeparator{font-size:1.2rem;padding-top:.3rem}[data-gene-ui-version=\"1.0.0\"] .searchResultRow__dateWrapper{align-items:center;display:flex;font-size:1rem;padding-top:.3rem}[data-gene-ui-version=\"1.0.0\"] .searchResultRow__dateText{font-style:italic;margin-inline-end:.4rem}[data-gene-ui-version=\"1.0.0\"] .searchResultRow__actions{display:flex;height:100%}[data-gene-ui-version=\"1.0.0\"] .searchResultRow__action{color:var(--hero);cursor:pointer;margin:0 .4rem}[data-gene-ui-version=\"1.0.0\"] .skeleton{height:100%;left:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"1.0.0\"] .skeleton__filter{align-items:center;display:flex;flex-wrap:nowrap;height:4rem;padding:0 .8rem}[data-gene-ui-version=\"1.0.0\"] .skeleton__searchElement{align-items:center;display:flex;height:44px;margin:1.5rem .8rem;padding-inline-end:.8rem}";
+var css_248z = "[data-gene-ui-version=\"2.12.1\"] .advancedSearch{margin-left:auto;margin-right:0;min-height:3.6rem;min-width:10rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[data-gene-ui-version=\"2.12.1\"] .advancedSearch-left{margin-left:0;margin-right:auto}[data-gene-ui-version=\"2.12.1\"] .advancedSearch__wrapper{color:rgba(var(--background-sc-rgb),.75);left:auto;max-width:var(--advanced-search-width);position:absolute;right:0;top:0;width:100vw}[data-gene-ui-version=\"2.12.1\"] .advancedSearch__wrapper-left{left:0;right:auto}[data-gene-ui-version=\"2.12.1\"] .advancedSearch__popover{min-height:50rem;width:var(--advanced-search-width)}[data-gene-ui-version=\"2.12.1\"] .advancedSearch__content{color:rgba(var(--background-sc-rgb),.75);display:flex;height:52rem;justify-content:space-between;max-height:50rem!important}[data-gene-ui-version=\"2.12.1\"] .advancedSearch__searchResult{flex-grow:3;height:auto;max-height:100%}[data-gene-ui-version=\"2.12.1\"] .advancedSearch__searchResult-border{border-left:none;border-right:1px solid rgba(var(--background-sc-rgb),.3)}[data-gene-ui-version=\"2.12.1\"] [dir=rtl] .advancedSearch__searchResult-border{border-left:1px solid rgba(var(--background-sc-rgb),.3);border-right:none}[data-gene-ui-version=\"2.12.1\"] .advancedSearch__filters{width:27rem}[data-gene-ui-version=\"2.12.1\"] .advancedSearch__divider{border-bottom:1px solid rgba(var(--background-sc-rgb),.3)}[data-gene-ui-version=\"2.12.1\"] .filterList__filter{height:50%;min-height:50%;padding:.8rem 0;padding-inline-end:0;width:100%}[data-gene-ui-version=\"2.12.1\"] .filterList__filterHeader{font-size:1.2rem;padding:.8rem}[data-gene-ui-version=\"2.12.1\"] .filterList__filterList{display:flex;flex-direction:column}[data-gene-ui-version=\"2.12.1\"] .filterList__showMoreLi{margin:.8rem}[data-gene-ui-version=\"2.12.1\"] .filterList__showMoreLink{padding:.4rem .8rem}[data-gene-ui-version=\"2.12.1\"] .listElementWithCheckbox{align-items:center;display:flex;flex-wrap:nowrap;height:4rem;padding:0 1.6rem}[data-gene-ui-version=\"2.12.1\"] .listElementWithCheckbox-hover,[data-gene-ui-version=\"2.12.1\"] .listElementWithCheckbox:hover{background:rgba(var(--background-sc-rgb),.03)}[data-gene-ui-version=\"2.12.1\"] .listElementWithCheckbox__label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none;width:100%}[data-gene-ui-version=\"2.12.1\"] .listElementWithCheckbox__icon,[data-gene-ui-version=\"2.12.1\"] .listElementWithCheckbox__name{margin-inline-start:.8rem}[data-gene-ui-version=\"2.12.1\"] .searchResult{height:100%;padding:.8rem 0;padding-inline-end:0;position:relative}[data-gene-ui-version=\"2.12.1\"] .searchResult__scrollbar{height:100%}[data-gene-ui-version=\"2.12.1\"] .searchResult__scrollbar-loading{visibility:hidden}[data-gene-ui-version=\"2.12.1\"] .searchResult__header{align-items:center;display:flex;justify-content:flex-start;padding:.8rem;width:100%}[data-gene-ui-version=\"2.12.1\"] .searchResult__list{width:100%}[data-gene-ui-version=\"2.12.1\"] .searchResult__text{font-size:1.2rem}[data-gene-ui-version=\"2.12.1\"] .searchResult__badge{margin-inline-start:.8rem}[data-gene-ui-version=\"2.12.1\"] .searchResult__showMoreLi{margin:.8rem;padding:.8rem 0;padding-inline-start:.8rem}[data-gene-ui-version=\"2.12.1\"] .searchResult__showMoreLink{padding:.4rem}[data-gene-ui-version=\"2.12.1\"] .searchResult__empty{height:calc(100% - 5.5rem)}[data-gene-ui-version=\"2.12.1\"] .searchResultRow{align-items:center;display:flex;height:4.5rem;justify-content:space-between;margin:.4rem 0;max-width:100%;padding:.4rem .8rem;width:100%}[data-gene-ui-version=\"2.12.1\"] .searchResultRow-hover,[data-gene-ui-version=\"2.12.1\"] .searchResultRow:hover{background:rgba(var(--background-sc-rgb),.03)}[data-gene-ui-version=\"2.12.1\"] .searchResultRow__icon{padding:0 .8rem}[data-gene-ui-version=\"2.12.1\"] .searchResultRow__info{display:flex;flex-direction:column;flex-grow:2;height:100%;justify-content:space-between;overflow:hidden;padding-inline-start:.8rem;width:100%}[data-gene-ui-version=\"2.12.1\"] .searchResultRow__titleWrapper{align-items:center;display:flex;font-weight:600}[data-gene-ui-version=\"2.12.1\"] .searchResultRow__id{color:rgba(var(--background-sc-rgb),.6);margin-inline-end:.8rem}[data-gene-ui-version=\"2.12.1\"] .searchResultRow__title{color:var(--background-sc-rgb)}[data-gene-ui-version=\"2.12.1\"] .searchResultRow__nameWrapper{align-items:center;color:rgba(var(--background-sc-rgb),.6);display:flex;flex-wrap:nowrap}[data-gene-ui-version=\"2.12.1\"] .searchResultRow__name{font-size:1.2rem;white-space:nowrap}[data-gene-ui-version=\"2.12.1\"] .searchResultRow__dateSeparator{font-size:1.2rem;padding-top:.3rem}[data-gene-ui-version=\"2.12.1\"] .searchResultRow__dateWrapper{align-items:center;display:flex;font-size:1rem;padding-top:.3rem}[data-gene-ui-version=\"2.12.1\"] .searchResultRow__dateText{font-style:italic;margin-inline-end:.4rem}[data-gene-ui-version=\"2.12.1\"] .searchResultRow__actions{display:flex;height:100%}[data-gene-ui-version=\"2.12.1\"] .searchResultRow__action{color:var(--hero);cursor:pointer;margin:0 .4rem}[data-gene-ui-version=\"2.12.1\"] .skeleton{height:100%;left:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.12.1\"] .skeleton__filter{align-items:center;display:flex;flex-wrap:nowrap;height:4rem;padding:0 .8rem}[data-gene-ui-version=\"2.12.1\"] .skeleton__searchElement{align-items:center;display:flex;height:44px;margin:1.5rem .8rem;padding-inline-end:.8rem}";
 styleInject(css_248z);
 
 function AdvancedSearch(_ref) {
@@ -719,142 +706,142 @@ AdvancedSearch.propTypes = {
    * If set to 'right', it will stretch from right to left, and if set to 'left', it will stretch from left to right.
    * By default, the component stretches from right to left.
    */
-  position: propTypesExports.oneOf(Object.values(advancedSearchConfig.positions)),
+  position: PropTypes.oneOf(Object.values(advancedSearchConfig.positions)),
   /**
    * Width of closed AdvancedSearch input.
    * if you set number it will be px, or you can set string for Example 20vw
    */
-  closedInputWidth: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  closedInputWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Width of opened AdvancedSearch input.
    * It can be only with a number and it will be converted to vw(viewport's width), which is equal to viewport %
    */
-  openedInputWidth: propTypesExports.number,
+  openedInputWidth: PropTypes.number,
   /**
    * See ExtendedInput components docs
    */
-  extendedInputConfigs: propTypesExports.shape({
+  extendedInputConfigs: PropTypes.shape({
     ...ExtendedInput.propTypes
   }),
   /**
    * data structure for primary filter
    */
-  primaryFilterData: propTypesExports.shape({
-    sectionNameText: propTypesExports.string,
-    onChange: propTypesExports.func,
-    hasActiveShowMore: propTypesExports.bool,
-    showMoreText: propTypesExports.string,
-    showMoreIsLoading: propTypesExports.bool,
-    onShowMoreClick: propTypesExports.func,
-    isLoading: propTypesExports.bool,
-    data: propTypesExports.arrayOf(propTypesExports.shape({
-      name: propTypesExports.string,
-      value: propTypesExports.string,
-      checked: propTypesExports.bool,
-      icon: propTypesExports.string
+  primaryFilterData: PropTypes.shape({
+    sectionNameText: PropTypes.string,
+    onChange: PropTypes.func,
+    hasActiveShowMore: PropTypes.bool,
+    showMoreText: PropTypes.string,
+    showMoreIsLoading: PropTypes.bool,
+    onShowMoreClick: PropTypes.func,
+    isLoading: PropTypes.bool,
+    data: PropTypes.arrayOf(PropTypes.shape({
+      name: PropTypes.string,
+      value: PropTypes.string,
+      checked: PropTypes.bool,
+      icon: PropTypes.string
     }))
   }),
   /**
    * data structure for secondary filter
    */
-  secondaryFilterData: propTypesExports.shape({
-    sectionNameText: propTypesExports.string,
-    onChange: propTypesExports.func,
-    hasActiveShowMore: propTypesExports.bool,
-    showMoreText: propTypesExports.string,
-    showMoreIsLoading: propTypesExports.bool,
-    onShowMoreClick: propTypesExports.func,
-    isLoading: propTypesExports.bool,
-    data: propTypesExports.arrayOf(propTypesExports.shape({
-      name: propTypesExports.string,
-      value: propTypesExports.string,
-      checked: propTypesExports.bool,
-      icon: propTypesExports.string
+  secondaryFilterData: PropTypes.shape({
+    sectionNameText: PropTypes.string,
+    onChange: PropTypes.func,
+    hasActiveShowMore: PropTypes.bool,
+    showMoreText: PropTypes.string,
+    showMoreIsLoading: PropTypes.bool,
+    onShowMoreClick: PropTypes.func,
+    isLoading: PropTypes.bool,
+    data: PropTypes.arrayOf(PropTypes.shape({
+      name: PropTypes.string,
+      value: PropTypes.string,
+      checked: PropTypes.bool,
+      icon: PropTypes.string
     }))
   }),
   /**
    * Fires an event when input changes and returns value of input (used 300ms debounce)
    */
-  onSearch: propTypesExports.func,
+  onSearch: PropTypes.func,
   // Pass typed value using some debounce
   /**
    * If search field is empty, initialDataDescription is describing witch data is showing by default for example (Recently modified data).
    */
-  initialDataDescription: propTypesExports.string,
+  initialDataDescription: PropTypes.string,
   /**
    * If search field is empty, will show initialData for example (Recently modified data).
    */
-  initialData: propTypesExports.arrayOf(propTypesExports.shape({
-    icon: propTypesExports.string,
-    id: propTypesExports.string,
-    title: propTypesExports.string,
-    type: propTypesExports.string,
-    name: propTypesExports.string,
-    date: propTypesExports.shape({
-      labelText: propTypesExports.string,
-      date: propTypesExports.oneOfType([propTypesExports.instanceOf(dayjs), propTypesExports.instanceOf(Date), propTypesExports.string, propTypesExports.number])
+  initialData: PropTypes.arrayOf(PropTypes.shape({
+    icon: PropTypes.string,
+    id: PropTypes.string,
+    title: PropTypes.string,
+    type: PropTypes.string,
+    name: PropTypes.string,
+    date: PropTypes.shape({
+      labelText: PropTypes.string,
+      date: PropTypes.oneOfType([PropTypes.instanceOf(dayjs), PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number])
     }),
-    actions: propTypesExports.arrayOf(propTypesExports.shape({
-      name: propTypesExports.string,
-      icon: propTypesExports.string,
-      onClick: propTypesExports.func
+    actions: PropTypes.arrayOf(PropTypes.shape({
+      name: PropTypes.string,
+      icon: PropTypes.string,
+      onClick: PropTypes.func
     }))
   })),
   /**
    * if hasActive hasActiveShowMore is true you will see show more link under search result
    */
-  hasActiveShowMore: propTypesExports.bool,
+  hasActiveShowMore: PropTypes.bool,
   /**
    * text for link under search result
    */
-  showMoreText: propTypesExports.string,
+  showMoreText: PropTypes.string,
   /**
    * To control showMore loading state
    */
-  showMoreIsLoading: propTypesExports.bool,
+  showMoreIsLoading: PropTypes.bool,
   /**
    * Fires an event when clicked on link under search result
    */
-  onShowMoreClick: propTypesExports.func,
+  onShowMoreClick: PropTypes.func,
   /**
    * search loading state
    */
-  isSearchLoading: propTypesExports.bool,
+  isSearchLoading: PropTypes.bool,
   /**
    * total count of data to show in badge
    */
-  totalCount: propTypesExports.number,
+  totalCount: PropTypes.number,
   /**
    * total max count of data to show totalCountMax+ in badge
    */
-  totalCountMax: propTypesExports.number,
+  totalCountMax: PropTypes.number,
   /**
    * label text for badge component
    */
-  totalCountText: propTypesExports.string,
+  totalCountText: PropTypes.string,
   /**
    * data structure
    * */
-  data: propTypesExports.arrayOf(propTypesExports.shape({
-    icon: propTypesExports.string,
-    id: propTypesExports.string,
-    title: propTypesExports.string,
-    type: propTypesExports.string,
-    name: propTypesExports.string,
-    date: propTypesExports.shape({
-      labelText: propTypesExports.string,
-      date: propTypesExports.oneOfType([propTypesExports.instanceOf(dayjs), propTypesExports.instanceOf(Date), propTypesExports.string, propTypesExports.number])
+  data: PropTypes.arrayOf(PropTypes.shape({
+    icon: PropTypes.string,
+    id: PropTypes.string,
+    title: PropTypes.string,
+    type: PropTypes.string,
+    name: PropTypes.string,
+    date: PropTypes.shape({
+      labelText: PropTypes.string,
+      date: PropTypes.oneOfType([PropTypes.instanceOf(dayjs), PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number])
     }),
-    actions: propTypesExports.arrayOf(propTypesExports.shape({
-      name: propTypesExports.string,
-      icon: propTypesExports.string,
-      onClick: propTypesExports.func
+    actions: PropTypes.arrayOf(PropTypes.shape({
+      name: PropTypes.string,
+      icon: PropTypes.string,
+      onClick: PropTypes.func
     }))
   })),
   /**
    * text for no data to display
    */
-  noDataText: propTypesExports.string
+  noDataText: PropTypes.string
 };
 AdvancedSearch.defaultProps = {
   onSearch: noop,