@geneui/components 2.11.2 → 2.12.2

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

@@ -1,106 +1,63 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { useMemo, useState, useEffect, useCallback, useRef } from 'react';
-import { c as classnames } from './index-6ff23041.js';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { M as ModuleTitle, m as Dropdown } from './index-9164a86d.js';
-import SearchWithDropdown from './SearchWithDropdown.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import Paper from './Paper.js';
-import { L as Logger, n as noop } from './index-ac59cb10.js';
-import Pagination from './Pagination.js';
-import { T as Table, s as searchConfigs, a as sortHandler, u as useThrottle, b as useSortConfigs } from './index-8c98317a.js';
-import './globalStyling-9c60a159.js';
-import './configs-91c86664.js';
-import Button from './Button.js';
-import { P as PopoverV2 } from './index-5e96cb4d.js';
-import { c as commonjsGlobal } from './_commonjsHelpers-24198af3.js';
-import Icon from './Icon.js';
-import Option from './Option.js';
-import Tooltip from './Tooltip.js';
-import { s as stopEvent } from './index-b7a33c58.js';
-import Divider from './Divider.js';
-import './Editor.js';
+import { c as classnames } from '../index-6ff23041.js';
+import PropTypes from 'prop-types';
+import ModuleTitle from '../ModuleTitle/index.js';
+import SearchWithDropdown from '../SearchWithDropdown/index.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import Paper from '../Paper/index.js';
+import { L as Logger, n as noop } from '../index-a0e4e333.js';
+import Pagination from '../Pagination/index.js';
+import { D as Dropdown } from '../index-34e47647.js';
+import { T as Table, s as searchConfigs, a as sortHandler, u as useSortConfigs } from '../index-11eea761.js';
+import '../configs-fed6ac34.js';
+import useThrottle from '../hooks/useThrottle.js';
+import Button from '../Button/index.js';
+import Divider from '../Divider/index.js';
+import Tooltip from '../Tooltip/index.js';
+import { c as commonjsGlobal } from '../_commonjsHelpers-24198af3.js';
+import { P as PopoverV2 } from '../index-462461c0.js';
+import '../dateValidation-67caec66.js';
 import 'react-dom';
