@geneui/components 2.11.1 → 2.12.1

package/{index-67f4d4d1.js → index-78d2ea5b.js}

@@ -1,82 +1,32 @@
 import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
-import React__default, { useRef, useEffect, useCallback, createContext, memo, useLayoutEffect, useState, useMemo, isValidElement, cloneElement, useContext, forwardRef } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { m as Dropdown, o as InfiniteLoader, p as WindowScroller, q as AutoSizer, r as List, s as CellMeasurer } from './index-0cf65939.js';
-import { C as CellMeasurerCache } from './CellMeasurerCache-c11cec83.js';
+import React__default, { createContext, memo, useEffect, useLayoutEffect, useState, useCallback, useMemo, isValidElement, cloneElement, useContext, useRef, forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, A as AutoSizer, L as List, C as CellMeasurer } from './index-bd525a3a.js';
+import { C as CellMeasurerCache } from './CellMeasurerCache-bc2163c1.js';
 import { c as classnames } from './index-6ff23041.js';
-import { s as stopEvent, p as oneIsRequired, n as noop } from './index-ac59cb10.js';
-import { u as useMount } from './useMount-6fef51a5.js';
-import './configs-91c86664.js';
-import Empty from './Empty.js';
-import CustomScrollbar from './Scrollbar.js';
-import BusyLoader from './BusyLoader.js';
-import { a as createStore, r as reactIsExports } from './index-e8776f3d.js';
-import Button from './Button.js';
+import { s as stopEvent, o as oneIsRequired, n as noop } from './index-a0e4e333.js';
+import useMount from './hooks/useMount.js';
+import useUpdate from './hooks/useUpdate.js';
+import './configs-fed6ac34.js';
+import useThrottle from './hooks/useThrottle.js';
+import Empty from './Empty/index.js';
+import CustomScrollbar from './Scrollbar/index.js';
+import BusyLoader from './BusyLoader/index.js';
+import useMutationObserver from './hooks/useMutationObserver.js';
+import Icon from './Icon/index.js';
+import { a as createStore, r as reactIsExports } from './index-b1e429a7.js';
+import Button from './Button/index.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import Icon from './Icon.js';
-import SkeletonLoader from './SkeletonLoader.js';
-import Tooltip from './Tooltip.js';
+import SkeletonLoader from './SkeletonLoader/index.js';
+import Tooltip from './Tooltip/index.js';
 import { g as guid } from './guid-8ddf77b3.js';
-import './Grid.js';
-import './Tabs.js';
-import './Steps.js';
-import './Timeline.js';
-import './RadioGroup.js';
-import './Checkbox.js';
-import './Card.js';
-import './Tag.js';
-import './Alert.js';
-import './index-00fe8887.js';
-import './Slider.js';
-import './Pagination.js';
-import ExtendedInput from './ExtendedInput.js';
-import './Editor.js';
-import './ValidatableUploader.js';
-import './ValidatableRadio.js';
-import './ValidatableCheckbox.js';
-import './ValidatableSwitcher.js';
-import './ValidatableNumberInput.js';
-import './ValidatableTextInput.js';
-import './ValidatableDatePicker.js';
-import './Notification.js';
-import './Modal.js';
-import './globalStyling-9c60a159.js';
-import './Collapse.js';
-import './Status.js';
-import Menu from './Menu.js';
-import './Progress.js';
-import './MobileNavigation.js';
-import './MobilePopup.js';
-import './index-d9e8a888.js';
-import './Products.js';
-import './Search.js';
-import './index-5e722d91.js';
-import './Breadcrumb.js';
-import './Section.js';
-import './ColorPicker.js';
-import './NavigationMenu.js';
-import './Textarea.js';
-import './AdvancedSearch.js';
-import './TextLink.js';
-import './Label.js';
-import './Switcher.js';
-import './Divider.js';
-import './Radio.js';
-import './Paper.js';
-import './Portal.js';
-import './Avatar.js';
-import './Badge.js';
-import './Time.js';
-import { P as Popover } from './index-a4635754.js';
-import { j as jsxRuntimeExports } from './index-702bf24a.js';
-import './Title.js';
-import './Image.js';
-import './KeyValue.js';
-import './Option.js';
-import './QRCode.js';
+import { c as callAfterDelay } from './config-0ca92874.js';
 import ReactDOM__default from 'react-dom';
-import { c as callAfterDelay } from './index-5cea9a7d.js';
+import Popover from './Popover/index.js';
+import ExtendedInput from './ExtendedInput/index.js';
+import Menu from './Menu/index.js';
 import { d as debounce } from './debounce-4419bc2f.js';
+import { j as jsxRuntimeExports } from './jsx-runtime-57b40d9e.js';
 
 const copyToClipboard = str => {
   const el = document.createElement('textarea');
@@ -87,44 +37,6 @@ const copyToClipboard = str => {
   document.body.removeChild(el);
 };
 
-function useUpdate(callback, dependencies) {
-  const initial = useRef(true);
-  useEffect(initial.current ? () => {
-    initial.current = false;
-  } : callback, dependencies);
-}
-
-const useThrottle = (callback, delay) => {
-  const ref = useRef(null);
-  return useCallback(function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    clearTimeout(ref.current);
-    ref.current = setTimeout(() => {
-      callback(...args);
-    }, delay);
-  }, [callback, delay]);
-};
-
-const defaultOptions = {
-  attributes: true,
-  childList: true,
-  subtree: true
-};
-const useMutationObserver = function (ref, callback) {
-  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultOptions;
-  useEffect(() => {
-    if (ref.current) {
-      const observer = new MutationObserver(callback);
-      observer.observe(ref.current, options);
-      return () => {
-        observer.disconnect();
-      };
-    }
-  }, [callback, options]);
-};
-
 /**
  * Create the React Context
  */ const DndContext = createContext({
@@ -3497,477 +3409,132 @@ const resizeConfigs = {
   }
 };
 
-/* global Map:readonly, Set:readonly, ArrayBuffer:readonly */
-
-var hasElementType = typeof Element !== 'undefined';
-var hasMap = typeof Map === 'function';
-var hasSet = typeof Set === 'function';
-var hasArrayBuffer = typeof ArrayBuffer === 'function' && !!ArrayBuffer.isView;
-
-// Note: We **don't** need `envHasBigInt64Array` in fde es6/index.js
-
-function equal(a, b) {
-  // START: fast-deep-equal es6/index.js 3.1.3
-  if (a === b) return true;
-
-  if (a && b && typeof a == 'object' && typeof b == 'object') {
-    if (a.constructor !== b.constructor) return false;
-
-    var length, i, keys;
-    if (Array.isArray(a)) {
-      length = a.length;
-      if (length != b.length) return false;
-      for (i = length; i-- !== 0;)
-        if (!equal(a[i], b[i])) return false;
-      return true;
-    }
-
-    // START: Modifications:
-    // 1. Extra `has<Type> &&` helpers in initial condition allow es6 code
-    //    to co-exist with es5.
-    // 2. Replace `for of` with es5 compliant iteration using `for`.
-    //    Basically, take:
-    //
-    //    ```js
-    //    for (i of a.entries())
-    //      if (!b.has(i[0])) return false;
-    //    ```
-    //
-    //    ... and convert to:
-    //
-    //    ```js
-    //    it = a.entries();
-    //    while (!(i = it.next()).done)
-    //      if (!b.has(i.value[0])) return false;
-    //    ```
-    //
-    //    **Note**: `i` access switches to `i.value`.
-    var it;
-    if (hasMap && (a instanceof Map) && (b instanceof Map)) {
-      if (a.size !== b.size) return false;
-      it = a.entries();
-      while (!(i = it.next()).done)
-        if (!b.has(i.value[0])) return false;
-      it = a.entries();
-      while (!(i = it.next()).done)
-        if (!equal(i.value[1], b.get(i.value[0]))) return false;
-      return true;
-    }
-
-    if (hasSet && (a instanceof Set) && (b instanceof Set)) {
-      if (a.size !== b.size) return false;
-      it = a.entries();
-      while (!(i = it.next()).done)
-        if (!b.has(i.value[0])) return false;
-      return true;
-    }
-    // END: Modifications
-
-    if (hasArrayBuffer && ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) {
-      length = a.length;
-      if (length != b.length) return false;
-      for (i = length; i-- !== 0;)
-        if (a[i] !== b[i]) return false;
-      return true;
+const isStickyActive = (targetInfo, rootBoundsInfo, position) => position === 'left' ? Math.floor(targetInfo.right) <= rootBoundsInfo.left : position === 'right' ? Math.ceil(targetInfo.left) >= rootBoundsInfo.right : position === 'top' ? targetInfo.bottom >= rootBoundsInfo.top : position === 'bottom' ? targetInfo.bottom <= rootBoundsInfo.bottom : null;
+const createStickyObserver = (container, stickyTarget, eventName, position, additionalInfo) => {
+  const {
+    offset
+  } = additionalInfo;
+  const observer = new IntersectionObserver(records => {
+    for (const record of records) {
+      const targetInfo = record.boundingClientRect;
+      const rootBoundsInfo = record.rootBounds;
+      const isSticky = isStickyActive(targetInfo, rootBoundsInfo, position);
+      fireEvent(eventName, {
+        isSticky,
+        position,
+        additionalInfo
+      });
     }
+  }, {
+    threshold: 1,
+    root: container,
+    rootMargin: "0px -".concat(offset.right, "px 0px -").concat(offset.left, "px")
+  });
+  observer.observe(stickyTarget);
+  return () => observer.unobserve(stickyTarget);
+};
+const fireEvent = (eventName, detail) => document.dispatchEvent(new CustomEvent(eventName, {
+  detail
+}));
+const observeStickyInfo = (container, targets, eventName, additionalInfo) => Object.keys(targets).map(key => createStickyObserver(container, targets[key], eventName, key, additionalInfo));
 
-    if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
-    // START: Modifications:
-    // Apply guards for `Object.create(null)` handling. See:
-    // - https://github.com/FormidableLabs/react-fast-compare/issues/64
-    // - https://github.com/epoberezkin/fast-deep-equal/issues/49
-    if (a.valueOf !== Object.prototype.valueOf && typeof a.valueOf === 'function' && typeof b.valueOf === 'function') return a.valueOf() === b.valueOf();
-    if (a.toString !== Object.prototype.toString && typeof a.toString === 'function' && typeof b.toString === 'function') return a.toString() === b.toString();
-    // END: Modifications
-
-    keys = Object.keys(a);
-    length = keys.length;
-    if (length !== Object.keys(b).length) return false;
-
-    for (i = length; i-- !== 0;)
-      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
-    // END: fast-deep-equal
-
-    // START: react-fast-compare
-    // custom handling for DOM elements
-    if (hasElementType && a instanceof Element) return false;
-
-    // custom handling for React/Preact
-    for (i = length; i-- !== 0;) {
-      if ((keys[i] === '_owner' || keys[i] === '__v' || keys[i] === '__o') && a.$$typeof) {
-        // React-specific: avoid traversing React elements' _owner
-        // Preact-specific: avoid traversing Preact elements' __v and __o
-        //    __v = $_original / $_vnode
-        //    __o = $_owner
-        // These properties contain circular references and are not needed when
-        // comparing the actual elements (and not their owners)
-        // .$$typeof and ._store on just reasonable markers of elements
-
-        continue;
+function useGetColsInfo(initialValue, prefix) {
+  const [colsInfo, setColsInfo] = useState(initialValue);
+  const updateColsInfo = async (id, autoSizeOn, customWidth) => {
+    /* TODO:
+     * This is a temporary solution until we come up with something better
+     * here we have a problem with rendering and using useEffect hook when we use
+     * document.querySelectorAll elements are not generated and therefore we cannot
+     * check their width
+     */
+    const autoSizeWidth = await Promise.resolve().then(() => {
+      let width = 0;
+      if (autoSizeOn) {
+        const prevWidth = colsInfo[id].autoSizeWidth;
+        const ArrayOfEls = Array.from(document.querySelectorAll("div[data-id=\"".concat(prefix, "-").concat(id, "\"]")));
+        if (ArrayOfEls.length > 1) {
+          width = Math.max(...ArrayOfEls.map(element => {
+            element.style.width = 'fit-content';
+            return element.clientWidth + 2;
+          }));
+          ArrayOfEls.forEach(element => {
+            element.style.width = "".concat(width, "px");
+          });
+        } else if (prevWidth) {
+          width = prevWidth;
+        }
       }
-
-      // all other properties should be traversed as usual
-      if (!equal(a[keys[i]], b[keys[i]])) return false;
-    }
-    // END: react-fast-compare
-
-    // START: fast-deep-equal
-    return true;
-  }
-
-  return a !== a && b !== b;
+      return width;
+    });
+    setColsInfo(prev => ({
+      ...prev,
+      [id]: {
+        ...colsInfo[id],
+        autoSizeWidth,
+        customWidth,
+        autoSizeOn
+      }
+    }));
+  };
+  const reInit = columns => {
+    const newColumns = columns.reduce((acc, column) => {
+      acc[column.id] = colsInfo[column.id] || {
+        autoSizeOn: null,
+        customWidth: null,
+        autoSizeWidth: null,
+        defaultCustomWidth: null
+      };
+      return acc;
+    }, {});
+    setColsInfo(newColumns);
+  };
+  return [colsInfo, updateColsInfo, reInit];
 }
-// end fast-deep-equal
 
-var reactFastCompare = function isEqual(a, b) {
-  try {
-    return equal(a, b);
-  } catch (error) {
-    if (((error.message || '').match(/stack|recursion/i))) {
-      // warn on circular references, don't crash
-      // browsers give this different errors name and messages:
-      // chrome/safari: "RangeError", "Maximum call stack size exceeded"
-      // firefox: "InternalError", too much recursion"
-      // edge: "Error", "Out of stack space"
-      console.warn('react-fast-compare cannot handle circular refs');
-      return false;
-    }
-    // some other error. we should definitely know about these
-    throw error;
-  }
+const arrayReorder = (array, from, to) => {
+  const arrayCopy = [...array];
+  const [removed] = arrayCopy.splice(from, 1);
+  arrayCopy.splice(to, 0, removed);
+  return arrayCopy;
 };
 
-function ActionsWrapper(_ref) {
-  let {
-    children
-  } = _ref;
-  return reactIsExports.isFragment(children) || Array.isArray(children) ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "ta-action ta-a-1"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "ta-item"
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    icon: "bc-icon-more-horizontal",
-    size: "big",
-    appearance: "minimal"
-  }))), /*#__PURE__*/React__default.createElement("div", {
-    className: "ta-action ta-a-2"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "ta-item"
-  }, children))) : /*#__PURE__*/React__default.createElement("div", {
-    className: "ta-action ta-a-1"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "ta-item"
-  }, children));
-}
+const itemTypes = {
+  th: 'TH',
+  tr: 'TR'
+};
 
