@banyan_cloud/roots 2.0.4 → 2.0.6

package/dist/esm/src/components/tableV2/table/tableFilters/TableFilters.js

@@ -0,0 +1,266 @@
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../../../../node_modules/prop-types/index.js';
+import { useState } from 'react';
+import { classes, inputHelper } from '../../../../utils/utils.js';
+import '../../../buttons/baseButton/BaseButton.js';
+import Button from '../../../buttons/button/Button.js';
+import '../../../buttons/chip/Chip.js';
+import { BaseCell } from '../../../cell/BaseCell.js';
+import '../../../cell/BaseCell.types.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import '../../../icons/AngleDouble/AngleDouble.js';
+import Arrow from '../../../icons/Arrow/Arrow.js';
+import '../../../icons/BreadcrumbSeperator/BreadcrumbSeperator.js';
+import '../../../icons/Calender/Calender.js';
+import '../../../icons/CheckboxIcon/CheckboxIcon.js';
+import '../../../icons/Chevron/Chevron.js';
+import ColumnFilter from '../../../icons/ColumnFilter/ColumnFilter.js';
+import '../../../icons/Columns/Columns.js';
+import '../../../icons/Copy/Copy.js';
+import Cross from '../../../icons/Cross/Cross.js';
+import '../../../icons/Delete/Delete.js';
+import '../../../icons/Download/Download.js';
+import '../../../icons/Dropdown/DropdownIcon.js';
+import '../../../icons/Edit/Edit.js';
+import Filter from '../../../icons/Filter/Filter.js';
+import '../../../icons/FlowChart/FlowChart.js';
+import '../../../icons/fullScreen/FullScreen.js';
+import '../../../icons/HalfShade/HalfShade.js';
+import '../../../icons/Home/Home.js';
+import '../../../icons/MagnifyingGlass/MagnifyingGlass.js';
+import '../../../icons/Nut/Nut.js';
+import '../../../icons/Plus/Plus.js';
+import '../../../icons/RadioIcon/RadioIcon.js';
+import '../../../icons/Refresh/Refresh.js';
+import '../../../icons/Reset/Reset.js';
+import SearchIcon from '../../../icons/SearchIcon/SearchIcon.js';
+import '../../../icons/Server/Server.js';
+import '../../../icons/Tick/Tick.js';
+import '../../../icons/View/View.js';
+import '../../../input/checkbox/CheckBox.js';
+import '../../../input/dropdown/Dropdown.js';
+import '../../../input/dropdown/dropdown-item/DropdownItem.js';
+import Dropdown from '../../../input/dropdownv2/Dropdownv2.js';
+import DropdownItem from '../../../input/dropdownv2/dropdown-itemv2/DropdownItemv2.js';
+import '../../../input/radio/Radio.js';
+import '@tiptap/extension-color';
+import '@tiptap/extension-highlight';
+import '@tiptap/extension-link';
+import '@tiptap/extension-placeholder';
+import '@tiptap/extension-text-align';
+import '@tiptap/extension-text-style';
+import '@tiptap/extension-underline';
+import '@tiptap/react';
+import '@tiptap/starter-kit';
+import '../../../modal/dialogBox/DialogBox.js';
+import TextField from '../../../input/textFieldv2/TextFieldv2.js';
+import '../../../input/richEditor/RichEditor.module.css.js';
+import '../../../input/slider/Slider.js';
+import '../../../input/switch/Switch.js';
+import '../../../input/textField/TextField.js';
+import Text from '../../../text/Text.js';
+import modules_a0fe63f9 from './TableFilters.module.css.js';
+import { exports as propTypesExports } from '../../../../../_virtual/index.js';
+
+var TableFilters = function TableFilters(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    _props$headerData = props.headerData,
+    headerData = _props$headerData === void 0 ? [] : _props$headerData,
+    hiddenColumns = props.hiddenColumns,
+    setHiddenColumns = props.setHiddenColumns,
+    _props$disabledFilter = props.disabledFilterOptions,
+    disabledFilterOptions = _props$disabledFilter === void 0 ? {} : _props$disabledFilter,
+    _props$tableTitleText = props.tableTitleText,
+    tableTitleText = _props$tableTitleText === void 0 ? '' : _props$tableTitleText,
+    _props$tableDescripti = props.tableDescriptionText,
+    tableDescriptionText = _props$tableDescripti === void 0 ? '' : _props$tableDescripti,
+    _props$onSearch = props.onSearch,
+    onSearch = _props$onSearch === void 0 ? function () {} : _props$onSearch,
+    onClear = props.onClear,
+    _props$searchPlacehol = props.searchPlaceholder,
+    searchPlaceholder = _props$searchPlacehol === void 0 ? '' : _props$searchPlacehol,
+    _props$toggleDrawer = props.toggleDrawer,
+    toggleDrawer = _props$toggleDrawer === void 0 ? function () {} : _props$toggleDrawer,
+    filtersCount = props.filtersCount,
+    searchDisabled = props.searchDisabled,
+    _props$rightActions = props.rightActions,
+    rightActions = _props$rightActions === void 0 ? function () {} : _props$rightActions;
+  var _disabledFilterOption = disabledFilterOptions.search,
+    disabledSearch = _disabledFilterOption === void 0 ? true : _disabledFilterOption;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    search = _useState2[0],
+    setSearch = _useState2[1];
+  var columnFilters = headerData === null || headerData === void 0 ? void 0 : headerData.filter(function (datum) {
+    return datum.columnFilter;
+  });
+  var columns = columnFilters === null || columnFilters === void 0 ? void 0 : columnFilters.map(function (datum) {
+    return {
+      title: datum.title,
+      value: datum.id
+    };
+  });
+  var handleColumnChange = function handleColumnChange(_, col) {
+    var items = {};
+    col.forEach(function (column) {
+      items[column] = true;
+    });
+    setHiddenColumns(items);
+  };
+  var getAdvancedFilterTitle = function getAdvancedFilterTitle() {
+    if (filtersCount > 0) {
+      if (filtersCount === 1) {
+        return "".concat(filtersCount);
+      }
+      return "".concat(filtersCount);
+    }
+    return '';
+  };
+  var handleKeyDown = function handleKeyDown(event) {
+    if (event.key === 'Enter') {
+      onSearch(search);
+    }
+  };
+  var hideActions = columnFilters.length === 0 && disabledSearch && !rightActions;
+  return /*#__PURE__*/jsx(BaseCell, _objectSpread2({
+    flexible: true,
+    className: classes(modules_a0fe63f9.root, className),
+    attrs: {
+      style: style
+    },
+    component1: /*#__PURE__*/jsxs("div", {
+      className: modules_a0fe63f9.details,
+      children: [/*#__PURE__*/jsx(Text, {
+        variant: "b1",
+        weight: 600,
+        children: tableTitleText
+      }), /*#__PURE__*/jsx(Text, {
+        className: modules_a0fe63f9.description,
+        variant: "b2",
+        weight: 400,
+        children: tableDescriptionText
+      })]
+    }),
+    component2: !searchDisabled && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(TextField, {
+        className: modules_a0fe63f9.search,
+        placeholder: searchPlaceholder,
+        value: search,
+        onKeyDown: handleKeyDown,
+        onChange: function onChange(e) {
+          var _inputHelper = inputHelper(e),
+            fieldValue = _inputHelper.fieldValue;
+          setSearch(fieldValue);
+        },
+        LeftComponent: function LeftComponent() {
+          return /*#__PURE__*/jsx(SearchIcon, {
+            className: modules_a0fe63f9.icon
+          });
+        }
+      }), /*#__PURE__*/jsx(Button, {
+        className: classes(modules_a0fe63f9['search-button'], onClear && modules_a0fe63f9.clear),
+        onClick: function onClick() {
+          if (onClear) {
+            onClear();
+            setSearch('');
+            return;
+          }
+          onSearch(search);
+        },
+        leftComponent: function leftComponent() {
+          if (onClear) {
+            return /*#__PURE__*/jsx(Cross, {
+              className: modules_a0fe63f9.icon
+            });
+          }
+          return /*#__PURE__*/jsx(Arrow, {
+            className: classes(modules_a0fe63f9.icon, modules_a0fe63f9.arrow)
+          });
+        }
+      })]
+    })
+  }, !hideActions && {
+    component3: /*#__PURE__*/jsxs("div", {
+      className: modules_a0fe63f9.filters,
+      children: [rightActions === null || rightActions === void 0 ? void 0 : rightActions({
+        toggleDrawer: toggleDrawer
+      }), !disabledSearch && /*#__PURE__*/jsx(Button, {
+        size: "auto",
+        className: classes(modules_a0fe63f9['adv-filter'], filtersCount > 0 ? modules_a0fe63f9.filter : ''),
+        title: getAdvancedFilterTitle(),
+        onClick: function onClick() {
+          toggleDrawer({
+            data: {
+              index: 0,
+              standalone: true
+            }
+          });
+        },
+        leftComponent: function leftComponent() {
+          return /*#__PURE__*/jsx(Filter, {
+            className: modules_a0fe63f9.icon,
+            v2: true
+          });
+        }
+      }), columnFilters.length > 0 && /*#__PURE__*/jsx(Dropdown, {
+        className: modules_a0fe63f9['column-dropdown'],
+        popperClassName: modules_a0fe63f9['column-dropdown-popper'],
+        leftComponent: {
+          Active: function Active() {
+            return /*#__PURE__*/jsx(ColumnFilter, {
+              className: modules_a0fe63f9.icon,
+              v2: true,
+              active: true
+            });
+          },
+          InActive: function InActive() {
+            return /*#__PURE__*/jsx(ColumnFilter, {
+              className: modules_a0fe63f9.icon,
+              v2: true
+            });
+          }
+        },
+        placeholder: "",
+        multi: true,
+        multiSelectActionTitle: "Hide",
+        valueAsCount: true,
+        formatter: function formatter(totalSelected) {
+          return /*#__PURE__*/jsx(Text, {
+            weight: 500,
+            className: classes(modules_a0fe63f9.value, !totalSelected ? modules_a0fe63f9.hide : ''),
+            children: totalSelected
+          });
+        },
+        value: Object.keys(hiddenColumns !== null && hiddenColumns !== void 0 ? hiddenColumns : {}),
+        onChange: handleColumnChange,
+        children: columns === null || columns === void 0 ? void 0 : columns.map(function (col) {
+          return /*#__PURE__*/jsx(DropdownItem, {
+            title: col.title,
+            value: col.value,
+            variant: "checkbox"
+          }, col.value);
+        })
+      })]
+    })
+  }));
+};
+TableFilters.propTypes = {
+  className: propTypesExports.string,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: propTypesExports.object,
+  onAdvancedFilterClick: propTypesExports.func,
+  disabledFilterOptions: propTypesExports.shape({
+    filterButton: propTypesExports.bool,
+    refresh: propTypesExports.bool,
+    columnFilter: propTypesExports.bool,
+    settings: propTypesExports.bool
+  }),
+  theme: propTypesExports.oneOf(['light', 'dark']),
+  tableTitleText: propTypesExports.string
+};
+
+export { TableFilters as default };
+//# sourceMappingURL=TableFilters.js.map