-import './useMount-6fef51a5.js';
-import './useDeviceType-dd51db38.js';
-import './useWindowSize-80369d76.js';
-import './dateValidation-67caec66.js';
-import './ValidatableUploader.js';
-import './index-135b9d17.js';
-import './Grid.js';
-import './useWidth-9f4647f8.js';
-import './useKeyDown-38102ae7.js';
-import './BusyLoader.js';
-import './Image.js';
-import './Empty.js';
-import './Checkbox.js';
-import './checkboxRadioSwitcher-5b69d7bd.js';
-import './guid-8ddf77b3.js';
-import './Popover-f4d1cac0.js';
-import './GeneUIProvider.js';
-import './ExtendedInput.js';
-import './index-897d8240.js';
-import './useClickOutside-5183e396.js';
-import './Scrollbar.js';
-import './ValidatableRadio.js';
-import './RadioGroup.js';
-import './Radio.js';
-import './ValidatableCheckbox.js';
-import './ValidatableSwitcher.js';
-import './Switcher.js';
-import './ValidatableNumberInput.js';
-import './ValidatableTextInput.js';
-import './ValidatableDatePicker.js';
-import './index-0199942c.js';
-import './DatePicker.js';
-import './localization-4ba17032.js';
-import './checkTimeValidation-e56771be.js';
-import './index-122432cd.js';
-import './debounce-4419bc2f.js';
-import './useEllipsisDetection-ef536015.js';
-import './Tabs.js';
-import './Steps.js';
-import './index-084588e9.js';
-import './Portal.js';
-import './Timeline.js';
-import './Card.js';
-import './MobilePopup.js';
-import './Menu.js';
-import './SkeletonLoader.js';
-import './KeyValue.js';
-import './configs.js';
-import './Tag.js';
-import './Alert.js';
-import './index-00fe8887.js';
-import './rangeAndSlider-20599da4.js';
-import './Slider.js';
-import './objectWithoutPropertiesLoose-299691d8.js';
-import './clsx.m-2bb6df4b.js';
-import './index-2030e31c.js';
-import './Notification.js';
-import './Modal.js';
-import './Collapse.js';
-import './Status.js';
-import './Avatar.js';
-import './Search.js';
-import './TextLink.js';
-import './Label.js';
-import './Badge.js';
-import './Time.js';
-import './Title.js';
-import './QRCode.js';
-import './Progress.js';
-import './MobileNavigation.js';
-import './Products.js';
-import './Breadcrumb.js';
-import './Section.js';
-import './ColorPicker.js';
-import './NavigationMenu.js';
-import './Textarea.js';
-import './AdvancedSearch.js';
-import './LinkButton.js';
-import './CellMeasurerCache-b786dd93.js';
-import './index-e8776f3d.js';
+import Icon from '../Icon/index.js';
+import Option from '../Option/index.js';
+import '../Popover-f4d1cac0.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../GeneUIProvider/index.js';
+import '../Search/index.js';
+import '../ExtendedInput/index.js';
+import '../hooks/useEllipsisDetection.js';
+import '../SuggestionList/index.js';
+import '../hooks/useKeyDown.js';
+import '../hooks/useClickOutside.js';
+import '../config-0ca92874.js';
+import '../Scrollbar/index.js';
+import '../objectWithoutPropertiesLoose-d8a4a68c.js';
+import '../react-lifecycles-compat.es-6e1f3768.js';
+import '../clsx.m-2bb6df4b.js';
+import '../hooks/useMount.js';
+import '../hooks/useClick.js';
+import '../hooks/useUpdatableRef.js';
+import '../hooks/useForceUpdate.js';
+import '../BusyLoader/index.js';
+import '../Empty/index.js';
+import '../index-122432cd.js';
+import '../debounce-4419bc2f.js';
+import '../Checkbox/index.js';
+import '../checkboxRadioSwitcher-5b69d7bd.js';
+import '../guid-8ddf77b3.js';
+import '../index-2ad83e03.js';
+import '../Tag/index.js';
+import '../ValidatableTextInput/index.js';
+import '../CellMeasurerCache-3741d716.js';
+import '../hooks/useUpdate.js';
+import '../hooks/useMutationObserver.js';
+import '../index-b1e429a7.js';
+import '../SkeletonLoader/index.js';
+import '../Popover/index.js';
+import '../Portal/index.js';
+import '../Menu/index.js';
 
 function WithTitle(_ref) {
   let {
@@ -115,12 +72,12 @@ function WithTitle(_ref) {
   }, restProps), actions), children);
 }
 WithTitle.propTypes = {
-  name: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]).isRequired,
-  actions: propTypesExports.node,
-  children: propTypesExports.node
+  name: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
+  actions: PropTypes.node,
+  children: PropTypes.node
 };
 