-function ActionBar(_ref) {
-  let {
-    children,
-    lastColRef,
-    stickyRightExist
-  } = _ref;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames('ta-cell', 'right-actions-holder', 'a-square', {
-      'sticky sticky-right now-sticky': stickyRightExist
-    }),
-    ref: lastColRef
-  }, children && /*#__PURE__*/React__default.createElement(ActionsWrapper, null, children));
-}
-var ActionBar$1 = /*#__PURE__*/memo(ActionBar, reactFastCompare);
-
-function Header$2(_ref) {
-  let {
-    columns
-  } = _ref;
-  return /*#__PURE__*/React__default.createElement("ul", {
-    className: "nt-row nt-head"
-  }, columns.map((column, index) => {
-    const {
-      render,
-      text
-    } = column;
-    const children = render ? render(column, index) : text;
-    return /*#__PURE__*/React__default.createElement("div", {
-      key: index,
-      title: children,
-      className: "nt-cell"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "ellipsis-text"
-    }, children));
-  }));
-}
-
-const Body = _ref => {
-  let {
-    rows,
-    columns,
-    isEditActive
-  } = _ref;
-  return rows.length && rows.map((row, index) => row.render ? row.render(row, index, columns.dataKey) : /*#__PURE__*/React__default.createElement("div", {
-    className: "nt-row",
-    key: index
-  }, columns.map((column, index) => /*#__PURE__*/React__default.createElement("div", {
-    key: index,
-    className: "nt-cell"
-  }, typeof row.data[column.dataKey] === 'function' ? row.data[column.dataKey](isEditActive, index, column.dataKey) : row.data[column.dataKey]))));
-};
-var Body$1 = /*#__PURE__*/memo(Body, reactFastCompare);
-
-var css_248z$3 = "[data-gene-ui-version=\"2.11.0\"] .nested-table{border:1px solid rgba(var(--background-sc-rgb),.1);border-radius:.4rem;display:flex;flex-direction:column;font:600 1.4rem/2rem var(--font-family);overflow:hidden;width:100%}[data-gene-ui-version=\"2.11.0\"] .nt-row{display:flex;width:100%}[data-gene-ui-version=\"2.11.0\"] .nt-row~.nt-row{border-top:1px solid rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.11.0\"] .nt-head{background:rgba(var(--background-sc-rgb),.04);font-weight:700}[data-gene-ui-version=\"2.11.0\"] .nt-cell{display:flex;overflow:hidden;padding:1.1rem 2rem;position:relative;width:100%;word-break:break-word}[data-gene-ui-version=\"2.11.0\"] .nt-cell~.nt-cell:before{background:var(--background);border-right:1px solid rgba(var(--background-sc-rgb),.15);bottom:1rem;content:\"\";display:block;position:absolute;top:1rem}html:not([dir=rtl]) .nt-cell~.nt-cell:before{left:0}html[dir=rtl] .nt-cell~.nt-cell:before{right:0}";
-styleInject(css_248z$3);
-
-function Nested(_ref) {
-  let {
-    rows,
-    columns,
-    isEditActive,
-    ...restProps
-  } = _ref;
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: "nested-table"
-  }, restProps), /*#__PURE__*/React__default.createElement(Header$2, {
-    columns: columns
-  }), /*#__PURE__*/React__default.createElement(Body$1, {
-    rows: rows,
-    columns: columns,
-    isEditActive: isEditActive
-  }));
-}
-Nested.defaultProps = {
-  columns: [],
-  rows: []
-};
-
-function Col(_ref) {
-  let {
-    id,
-    row,
-    text,
-    index,
-    getter,
-    prefix,
-    colIndex,
-    copyable,
-    formatter,
-    autoSizeOn,
-    colRenderer,
-    isEditActive,
-    customWidth,
-    autoSizeWidth,
-    copyableValue,
-    stickyColumns,
-    copyTooltipText,
-    initialColWidth,
-    disabledColumnPin,
-    defaultCustomWidth,
-    ...restProps
-  } = _ref;
-  const mainRef = useRef(null);
-  const guidRef = useRef(null);
-  const mounted = useRef(null);
-  const {
-    [colIndex]: colStickyInfo = {}
-  } = stickyColumns;
-  const {
-    offset = {},
-    isStickyLeft,
-    isStickyRight
-  } = colStickyInfo;
-  const stickyStatus = (String(colIndex) in stickyColumns);
-  const {
-    left = 0,
-    right = 0
-  } = offset;
-  const style = {
-    left,
-    right
-  };
-  const getterValue = getter ? getter(row, index, isEditActive) : text;
-  const formattedValue = formatter ? formatter(getterValue, row, index, isEditActive) : getterValue;
-  const inlineStyle = {
-    width: autoSizeOn ? autoSizeWidth : customWidth || defaultCustomWidth || initialColWidth
-  };
-  const isValuePromise = formattedValue instanceof Promise;
-  const [promiseValue, setPromiseValue] = useState(() => {
-    if (isValuePromise) {
-      guidRef.current = guid();
-      return guidRef.current;
+const getOffsetValuesAndSubscriptions = function (state, index, updatedState) {
+  let offsetLeft = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  let offSetRight = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  let subscribe = arguments.length > 5 ? arguments[5] : undefined;
+  let container = arguments.length > 6 ? arguments[6] : undefined;
+  let eventName = arguments.length > 7 ? arguments[7] : undefined;
+  const offset = Object.keys(updatedState).map(Number).reduce((offsetCalc, item) => {
+    if (index > item) {
+      offsetCalc.left += updatedState[item].target.clientWidth;
+    } else if (index < item) {
+      offsetCalc.right += updatedState[item].target.clientWidth;
     }
+    return offsetCalc;
+  }, {
+    left: offsetLeft,
+    right: offSetRight
   });
-  useEffect(() => {
-    mounted.current = true;
-    isValuePromise && formattedValue.then(result => mounted.current && setPromiseValue(result));
-    return () => {
-      mounted.current = false;
-    };
-  }, [formattedValue, isValuePromise, mounted.current]);
-  const value = isValuePromise ? promiseValue : formattedValue;
-  const handleCopy = useCallback(event => {
-    stopEvent(event);
-    copyToClipboard(copyableValue || value);
-  }, [copyableValue, value]);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stickyStatus && isStickyLeft && /*#__PURE__*/React__default.createElement("sub", null), stickyStatus && isStickyRight && /*#__PURE__*/React__default.createElement("sup", null), /*#__PURE__*/React__default.createElement("div", _extends({
-    className: classnames('ta-cell', {
-      ...(!disabledColumnPin ? {
-        sticky: stickyStatus,
-        'sticky-left': isStickyLeft,
-        'sticky-right': isStickyRight
-      } : {}),
-      'now-sticky': isStickyRight || isStickyLeft
-    }),
-    "data-id": "".concat(prefix, "-").concat(id)
-  }, restProps, {
-    style: {
-      ...style,
-      ...inlineStyle
-    },
-    title: colRenderer ? '' : value,
-    ref: mainRef
-  }), /*#__PURE__*/React__default.createElement(SkeletonLoader, {
-    height: 20,
-    isBusy: guidRef.current && promiseValue === guidRef.current
-  }, copyable && value && /*#__PURE__*/React__default.createElement(Tooltip, {
-    title: copyTooltipText
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    tabIndex: "1",
-    className: "cursor-pointer copy-icon",
-    type: "bc-icon-copy-mirror",
-    onClick: handleCopy
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "ellipsis-text"
-  }, colRenderer ? colRenderer(value, index, row, isEditActive, formatter) : value))));
-}
-Col.defaultProps = {
-  copyTooltipText: 'Copy'
-};
-var Col$1 = /*#__PURE__*/React__default.memo(Col, reactFastCompare);
-
-const isStickyActive = (targetInfo, rootBoundsInfo, position) => position === 'left' ? Math.floor(targetInfo.right) <= rootBoundsInfo.left : position === 'right' ? Math.ceil(targetInfo.left) >= rootBoundsInfo.right : position === 'top' ? targetInfo.bottom >= rootBoundsInfo.top : position === 'bottom' ? targetInfo.bottom <= rootBoundsInfo.bottom : null;
-const createStickyObserver = (container, stickyTarget, eventName, position, additionalInfo) => {
-  const {
+  const subscriptions = subscribe(container, {
+    left: updatedState[index].left,
+    right: updatedState[index].right
+  }, eventName, {
+    index,
     offset
-  } = additionalInfo;
-  const observer = new IntersectionObserver(records => {
-    for (const record of records) {
-      const targetInfo = record.boundingClientRect;
-      const rootBoundsInfo = record.rootBounds;
-      const isSticky = isStickyActive(targetInfo, rootBoundsInfo, position);
-      fireEvent(eventName, {
-        isSticky,
-        position,
-        additionalInfo
-      });
-    }
-  }, {
-    threshold: 1,
-    root: container,
-    rootMargin: "0px -".concat(offset.right, "px 0px -").concat(offset.left, "px")
   });
-  observer.observe(stickyTarget);
-  return () => observer.unobserve(stickyTarget);
-};
-const fireEvent = (eventName, detail) => document.dispatchEvent(new CustomEvent(eventName, {
-  detail
-}));
-const observeStickyInfo = (container, targets, eventName, additionalInfo) => Object.keys(targets).map(key => createStickyObserver(container, targets[key], eventName, key, additionalInfo));
-
-function useGetColsInfo(initialValue, prefix) {
-  const [colsInfo, setColsInfo] = useState(initialValue);
-  const updateColsInfo = async (id, autoSizeOn, customWidth) => {
-    /* TODO:
-     * This is a temporary solution until we come up with something better
-     * here we have a problem with rendering and using useEffect hook when we use
-     * document.querySelectorAll elements are not generated and therefore we cannot
-     * check their width
-     */
-    const autoSizeWidth = await Promise.resolve().then(() => {
-      let width = 0;
-      if (autoSizeOn) {
-        const prevWidth = colsInfo[id].autoSizeWidth;
-        const ArrayOfEls = Array.from(document.querySelectorAll("div[data-id=\"".concat(prefix, "-").concat(id, "\"]")));
-        if (ArrayOfEls.length > 1) {
-          width = Math.max(...ArrayOfEls.map(element => {
-            element.style.width = 'fit-content';
-            return element.clientWidth + 2;
-          }));
-          ArrayOfEls.forEach(element => {
-            element.style.width = "".concat(width, "px");
-          });
-        } else if (prevWidth) {
-          width = prevWidth;
-        }
-      }
-      return width;
-    });
-    setColsInfo(prev => ({
-      ...prev,
-      [id]: {
-        ...colsInfo[id],
-        autoSizeWidth,
-        customWidth,
-        autoSizeOn
-      }
-    }));
-  };
-  const reInit = columns => {
-    const newColumns = columns.reduce((acc, column) => {
-      acc[column.id] = colsInfo[column.id] || {
-        autoSizeOn: null,
-        customWidth: null,
-        autoSizeWidth: null,
-        defaultCustomWidth: null
-      };
-      return acc;
-    }, {});
-    setColsInfo(newColumns);
-  };
-  return [colsInfo, updateColsInfo, reInit];
-}
-
-const arrayReorder = (array, from, to) => {
-  const arrayCopy = [...array];
-  const [removed] = arrayCopy.splice(from, 1);
-  arrayCopy.splice(to, 0, removed);
-  return arrayCopy;
-};
-
-const itemTypes = {
-  th: 'TH',
-  tr: 'TR'
-};
-
-const getOffsetValuesAndSubscriptions = function (state, index, updatedState) {
-  let offsetLeft = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-  let offSetRight = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-  let subscribe = arguments.length > 5 ? arguments[5] : undefined;
-  let container = arguments.length > 6 ? arguments[6] : undefined;
-  let eventName = arguments.length > 7 ? arguments[7] : undefined;
-  const offset = Object.keys(updatedState).map(Number).reduce((offsetCalc, item) => {
-    if (index > item) {
-      offsetCalc.left += updatedState[item].target.clientWidth;
-    } else if (index < item) {
-      offsetCalc.right += updatedState[item].target.clientWidth;
-    }
-    return offsetCalc;
-  }, {
-    left: offsetLeft,
-    right: offSetRight
-  });
-  const subscriptions = subscribe(container, {
-    left: updatedState[index].left,
-    right: updatedState[index].right
-  }, eventName, {
-    index,
-    offset
-  });
-  return {
-    ...state,
-    [index]: {
-      ...updatedState[index],
-      offset,
-      subscriptions
-    }
-  };
+  return {
+    ...state,
+    [index]: {
+      ...updatedState[index],
+      offset,
+      subscriptions
+    }
+  };
 };
 
 const hasStickyElements = columnsObject => {
@@ -4859,124 +4426,476 @@ var ResizeObserverSPI = /** @class */ (function () {
     return ResizeObserverSPI;
 }());
 
-// Registry of internal observers. If WeakMap is not available use current shim
-// for the Map collection as it has all required methods and because WeakMap
-// can't be fully polyfilled anyway.
-var observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();
-/**
- * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation
- * exposing only those methods and properties that are defined in the spec.
- */
-var ResizeObserver = /** @class */ (function () {
-    /**
-     * Creates a new instance of ResizeObserver.
-     *
-     * @param {ResizeObserverCallback} callback - Callback that is invoked when
-     *      dimensions of the observed elements change.
-     */
-    function ResizeObserver(callback) {
-        if (!(this instanceof ResizeObserver)) {
-            throw new TypeError('Cannot call a class as a function.');
-        }
-        if (!arguments.length) {
-            throw new TypeError('1 argument required, but only 0 present.');
-        }
-        var controller = ResizeObserverController.getInstance();
-        var observer = new ResizeObserverSPI(callback, controller, this);
-        observers.set(this, observer);
-    }
-    return ResizeObserver;
-}());
-// Expose public methods of ResizeObserver.
-[
-    'observe',
-    'unobserve',
-    'disconnect'
-].forEach(function (method) {
-    ResizeObserver.prototype[method] = function () {
-        var _a;
-        return (_a = observers.get(this))[method].apply(_a, arguments);
-    };
-});
+// Registry of internal observers. If WeakMap is not available use current shim
+// for the Map collection as it has all required methods and because WeakMap
+// can't be fully polyfilled anyway.
+var observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();
+/**
+ * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation
+ * exposing only those methods and properties that are defined in the spec.
+ */
+var ResizeObserver = /** @class */ (function () {
+    /**
+     * Creates a new instance of ResizeObserver.
+     *
+     * @param {ResizeObserverCallback} callback - Callback that is invoked when
+     *      dimensions of the observed elements change.
+     */
+    function ResizeObserver(callback) {
+        if (!(this instanceof ResizeObserver)) {
+            throw new TypeError('Cannot call a class as a function.');
+        }
+        if (!arguments.length) {
+            throw new TypeError('1 argument required, but only 0 present.');
+        }
+        var controller = ResizeObserverController.getInstance();
+        var observer = new ResizeObserverSPI(callback, controller, this);
+        observers.set(this, observer);
+    }
+    return ResizeObserver;
+}());
+// Expose public methods of ResizeObserver.
+[
+    'observe',
+    'unobserve',
+    'disconnect'
+].forEach(function (method) {
+    ResizeObserver.prototype[method] = function () {
+        var _a;
+        return (_a = observers.get(this))[method].apply(_a, arguments);
+    };
+});
+
+var index = (function () {
+    // Export existing implementation if available.
+    if (typeof global$1.ResizeObserver !== 'undefined') {
+        return global$1.ResizeObserver;
+    }
+    return ResizeObserver;
+})();
+
+const observeElementResize = (element, callback) => {
+  const resizeObserver = new index(callback);
+  if (element) {
+    resizeObserver.observe(element);
+    return {
+      unobserve: () => resizeObserver.unobserve(element)
+    };
+  }
+};
+
+const sortHandler = (nextSortObject, setSortObject, onSortChange, sortableColumns, currentSortState) => {
+  const {
+    id,
+    column,
+    dataKey,
+    index
+  } = nextSortObject;
+  const isSortable = typeof column.sortable === 'boolean' ? column.sortable : sortableColumns;
+  const {
+    id: currId,
+    type: currType
+  } = currentSortState;
+  const type = id !== currId || !currType ? 'asc' : currType === 'asc' ? 'desc' : null;
+  if (isSortable) {
+    setSortObject({
+      id,
+      type,
+      index
+    });
+    onSortChange(isSortable, id, index, dataKey, column, type);
+  }
+};
+
+const getValue = (value, formatter) => formatter ? formatter(value) : value;
+const useSortConfigs = (sortConfigs, columns, rows, columnKey) => {
+  const {
+    type,
+    id
+  } = sortConfigs;
+  const isSortExists = type !== null;
+  const column = columns.find(col => col[columnKey] === id) || {};
+  const dataKey = isSortExists ? column.dataKey : null;
+  const defaultSortFn = useCallback((prev, next, dataKey, type, formatter, removeSymbol) => {
+    const first = getValue(prev.data[dataKey], formatter);
+    const second = getValue(next.data[dataKey], formatter);
+    const firstValue = removeSymbol ? parseFloat(first.replace(/[^\d.-]/g, '')) : first;
+    const secondValue = removeSymbol ? parseFloat(second.replace(/[^\d.-]/g, '')) : second;
+    if (firstValue === null) return 1;
+    if (secondValue === null) return -1;
+    const firstLowerCased = typeof firstValue === 'string' ? firstValue.toLowerCase() : firstValue;
+    const secondLowerCased = typeof secondValue === 'string' ? secondValue.toLowerCase() : secondValue;
+    if (type === 'asc') {
+      return firstLowerCased > secondLowerCased ? 1 : firstLowerCased < secondLowerCased ? -1 : 0;
+    }
+    if (type === 'desc') {
+      return firstLowerCased < secondLowerCased ? 1 : firstLowerCased > secondLowerCased ? -1 : 0;
+    }
+    return 0;
+  }, []);
+  const sortFn = useMemo(() => isSortExists ? (prev, next) => {
+    const {
+      sortFn,
+      formatter,
+      removeSymbol
+    } = column;
+    const fn = sortFn || defaultSortFn;
+    return typeof prev === 'object' ? fn(prev, next, dataKey, type, formatter, removeSymbol) : fn(rows[prev], rows[next], dataKey, type, formatter, removeSymbol);
+  } : undefined, [isSortExists, column, defaultSortFn, dataKey, type, rows]);
+  return [type, column[columnKey], sortFn];
+};
+
+/* global Map:readonly, Set:readonly, ArrayBuffer:readonly */
+
+var hasElementType = typeof Element !== 'undefined';
+var hasMap = typeof Map === 'function';
+var hasSet = typeof Set === 'function';
+var hasArrayBuffer = typeof ArrayBuffer === 'function' && !!ArrayBuffer.isView;
+
+// Note: We **don't** need `envHasBigInt64Array` in fde es6/index.js
+
+function equal(a, b) {
+  // START: fast-deep-equal es6/index.js 3.1.3
+  if (a === b) return true;
+
+  if (a && b && typeof a == 'object' && typeof b == 'object') {
+    if (a.constructor !== b.constructor) return false;
+
+    var length, i, keys;
+    if (Array.isArray(a)) {
+      length = a.length;
+      if (length != b.length) return false;
+      for (i = length; i-- !== 0;)
+        if (!equal(a[i], b[i])) return false;
+      return true;
+    }
+
+    // START: Modifications:
+    // 1. Extra `has<Type> &&` helpers in initial condition allow es6 code
+    //    to co-exist with es5.
+    // 2. Replace `for of` with es5 compliant iteration using `for`.
+    //    Basically, take:
+    //
+    //    ```js
+    //    for (i of a.entries())
+    //      if (!b.has(i[0])) return false;
+    //    ```
+    //
+    //    ... and convert to:
+    //
+    //    ```js
+    //    it = a.entries();
+    //    while (!(i = it.next()).done)
+    //      if (!b.has(i.value[0])) return false;
+    //    ```
+    //
+    //    **Note**: `i` access switches to `i.value`.
+    var it;
+    if (hasMap && (a instanceof Map) && (b instanceof Map)) {
+      if (a.size !== b.size) return false;
+      it = a.entries();
+      while (!(i = it.next()).done)
+        if (!b.has(i.value[0])) return false;
+      it = a.entries();
+      while (!(i = it.next()).done)
+        if (!equal(i.value[1], b.get(i.value[0]))) return false;
+      return true;
+    }
+
+    if (hasSet && (a instanceof Set) && (b instanceof Set)) {
+      if (a.size !== b.size) return false;
+      it = a.entries();
+      while (!(i = it.next()).done)
+        if (!b.has(i.value[0])) return false;
+      return true;
+    }
+    // END: Modifications
+
+    if (hasArrayBuffer && ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) {
+      length = a.length;
+      if (length != b.length) return false;
+      for (i = length; i-- !== 0;)
+        if (a[i] !== b[i]) return false;
+      return true;
+    }
+
+    if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
+    // START: Modifications:
+    // Apply guards for `Object.create(null)` handling. See:
+    // - https://github.com/FormidableLabs/react-fast-compare/issues/64
+    // - https://github.com/epoberezkin/fast-deep-equal/issues/49
+    if (a.valueOf !== Object.prototype.valueOf && typeof a.valueOf === 'function' && typeof b.valueOf === 'function') return a.valueOf() === b.valueOf();
+    if (a.toString !== Object.prototype.toString && typeof a.toString === 'function' && typeof b.toString === 'function') return a.toString() === b.toString();
+    // END: Modifications
+
+    keys = Object.keys(a);
+    length = keys.length;
+    if (length !== Object.keys(b).length) return false;
+
+    for (i = length; i-- !== 0;)
+      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
+    // END: fast-deep-equal
+
+    // START: react-fast-compare
+    // custom handling for DOM elements
+    if (hasElementType && a instanceof Element) return false;
+
+    // custom handling for React/Preact
+    for (i = length; i-- !== 0;) {
+      if ((keys[i] === '_owner' || keys[i] === '__v' || keys[i] === '__o') && a.$$typeof) {
+        // React-specific: avoid traversing React elements' _owner
+        // Preact-specific: avoid traversing Preact elements' __v and __o
+        //    __v = $_original / $_vnode
+        //    __o = $_owner
+        // These properties contain circular references and are not needed when
+        // comparing the actual elements (and not their owners)
+        // .$$typeof and ._store on just reasonable markers of elements
+
+        continue;
+      }
+
+      // all other properties should be traversed as usual
+      if (!equal(a[keys[i]], b[keys[i]])) return false;
+    }
+    // END: react-fast-compare
+
+    // START: fast-deep-equal
+    return true;
+  }
+
+  return a !== a && b !== b;
+}
+// end fast-deep-equal
+
+var reactFastCompare = function isEqual(a, b) {
+  try {
+    return equal(a, b);
+  } catch (error) {
+    if (((error.message || '').match(/stack|recursion/i))) {
+      // warn on circular references, don't crash
+      // browsers give this different errors name and messages:
+      // chrome/safari: "RangeError", "Maximum call stack size exceeded"
+      // firefox: "InternalError", too much recursion"
+      // edge: "Error", "Out of stack space"
+      console.warn('react-fast-compare cannot handle circular refs');
+      return false;
+    }
+    // some other error. we should definitely know about these
+    throw error;
+  }
+};
+
+function ActionsWrapper(_ref) {
+  let {
+    children
+  } = _ref;
+  return reactIsExports.isFragment(children) || Array.isArray(children) ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    className: "ta-action ta-a-1"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "ta-item"
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    icon: "bc-icon-more-horizontal",
+    size: "big",
+    appearance: "minimal"
+  }))), /*#__PURE__*/React__default.createElement("div", {
+    className: "ta-action ta-a-2"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "ta-item"
+  }, children))) : /*#__PURE__*/React__default.createElement("div", {
+    className: "ta-action ta-a-1"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "ta-item"
+  }, children));
+}
+
+function ActionBar(_ref) {
+  let {
+    children,
+    lastColRef,
+    stickyRightExist
+  } = _ref;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames('ta-cell', 'right-actions-holder', 'a-square', {
+      'sticky sticky-right now-sticky': stickyRightExist
+    }),
+    ref: lastColRef
+  }, children && /*#__PURE__*/React__default.createElement(ActionsWrapper, null, children));
+}
+var ActionBar$1 = /*#__PURE__*/memo(ActionBar, reactFastCompare);
+
+function Header$2(_ref) {
+  let {
+    columns
+  } = _ref;
+  return /*#__PURE__*/React__default.createElement("ul", {
+    className: "nt-row nt-head"
+  }, columns.map((column, index) => {
+    const {
+      render,
+      text
+    } = column;
+    const children = render ? render(column, index) : text;
+    return /*#__PURE__*/React__default.createElement("div", {
+      key: index,
+      title: children,
+      className: "nt-cell"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "ellipsis-text"
+    }, children));
+  }));
+}
+
+const Body = _ref => {
+  let {
+    rows,
+    columns,
+    isEditActive
+  } = _ref;
+  return rows.length && rows.map((row, index) => row.render ? row.render(row, index, columns.dataKey) : /*#__PURE__*/React__default.createElement("div", {
+    className: "nt-row",
+    key: index
+  }, columns.map((column, index) => /*#__PURE__*/React__default.createElement("div", {
+    key: index,
+    className: "nt-cell"
+  }, typeof row.data[column.dataKey] === 'function' ? row.data[column.dataKey](isEditActive, index, column.dataKey) : row.data[column.dataKey]))));
+};
+var Body$1 = /*#__PURE__*/memo(Body, reactFastCompare);
 