package/dist/esm/src/components/tableV2/table/tableFilters/TableFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFilters.js","sources":["../../../../../../../src/components/tableV2/table/tableFilters/TableFilters.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useState } from 'react';\nimport { classes, inputHelper } from '../../../../utils';\nimport { Button } from '../../../buttons';\nimport { BaseCell } from '../../../cell';\nimport { ArrowIcon, ColumnFilter, CrossIcon, FilterIcon, SearchIcon } from '../../../icons';\nimport { DropdownItemv2, Dropdownv2, TextFieldv2 } from '../../../input';\nimport { Text } from '../../../text';\nimport styles from './TableFilters.module.css';\n\nconst TableFilters = (props) => {\n\tconst {\n\t\tclassName = '',\n\t\tstyle = {},\n\t\theaderData = [],\n\t\thiddenColumns,\n\t\tsetHiddenColumns,\n\t\tdisabledFilterOptions = {},\n\t\ttableTitleText = '',\n\t\ttableDescriptionText = '',\n\t\tonSearch = () => {},\n\t\tonClear,\n\t\tsearchPlaceholder = '',\n\t\ttoggleDrawer = () => {},\n\t\tfiltersCount,\n\t\tsearchDisabled,\n\t\trightActions = () => {},\n\t} = props;\n\n\tconst { search: disabledSearch = true } = disabledFilterOptions;\n\n\tconst [search, setSearch] = useState('');\n\n\tconst columnFilters = headerData?.filter((datum) => {\n\t\treturn datum.columnFilter;\n\t});\n\n\tconst columns = columnFilters?.map((datum) => {\n\t\treturn {\n\t\t\ttitle: datum.title,\n\t\t\tvalue: datum.id,\n\t\t};\n\t});\n\n\tconst handleColumnChange = (_, col) => {\n\t\tconst items = {};\n\t\tcol.forEach((column) => {\n\t\t\titems[column] = true;\n\t\t});\n\t\tsetHiddenColumns(items);\n\t};\n\n\tconst getAdvancedFilterTitle = () => {\n\t\tif (filtersCount > 0) {\n\t\t\tif (filtersCount === 1) {\n\t\t\t\treturn `${filtersCount}`;\n\t\t\t}\n\t\t\treturn `${filtersCount}`;\n\t\t}\n\t\treturn '';\n\t};\n\n\tconst handleKeyDown = (event) => {\n\t\tif (event.key === 'Enter') {\n\t\t\tonSearch(search);\n\t\t}\n\t};\n\n\tconst hideActions = columnFilters.length === 0 && disabledSearch && !rightActions;\n\n\treturn (\n\t\t<BaseCell\n\t\t\tflexible\n\t\t\tclassName={classes(styles.root, className)}\n\t\t\tattrs={{\n\t\t\t\tstyle,\n\t\t\t}}\n\t\t\tcomponent1={\n\t\t\t\t<div className={styles.details}>\n\t\t\t\t\t<Text variant='b1' weight={600}>\n\t\t\t\t\t\t{tableTitleText}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Text className={styles.description} variant='b2' weight={400}>\n\t\t\t\t\t\t{tableDescriptionText}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\tcomponent2={\n\t\t\t\t!searchDisabled && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<TextFieldv2\n\t\t\t\t\t\t\tclassName={styles.search}\n\t\t\t\t\t\t\tplaceholder={searchPlaceholder}\n\t\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\tconst { fieldValue } = inputHelper(e);\n\t\t\t\t\t\t\t\tsetSearch(fieldValue);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tLeftComponent={() => {\n\t\t\t\t\t\t\t\treturn <SearchIcon className={styles.icon} />;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName={classes(styles['search-button'], onClear && styles.clear)}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (onClear) {\n\t\t\t\t\t\t\t\t\tonClear();\n\t\t\t\t\t\t\t\t\tsetSearch('');\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonSearch(search);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tleftComponent={() => {\n\t\t\t\t\t\t\t\tif (onClear) {\n\t\t\t\t\t\t\t\t\treturn <CrossIcon className={styles.icon} />;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn <ArrowIcon className={classes(styles.icon, styles.arrow)} />;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t)\n\t\t\t}\n\t\t\t{...(!hideActions && {\n\t\t\t\tcomponent3: (\n\t\t\t\t\t<div className={styles.filters}>\n\t\t\t\t\t\t{rightActions?.({\n\t\t\t\t\t\t\ttoggleDrawer,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t{!disabledSearch && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize='auto'\n\t\t\t\t\t\t\t\tclassName={classes(\n\t\t\t\t\t\t\t\t\tstyles['adv-filter'],\n\t\t\t\t\t\t\t\t\tfiltersCount > 0 ? styles.filter : ''\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\ttitle={getAdvancedFilterTitle()}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\ttoggleDrawer({\n\t\t\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\t\t\tindex: 0,\n\t\t\t\t\t\t\t\t\t\t\tstandalone: true,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tleftComponent={() => {\n\t\t\t\t\t\t\t\t\treturn <FilterIcon className={styles.icon} v2 />;\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{columnFilters.length > 0 && (\n\t\t\t\t\t\t\t<Dropdownv2\n\t\t\t\t\t\t\t\tclassName={styles['column-dropdown']}\n\t\t\t\t\t\t\t\tpopperClassName={styles['column-dropdown-popper']}\n\t\t\t\t\t\t\t\tleftComponent={{\n\t\t\t\t\t\t\t\t\tActive: () => {\n\t\t\t\t\t\t\t\t\t\treturn <ColumnFilter className={styles.icon} v2 active />;\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tInActive: () => {\n\t\t\t\t\t\t\t\t\t\treturn <ColumnFilter className={styles.icon} v2 />;\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tplaceholder=''\n\t\t\t\t\t\t\t\tmulti\n\t\t\t\t\t\t\t\tmultiSelectActionTitle='Hide'\n\t\t\t\t\t\t\t\tvalueAsCount\n\t\t\t\t\t\t\t\tformatter={(totalSelected) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\tweight={500}\n\t\t\t\t\t\t\t\t\t\t\tclassName={classes(\n\t\t\t\t\t\t\t\t\t\t\t\tstyles.value,\n\t\t\t\t\t\t\t\t\t\t\t\t!totalSelected ? styles.hide : ''\n\t\t\t\t\t\t\t\t\t\t\t)}>\n\t\t\t\t\t\t\t\t\t\t\t{totalSelected}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue={Object.keys(hiddenColumns ?? {})}\n\t\t\t\t\t\t\t\tonChange={handleColumnChange}>\n\t\t\t\t\t\t\t\t{columns?.map((col) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<DropdownItemv2\n\t\t\t\t\t\t\t\t\t\t\tkey={col.value}\n\t\t\t\t\t\t\t\t\t\t\ttitle={col.title}\n\t\t\t\t\t\t\t\t\t\t\tvalue={col.value}\n\t\t\t\t\t\t\t\t\t\t\tvariant='checkbox'\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</Dropdownv2>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t),\n\t\t\t})}\n\t\t/>\n\t);\n};\n\nTableFilters.propTypes = {\n\tclassName: PropTypes.string,\n\t// eslint-disable-next-line react/forbid-prop-types\n\tstyle: PropTypes.object,\n\tonAdvancedFilterClick: PropTypes.func,\n\tdisabledFilterOptions: PropTypes.shape({\n\t\tfilterButton: PropTypes.bool,\n\t\trefresh: PropTypes.bool,\n\t\tcolumnFilter: PropTypes.bool,\n\t\tsettings: PropTypes.bool,\n\t}),\n\ttheme: PropTypes.oneOf(['light', 'dark']),\n\ttableTitleText: PropTypes.string,\n};\n\nexport default TableFilters;\n"],"names":["TableFilters","props","_props$className","className","_props$style","style","_props$headerData","headerData","hiddenColumns","setHiddenColumns","_props$disabledFilter","disabledFilterOptions","_props$tableTitleText","tableTitleText","_props$tableDescripti","tableDescriptionText","_props$onSearch","onSearch","onClear","_props$searchPlacehol","searchPlaceholder","_props$toggleDrawer","toggleDrawer","filtersCount","searchDisabled","_props$rightActions","rightActions","_disabledFilterOption","search","disabledSearch","_useState","useState","_useState2","_slicedToArray","setSearch","columnFilters","filter","datum","columnFilter","columns","map","title","value","id","handleColumnChange","_","col","items","forEach","column","getAdvancedFilterTitle","concat","handleKeyDown","event","key","hideActions","length","_jsx","BaseCell","_objectSpread","flexible","classes","styles","root","attrs","component1","_jsxs","details","children","Text","variant","weight","description","component2","_Fragment","TextFieldv2","placeholder","onKeyDown","onChange","e","_inputHelper","inputHelper","fieldValue","LeftComponent","SearchIcon","icon","Button","clear","onClick","leftComponent","CrossIcon","ArrowIcon","arrow","component3","filters","size","data","index","standalone","FilterIcon","v2","Dropdownv2","popperClassName","Active","ColumnFilter","active","InActive","multi","multiSelectActionTitle","valueAsCount","formatter","totalSelected","hide","Object","keys","DropdownItemv2","propTypes","PropTypes","string","object","onAdvancedFilterClick","func","shape","filterButton","bool","refresh","settings","theme","oneOf"],"mappings":"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"}

package/dist/esm/src/components/tableV2/table/tableFilters/TableFilters.module.css.js

@@ -0,0 +1,8 @@
+import n from '../../../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js';
+
+var css = ".TableFilters_module_root__22ca9f07[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1.0625rem 1.25rem;\n  height: auto;\n  width: 100%;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component1] {\n  flex: 1;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_details__22ca9f07 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 0.5rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_details__22ca9f07 .TableFilters_module_description__22ca9f07 {\n  max-width: 30rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] {\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  height: 3rem;\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n  border-radius: 0.3125rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 {\n  height: 100%;\n  width: 100%;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 > label {\n  height: 100%;\n  align-self: stretch;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 > label > [data-elem=base-cell] {\n  padding: 0rem;\n  height: 100%;\n  border-radius: 0.3125rem;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  outline: none;\n  box-shadow: none;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 > label > [data-elem=base-cell] > [data-elem=component1] {\n  padding: 0.625rem 0rem 0.625rem 0.75rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 > label > [data-elem=base-cell] > [data-elem=component2] {\n  padding: 0.625rem 0rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 > label > [data-elem=base-cell] [data-elem=input] {\n  font-size: 0.875rem;\n  font-weight: 500;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 > label > [data-elem=base-cell] [data-elem=input]::-moz-placeholder {\n  font-weight: 500;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 > label > [data-elem=base-cell] [data-elem=input]::placeholder {\n  font-weight: 500;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 > label > [data-elem=base-cell] [data-elem=input]::-moz-placeholder {\n  font-weight: 500;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__22ca9f07[data-elem=base-cell] {\n  background-color: transparent;\n  width: auto;\n  border-left: 0.1px solid var(--mono-color3);\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  height: 100%;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__22ca9f07[data-elem=base-cell] > [data-elem=component1] > [data-elem=text] {\n  color: var(--text-color);\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__22ca9f07[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_icon__22ca9f07 {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__22ca9f07[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_icon__22ca9f07.TableFilters_module_arrow__22ca9f07 {\n  width: 1.75rem;\n  height: 1.75rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__22ca9f07[data-elem=base-cell]:hover {\n  background-color: var(--light-color2);\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__22ca9f07[data-elem=base-cell].TableFilters_module_clear__22ca9f07 {\n  background-color: var(--light-color2);\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] {\n  flex: 1;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 button.TableFilters_module_advFilter__22ca9f07[data-elem=base-cell] {\n  background: transparent;\n  box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n  height: -moz-fit-content;\n  height: fit-content;\n  padding: 0.825rem 0.8rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 button.TableFilters_module_advFilter__22ca9f07[data-elem=base-cell]:hover {\n  opacity: 0.7;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 button.TableFilters_module_advFilter__22ca9f07[data-elem=base-cell] > [data-elem=component2] > [data-elem=title] {\n  color: var(--white) !important;\n  font-size: 0.75rem !important;\n  font-weight: 500;\n  line-height: 1.3125rem;\n  padding: 0.1rem 0.5rem;\n  background-color: var(--secondary-color2);\n  border-radius: 0.25rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 button.TableFilters_module_advFilter__22ca9f07[data-elem=base-cell].TableFilters_module_filter__22ca9f07 {\n  padding: 0.7rem 0.7rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_icon__22ca9f07 {\n  width: 1.25rem;\n  height: 1.25rem;\n  flex-shrink: 0;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 > [data-elem=header] > [data-elem=select] {\n  border: none;\n  padding: 0.7rem 0.65rem;\n  width: auto;\n  font-size: 0.875rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 > [data-elem=header] > [data-elem=select]:hover {\n  opacity: 0.7;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 > [data-elem=header] > [data-elem=select] span.TableFilters_module_value__22ca9f07 {\n  background-color: var(--secondary-color2);\n  padding: 0.1rem 0.5rem;\n  background-color: var(--secondary-color2);\n  border-radius: 0.25rem;\n  color: var(--white) !important;\n  font-size: 0.75rem !important;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 > [data-elem=header] > [data-elem=select] span.TableFilters_module_value__22ca9f07.TableFilters_module_hide__22ca9f07 {\n  display: none;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 > [data-elem=header] > [data-elem=select] > div {\n  margin-left: -0.3125rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 > [data-elem=header] > [data-elem=select] > svg {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 > [data-elem=header] > [data-elem=select] > div {\n  display: none;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 .TableFilters_module_item__22ca9f07 {\n  height: 3rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 .TableFilters_module_item__22ca9f07 > [data-elem=title] {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.TableFilters_module_columnDropdownPopper__22ca9f07 {\n  width: 20rem !important;\n}";
+var modules_a0fe63f9 = {"root":"TableFilters_module_root__22ca9f07","details":"TableFilters_module_details__22ca9f07","description":"TableFilters_module_description__22ca9f07","search":"TableFilters_module_search__22ca9f07","search-button":"TableFilters_module_searchButton__22ca9f07","icon":"TableFilters_module_icon__22ca9f07","arrow":"TableFilters_module_arrow__22ca9f07","clear":"TableFilters_module_clear__22ca9f07","filters":"TableFilters_module_filters__22ca9f07","adv-filter":"TableFilters_module_advFilter__22ca9f07","filter":"TableFilters_module_filter__22ca9f07","column-dropdown":"TableFilters_module_columnDropdown__22ca9f07","value":"TableFilters_module_value__22ca9f07","hide":"TableFilters_module_hide__22ca9f07","item":"TableFilters_module_item__22ca9f07","column-dropdown-popper":"TableFilters_module_columnDropdownPopper__22ca9f07"};
+n(css,{});
+
+export { css, modules_a0fe63f9 as default };
+//# sourceMappingURL=TableFilters.module.css.js.map

package/dist/esm/src/components/tableV2/table/tableFilters/TableFilters.module.css.js.map

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

package/dist/esm/src/components/tabs/Skeleton/Skeleton.module.css.js

@@ -0,0 +1,8 @@
+import n from '../../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js';
+
+var css = ".Skeleton_module_root__d40be17c {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: flex-start;\n  height: 100%;\n  width: 100%;\n  gap: 1.5rem;\n  padding: 1rem;\n}";
+var modules_37a5ff73 = {"root":"Skeleton_module_root__d40be17c"};
+n(css,{});
+
+export { css, modules_37a5ff73 as default };
+//# sourceMappingURL=Skeleton.module.css.js.map

package/dist/esm/src/components/tabs/Skeleton/Skeleton.module.css.js.map

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

package/dist/esm/src/components/tabs/Skeleton/Tabs.skeleton.js

@@ -0,0 +1,27 @@
+import { toConsumableArray as _toConsumableArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import Skeleton from '../../skeleton/Skeleton.js';
+import modules_37a5ff73 from './Skeleton.module.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var TILES = _toConsumableArray(Array(3).keys()).map(function () {
+  return 70;
+});
+var ChartSkeleton = function ChartSkeleton(_ref) {
+  var theme = _ref.theme,
+    fallback = _ref.fallback;
+  return /*#__PURE__*/jsx("div", {
+    className: modules_37a5ff73.root,
+    children: TILES.map(function (tile) {
+      return /*#__PURE__*/jsx(Skeleton, {
+        theme: theme,
+        variant: "rounded",
+        width: "".concat(tile, "%"),
+        height: "3rem",
+        noAnimation: fallback
+      }, tile);
+    })
+  });
+};
+
+export { ChartSkeleton as default };
+//# sourceMappingURL=Tabs.skeleton.js.map

package/dist/esm/src/components/tabs/Skeleton/Tabs.skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.skeleton.js","sources":["../../../../../../src/components/tabs/Skeleton/Tabs.skeleton.jsx"],"sourcesContent":["import { Skeleton } from '../../skeleton';\nimport styles from './Skeleton.module.css';\n\nconst TILES = [...Array(3).keys()].map(() => {\n\treturn 70;\n});\n\nconst ChartSkeleton = ({ theme, fallback }) => {\n\treturn (\n\t\t<div className={styles.root}>\n\t\t\t{TILES.map((tile) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Skeleton\n\t\t\t\t\t\tkey={tile}\n\t\t\t\t\t\ttheme={theme}\n\t\t\t\t\t\tvariant='rounded'\n\t\t\t\t\t\twidth={`${tile}%`}\n\t\t\t\t\t\theight='3rem'\n\t\t\t\t\t\tnoAnimation={fallback}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default ChartSkeleton;\n"],"names":["TILES","_toConsumableArray","Array","keys","map","ChartSkeleton","_ref","theme","fallback","_jsx","className","styles","root","children","tile","Skeleton","variant","width","concat","height","noAnimation"],"mappings":";;;;;AAGA,IAAMA,KAAK,GAAGC,kBAAA,CAAIC,KAAK,CAAC,CAAC,CAAC,CAACC,IAAI,EAAE,CAAEC,CAAAA,GAAG,CAAC,YAAM;AAC5C,EAAA,OAAO,EAAE,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAA4B;AAAA,EAAA,IAAtBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAA;AACvC,EAAA,oBACCC,GAAA,CAAA,KAAA,EAAA;IAAKC,SAAS,EAAEC,gBAAM,CAACC,IAAK;AAAAC,IAAAA,QAAA,EAC1Bb,KAAK,CAACI,GAAG,CAAC,UAACU,IAAI,EAAK;MACpB,oBACCL,GAAA,CAACM,QAAQ,EAAA;AAERR,QAAAA,KAAK,EAAEA,KAAM;AACbS,QAAAA,OAAO,EAAC,SAAS;AACjBC,QAAAA,KAAK,EAAAC,EAAAA,CAAAA,MAAA,CAAKJ,IAAI,EAAI,GAAA,CAAA;AAClBK,QAAAA,MAAM,EAAC,MAAM;AACbC,QAAAA,WAAW,EAAEZ,QAAAA;AAAS,OAAA,EALjBM,IAML,CAAC,CAAA;KAEH,CAAA;AAAC,GACE,CAAC,CAAA;AAER;;;;"}

package/dist/esm/src/components/tabs/Tabs.js

@@ -0,0 +1,169 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../../node_modules/prop-types/index.js';
+import { useState, useRef, useEffect } from 'react';
+import { classes } from '../../utils/utils.js';
+import '../buttons/baseButton/BaseButton.js';
+import Button from '../buttons/button/Button.js';
+import '../buttons/chip/Chip.js';
+import Dropdown from '../input/dropdown/Dropdown.js';
+import DropdownItem from '../input/dropdown/dropdown-item/DropdownItem.js';
+import ChartSkeleton from './Skeleton/Tabs.skeleton.js';
+import modules_78ab5066 from './Tabs.module.css.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { exports as propTypesExports } from '../../../_virtual/index.js';
+
+var Tabs = function Tabs(props) {
+  var _props$tabs = props.tabs,
+    tabs = _props$tabs === void 0 ? [] : _props$tabs,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    loading = props.loading,
+    fallback = props.fallback,
+    selectedTab = props.selectedTab,
+    setSelectedTab = props.setSelectedTab,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
+    _props$children = props.children,
+    children = _props$children === void 0 ? null : _props$children;
+  var vertical = direction === 'vertical';
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    sliderLeft = _useState2[0],
+    setSliderLeft = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    sliderWidth = _useState4[0],
+    setSliderWidth = _useState4[1];
+  var tabRefs = useRef([]);
+  var tabIndex = tabs === null || tabs === void 0 ? void 0 : tabs.findIndex(function (tab) {
+    if (tab.dropdown) {
+      var _tab$dropdownItems;
+      var dropdownItem = (_tab$dropdownItems = tab.dropdownItems) === null || _tab$dropdownItems === void 0 ? void 0 : _tab$dropdownItems.find(function (item) {
+        return item.id === selectedTab;
+      });
+      return !!dropdownItem;
+    }
+    return tab.id === selectedTab;
+  });
+  var selectedTabIndex = tabIndex !== -1 ? tabIndex : 0;
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    activeTab = _useState6[0],
+    setActiveTab = _useState6[1];
+  useEffect(function () {
+    setActiveTab(selectedTabIndex);
+  }, [selectedTabIndex]);
+  var updateSliderPosition = function updateSliderPosition() {
+    var activeTabElement = tabRefs.current[activeTab];
+    if (activeTabElement) {
+      setSliderLeft(activeTabElement.offsetLeft);
+      setSliderWidth(activeTabElement.offsetWidth);
+    }
+  };
+  useEffect(function () {
+    updateSliderPosition();
+  }, [activeTab, tabs, selectedTab]);
+  var handleTabClick = function handleTabClick(id, index) {
+    setSelectedTab(id);
+    setActiveTab(index);
+  };
+  var handleDropClick = function handleDropClick(selectedValue) {
+    setSelectedTab(selectedValue);
+    updateSliderPosition();
+  };
+  if (loading || fallback) {
+    return /*#__PURE__*/jsx(ChartSkeleton, {
+      fallback: !loading && fallback
+    });
+  }
+  return /*#__PURE__*/jsxs("div", {
+    className: classes(vertical ? modules_78ab5066['tabs-container-vertical'] : modules_78ab5066['tabs-container'], className),
+    children: [/*#__PURE__*/jsxs("div", {
+      className: vertical ? modules_78ab5066.vertical : modules_78ab5066.tabs,
+      children: [tabs.map(function (tab, index) {
+        var isActive = tab.id === selectedTab;
+        var id = tab.id,
+          title = tab.title,
+          LeftIcon = tab.leftIcon,
+          RightIcon = tab.rightIcon,
+          disabled = tab.disabled,
+          dropdown = tab.dropdown,
+          dropdownItems = tab.dropdownItems;
+        var getLeftComponent = function getLeftComponent() {
+          if (LeftIcon) {
+            if (LeftIcon.Active || LeftIcon.InActive) {
+              if (isActive) {
+                return /*#__PURE__*/jsx(LeftIcon.Active, {});
+              }
+              return /*#__PURE__*/jsx(LeftIcon.InActive, {});
+            }
+            return /*#__PURE__*/jsx(LeftIcon, {});
+          }
+          return null;
+        };
+        return /*#__PURE__*/jsx("div", {
+          ref: function ref(_ref) {
+            tabRefs.current[index] = _ref;
+          },
+          className: classes(modules_78ab5066.tab, vertical ? modules_78ab5066.vertical : modules_78ab5066.horizontal, isActive ? modules_78ab5066.active : ''),
+          children: dropdown ? /*#__PURE__*/jsx(Dropdown, {
+            className: "".concat(modules_78ab5066.dropdown, " ").concat(isActive ? modules_78ab5066.active : ''),
+            onChange: function onChange(event) {
+              var selectedValue = event.target.value;
+              handleDropClick(selectedValue);
+              setActiveTab(index);
+            },
+            value: selectedTab,
+            placeholder: title
+            // value={!isActive ? title : undefined}
+            ,
+            children: dropdownItems.map(function (option) {
+              return /*#__PURE__*/jsx(DropdownItem, {
+                title: option.title,
+                value: option.id
+              }, option.id);
+            })
+          }) : /*#__PURE__*/jsx(Button, {
+            size: "auto",
+            color: "default",
+            radius: "none",
+            variant: "text",
+            disabled: disabled,
+            className: isActive ? modules_78ab5066.active : '',
+            title: title,
+            onClick: function onClick() {
+              return handleTabClick(tab.id, index);
+            },
+            leftComponent: function leftComponent() {
+              return getLeftComponent();
+            },
+            rightComponent: RightIcon && function () {
+              return /*#__PURE__*/jsx(RightIcon, {
+                className: modules_78ab5066.icon
+              });
+            }
+          }, id)
+        }, tab.id);
+      }), /*#__PURE__*/jsx("div", {
+        className: vertical ? modules_78ab5066['tab-slider-vertical'] : modules_78ab5066['tab-slider'],
+        style: {
+          left: "".concat(sliderLeft, "px"),
+          width: "".concat(sliderWidth, "px")
+        }
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: !vertical ? modules_78ab5066['tab-content'] : modules_78ab5066['tab-content-vertical'],
+      children: children
+    })]
+  });
+};
+Tabs.propTypes = {
+  className: propTypesExports.string,
+  tabs: propTypesExports.arrayOf(propTypesExports.string),
+  selectedTab: propTypesExports.number,
+  loading: propTypesExports.bool,
+  fallback: propTypesExports.bool
+};
+
+export { Tabs as default };
+//# sourceMappingURL=Tabs.js.map

package/dist/esm/src/components/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../../src/components/tabs/Tabs.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { classes } from '../../utils';\nimport { Button } from '../buttons';\nimport Dropdown from '../input/dropdown/Dropdown';\nimport DropdownItem from '../input/dropdown/dropdown-item/DropdownItem';\nimport { Skeleton } from './Skeleton';\nimport styles from './Tabs.module.css';\n\nconst Tabs = (props) => {\n\tconst {\n\t\ttabs = [],\n\t\tclassName = '',\n\t\tloading,\n\t\tfallback,\n\t\tselectedTab,\n\t\tsetSelectedTab,\n\t\tdirection = 'horizontal',\n\t\tchildren = null,\n\t} = props;\n\n\tconst vertical = direction === 'vertical';\n\n\tconst [sliderLeft, setSliderLeft] = useState(0);\n\tconst [sliderWidth, setSliderWidth] = useState(0);\n\tconst tabRefs = useRef([]);\n\n\tconst tabIndex = tabs?.findIndex((tab) => {\n\t\tif (tab.dropdown) {\n\t\t\tconst dropdownItem = tab.dropdownItems?.find((item) => {\n\t\t\t\treturn item.id === selectedTab;\n\t\t\t});\n\t\t\treturn !!dropdownItem;\n\t\t}\n\t\treturn tab.id === selectedTab;\n\t});\n\n\tconst selectedTabIndex = tabIndex !== -1 ? tabIndex : 0;\n\n\tconst [activeTab, setActiveTab] = useState();\n\n\tuseEffect(() => {\n\t\tsetActiveTab(selectedTabIndex);\n\t}, [selectedTabIndex]);\n\n\tconst updateSliderPosition = () => {\n\t\tconst activeTabElement = tabRefs.current[activeTab];\n\n\t\tif (activeTabElement) {\n\t\t\tsetSliderLeft(activeTabElement.offsetLeft);\n\t\t\tsetSliderWidth(activeTabElement.offsetWidth);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tupdateSliderPosition();\n\t}, [activeTab, tabs, selectedTab]);\n\n\tconst handleTabClick = (id, index) => {\n\t\tsetSelectedTab(id);\n\t\tsetActiveTab(index);\n\t};\n\n\tconst handleDropClick = (selectedValue) => {\n\t\tsetSelectedTab(selectedValue);\n\t\tupdateSliderPosition();\n\t};\n\n\tif (loading || fallback) {\n\t\treturn <Skeleton fallback={!loading && fallback} />;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classes(\n\t\t\t\tvertical ? styles['tabs-container-vertical'] : styles['tabs-container'],\n\t\t\t\tclassName\n\t\t\t)}>\n\t\t\t<div className={vertical ? styles.vertical : styles.tabs}>\n\t\t\t\t{tabs.map((tab, index) => {\n\t\t\t\t\tconst isActive = tab.id === selectedTab;\n\t\t\t\t\tconst {\n\t\t\t\t\t\tid,\n\t\t\t\t\t\ttitle,\n\t\t\t\t\t\tleftIcon: LeftIcon,\n\t\t\t\t\t\trightIcon: RightIcon,\n\t\t\t\t\t\tdisabled,\n\t\t\t\t\t\tdropdown,\n\t\t\t\t\t\tdropdownItems,\n\t\t\t\t\t} = tab;\n\n\t\t\t\t\tconst getLeftComponent = () => {\n\t\t\t\t\t\tif (LeftIcon) {\n\t\t\t\t\t\t\tif (LeftIcon.Active || LeftIcon.InActive) {\n\t\t\t\t\t\t\t\tif (isActive) {\n\t\t\t\t\t\t\t\t\treturn <LeftIcon.Active />;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn <LeftIcon.InActive />;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn <LeftIcon />;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t};\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={tab.id}\n\t\t\t\t\t\t\tref={(ref) => {\n\t\t\t\t\t\t\t\ttabRefs.current[index] = ref;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName={classes(\n\t\t\t\t\t\t\t\tstyles.tab,\n\t\t\t\t\t\t\t\tvertical ? styles.vertical : styles.horizontal,\n\t\t\t\t\t\t\t\tisActive ? styles.active : ''\n\t\t\t\t\t\t\t)}>\n\t\t\t\t\t\t\t{dropdown ? (\n\t\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\t\tclassName={`${styles.dropdown} ${\n\t\t\t\t\t\t\t\t\t\tisActive ? styles.active : ''\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tonChange={(event) => {\n\t\t\t\t\t\t\t\t\t\tconst selectedValue = event.target.value;\n\t\t\t\t\t\t\t\t\t\thandleDropClick(selectedValue);\n\t\t\t\t\t\t\t\t\t\tsetActiveTab(index);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tvalue={selectedTab}\n\t\t\t\t\t\t\t\t\tplaceholder={title}\n\t\t\t\t\t\t\t\t\t// value={!isActive ? title : undefined}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{dropdownItems.map((option) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<DropdownItem\n\t\t\t\t\t\t\t\t\t\t\t\tkey={option.id}\n\t\t\t\t\t\t\t\t\t\t\t\ttitle={option.title}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={option.id}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</Dropdown>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize='auto'\n\t\t\t\t\t\t\t\t\tcolor='default'\n\t\t\t\t\t\t\t\t\tradius='none'\n\t\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\tclassName={isActive ? styles.active : ''}\n\t\t\t\t\t\t\t\t\ttitle={title}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\treturn handleTabClick(tab.id, index);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tleftComponent={() => {\n\t\t\t\t\t\t\t\t\t\treturn getLeftComponent();\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\trightComponent={\n\t\t\t\t\t\t\t\t\t\tRightIcon &&\n\t\t\t\t\t\t\t\t\t\t(() => {\n\t\t\t\t\t\t\t\t\t\t\treturn <RightIcon className={styles.icon} />;\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t\t<div\n\t\t\t\t\tclassName={vertical ? styles['tab-slider-vertical'] : styles['tab-slider']}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tleft: `${sliderLeft}px`,\n\t\t\t\t\t\twidth: `${sliderWidth}px`,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className={!vertical ? styles['tab-content'] : styles['tab-content-vertical']}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nTabs.propTypes = {\n\tclassName: PropTypes.string,\n\ttabs: PropTypes.arrayOf(PropTypes.string),\n\tselectedTab: PropTypes.number,\n\tloading: PropTypes.bool,\n\tfallback: PropTypes.bool,\n};\n\nexport default Tabs;\n"],"names":["Tabs","props","_props$tabs","tabs","_props$className","className","loading","fallback","selectedTab","setSelectedTab","_props$direction","direction","_props$children","children","vertical","_useState","useState","_useState2","_slicedToArray","sliderLeft","setSliderLeft","_useState3","_useState4","sliderWidth","setSliderWidth","tabRefs","useRef","tabIndex","findIndex","tab","dropdown","_tab$dropdownItems","dropdownItem","dropdownItems","find","item","id","selectedTabIndex","_useState5","_useState6","activeTab","setActiveTab","useEffect","updateSliderPosition","activeTabElement","current","offsetLeft","offsetWidth","handleTabClick","index","handleDropClick","selectedValue","_jsx","Skeleton","_jsxs","classes","styles","map","isActive","title","LeftIcon","leftIcon","RightIcon","rightIcon","disabled","getLeftComponent","Active","InActive","ref","horizontal","active","Dropdown","concat","onChange","event","target","value","placeholder","option","DropdownItem","Button","size","color","radius","variant","onClick","leftComponent","rightComponent","icon","style","left","width","propTypes","PropTypes","string","arrayOf","number","bool"],"mappings":"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"}

package/dist/esm/src/components/tabs/Tabs.module.css.js

@@ -0,0 +1,8 @@
+import n from '../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js';
+
+var css = ".Tabs_module_tabsContainer__8ae609b9 {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.Tabs_module_tabsContainerVertical__8ae609b9 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: flex-start;\n  height: 100%;\n}\n\n.Tabs_module_tabs__8ae609b9 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  position: relative;\n}\n\n.Tabs_module_vertical__8ae609b9 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  position: relative;\n  width: 3.75rem;\n  border-right: 0.03125rem solid var(--light-color1);\n  height: 100%;\n}\n\n.Tabs_module_tab__8ae609b9 {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: flex-start;\n  border-bottom: 0.0313rem solid var(--light-color1);\n}\n.Tabs_module_tab__8ae609b9.Tabs_module_vertical__8ae609b9 {\n  height: -moz-fit-content;\n  height: fit-content;\n}\n.Tabs_module_tab__8ae609b9 > [data-elem=base-cell] {\n  padding: 5px !important;\n}\n.Tabs_module_tab__8ae609b9 > [data-elem=base-cell].Tabs_module_active__8ae609b9 {\n  color: var(--primary-color4) !important;\n}\n.Tabs_module_tab__8ae609b9 > [data-elem=base-cell] > [data-elem=component1] > .Tabs_module_icon__8ae609b9,\n.Tabs_module_tab__8ae609b9 > [data-elem=base-cell] > [data-elem=component3] > .Tabs_module_icon__8ae609b9 {\n  fill: var(--text-color);\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.Tabs_module_tab__8ae609b9 > [data-elem=base-cell]:disabled {\n  color: var(--mono-color2) !important;\n}\n.Tabs_module_tab__8ae609b9:hover {\n  color: var(--primary-color4) !important;\n  background: var(--background-color4);\n}\n.Tabs_module_tab__8ae609b9.Tabs_module_active__8ae609b9 {\n  color: var(--primary-color4) !important;\n}\n.Tabs_module_tab__8ae609b9.Tabs_module_active__8ae609b9 > [data-elem=base-cell] > [data-elem=component1] > .Tabs_module_icon__8ae609b9 {\n  fill: var(--secondary-color2);\n}\n.Tabs_module_tab__8ae609b9 .Tabs_module_dropdown__8ae609b9 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.Tabs_module_tab__8ae609b9 .Tabs_module_dropdown__8ae609b9 [data-elem=base-cell] {\n  height: 2.3125rem;\n}\n.Tabs_module_tab__8ae609b9 .Tabs_module_dropdown__8ae609b9 [data-elem=base-cell].Tabs_module_active__8ae609b9 {\n  color: var(--primary-color4) !important;\n}\n.Tabs_module_tab__8ae609b9 .Tabs_module_dropdown__8ae609b9 > [data-elem=header] > [data-elem=select] {\n  background-color: transparent;\n  border: none;\n  padding: 5px !important;\n  width: auto;\n  font-size: 0.875rem;\n  font-weight: 500;\n}\n\n.Tabs_module_tabSlider__8ae609b9 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  height: 3px;\n  background-color: var(--primary-color4);\n  transition: left 0.3s ease-in-out, width 0.3s ease-in-out;\n  width: 100%;\n}\n\n.Tabs_module_tabSliderVertical__8ae609b9 {\n  position: absolute;\n  right: 0;\n  width: 0.0313rem;\n  background-color: var(--primary-color4);\n  transition: left 0.3s ease-in-out, width 0.3s ease-in-out;\n  width: 100%;\n}\n\n.Tabs_module_tabContent__8ae609b9 {\n  padding-top: 10px;\n  border-top: 1px solid var(--grey3);\n  z-index: -1;\n}\n\n.Tabs_module_tabContentVertical__8ae609b9 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}";
+var modules_78ab5066 = {"tabs-container":"Tabs_module_tabsContainer__8ae609b9","tabs-container-vertical":"Tabs_module_tabsContainerVertical__8ae609b9","tabs":"Tabs_module_tabs__8ae609b9","vertical":"Tabs_module_vertical__8ae609b9","tab":"Tabs_module_tab__8ae609b9","active":"Tabs_module_active__8ae609b9","icon":"Tabs_module_icon__8ae609b9","dropdown":"Tabs_module_dropdown__8ae609b9","tab-slider":"Tabs_module_tabSlider__8ae609b9","tab-slider-vertical":"Tabs_module_tabSliderVertical__8ae609b9","tab-content":"Tabs_module_tabContent__8ae609b9","tab-content-vertical":"Tabs_module_tabContentVertical__8ae609b9"};
+n(css,{});
+
+export { css, modules_78ab5066 as default };
+//# sourceMappingURL=Tabs.module.css.js.map

package/dist/esm/src/components/tabs/Tabs.module.css.js.map

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