-var css_248z$2 = "[data-gene-ui-version=\"1.0.0\"] .paper-actions{align-items:center;display:flex;flex-shrink:0}[data-gene-ui-version=\"1.0.0\"] .paper-actions>li{align-items:center;display:flex;padding:2rem}[data-gene-ui-version=\"1.0.0\"] .paper-actions .paper-left-actions{flex:auto}[data-gene-ui-version=\"1.0.0\"] .paper-actions .paper-left-actions>.dropdown-holder,[data-gene-ui-version=\"1.0.0\"] .paper-actions .paper-left-actions>.input-holder{max-width:25.5rem}html:not([dir=rtl]) .paper-actions .paper-left-actions>*+*{margin-left:2rem}html[dir=rtl] .paper-actions .paper-left-actions>*+*{margin-right:2rem}[data-gene-ui-version=\"1.0.0\"] .paper-actions .paper-right-actions{flex-shrink:0}html:not([dir=rtl]) .paper-actions .paper-right-actions>:not(.btn)+:not(.btn){margin-left:1.6rem}html[dir=rtl] .paper-actions .paper-right-actions>:not(.btn)+:not(.btn){margin-right:1.6rem}";
+var css_248z$2 = "[data-gene-ui-version=\"2.12.2\"] .paper-actions{align-items:center;display:flex;flex-shrink:0}[data-gene-ui-version=\"2.12.2\"] .paper-actions>li{align-items:center;display:flex;padding:2rem}[data-gene-ui-version=\"2.12.2\"] .paper-actions .paper-left-actions{flex:auto}[data-gene-ui-version=\"2.12.2\"] .paper-actions .paper-left-actions>.dropdown-holder,[data-gene-ui-version=\"2.12.2\"] .paper-actions .paper-left-actions>.input-holder{max-width:25.5rem}html:not([dir=rtl]) .paper-actions .paper-left-actions>*+*{margin-left:2rem}html[dir=rtl] .paper-actions .paper-left-actions>*+*{margin-right:2rem}[data-gene-ui-version=\"2.12.2\"] .paper-actions .paper-right-actions{flex-shrink:0}html:not([dir=rtl]) .paper-actions .paper-right-actions>:not(.btn)+:not(.btn){margin-left:1.6rem}html[dir=rtl] .paper-actions .paper-right-actions>:not(.btn)+:not(.btn){margin-right:1.6rem}";
 styleInject(css_248z$2);
 
 function WithHeader(_ref) {
@@ -174,12 +131,12 @@ function WithHeader(_ref) {
   }, actions)), children);
 }
 WithHeader.propTypes = {
-  withSearch: propTypesExports.bool,
-  actions: propTypesExports.node,
-  leftHeaderActions: propTypesExports.node,
-  handleSearch: propTypesExports.func,
-  dropDownData: propTypesExports.arrayOf(propTypesExports.object),
-  checkAllText: propTypesExports.string
+  withSearch: PropTypes.bool,
+  actions: PropTypes.node,
+  leftHeaderActions: PropTypes.node,
+  handleSearch: PropTypes.func,
+  dropDownData: PropTypes.arrayOf(PropTypes.object),
+  checkAllText: PropTypes.string
 };
 WithHeader.defaultProps = {
   withSearch: false,
@@ -203,10 +160,10 @@ function PaperWrapper(_ref) {
   }, restProps), children);
 }
 PaperWrapper.propTypes = {
-  className: propTypesExports.string,
-  children: propTypesExports.node.isRequired,
-  cornerRadius: propTypesExports.string,
-  shadow: propTypesExports.bool
+  className: PropTypes.string,
+  children: PropTypes.node.isRequired,
+  cornerRadius: PropTypes.string,
+  shadow: PropTypes.bool
 };
 PaperWrapper.defaultProps = {
   shadow: true,
@@ -214,7 +171,7 @@ PaperWrapper.defaultProps = {
   paperDirection: 'column'
 };
 
-var css_248z$1 = "[data-gene-ui-version=\"1.0.0\"] .pagination-drop{align-items:center;display:flex}html:not([dir=rtl]) .pagination-drop>*+*{margin-left:2rem}html[dir=rtl] .pagination-drop>*+*{margin-right:2rem}[data-gene-ui-version=\"1.0.0\"] .pagination-drop>p{font-weight:600}[data-gene-ui-version=\"1.0.0\"] .ta-pagination-holder{align-items:center;border-top:1px solid rgba(var(--background-sc-rgb),.1);display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;padding:1rem;width:100%}[data-gene-ui-version=\"1.0.0\"] .ta-pagination-holder>li{padding:1rem}[data-gene-ui-version=\"1.0.0\"] .ta-pagination-holder>li:first-child{flex:auto}[data-gene-ui-version=\"1.0.0\"] .ta-pagination-holder>li:last-child{flex-shrink:0}";
+var css_248z$1 = "[data-gene-ui-version=\"2.12.2\"] .pagination-drop{align-items:center;display:flex}html:not([dir=rtl]) .pagination-drop>*+*{margin-left:2rem}html[dir=rtl] .pagination-drop>*+*{margin-right:2rem}[data-gene-ui-version=\"2.12.2\"] .pagination-drop>p{font-weight:600}[data-gene-ui-version=\"2.12.2\"] .ta-pagination-holder{align-items:center;border-top:1px solid rgba(var(--background-sc-rgb),.1);display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;padding:1rem;width:100%}[data-gene-ui-version=\"2.12.2\"] .ta-pagination-holder>li{padding:1rem}[data-gene-ui-version=\"2.12.2\"] .ta-pagination-holder>li:first-child{flex:auto}[data-gene-ui-version=\"2.12.2\"] .ta-pagination-holder>li:last-child{flex-shrink:0}";
 styleInject(css_248z$1);
 
 function PaginationSelector(_ref) {
@@ -270,12 +227,12 @@ function PaginationSelector(_ref) {
   }, controlledProps, paginationProps))));
 }
 PaginationSelector.propTypes = {
-  showSelector: propTypesExports.bool,
-  defaultOpenedPage: propTypesExports.number,
-  showPagination: propTypesExports.bool,
-  noItemsText: propTypesExports.string,
-  totalCount: propTypesExports.number.isRequired,
-  fabricateSelectorLabel: propTypesExports.func
+  showSelector: PropTypes.bool,
+  defaultOpenedPage: PropTypes.number,
+  showPagination: PropTypes.bool,
+  noItemsText: PropTypes.string,
+  totalCount: PropTypes.number.isRequired,
+  fabricateSelectorLabel: PropTypes.func
 };
 PaginationSelector.defaultProps = {
   defaultOpenedPage: 1,
@@ -286,7 +243,7 @@ PaginationSelector.defaultProps = {
   fabricateSelectorLabel: noop
 };
 
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .table-actions{align-items:center;display:flex;padding:1rem}[data-gene-ui-version=\"1.0.0\"] .table-actions>li{padding:1rem}[data-gene-ui-version=\"1.0.0\"] .table-actions .table-left-actions{flex:auto}[data-gene-ui-version=\"1.0.0\"] .table-actions .table-right-actions{flex-shrink:0}";
+var css_248z = "[data-gene-ui-version=\"2.12.2\"] .table-actions{align-items:center;display:flex;padding:1rem}[data-gene-ui-version=\"2.12.2\"] .table-actions>li{padding:1rem}[data-gene-ui-version=\"2.12.2\"] .table-actions .table-left-actions{flex:auto}[data-gene-ui-version=\"2.12.2\"] .table-actions .table-right-actions{flex-shrink:0}";
 styleInject(css_248z);
 
 function TableHeader(_ref) {
@@ -316,11 +273,11 @@ TableHeader.propTypes = {
   /**
    * Define is search bar will shown or no
    */
-  withSearch: propTypesExports.bool,
+  withSearch: PropTypes.bool,
   /**
    * Any valid react node
    */
-  headerActions: propTypesExports.node
+  headerActions: PropTypes.node
 };
 
 function WrapperTableWithHeader(_ref) {
@@ -350,15 +307,15 @@ TableTitle.propTypes = {
   /**
    * Any valid react node
    */
-  titleActions: propTypesExports.node,
+  titleActions: PropTypes.node,
   /**
    * Value for title
    */
-  name: propTypesExports.string.isRequired,
+  name: PropTypes.string.isRequired,
   /**
    * Callback for refresh icon click
    */
-  onRefreshClick: propTypesExports.func
+  onRefreshClick: PropTypes.func
 };
 
 function WrapperTableTitle(_ref) {
@@ -537,31 +494,31 @@ PaginationTable.propTypes = {
   /**
    * Page number that must be opened by default
    */
-  defaultOpenedPage: propTypesExports.number,
+  defaultOpenedPage: PropTypes.number,
   /**
    * Rows total count
    */
-  rowsCount: propTypesExports.number,
+  rowsCount: PropTypes.number,
   /**
    * Data for selector dropdown
    */
-  selectorData: propTypesExports.array,
+  selectorData: PropTypes.array,
   /**
    * Define pagination will be shown or no.
    */
-  withPagination: propTypesExports.bool,
+  withPagination: PropTypes.bool,
   /**
    * Define page selector will be shown or no.
    */
-  withPageSelector: propTypesExports.bool,
+  withPageSelector: PropTypes.bool,
   /**
    * Default value for selector dropdown
    */
-  selectorDefaultValue: propTypesExports.number,
+  selectorDefaultValue: PropTypes.number,
   /**
    * Value for selector dropdown
    */
-  selectorValue: propTypesExports.number
+  selectorValue: PropTypes.number
 };
 PaginationTable.defaultProps = {
   withPageSelector: true,
@@ -606,9 +563,9 @@ function WrapperTableContainer(_ref) {
   }, headerProps))));
 }
 WrapperTableContainer.propTypes = {
-  name: propTypesExports.string.isRequired,
-  titleActions: propTypesExports.node,
-  headerActions: propTypesExports.node,
+  name: PropTypes.string.isRequired,
+  titleActions: PropTypes.node,
+  headerActions: PropTypes.node,
   ...TableHeader.propTypes
 };
 
@@ -16558,6 +16515,12 @@ const exportToCSV = async (fileName, data, columns) => {
   return await createFile(file, fileName, 'csv');
 };
 
+const stopEvent = function (event) {
+  let isPreventNeeded = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  event.stopPropagation();
+  isPreventNeeded && event.preventDefault();
+};
+
 function ExportItem(_ref) {
   let {
     type,
@@ -16720,14 +16683,14 @@ function Export(_ref) {
   }, exportButtonText));
 }
 Export.propTypes = {
-  fileName: propTypesExports.string.isRequired,
-  exportButtonText: propTypesExports.string,
-  exportButtonTooltipText: propTypesExports.string,
-  csvIconTooltipText: propTypesExports.string,
-  xlsIconTooltipText: propTypesExports.string,
-  isDisable: propTypesExports.bool,
-  tableColumns: propTypesExports.arrayOf(propTypesExports.object).isRequired,
-  getDataForExport: propTypesExports.func
+  fileName: PropTypes.string.isRequired,
+  exportButtonText: PropTypes.string,
+  exportButtonTooltipText: PropTypes.string,
+  csvIconTooltipText: PropTypes.string,
+  xlsIconTooltipText: PropTypes.string,
+  isDisable: PropTypes.bool,
+  tableColumns: PropTypes.arrayOf(PropTypes.object).isRequired,
+  getDataForExport: PropTypes.func
 };
 Export.defaultProps = {
   isDisable: false,
@@ -16912,92 +16875,92 @@ ComboTable.propTypes = {
    * Fires event when edit button is clicked,
    * (event: Event) => void
    */
-  onEdit: propTypesExports.func,
+  onEdit: PropTypes.func,
   /**
    * Fires event when clicked on `Save` or `Cancel` buttons
    * (save: Boolean) => void
    */
-  onSaveChanges: propTypesExports.func,
+  onSaveChanges: PropTypes.func,
   /**
    * Enables searchbar with dropdown on top left corner under the title of the table
    */
-  withSearch: propTypesExports.bool,
+  withSearch: PropTypes.bool,
   /**
    * Enables export dropdown on the top right corner of the table
    */
-  withExport: propTypesExports.bool,
+  withExport: PropTypes.bool,
   /**
    * Disable Save button if false
    */
-  isSaveActive: propTypesExports.bool,
+  isSaveActive: PropTypes.bool,
   /**
    * Enable Edit mode from outside
    */
-  editActiveOutside: propTypesExports.bool,
+  editActiveOutside: PropTypes.bool,
   /**
    * Any valid React node,
    * Displays on the right corner of the table's title
    */
-  titleActions: propTypesExports.node,
+  titleActions: PropTypes.node,
   /**
    * Any valid React node,
    * Displays on the right top corner above table's title
    */
-  headerActions: propTypesExports.node,
+  headerActions: PropTypes.node,
   /**
    * Displays refresh button and handles click event,
    * (event: Event) => void
    */
-  onRefreshClick: propTypesExports.func,
+  onRefreshClick: PropTypes.func,
   /**
    * Custom text for edit button
    */
-  editButtonText: propTypesExports.string,
+  editButtonText: PropTypes.string,
   /**
    * Table's name
    */
-  name: propTypesExports.node.isRequired,
+  name: PropTypes.node.isRequired,
   /**
    * Custom text for approving button in edit mode
    */
-  editApprovalText: propTypesExports.string,
+  editApprovalText: PropTypes.string,
   /**
    * Custom text for rejecting button in edit mode
    */
-  editRejectionText: propTypesExports.string,
+  editRejectionText: PropTypes.string,
   /**
    * additional className which will apply to table loader container
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /**
    * Hides dropdown on search if true
    */
-  hideSearchDropdown: propTypesExports.bool,
+  hideSearchDropdown: PropTypes.bool,
   /**
    * Displays refresh button on top right corner
    */
-  showRefreshButton: propTypesExports.bool,
+  showRefreshButton: PropTypes.bool,
   /**
    * Initial sort state
    */
-  defaultSortType: propTypesExports.oneOf(['asc', 'desc']),
+  defaultSortType: PropTypes.oneOf(['asc', 'desc']),
   /**
    * Initially sorted column
    */
-  defaultSortedColumn: propTypesExports.string,
+  defaultSortedColumn: PropTypes.string,
   /**
    * Exporting file name
    */
-  exportedFileName: propTypesExports.string,
+  exportedFileName: PropTypes.string,
   /**
    * Text for refresh button tooltip
    */
-  refreshButtonTooltipText: propTypesExports.string,
+  refreshButtonTooltipText: PropTypes.string,
   /**
    * Customize pagination selectors' label text
    * (currentValue: Number, totalCount: Number) => void
    */
-  fabricateSelectorLabel: propTypesExports.func,
+  fabricateSelectorLabel: PropTypes.func,
   /**
    * getDataForExport: (type: string) => array || object
    * with the help of these functions you can modify the exported data in two ways
@@ -17007,7 +16970,7 @@ ComboTable.propTypes = {
    * (but don't forget, there's still exportedFileName, so if you add name to exportedFileName will be useless and will not be used)
    * return { columns: [{...}, ...], data: [{...}, ...], name: 'file name' }
    */
-  getDataForExport: propTypesExports.func,
+  getDataForExport: PropTypes.func,
   ...PaginationTable.propTypes
 };
 ComboTable.defaultProps = {