-var index = (function () {
-    // Export existing implementation if available.
-    if (typeof global$1.ResizeObserver !== 'undefined') {
-        return global$1.ResizeObserver;
-    }
-    return ResizeObserver;
-})();
+var css_248z$3 = "[data-gene-ui-version=\"2.12.1\"] .nested-table{border:1px solid rgba(var(--background-sc-rgb),.1);border-radius:.4rem;display:flex;flex-direction:column;font:600 1.4rem/2rem var(--font-family);overflow:hidden;width:100%}[data-gene-ui-version=\"2.12.1\"] .nt-row{display:flex;width:100%}[data-gene-ui-version=\"2.12.1\"] .nt-row~.nt-row{border-top:1px solid rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.12.1\"] .nt-head{background:rgba(var(--background-sc-rgb),.04);font-weight:700}[data-gene-ui-version=\"2.12.1\"] .nt-cell{display:flex;overflow:hidden;padding:1.1rem 2rem;position:relative;width:100%;word-break:break-word}[data-gene-ui-version=\"2.12.1\"] .nt-cell~.nt-cell:before{background:var(--background);border-right:1px solid rgba(var(--background-sc-rgb),.15);bottom:1rem;content:\"\";display:block;position:absolute;top:1rem}html:not([dir=rtl]) .nt-cell~.nt-cell:before{left:0}html[dir=rtl] .nt-cell~.nt-cell:before{right:0}";
+styleInject(css_248z$3);
 
-const observeElementResize = (element, callback) => {
-  const resizeObserver = new index(callback);
-  if (element) {
-    resizeObserver.observe(element);
-    return {
-      unobserve: () => resizeObserver.unobserve(element)
-    };
-  }
+function Nested(_ref) {
+  let {
+    rows,
+    columns,
+    isEditActive,
+    ...restProps
+  } = _ref;
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    className: "nested-table"
+  }, restProps), /*#__PURE__*/React__default.createElement(Header$2, {
+    columns: columns
+  }), /*#__PURE__*/React__default.createElement(Body$1, {
+    rows: rows,
+    columns: columns,
+    isEditActive: isEditActive
+  }));
+}
+Nested.defaultProps = {
+  columns: [],
+  rows: []
 };
 
-const sortHandler = (nextSortObject, setSortObject, onSortChange, sortableColumns, currentSortState) => {
-  const {
+function Col(_ref) {
+  let {
     id,
-    column,
-    dataKey,
-    index
-  } = nextSortObject;
-  const isSortable = typeof column.sortable === 'boolean' ? column.sortable : sortableColumns;
+    row,
+    text,
+    index,
+    getter,
+    prefix,
+    colIndex,
+    copyable,
+    formatter,
+    autoSizeOn,
+    colRenderer,
+    isEditActive,
+    customWidth,
+    autoSizeWidth,
+    copyableValue,
+    stickyColumns,
+    copyTooltipText,
+    copiedTooltipText,
+    initialColWidth,
+    disabledColumnPin,
+    defaultCustomWidth,
+    ...restProps
+  } = _ref;
+  const mainRef = useRef(null);
+  const guidRef = useRef(null);
+  const mounted = useRef(null);
   const {
-    id: currId,
-    type: currType
-  } = currentSortState;
-  const type = id !== currId || !currType ? 'asc' : currType === 'asc' ? 'desc' : null;
-  if (isSortable) {
-    setSortObject({
-      id,
-      type,
-      index
-    });
-    onSortChange(isSortable, id, index, dataKey, column, type);
-  }
-};
-
-const getValue = (value, formatter) => formatter ? formatter(value) : value;
-const useSortConfigs = (sortConfigs, columns, rows, columnKey) => {
+    [colIndex]: colStickyInfo = {}
+  } = stickyColumns;
   const {
-    type,
-    id
-  } = sortConfigs;
-  const isSortExists = type !== null;
-  const column = columns.find(col => col[columnKey] === id) || {};
-  const dataKey = isSortExists ? column.dataKey : null;
-  const defaultSortFn = useCallback((prev, next, dataKey, type, formatter, removeSymbol) => {
-    const first = getValue(prev.data[dataKey], formatter);
-    const second = getValue(next.data[dataKey], formatter);
-    const firstValue = removeSymbol ? parseFloat(first.replace(/[^\d.-]/g, '')) : first;
-    const secondValue = removeSymbol ? parseFloat(second.replace(/[^\d.-]/g, '')) : second;
-    if (firstValue === null) return 1;
-    if (secondValue === null) return -1;
-    const firstLowerCased = typeof firstValue === 'string' ? firstValue.toLowerCase() : firstValue;
-    const secondLowerCased = typeof secondValue === 'string' ? secondValue.toLowerCase() : secondValue;
-    if (type === 'asc') {
-      return firstLowerCased > secondLowerCased ? 1 : firstLowerCased < secondLowerCased ? -1 : 0;
-    }
-    if (type === 'desc') {
-      return firstLowerCased < secondLowerCased ? 1 : firstLowerCased > secondLowerCased ? -1 : 0;
+    offset = {},
+    isStickyLeft,
+    isStickyRight
+  } = colStickyInfo;
+  const stickyStatus = (String(colIndex) in stickyColumns);
+  const {
+    left = 0,
+    right = 0
+  } = offset;
+  const style = {
+    left,
+    right
+  };
+  const getterValue = getter ? getter(row, index, isEditActive) : text;
+  const formattedValue = formatter ? formatter(getterValue, row, index, isEditActive) : getterValue;
+  const inlineStyle = {
+    width: autoSizeOn ? autoSizeWidth : customWidth || defaultCustomWidth || initialColWidth
+  };
+  const isValuePromise = formattedValue instanceof Promise;
+  const [promiseValue, setPromiseValue] = useState(() => {
+    if (isValuePromise) {
+      guidRef.current = guid();
+      return guidRef.current;
     }
-    return 0;
-  }, []);
-  const sortFn = useMemo(() => isSortExists ? (prev, next) => {
-    const {
-      sortFn,
-      formatter,
-      removeSymbol
-    } = column;
-    const fn = sortFn || defaultSortFn;
-    return typeof prev === 'object' ? fn(prev, next, dataKey, type, formatter, removeSymbol) : fn(rows[prev], rows[next], dataKey, type, formatter, removeSymbol);
-  } : undefined, [isSortExists, column, defaultSortFn, dataKey, type, rows]);
-  return [type, column[columnKey], sortFn];
+  });
+  const [isCopied, setIsCopied] = useState(false);
+  useEffect(() => {
+    mounted.current = true;
+    isValuePromise && formattedValue.then(result => mounted.current && setPromiseValue(result));
+    return () => {
+      mounted.current = false;
+    };
+  }, [formattedValue, isValuePromise, mounted.current]);
+  const value = isValuePromise ? promiseValue : formattedValue;
+  const handleCopy = useCallback(event => {
+    stopEvent(event);
+    copyToClipboard(copyableValue || value);
+    !isCopied && setIsCopied(true);
+    callAfterDelay(() => {
+      setIsCopied(false);
+    }, 2000);
+  }, [copyableValue, value, isCopied]);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stickyStatus && isStickyLeft && /*#__PURE__*/React__default.createElement("sub", null), stickyStatus && isStickyRight && /*#__PURE__*/React__default.createElement("sup", null), /*#__PURE__*/React__default.createElement("div", _extends({
+    className: classnames('ta-cell', {
+      ...(!disabledColumnPin ? {
+        sticky: stickyStatus,
+        'sticky-left': isStickyLeft,
+        'sticky-right': isStickyRight
+      } : {}),
+      'now-sticky': isStickyRight || isStickyLeft
+    }),
+    "data-id": "".concat(prefix, "-").concat(id)
+  }, restProps, {
+    style: {
+      ...style,
+      ...inlineStyle
+    },
+    title: colRenderer ? '' : value,
+    ref: mainRef
+  }), /*#__PURE__*/React__default.createElement(SkeletonLoader, {
+    height: 20,
+    isBusy: guidRef.current && promiseValue === guidRef.current
+  }, copyable && value && /*#__PURE__*/React__default.createElement(Tooltip, {
+    title: isCopied ? copiedTooltipText : copyTooltipText
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    tabIndex: "1",
+    className: "cursor-pointer copy-icon",
+    type: isCopied ? 'bc-icon-checkbox-checked' : 'bc-icon-copy-mirror',
+    onClick: !isCopied && handleCopy
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "ellipsis-text"
+  }, colRenderer ? colRenderer(value, index, row, isEditActive, formatter) : value))));
+}
+Col.defaultProps = {
+  copyTooltipText: 'Copy',
+  copiedTooltipText: 'Copied!'
 };
+var Col$1 = /*#__PURE__*/React__default.memo(Col, reactFastCompare);
 
 function Row(_ref) {
   let {
@@ -5055,6 +4974,9 @@ function Row(_ref) {
     }
   });
   const [ignored, drag, preview] = useDrag({
+    item: {
+      index
+    },
     type: "".concat(itemTypes.tr).concat(eventRef.current),
     canDrag: () => !opened && !dragDisable && !sortType && !isEditActive && rowsLength > 0,
     collect: monitor => ({
@@ -5172,7 +5094,8 @@ function Row(_ref) {
       formatter,
       colRenderer,
       copyableValue,
-      copyTooltipText
+      copyTooltipText,
+      copiedTooltipText
     } = columns.find(column => column.uid === id) || {};
     const {
       autoSizeOn,
@@ -5202,6 +5125,7 @@ function Row(_ref) {
       disabledColumnPin: disabledColumnPin,
       initialColWidth: initialColWidth,
       copyTooltipText: copyTooltipText,
+      copiedTooltipText: copiedTooltipText,
       defaultCustomWidth: defaultCustomWidth
     });
   }), actionBar && /*#__PURE__*/React__default.createElement(ActionBar$1, {
@@ -5395,6 +5319,9 @@ function HeaderItem(_ref) {
     })
   });
   const [_, drag] = useDrag({
+    item: {
+      index
+    },
     type: "".concat(itemTypes.th).concat(eventRef.current),
     canDrag: () => !resizeMode && isDraggable && !stickyStatus
   });
@@ -5590,7 +5517,7 @@ HeaderItem.defaultProps = {
 };
 var HeaderItem$1 = /*#__PURE__*/memo(HeaderItem, reactFastCompare);
 
-var css_248z$2 = "[data-gene-ui-version=\"2.11.0\"] .ta-header{top:0}[data-gene-ui-version=\"2.11.0\"] .ta-header .ta-cell{align-items:normal;flex-direction:column}[data-gene-ui-version=\"2.11.0\"] .ta-header .ta-cell.centered .table-heading{justify-content:center}@media (hover:hover){[data-gene-ui-version=\"2.11.0\"] .ta-header .ta-cell:hover{background:rgba(var(--background-sc-rgb),.02)}[data-gene-ui-version=\"2.11.0\"] .ta-header .ta-cell.sticky:hover{background:rgba(var(--background-sc-rgb),.06)}}[data-gene-ui-version=\"2.11.0\"] .ta-header .ta-cell.is-dragged-over{background-color:rgba(var(--hero-rgb),.05)}[data-gene-ui-version=\"2.11.0\"] .ta-header .ta-cell .ta-cell-header-item{padding:5px 0}[data-gene-ui-version=\"2.11.0\"] .ta-header .ta-cell .ta-cell-header-tittle{display:flex}[data-gene-ui-version=\"2.11.0\"] .sticky-viewport-checker{bottom:0;position:absolute;top:0;visibility:hidden;width:1px}[data-gene-ui-version=\"2.11.0\"] .table-heading{align-items:center;display:flex;flex-shrink:0;flex:auto;overflow:hidden;width:100%}[data-gene-ui-version=\"2.11.0\"] .ta-filter-icon{color:rgba(var(--background-sc-rgb),.38);cursor:pointer;flex-shrink:0;margin:0 .4rem;position:relative}[data-gene-ui-version=\"2.11.0\"] .ta-filter-icon:after,[data-gene-ui-version=\"2.11.0\"] .ta-filter-icon:before{display:block;font:2.4rem/1 betcore;transition:color .3s}[data-gene-ui-version=\"2.11.0\"] .ta-filter-icon:before{content:\"\\e92c\"}[data-gene-ui-version=\"2.11.0\"] .ta-filter-icon:after{content:\"\\e92b\";left:0;position:absolute;top:0}[data-gene-ui-version=\"2.11.0\"] .ta-filter-icon.active-asc:before,[data-gene-ui-version=\"2.11.0\"] .ta-filter-icon.active-desc:after{color:var(--hero)}[data-gene-ui-version=\"2.11.0\"] .table-heading-text{transition:color .3s}[data-gene-ui-version=\"2.11.0\"] .table-heading-text.active{color:var(--hero)}[data-gene-ui-version=\"2.11.0\"] .cell-options{transition:opacity .4s}[data-gene-ui-version=\"2.11.0\"] .ta-cell:not(:hover) .cell-options:not(.popover-opened),[data-gene-ui-version=\"2.11.0\"] .vertical-resizing-cursor .cell-options{opacity:0}[data-gene-ui-version=\"2.11.0\"] .th-divider-holder{bottom:0;display:flex;padding:.9rem;position:absolute;top:0;transform:translateZ(0);transform:translateX(-50%);z-index:10}html:not([dir=rtl]) .th-divider-holder{left:100%}html[dir=rtl] .th-divider-holder{right:100%;transform:translateX(50%)}[data-gene-ui-version=\"2.11.0\"] .th-divider-holder i{transition:opacity .3s}[data-gene-ui-version=\"2.11.0\"] .th-divider{background:rgba(var(--background-sc-rgb),.15);width:1px}[data-gene-ui-version=\"2.11.0\"] .sticky .th-divider,[data-gene-ui-version=\"2.11.0\"] .ta-cell:hover .th-divider:nth-child(2),[data-gene-ui-version=\"2.11.0\"] .table-resize-handle:active~.th-divider{opacity:0}[data-gene-ui-version=\"2.11.0\"] .table-resize-handle{bottom:0;cursor:col-resize;display:flex;left:0;padding:.4rem .9rem;position:absolute;top:0}[data-gene-ui-version=\"2.11.0\"] .ta-cell:not(:hover) .table-resize-handle:not(:active){opacity:0}[data-gene-ui-version=\"2.11.0\"] .table-resize-handle:before{border-left:1px dashed rgba(var(--background-sc-rgb),.18);content:\"\";display:block;width:1px}[data-gene-ui-version=\"2.11.0\"] .table-resize-handle:active:before{border-color:var(--hero)}";
+var css_248z$2 = "[data-gene-ui-version=\"2.12.1\"] .ta-header{top:0}[data-gene-ui-version=\"2.12.1\"] .ta-header .ta-cell{align-items:normal;flex-direction:column}[data-gene-ui-version=\"2.12.1\"] .ta-header .ta-cell.centered .table-heading{justify-content:center}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .ta-header .ta-cell:hover{background:rgba(var(--background-sc-rgb),.02)}[data-gene-ui-version=\"2.12.1\"] .ta-header .ta-cell.sticky:hover{background:rgba(var(--background-sc-rgb),.06)}}[data-gene-ui-version=\"2.12.1\"] .ta-header .ta-cell.is-dragged-over{background-color:rgba(var(--hero-rgb),.05)}[data-gene-ui-version=\"2.12.1\"] .ta-header .ta-cell .ta-cell-header-item{padding:5px 0}[data-gene-ui-version=\"2.12.1\"] .ta-header .ta-cell .ta-cell-header-tittle{display:flex}[data-gene-ui-version=\"2.12.1\"] .sticky-viewport-checker{bottom:0;position:absolute;top:0;visibility:hidden;width:1px}[data-gene-ui-version=\"2.12.1\"] .table-heading{align-items:center;display:flex;flex-shrink:0;flex:auto;overflow:hidden;width:100%}[data-gene-ui-version=\"2.12.1\"] .ta-filter-icon{color:rgba(var(--background-sc-rgb),.38);cursor:pointer;flex-shrink:0;margin:0 .4rem;position:relative}[data-gene-ui-version=\"2.12.1\"] .ta-filter-icon:after,[data-gene-ui-version=\"2.12.1\"] .ta-filter-icon:before{display:block;font:2.4rem/1 betcore;transition:color .3s}[data-gene-ui-version=\"2.12.1\"] .ta-filter-icon:before{content:\"\\e92c\"}[data-gene-ui-version=\"2.12.1\"] .ta-filter-icon:after{content:\"\\e92b\";left:0;position:absolute;top:0}[data-gene-ui-version=\"2.12.1\"] .ta-filter-icon.active-asc:before,[data-gene-ui-version=\"2.12.1\"] .ta-filter-icon.active-desc:after{color:var(--hero)}[data-gene-ui-version=\"2.12.1\"] .table-heading-text{transition:color .3s}[data-gene-ui-version=\"2.12.1\"] .table-heading-text.active{color:var(--hero)}[data-gene-ui-version=\"2.12.1\"] .cell-options{transition:opacity .4s}[data-gene-ui-version=\"2.12.1\"] .ta-cell:not(:hover) .cell-options:not(.popover-opened),[data-gene-ui-version=\"2.12.1\"] .vertical-resizing-cursor .cell-options{opacity:0}[data-gene-ui-version=\"2.12.1\"] .th-divider-holder{bottom:0;display:flex;padding:.9rem;position:absolute;top:0;transform:translateZ(0);transform:translateX(-50%);z-index:10}html:not([dir=rtl]) .th-divider-holder{left:100%}html[dir=rtl] .th-divider-holder{right:100%;transform:translateX(50%)}[data-gene-ui-version=\"2.12.1\"] .th-divider-holder i{transition:opacity .3s}[data-gene-ui-version=\"2.12.1\"] .th-divider{background:rgba(var(--background-sc-rgb),.15);width:1px}[data-gene-ui-version=\"2.12.1\"] .sticky .th-divider,[data-gene-ui-version=\"2.12.1\"] .ta-cell:hover .th-divider:nth-child(2),[data-gene-ui-version=\"2.12.1\"] .table-resize-handle:active~.th-divider{opacity:0}[data-gene-ui-version=\"2.12.1\"] .table-resize-handle{bottom:0;cursor:col-resize;display:flex;left:0;padding:.4rem .9rem;position:absolute;top:0}[data-gene-ui-version=\"2.12.1\"] .ta-cell:not(:hover) .table-resize-handle:not(:active){opacity:0}[data-gene-ui-version=\"2.12.1\"] .table-resize-handle:before{border-left:1px dashed rgba(var(--background-sc-rgb),.18);content:\"\";display:block;width:1px}[data-gene-ui-version=\"2.12.1\"] .table-resize-handle:active:before{border-color:var(--hero)}";
 styleInject(css_248z$2);
 
 const Header = /*#__PURE__*/forwardRef((_ref, ref) => {
@@ -5758,7 +5685,7 @@ function FooterItem(_ref) {
 }
 var FooterItem$1 = /*#__PURE__*/memo(FooterItem, reactFastCompare);
 
-var css_248z$1 = "[data-gene-ui-version=\"2.11.0\"] .ta-footer .ellipsis-text{-webkit-user-select:all;user-select:all}";
+var css_248z$1 = "[data-gene-ui-version=\"2.12.1\"] .ta-footer .ellipsis-text{-webkit-user-select:all;user-select:all}";
 styleInject(css_248z$1);
 
 function Footer(_ref) {
@@ -5794,7 +5721,7 @@ Footer.defaultProps = {
   withLeftCorners: []
 };
 
-var css_248z = "[data-gene-ui-version=\"2.11.0\"] .table-loader-container{position:relative;width:100%}[data-gene-ui-version=\"2.11.0\"] .table-holder{display:flex;flex-direction:column;font:600 1.4rem/1.8rem var(--font-family);position:relative;width:100%}[data-gene-ui-version=\"2.11.0\"] .table-loader-container .table-holder{position:static}[data-gene-ui-version=\"2.11.0\"] .table-holder .ReactVirtualized__Grid{direction:inherit!important;min-width:100%;overflow:visible!important;width:auto!important}[data-gene-ui-version=\"2.11.0\"] .table-holder .ReactVirtualized__Grid .ReactVirtualized__Grid__innerScrollContainer{max-width:inherit!important;min-width:100%;overflow:visible!important;width:auto!important}[data-gene-ui-version=\"2.11.0\"] .table-holder:not(.content-empty){max-height:calc(100vh - var(--header-height, 0px) - var(--table-max-height-additional-calc, 0px))}[data-gene-ui-version=\"2.11.0\"] .ta-body{display:inline-block;min-width:100%;position:relative;z-index:0}[data-gene-ui-version=\"2.11.0\"] .content-empty .ta-body{position:-webkit-sticky;position:sticky}html:not([dir=rtl]) .content-empty .ta-body{left:0}html[dir=rtl] .content-empty .ta-body{right:0}[data-gene-ui-version=\"2.11.0\"] .ta-n-body{background:var(--background);display:inline-block;font-weight:700;min-width:100%;position:-webkit-sticky;position:sticky;-webkit-user-select:none;user-select:none;z-index:10}[data-gene-ui-version=\"2.11.0\"] .ta-n-body .ta-row{background:rgba(var(--background-sc-rgb),.04);display:inline-flex;min-width:100%}[data-gene-ui-version=\"2.11.0\"] .ta-n-body .ta-row.disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.11.0\"] .ta-group{display:inline-flex;flex-direction:column;min-width:100%;position:relative;width:auto!important}html:not([dir=rtl]) .ta-group{right:auto!important}html[dir=rtl] .ta-group{left:auto!important}html:not([dir=rtl]) .ta-group{left:0!important}html[dir=rtl] .ta-group{right:0!important}[data-gene-ui-version=\"2.11.0\"] .ta-gr-left-line{bottom:0;display:flex;pointer-events:none;position:absolute;top:-1px;width:100%;z-index:12}html:not([dir=rtl]) .ta-gr-left-line{left:0}html[dir=rtl] .ta-gr-left-line{right:0}[data-gene-ui-version=\"2.11.0\"] .ta-gr-left-line:before{background:var(--hero);content:\"\";display:block;height:100%;position:-webkit-sticky;position:sticky;transform:translateX(-110%);transition:transform .3s;width:.3rem}html:not([dir=rtl]) .ta-gr-left-line:before{left:0}html[dir=rtl] .ta-gr-left-line:before{right:0;transform:translateX(110%)}[data-gene-ui-version=\"2.11.0\"] .hover-able:hover .ta-gr-left-line:before,[data-gene-ui-version=\"2.11.0\"] .selected .ta-gr-left-line:before{transform:translateX(0)}[data-gene-ui-version=\"2.11.0\"] .ta-row{align-items:center;background-clip:content-box;display:flex;justify-content:flex-start;min-width:100%}[data-gene-ui-version=\"2.11.0\"] .ta-row.border-bottom{border-bottom:1px solid rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.11.0\"] .ta-row.border-top{border-top:1px solid rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.11.0\"] .ta-row.even-coloring{background-color:rgba(var(--background-sc-rgb),.02)}[data-gene-ui-version=\"2.11.0\"] .ta-row.hover-able:hover,[data-gene-ui-version=\"2.11.0\"] .ta-row.selected{background-color:rgba(var(--hero-rgb),.08)}[data-gene-ui-version=\"2.11.0\"] .ta-row.hover-able:hover .tl-bc-icon-action,[data-gene-ui-version=\"2.11.0\"] .ta-row.selected .tl-bc-icon-action{color:var(--hero)}[data-gene-ui-version=\"2.11.0\"] .ta-row.hover-able:not(.cursor-grab){cursor:pointer}[data-gene-ui-version=\"2.11.0\"] .ta-row.disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.11.0\"] .ta-cell{align-items:center;display:flex;flex-shrink:0;min-height:4.2rem;min-width:4.2rem;position:relative;will-change:width,background-color,position}[data-gene-ui-version=\"2.11.0\"] .ta-cell>.ellipsis-text{width:100%}[data-gene-ui-version=\"2.11.0\"] .ta-n-body .ta-cell:last-child,[data-gene-ui-version=\"2.11.0\"] .ta-n-body .ta-cell:nth-last-child(2){overflow:hidden}[data-gene-ui-version=\"2.11.0\"] .ta-cell a{color:var(--hero);font-weight:600}[data-gene-ui-version=\"2.11.0\"] .ta-cell:not(.a-square){padding:0 1.2rem 0 2rem}html[dir=rtl] .ta-cell:not(.a-square){padding:0 2rem 0 1.2rem}[data-gene-ui-version=\"2.11.0\"] .ta-cell.a-square{justify-content:center}[data-gene-ui-version=\"2.11.0\"] .ta-cell.a-square:empty{pointer-events:none}[data-gene-ui-version=\"2.11.0\"] .ta-cell.a-square:not(:empty){position:-webkit-sticky;position:sticky;transform:translateZ(0);z-index:11}[data-gene-ui-version=\"2.11.0\"] .ta-cell.sticky{background-color:inherit;box-shadow:1px 0 0 rgba(var(--background-sc-rgb),.1),-1px 0 0 rgba(var(--background-sc-rgb),.1),inset 0 0 0 10rem var(--background);position:-webkit-sticky;position:sticky;transition:none;z-index:11}[data-gene-ui-version=\"2.11.0\"] .ta-cell.sticky:before{background:inherit;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}[data-gene-ui-version=\"2.11.0\"] .ta-cell.sticky:after{bottom:-1px;content:\"\";display:block;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s,visibility .3s;visibility:hidden;width:2rem}[data-gene-ui-version=\"2.11.0\"] sub:last-of-type+.ta-cell.sticky:after,[data-gene-ui-version=\"2.11.0\"] sup:first-of-type+.ta-cell.sticky:after{opacity:1;visibility:visible}[data-gene-ui-version=\"2.11.0\"] .ta-cell.sticky.now-sticky{box-shadow:inset 0 0 0 10rem var(--background)}html:not([dir=rtl]) .ta-cell.sticky.sticky-left{left:0}html[dir=rtl] .ta-cell.sticky.sticky-left{right:0}[data-gene-ui-version=\"2.11.0\"] .ta-cell.sticky.sticky-left:after{background:linear-gradient(to right,#0000000d,rgba(var(--background-rgb),0))}html:not([dir=rtl]) .ta-cell.sticky.sticky-left:after{left:100%}html[dir=rtl] .ta-cell.sticky.sticky-left:after{background:linear-gradient(to left,#0000000d,rgba(var(--background-rgb),0));right:100%}[data-gene-ui-version=\"2.11.0\"] sub:last-of-type+.ta-cell.sticky.sticky-left{box-shadow:1px 0 0 rgba(var(--background-sc-rgb),.1),inset 0 0 0 10rem var(--background)}html:not([dir=rtl]) .ta-cell.sticky.sticky-right{right:0}html[dir=rtl] .ta-cell.sticky.sticky-right{left:0}[data-gene-ui-version=\"2.11.0\"] .ta-cell.sticky.sticky-right:after{background:linear-gradient(to left,#0000000d,rgba(var(--background-rgb),0))}html:not([dir=rtl]) .ta-cell.sticky.sticky-right:after{right:100%}html[dir=rtl] .ta-cell.sticky.sticky-right:after{background:linear-gradient(to right,#0000000d,rgba(var(--background-rgb),0));left:100%}[data-gene-ui-version=\"2.11.0\"] sup:first-of-type+.ta-cell.sticky.sticky-right{box-shadow:-1px 0 0 rgba(var(--background-sc-rgb),.1),inset 0 0 0 10rem var(--background)}[data-gene-ui-version=\"2.11.0\"] .ta-cell:hover .copy-icon{opacity:1}[data-gene-ui-version=\"2.11.0\"] .ta-cell .copy-icon{font-size:14px;margin-right:6px;opacity:0}[data-gene-ui-version=\"2.11.0\"] .ta-cell .copy-icon:focus{color:var(--hero)}[data-gene-ui-version=\"2.11.0\"] .ta-cell .crs-holder{display:flex}[data-gene-ui-version=\"2.11.0\"] .ta-nested-child-holder{cursor:auto;max-width:var(--table-max-width);overflow:hidden;position:-webkit-sticky;position:sticky;-webkit-user-select:text;user-select:text;width:100%}html:not([dir=rtl]) .ta-nested-child-holder{left:0}html[dir=rtl] .ta-nested-child-holder{right:0}[data-gene-ui-version=\"2.11.0\"] .ta-nested-child-holder:not(.table-empty-holder){border-bottom:1px solid rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.11.0\"] .ta-nested-child{padding:1.2rem 1.4rem;width:100%}[data-gene-ui-version=\"2.11.0\"] .tl-bc-icon-action{cursor:pointer;position:relative;text-align:center;transition:color .3s,transform .3s;width:100%;z-index:1}[data-gene-ui-version=\"2.11.0\"] .tl-bc-icon-action.active{transform:rotate(180deg)}[data-gene-ui-version=\"2.11.0\"] .table-splash-loader{background:rgba(var(--background-rgb),.6);border-radius:2rem;height:100%;left:0;position:absolute;top:0;width:100%;z-index:11}[data-gene-ui-version=\"2.11.0\"] .table-empty-holder{align-items:center;display:flex;justify-content:center;min-height:42rem;padding:2rem;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.11.0\"] .right-actions-holder{width:5.2rem}html:not([dir=rtl]) .right-actions-holder{right:0}html[dir=rtl] .right-actions-holder{left:0}[data-gene-ui-version=\"2.11.0\"] .ta-n-body .right-actions-holder:not(.sticky){opacity:0;pointer-events:none}html:not([dir=rtl]) .left-actions-holder{left:0}html[dir=rtl] .left-actions-holder{right:0}[data-gene-ui-version=\"2.11.0\"] .left-actions-holder .icon{margin:0 .9rem}[data-gene-ui-version=\"2.11.0\"] .left-actions-holder:after,[data-gene-ui-version=\"2.11.0\"] .left-actions-holder:before{bottom:0;content:\"\";pointer-events:none;position:absolute;top:0}html:not([dir=rtl]) .left-actions-holder:after,html:not([dir=rtl]) .left-actions-holder:before{right:-2rem}html[dir=rtl] .left-actions-holder:after,html[dir=rtl] .left-actions-holder:before{left:-2rem}html:not([dir=rtl]) .left-actions-holder:after,html:not([dir=rtl]) .left-actions-holder:before{left:0}html[dir=rtl] .left-actions-holder:after,html[dir=rtl] .left-actions-holder:before{right:0}[data-gene-ui-version=\"2.11.0\"] .left-actions-holder:before{background:linear-gradient(to right,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}html[dir=rtl] .left-actions-holder:before{background:linear-gradient(to left,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}[data-gene-ui-version=\"2.11.0\"] .even-coloring .left-actions-holder:before{background:linear-gradient(to right,rgba(var(--background-sc-rgb),.02) 65%,rgba(var(--background-sc-rgb),0) 100%),linear-gradient(to right,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}html[dir=rtl] .even-coloring .left-actions-holder:before{background:linear-gradient(to left,rgba(var(--background-sc-rgb),.02) 65%,rgba(var(--background-sc-rgb),0) 100%),linear-gradient(to left,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}[data-gene-ui-version=\"2.11.0\"] .left-actions-holder:after{background:linear-gradient(to right,rgba(var(--hero-rgb),.08) 65%,rgba(var(--hero-rgb),0) 100%),linear-gradient(to right,var(--background) 65%,rgba(var(--background-rgb),0) 100%);opacity:0}html[dir=rtl] .left-actions-holder:after{background:linear-gradient(to left,rgba(var(--hero-rgb),.08) 65%,rgba(var(--hero-rgb),0) 100%),linear-gradient(to left,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}[data-gene-ui-version=\"2.11.0\"] .ta-row.hover-able:hover .left-actions-holder:before,[data-gene-ui-version=\"2.11.0\"] .ta-row.selected .left-actions-holder:before{opacity:0}[data-gene-ui-version=\"2.11.0\"] .ta-row.hover-able:hover .left-actions-holder:after,[data-gene-ui-version=\"2.11.0\"] .ta-row.selected .left-actions-holder:after{opacity:1}[data-gene-ui-version=\"2.11.0\"] .ta-action{align-items:center;bottom:0;display:flex;padding:0 .6rem;position:absolute;top:0}html:not([dir=rtl]) .ta-action{right:0}html[dir=rtl] .ta-action{left:0}[data-gene-ui-version=\"2.11.0\"] .ta-action:after,[data-gene-ui-version=\"2.11.0\"] .ta-action:before{bottom:0;content:\"\";position:absolute;top:0}html:not([dir=rtl]) .ta-action:after,html:not([dir=rtl]) .ta-action:before{left:-3rem}html[dir=rtl] .ta-action:after,html[dir=rtl] .ta-action:before{right:-3rem}html:not([dir=rtl]) .ta-action:after,html:not([dir=rtl]) .ta-action:before{right:0}html[dir=rtl] .ta-action:after,html[dir=rtl] .ta-action:before{left:0}[data-gene-ui-version=\"2.11.0\"] .ta-action:before{background:linear-gradient(to left,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}html[dir=rtl] .ta-action:before{background:linear-gradient(to right,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}[data-gene-ui-version=\"2.11.0\"] .even-coloring .ta-action:before{background:linear-gradient(to left,rgba(var(--background-sc-rgb),.02) 65%,rgba(var(--background-sc-rgb),0) 100%),linear-gradient(to left,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}html[dir=rtl] .even-coloring .ta-action:before{background:linear-gradient(to right,rgba(var(--background-sc-rgb),.02) 65%,rgba(var(--background-sc-rgb),0) 100%),linear-gradient(to right,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}[data-gene-ui-version=\"2.11.0\"] .ta-action:after{background:linear-gradient(to left,rgba(var(--hero-rgb),.08) 65%,rgba(var(--hero-rgb),0) 100%),linear-gradient(to left,var(--background) 65%,rgba(var(--background-rgb),0) 100%);opacity:0}html[dir=rtl] .ta-action:after{background:linear-gradient(to right,rgba(var(--hero-rgb),.08) 65%,rgba(var(--hero-rgb),0) 100%),linear-gradient(to right,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}[data-gene-ui-version=\"2.11.0\"] .ta-action.ta-a-2{visibility:hidden}[data-gene-ui-version=\"2.11.0\"] .ta-row.hover-able:hover .ta-action.ta-a-1:not(:only-child),[data-gene-ui-version=\"2.11.0\"] .ta-row.hover-able:hover .ta-action:before,[data-gene-ui-version=\"2.11.0\"] .ta-row.selected .ta-action.ta-a-1:not(:only-child),[data-gene-ui-version=\"2.11.0\"] .ta-row.selected .ta-action:before{opacity:0}[data-gene-ui-version=\"2.11.0\"] .ta-row.hover-able:hover .ta-action.ta-a-2,[data-gene-ui-version=\"2.11.0\"] .ta-row.hover-able:hover .ta-action:after,[data-gene-ui-version=\"2.11.0\"] .ta-row.selected .ta-action.ta-a-2,[data-gene-ui-version=\"2.11.0\"] .ta-row.selected .ta-action:after{visibility:unset}[data-gene-ui-version=\"2.11.0\"] .now-sticky .ta-action:before{content:none}[data-gene-ui-version=\"2.11.0\"] .ta-item{align-items:center;display:flex;position:relative;z-index:1}[data-gene-ui-version=\"2.11.0\"] .edit-save-button-holder{align-items:center;display:flex}[data-gene-ui-version=\"2.11.0\"] .edit-save-button-holder:not(:only-child){margin-inline-end:1rem}[data-gene-ui-version=\"2.11.0\"] .edit-save-button-holder>*+*{margin-inline-start:1rem}";
+var css_248z = "[data-gene-ui-version=\"2.12.1\"] .table-loader-container{position:relative;width:100%}[data-gene-ui-version=\"2.12.1\"] .table-holder{display:flex;flex-direction:column;font:600 1.4rem/1.8rem var(--font-family);position:relative;width:100%}[data-gene-ui-version=\"2.12.1\"] .table-loader-container .table-holder{position:static}[data-gene-ui-version=\"2.12.1\"] .table-holder .ReactVirtualized__Grid{direction:inherit!important;min-width:100%;overflow:visible!important;width:auto!important}[data-gene-ui-version=\"2.12.1\"] .table-holder .ReactVirtualized__Grid .ReactVirtualized__Grid__innerScrollContainer{max-width:inherit!important;min-width:100%;overflow:visible!important;width:auto!important}[data-gene-ui-version=\"2.12.1\"] .table-holder:not(.content-empty){max-height:calc(100vh - var(--header-height, 0px) - var(--table-max-height-additional-calc, 0px))}[data-gene-ui-version=\"2.12.1\"] .ta-body{display:inline-block;min-width:100%;position:relative;z-index:0}[data-gene-ui-version=\"2.12.1\"] .content-empty .ta-body{position:-webkit-sticky;position:sticky}html:not([dir=rtl]) .content-empty .ta-body{left:0}html[dir=rtl] .content-empty .ta-body{right:0}[data-gene-ui-version=\"2.12.1\"] .ta-n-body{background:var(--background);display:inline-block;font-weight:700;min-width:100%;position:-webkit-sticky;position:sticky;-webkit-user-select:none;user-select:none;z-index:10}[data-gene-ui-version=\"2.12.1\"] .ta-n-body .ta-row{background:rgba(var(--background-sc-rgb),.04);display:inline-flex;min-width:100%}[data-gene-ui-version=\"2.12.1\"] .ta-n-body .ta-row.disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.12.1\"] .ta-group{display:inline-flex;flex-direction:column;min-width:100%;position:relative;width:auto!important}html:not([dir=rtl]) .ta-group{right:auto!important}html[dir=rtl] .ta-group{left:auto!important}html:not([dir=rtl]) .ta-group{left:0!important}html[dir=rtl] .ta-group{right:0!important}[data-gene-ui-version=\"2.12.1\"] .ta-gr-left-line{bottom:0;display:flex;pointer-events:none;position:absolute;top:-1px;width:100%;z-index:12}html:not([dir=rtl]) .ta-gr-left-line{left:0}html[dir=rtl] .ta-gr-left-line{right:0}[data-gene-ui-version=\"2.12.1\"] .ta-gr-left-line:before{background:var(--hero);content:\"\";display:block;height:100%;position:-webkit-sticky;position:sticky;transform:translateX(-110%);transition:transform .3s;width:.3rem}html:not([dir=rtl]) .ta-gr-left-line:before{left:0}html[dir=rtl] .ta-gr-left-line:before{right:0;transform:translateX(110%)}[data-gene-ui-version=\"2.12.1\"] .hover-able:hover .ta-gr-left-line:before,[data-gene-ui-version=\"2.12.1\"] .selected .ta-gr-left-line:before{transform:translateX(0)}[data-gene-ui-version=\"2.12.1\"] .ta-row{align-items:center;background-clip:content-box;display:flex;justify-content:flex-start;min-width:100%}[data-gene-ui-version=\"2.12.1\"] .ta-row.border-bottom{border-bottom:1px solid rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.12.1\"] .ta-row.border-top{border-top:1px solid rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.12.1\"] .ta-row.even-coloring{background-color:rgba(var(--background-sc-rgb),.02)}[data-gene-ui-version=\"2.12.1\"] .ta-row.hover-able:hover,[data-gene-ui-version=\"2.12.1\"] .ta-row.selected{background-color:rgba(var(--hero-rgb),.08)}[data-gene-ui-version=\"2.12.1\"] .ta-row.hover-able:hover .tl-bc-icon-action,[data-gene-ui-version=\"2.12.1\"] .ta-row.selected .tl-bc-icon-action{color:var(--hero)}[data-gene-ui-version=\"2.12.1\"] .ta-row.hover-able:not(.cursor-grab){cursor:pointer}[data-gene-ui-version=\"2.12.1\"] .ta-row.disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.12.1\"] .ta-cell{align-items:center;display:flex;flex-shrink:0;min-height:4.2rem;min-width:4.2rem;position:relative;will-change:width,background-color,position}[data-gene-ui-version=\"2.12.1\"] .ta-cell>.ellipsis-text{width:100%}[data-gene-ui-version=\"2.12.1\"] .ta-n-body .ta-cell:last-child,[data-gene-ui-version=\"2.12.1\"] .ta-n-body .ta-cell:nth-last-child(2){overflow:hidden}[data-gene-ui-version=\"2.12.1\"] .ta-cell a{color:var(--hero);font-weight:600}[data-gene-ui-version=\"2.12.1\"] .ta-cell:not(.a-square){padding:0 1.2rem 0 2rem}html[dir=rtl] .ta-cell:not(.a-square){padding:0 2rem 0 1.2rem}[data-gene-ui-version=\"2.12.1\"] .ta-cell.a-square{justify-content:center}[data-gene-ui-version=\"2.12.1\"] .ta-cell.a-square:empty{pointer-events:none}[data-gene-ui-version=\"2.12.1\"] .ta-cell.a-square:not(:empty){position:-webkit-sticky;position:sticky;transform:translateZ(0);z-index:11}[data-gene-ui-version=\"2.12.1\"] .ta-cell.sticky{background-color:inherit;box-shadow:1px 0 0 rgba(var(--background-sc-rgb),.1),-1px 0 0 rgba(var(--background-sc-rgb),.1),inset 0 0 0 10rem var(--background);position:-webkit-sticky;position:sticky;transition:none;z-index:11}[data-gene-ui-version=\"2.12.1\"] .ta-cell.sticky:before{background:inherit;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}[data-gene-ui-version=\"2.12.1\"] .ta-cell.sticky:after{bottom:-1px;content:\"\";display:block;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s,visibility .3s;visibility:hidden;width:2rem}[data-gene-ui-version=\"2.12.1\"] sub:last-of-type+.ta-cell.sticky:after,[data-gene-ui-version=\"2.12.1\"] sup:first-of-type+.ta-cell.sticky:after{opacity:1;visibility:visible}[data-gene-ui-version=\"2.12.1\"] .ta-cell.sticky.now-sticky{box-shadow:inset 0 0 0 10rem var(--background)}html:not([dir=rtl]) .ta-cell.sticky.sticky-left{left:0}html[dir=rtl] .ta-cell.sticky.sticky-left{right:0}[data-gene-ui-version=\"2.12.1\"] .ta-cell.sticky.sticky-left:after{background:linear-gradient(to right,#0000000d,rgba(var(--background-rgb),0))}html:not([dir=rtl]) .ta-cell.sticky.sticky-left:after{left:100%}html[dir=rtl] .ta-cell.sticky.sticky-left:after{background:linear-gradient(to left,#0000000d,rgba(var(--background-rgb),0));right:100%}[data-gene-ui-version=\"2.12.1\"] sub:last-of-type+.ta-cell.sticky.sticky-left{box-shadow:1px 0 0 rgba(var(--background-sc-rgb),.1),inset 0 0 0 10rem var(--background)}html:not([dir=rtl]) .ta-cell.sticky.sticky-right{right:0}html[dir=rtl] .ta-cell.sticky.sticky-right{left:0}[data-gene-ui-version=\"2.12.1\"] .ta-cell.sticky.sticky-right:after{background:linear-gradient(to left,#0000000d,rgba(var(--background-rgb),0))}html:not([dir=rtl]) .ta-cell.sticky.sticky-right:after{right:100%}html[dir=rtl] .ta-cell.sticky.sticky-right:after{background:linear-gradient(to right,#0000000d,rgba(var(--background-rgb),0));left:100%}[data-gene-ui-version=\"2.12.1\"] sup:first-of-type+.ta-cell.sticky.sticky-right{box-shadow:-1px 0 0 rgba(var(--background-sc-rgb),.1),inset 0 0 0 10rem var(--background)}[data-gene-ui-version=\"2.12.1\"] .ta-cell:hover .copy-icon{opacity:1}[data-gene-ui-version=\"2.12.1\"] .ta-cell .copy-icon{font-size:14px;margin-right:6px;opacity:0}[data-gene-ui-version=\"2.12.1\"] .ta-cell .copy-icon:focus{color:var(--hero)}[data-gene-ui-version=\"2.12.1\"] .ta-cell .crs-holder{display:flex}[data-gene-ui-version=\"2.12.1\"] .ta-nested-child-holder{cursor:auto;max-width:var(--table-max-width);overflow:hidden;position:-webkit-sticky;position:sticky;-webkit-user-select:text;user-select:text;width:100%}html:not([dir=rtl]) .ta-nested-child-holder{left:0}html[dir=rtl] .ta-nested-child-holder{right:0}[data-gene-ui-version=\"2.12.1\"] .ta-nested-child-holder:not(.table-empty-holder){border-bottom:1px solid rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.12.1\"] .ta-nested-child{padding:1.2rem 1.4rem;width:100%}[data-gene-ui-version=\"2.12.1\"] .tl-bc-icon-action{cursor:pointer;position:relative;text-align:center;transition:color .3s,transform .3s;width:100%;z-index:1}[data-gene-ui-version=\"2.12.1\"] .tl-bc-icon-action.active{transform:rotate(180deg)}[data-gene-ui-version=\"2.12.1\"] .table-splash-loader{background:rgba(var(--background-rgb),.6);border-radius:2rem;height:100%;left:0;position:absolute;top:0;width:100%;z-index:11}[data-gene-ui-version=\"2.12.1\"] .table-empty-holder{align-items:center;display:flex;justify-content:center;min-height:42rem;padding:2rem;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.12.1\"] .right-actions-holder{width:5.2rem}html:not([dir=rtl]) .right-actions-holder{right:0}html[dir=rtl] .right-actions-holder{left:0}[data-gene-ui-version=\"2.12.1\"] .ta-n-body .right-actions-holder:not(.sticky){opacity:0;pointer-events:none}html:not([dir=rtl]) .left-actions-holder{left:0}html[dir=rtl] .left-actions-holder{right:0}[data-gene-ui-version=\"2.12.1\"] .left-actions-holder .icon{margin:0 .9rem}[data-gene-ui-version=\"2.12.1\"] .left-actions-holder:after,[data-gene-ui-version=\"2.12.1\"] .left-actions-holder:before{bottom:0;content:\"\";pointer-events:none;position:absolute;top:0}html:not([dir=rtl]) .left-actions-holder:after,html:not([dir=rtl]) .left-actions-holder:before{right:-2rem}html[dir=rtl] .left-actions-holder:after,html[dir=rtl] .left-actions-holder:before{left:-2rem}html:not([dir=rtl]) .left-actions-holder:after,html:not([dir=rtl]) .left-actions-holder:before{left:0}html[dir=rtl] .left-actions-holder:after,html[dir=rtl] .left-actions-holder:before{right:0}[data-gene-ui-version=\"2.12.1\"] .left-actions-holder:before{background:linear-gradient(to right,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}html[dir=rtl] .left-actions-holder:before{background:linear-gradient(to left,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}[data-gene-ui-version=\"2.12.1\"] .even-coloring .left-actions-holder:before{background:linear-gradient(to right,rgba(var(--background-sc-rgb),.02) 65%,rgba(var(--background-sc-rgb),0) 100%),linear-gradient(to right,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}html[dir=rtl] .even-coloring .left-actions-holder:before{background:linear-gradient(to left,rgba(var(--background-sc-rgb),.02) 65%,rgba(var(--background-sc-rgb),0) 100%),linear-gradient(to left,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}[data-gene-ui-version=\"2.12.1\"] .left-actions-holder:after{background:linear-gradient(to right,rgba(var(--hero-rgb),.08) 65%,rgba(var(--hero-rgb),0) 100%),linear-gradient(to right,var(--background) 65%,rgba(var(--background-rgb),0) 100%);opacity:0}html[dir=rtl] .left-actions-holder:after{background:linear-gradient(to left,rgba(var(--hero-rgb),.08) 65%,rgba(var(--hero-rgb),0) 100%),linear-gradient(to left,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}[data-gene-ui-version=\"2.12.1\"] .ta-row.hover-able:hover .left-actions-holder:before,[data-gene-ui-version=\"2.12.1\"] .ta-row.selected .left-actions-holder:before{opacity:0}[data-gene-ui-version=\"2.12.1\"] .ta-row.hover-able:hover .left-actions-holder:after,[data-gene-ui-version=\"2.12.1\"] .ta-row.selected .left-actions-holder:after{opacity:1}[data-gene-ui-version=\"2.12.1\"] .ta-action{align-items:center;bottom:0;display:flex;padding:0 .6rem;position:absolute;top:0}html:not([dir=rtl]) .ta-action{right:0}html[dir=rtl] .ta-action{left:0}[data-gene-ui-version=\"2.12.1\"] .ta-action:after,[data-gene-ui-version=\"2.12.1\"] .ta-action:before{bottom:0;content:\"\";position:absolute;top:0}html:not([dir=rtl]) .ta-action:after,html:not([dir=rtl]) .ta-action:before{left:-3rem}html[dir=rtl] .ta-action:after,html[dir=rtl] .ta-action:before{right:-3rem}html:not([dir=rtl]) .ta-action:after,html:not([dir=rtl]) .ta-action:before{right:0}html[dir=rtl] .ta-action:after,html[dir=rtl] .ta-action:before{left:0}[data-gene-ui-version=\"2.12.1\"] .ta-action:before{background:linear-gradient(to left,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}html[dir=rtl] .ta-action:before{background:linear-gradient(to right,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}[data-gene-ui-version=\"2.12.1\"] .even-coloring .ta-action:before{background:linear-gradient(to left,rgba(var(--background-sc-rgb),.02) 65%,rgba(var(--background-sc-rgb),0) 100%),linear-gradient(to left,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}html[dir=rtl] .even-coloring .ta-action:before{background:linear-gradient(to right,rgba(var(--background-sc-rgb),.02) 65%,rgba(var(--background-sc-rgb),0) 100%),linear-gradient(to right,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}[data-gene-ui-version=\"2.12.1\"] .ta-action:after{background:linear-gradient(to left,rgba(var(--hero-rgb),.08) 65%,rgba(var(--hero-rgb),0) 100%),linear-gradient(to left,var(--background) 65%,rgba(var(--background-rgb),0) 100%);opacity:0}html[dir=rtl] .ta-action:after{background:linear-gradient(to right,rgba(var(--hero-rgb),.08) 65%,rgba(var(--hero-rgb),0) 100%),linear-gradient(to right,var(--background) 65%,rgba(var(--background-rgb),0) 100%)}[data-gene-ui-version=\"2.12.1\"] .ta-action.ta-a-2,[data-gene-ui-version=\"2.12.1\"] .ta-row.hover-able:hover .ta-action.ta-a-1:not(:only-child),[data-gene-ui-version=\"2.12.1\"] .ta-row.hover-able:hover .ta-action:before,[data-gene-ui-version=\"2.12.1\"] .ta-row.selected .ta-action.ta-a-1:not(:only-child),[data-gene-ui-version=\"2.12.1\"] .ta-row.selected .ta-action:before{opacity:0}[data-gene-ui-version=\"2.12.1\"] .ta-row.hover-able:hover .ta-action.ta-a-2,[data-gene-ui-version=\"2.12.1\"] .ta-row.hover-able:hover .ta-action:after,[data-gene-ui-version=\"2.12.1\"] .ta-row.selected .ta-action.ta-a-2,[data-gene-ui-version=\"2.12.1\"] .ta-row.selected .ta-action:after{opacity:1}[data-gene-ui-version=\"2.12.1\"] .now-sticky .ta-action:before{content:none}[data-gene-ui-version=\"2.12.1\"] .ta-item{align-items:center;display:flex;position:relative;z-index:1}[data-gene-ui-version=\"2.12.1\"] .edit-save-button-holder{align-items:center;display:flex}[data-gene-ui-version=\"2.12.1\"] .edit-save-button-holder:not(:only-child){margin-inline-end:1rem}[data-gene-ui-version=\"2.12.1\"] .edit-save-button-holder>*+*{margin-inline-start:1rem}";
 styleInject(css_248z);
 
 function Table(props) {
@@ -6320,6 +6247,10 @@ Table.propTypes = {
    *
    * exportDisabled: Hide that column from export
    *
+   * copyTooltipText: Text for the tooltip when you hover on the element that can be copied.
+   *
+   * copiedTooltipText: Text for the tooltip when you already pressed copy button on the element that can be copied.
+   *
    * resizable: Allows resizing if true
    *
    * current column's data key
@@ -6339,72 +6270,73 @@ Table.propTypes = {
    * hasOptions: Renders dropdown of options in header items
    * searchInColumns: Property for the searching in column. There are  two types for search: "text" && "select". Table should not have the rowsCount property.
    */
-  columns: propTypesExports.arrayOf(propTypesExports.shape({
-    sortFn: propTypesExports.func,
+  columns: PropTypes.arrayOf(PropTypes.shape({
+    sortFn: PropTypes.func,
     ...oneIsRequired({
-      text: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-      render: propTypesExports.func
+      text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+      render: PropTypes.func
     }),
-    copyable: propTypesExports.bool,
-    exportDisabled: propTypesExports.bool,
-    copyTooltipText: propTypesExports.string,
-    copyableValue: propTypesExports.string,
-    sortable: propTypesExports.bool,
-    resizable: propTypesExports.bool,
-    dataKey: propTypesExports.string,
-    draggable: propTypesExports.bool,
-    colRenderer: propTypesExports.func,
-    getter: propTypesExports.func,
-    formatter: propTypesExports.func,
-    hasOptions: propTypesExports.bool,
+    copyable: PropTypes.bool,
+    exportDisabled: PropTypes.bool,
+    copyTooltipText: PropTypes.string,
+    copiedTooltipText: PropTypes.string,
+    copyableValue: PropTypes.string,
+    sortable: PropTypes.bool,
+    resizable: PropTypes.bool,
+    dataKey: PropTypes.string,
+    draggable: PropTypes.bool,
+    colRenderer: PropTypes.func,
+    getter: PropTypes.func,
+    formatter: PropTypes.func,
+    hasOptions: PropTypes.bool,
     searchInColumns: {
-      type: propTypesExports.oneOf(searchConfigs.types),
-      data: propTypesExports.array
+      type: PropTypes.oneOf(searchConfigs.types),
+      data: PropTypes.array
     },
     sizeParams: {
-      autoSizeOn: propTypesExports.bool,
-      customWidth: propTypesExports.number,
-      autoSizeWidth: propTypesExports.number,
-      defaultCustomWidth: propTypesExports.number
+      autoSizeOn: PropTypes.bool,
+      customWidth: PropTypes.number,
+      autoSizeWidth: PropTypes.number,
+      defaultCustomWidth: PropTypes.number
     }
   })).isRequired,
   /**
    * Called after move row.((dragIndex: number, hoverIndex: number) => custom logic)
    */
-  onRowMove: propTypesExports.func,
+  onRowMove: PropTypes.func,
   /**
    * Called after clicking on row.((data: object, index: number, row: PropTypes.rows[item]) => custom logic)
    */
-  onRowClick: propTypesExports.func,
+  onRowClick: PropTypes.func,
   /**
    * Pass this function to catch sorting event and get related data
    * ((type: string, dataKey: sting, column: PropTypes.columns[item]) => void
    */
-  onSortChange: propTypesExports.func,
+  onSortChange: PropTypes.func,
   /**
    * Custom loader component
    */
-  loader: propTypesExports.node,
+  loader: PropTypes.node,
   /**
    * Will render when there are no rows to render
    */
-  emptyContent: propTypesExports.node,
+  emptyContent: PropTypes.node,
   /**
    * Key from row's data  which value is surely unique
    */
-  rowKey: propTypesExports.string.isRequired,
+  rowKey: PropTypes.string.isRequired,
   /**
    * Key from column's data which value is surely unique
    */
-  columnKey: propTypesExports.string.isRequired,
+  columnKey: PropTypes.string.isRequired,
   /**
    * If all rows should have hover effect you can pass rowsHover true instead of controlling hovNer effect on each rows individually
    */
-  rowsHover: propTypesExports.bool,
+  rowsHover: PropTypes.bool,
   /**
    * If true then expanded rows will be closed after rows count change
    */
-  closeExpandedAfterFilter: propTypesExports.bool,
+  closeExpandedAfterFilter: PropTypes.bool,
   /**
    * hasHover: Allow hovering
    * data: rows column's data
@@ -6414,132 +6346,132 @@ Table.propTypes = {
    * render: Render custom component on (row: PropTypes.rows[item] index: number) => {
    *  return <div>Hello World</div>})
    */
-  rows: propTypesExports.arrayOf(propTypesExports.shape({
-    hasHover: propTypesExports.bool,
-    data: propTypesExports.object,
-    nestedTable: propTypesExports.any,
-    className: propTypesExports.string,
-    render: propTypesExports.func,
-    disabled: propTypesExports.bool
+  rows: PropTypes.arrayOf(PropTypes.shape({
+    hasHover: PropTypes.bool,
+    data: PropTypes.object,
+    nestedTable: PropTypes.any,
+    className: PropTypes.string,
+    render: PropTypes.func,
+    disabled: PropTypes.bool
   })),
-  footer: propTypesExports.oneOfType([propTypesExports.object, propTypesExports.node]),
+  footer: PropTypes.oneOfType([PropTypes.object, PropTypes.node]),
   /**
    *
    */
-  selectableRows: propTypesExports.bool,
+  selectableRows: PropTypes.bool,
   /** Default minimum width for columns */
-  defaultColWidth: propTypesExports.number,
+  defaultColWidth: PropTypes.number,
   /**
    * Maximum limit for sticky columns.
    */
-  stickyColumnsLimitCount: propTypesExports.number,
+  stickyColumnsLimitCount: PropTypes.number,
   /**
    * Extra click function for rows. ((e: event object, data: object, index: number, row: PropTypes.rows[item]) => custom logic)
    */
-  rowExtraClick: propTypesExports.func,
+  rowExtraClick: PropTypes.func,
   /**
    * Function for determining which rows should have extra click. ((e: event object, data: object, index: number, row: PropTypes.rows[item]) => return true or false)
    */
-  rowExtraClickNeeded: propTypesExports.oneOfType([propTypesExports.func, propTypesExports.bool]),
+  rowExtraClickNeeded: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
   /**
    * Function which will return React components as row's action bar on the right corner of the row. ((row: PropTypes.rows[item] ,index: number) =>
    *  <button>custom component</button>)
    */
-  rowActionBar: propTypesExports.func,
+  rowActionBar: PropTypes.func,
   /**
    * Function which should return null or another
    * Function which will return valid node
    */
-  renderRowNestedChildren: propTypesExports.func,
+  renderRowNestedChildren: PropTypes.func,
   /**
    * Array of toggled rows unique keys
    */
-  toggledRows: propTypesExports.arrayOf(propTypesExports.number),
+  toggledRows: PropTypes.arrayOf(PropTypes.number),
   /**
    * Function which should return boolean
    */
-  getExpandIconDisableState: propTypesExports.func,
+  getExpandIconDisableState: PropTypes.func,
   /**
    * Search Handler
    */
-  columnSizeChangeHandler: propTypesExports.func,
+  columnSizeChangeHandler: PropTypes.func,
   /**
    * columnSizeChangeHandler: (params:object) => void
    * with the help of this function you can get column key, size and action type after size changing.
    */
-  searchHandler: propTypesExports.func,
+  searchHandler: PropTypes.func,
   /**
    * there is a search in the table if hasSearch is true
    */
-  hasSearch: propTypesExports.bool,
+  hasSearch: PropTypes.bool,
   /**
    * controls whether columns should be sortable or not
    */
-  sortableColumns: propTypesExports.bool,
+  sortableColumns: PropTypes.bool,
   /**
    * controls whether columns should be resizable or not
    */
-  resizableColumns: propTypesExports.bool,
+  resizableColumns: PropTypes.bool,
   /**
    * controls whether columns should be draggable or not
    */
-  draggableColumns: propTypesExports.bool,
+  draggableColumns: PropTypes.bool,
   /**
    * Value of row data[rowKey]
    */
-  selectedRow: propTypesExports.oneOfType([propTypesExports.number, propTypesExports.string]),
+  selectedRow: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /**
    *  Function to control row selection. ((row: PropTypes.rows[item], index: number, rowKey: string) => void
    */
-  handleRowSelect: propTypesExports.func,
+  handleRowSelect: PropTypes.func,
   /**
    *  Function for controlling column sorting. ((isSortable: boolean, sortData: object) => void
    */
-  handleColumnSorting: propTypesExports.func,
+  handleColumnSorting: PropTypes.func,
   /**
    * Type of sorting when it's controlled
    */
-  sortType: propTypesExports.oneOf(['asc', 'desc', null]),
+  sortType: PropTypes.oneOf(['asc', 'desc', null]),
   /**
    * DataKey of column which was sorted
    */
-  sortedColumn: propTypesExports.string,
+  sortedColumn: PropTypes.string,
   /**
    * Array of two strings, which will be applied as tooltips to arrow icons of collapsable rows
    */
-  toggleTooltips: propTypesExports.arrayOf(propTypesExports.string),
+  toggleTooltips: PropTypes.arrayOf(PropTypes.string),
   /**
    * Tooltips for arrow icons of extra click rows
    */
-  rowExtraClickIconTooltip: propTypesExports.string,
+  rowExtraClickIconTooltip: PropTypes.string,
   /**
    * Initial sort state
    */
-  defaultSortType: propTypesExports.oneOf(['asc', 'desc']),
+  defaultSortType: PropTypes.oneOf(['asc', 'desc']),
   /**
    * Initially sorted column
    */
-  defaultSortedColumn: propTypesExports.string,
+  defaultSortedColumn: PropTypes.string,
   /**
    * True if u want to load elements when scroll
    */
-  infiniteLoader: propTypesExports.bool,
+  infiniteLoader: PropTypes.bool,
   /**
    * Function for fetching new rows
    */
-  getRowsAsync: propTypesExports.func,
+  getRowsAsync: PropTypes.func,
   /**
    * Function for getting draggable element ref
    */
-  getDragAcceptType: propTypesExports.func,
+  getDragAcceptType: PropTypes.func,
   /**
    * Custom node for drag preview
    */
-  CustomPreview: propTypesExports.node,
+  CustomPreview: PropTypes.node,
   /**
    * custom toggle rows
    */
-  customToggledRowsKeys: propTypesExports.array | undefined
+  customToggledRowsKeys: PropTypes.array | undefined
 };
 Table.defaultProps = {
   footerValues: {},
@@ -6565,4 +6497,4 @@ Table.defaultProps = {
   defaultSortedColumn: null
 };
 
-export { Table as T, sortHandler as a, useSortConfigs as b, searchConfigs as s, useThrottle as u };
+export { Table as T, sortHandler as a, searchConfigs as s, useSortConfigs as u };