hrm_ui_lib 2.0.0-alpha.24 → 2.0.0-alpha.25

package/components/Table/Header.js

@@ -1,134 +1,4 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React from 'react';
-import classNames from 'classnames';
-import { CHECKBOX_DEFAULT_WIDTH, calcColumnWidth, CHECKBOX_HEADER_ID } from './utils.js';
-import { Text } from '../Text/Text.js';
-import { IconArrowDown } from '../SVGIcons/IconArrowDown.js';
-import { IconArrowUp } from '../SVGIcons/IconArrowUp.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import './IndeterminateCheckbox.js';
-import '../../Alert-C_U8td2x.js';
-import '../Alert/consts.js';
-import 'dayjs';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'motion/react';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../../utils/helpers.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../IconDynamicComponent/IconDynamicComponent.js';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-
-var _excluded = ["key"],
-  _excluded2 = ["key"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function Header(_ref) {
-  var headerGroup = _ref.headerGroup,
-    tableWidth = _ref.tableWidth,
-    withSelect = _ref.withSelect,
-    uniqueKey = _ref.uniqueKey,
-    _ref$fixedHeader = _ref.fixedHeader,
-    fixedHeader = _ref$fixedHeader === void 0 ? false : _ref$fixedHeader;
-  var _headerGroup$getHeade = headerGroup.getHeaderGroupProps();
-    _headerGroup$getHeade.key;
-    var headerGroupProps = _objectWithoutProperties(_headerGroup$getHeade, _excluded);
-  return /*#__PURE__*/React.createElement("tr", _extends({}, headerGroupProps, {
-    className: classNames({
-      fixed_header: fixedHeader
-    })
-  }), headerGroup.headers.map(function (_ref2, i, arr) {
-    var _arr;
-    var id = _ref2.id,
-      minWidth = _ref2.minWidth,
-      maxWidth = _ref2.maxWidth,
-      width = _ref2.width,
-      widthInPercent = _ref2.widthInPercent,
-      getHeaderProps = _ref2.getHeaderProps,
-      fixed = _ref2.fixed,
-      columnProps = _ref2.columnProps,
-      render = _ref2.render,
-      isSorted = _ref2.isSorted,
-      isSortedDesc = _ref2.isSortedDesc,
-      getSortByToggleProps = _ref2.getSortByToggleProps;
-    var isSelection = id === CHECKBOX_HEADER_ID;
-    var style = _objectSpread(_objectSpread(_objectSpread({
-      width: isSelection ? CHECKBOX_DEFAULT_WIDTH : calcColumnWidth(widthInPercent, tableWidth),
-      left: !isSelection && withSelect && fixed === 'left' ? CHECKBOX_DEFAULT_WIDTH : 0
-    }, !isSelection && minWidth ? {
-      minWidth: minWidth
-    } : {}), !isSelection && maxWidth ? {
-      maxWidth: maxWidth
-    } : {}), !isSelection && width ? {
-      width: width
-    } : {});
-    var _getHeaderProps = getHeaderProps(columnProps !== null && columnProps !== void 0 && columnProps.sortable ? getSortByToggleProps() : undefined);
-      _getHeaderProps.key;
-      var headProps = _objectWithoutProperties(_getHeaderProps, _excluded2);
-    return /*#__PURE__*/React.createElement("th", _extends({
-      key: "table_head_".concat(uniqueKey, "_").concat(i)
-    }, headProps, {
-      className: classNames({
-        fixed_column_left: fixed === 'left',
-        fixed_column_right: fixed === 'right',
-        fixed_checkbox: isSelection && ((_arr = arr[i + 1]) === null || _arr === void 0 ? void 0 : _arr.fixed) === 'left',
-        pointer: columnProps === null || columnProps === void 0 ? void 0 : columnProps.sortable
-      }),
-      style: style
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "flexbox align-items--center"
-    }, /*#__PURE__*/React.createElement(Text, {
-      weight: "bold",
-      className: "table-header-title"
-    }, render('Header')), isSorted && isSortedDesc && /*#__PURE__*/React.createElement(IconArrowDown, {
-      size: "xsmall",
-      className: "ml-4"
-    }), isSorted && !isSortedDesc && /*#__PURE__*/React.createElement(IconArrowUp, {
-      size: "xsmall",
-      className: "ml-4"
-    }), !isSorted && (columnProps === null || columnProps === void 0 ? void 0 : columnProps.sortable) && /*#__PURE__*/React.createElement(IconArrowDown, {
-      size: "xsmall",
-      className: "ml-4 unsorted__icon"
-    })));
-  }));
-}
-
-export { Header };
+import{jsx as t,jsxs as z}from"react/jsx-runtime";import c from"classnames";import{CHECKBOX_DEFAULT_WIDTH as x,calcColumnWidth as T,CHECKBOX_HEADER_ID as j}from"./utils.js";import{Text as v}from"../Text/Text.js";import o from"../SVGIcons/IconArrowDown.js";import B from"../SVGIcons/IconArrowUp.js";function L({headerGroup:e,tableWidth:r,withSelect:s,uniqueKey:i,fixedHeader:l=!1}){const{key:a,...d}=e.getHeaderGroupProps();/* @__PURE__ */
+return t("tr",{...d,className:c({fixed_header:l}),children:e.headers.map(({id:e,minWidth:l,maxWidth:a,width:d,widthInPercent:m,getHeaderProps:n,fixed:h,columnProps:f,render:u,isSorted:p,isSortedDesc:_,getSortByToggleProps:b},g,w)=>{var H;const I=e===j,N={width:I?x:T(m,r),left:!I&&s&&"left"===h?x:0,...!I&&l?{minWidth:l}:{},...!I&&a?{maxWidth:a}:{},...!I&&d?{width:d}:{}},{key:W,...D}=n(null!=f&&f.sortable?b():void 0);/* @__PURE__ */
+return t("th",{...D,className:c({fixed_column_left:"left"===h,fixed_column_right:"right"===h,fixed_checkbox:I&&"left"===(null==(H=w[g+1])?void 0:H.fixed),pointer:null==f?void 0:f.sortable}),style:N,children:/* @__PURE__ */z("div",{className:"flexbox align-items--center",children:[
+/* @__PURE__ */t(v,{weight:"bold",className:"table-header-title",children:u("Header")}),p&&_&&/* @__PURE__ */t(o,{size:"xsmall",className:"ml-4"}),p&&!_&&/* @__PURE__ */t(B,{size:"xsmall",className:"ml-4"}),!p&&(null==f?void 0:f.sortable)&&/* @__PURE__ */t(o,{size:"xsmall",className:"ml-4 unsorted__icon"})]})},`table_head_${i}_${g}`)})})}export{L as Header};

package/components/Table/IndeterminateCheckbox.js

@@ -1,84 +1 @@
-import React, { forwardRef, useRef, useEffect } from 'react';
-import { C as Checkbox } from '../../Alert-C_U8td2x.js';
-import '@babel/runtime/helpers/extends';
-import '../Alert/consts.js';
-import 'classnames';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'motion/react';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../IconDynamicComponent/IconDynamicComponent.js';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-
-var IndeterminateCheckbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var indeterminate = _ref.indeterminate,
-    checked = _ref.checked,
-    onChange = _ref.onChange,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
-  var defaultRef = useRef(null);
-  var resolvedRef = ref || defaultRef;
-  useEffect(function () {
-    resolvedRef.current.indeterminate = indeterminate;
-  }, [resolvedRef, indeterminate]);
-  var handleChange = function handleChange(v) {
-    onChange({
-      target: {
-        checked: v
-      }
-    });
-  };
-  return /*#__PURE__*/React.createElement(Checkbox, {
-    disabled: disabled,
-    value: checked,
-    onClick: handleChange,
-    ref: resolvedRef,
-    stopPropagation: true
-  });
-});
-IndeterminateCheckbox.displayName = 'IndeterminateCheckbox';
-
-export { IndeterminateCheckbox };
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as l,useRef as d,useEffect as m}from"react";import{Checkbox as h}from"../Checkbox/Checkbox.js";const i=l(({indeterminate:e,checked:t,onChange:r,disabled:a=!1},o)=>{const i=d(null),n=o||i;return m(()=>{n.current.indeterminate=e},[n,e]),/* @__PURE__ */s(h,{disabled:a,value:t,onClick:e=>{r({target:{checked:e}})},ref:n,stopPropagation:!0})});i.displayName="IndeterminateCheckbox";export{i as IndeterminateCheckbox};

package/components/Table/Row.js

@@ -1,109 +1,3 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React, { useMemo } from 'react';
-import classNames from 'classnames';
-import { CHECKBOX_HEADER_ID, CHECKBOX_DEFAULT_WIDTH } from './utils.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import './IndeterminateCheckbox.js';
-import '../../Alert-C_U8td2x.js';
-import '../Alert/consts.js';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'motion/react';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../IconDynamicComponent/IconDynamicComponent.js';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-
-var _excluded = ["key"],
-  _excluded2 = ["key"];
-function Row(_ref) {
-  var row = _ref.row,
-    selectedFlatRows = _ref.selectedFlatRows,
-    withSelect = _ref.withSelect,
-    uniqueKey = _ref.uniqueKey,
-    handleRowClick = _ref.handleRowClick;
-  var isRowSelected = useMemo(function () {
-    return selectedFlatRows.find(function (r) {
-      return r.id === row.id;
-    });
-  }, [selectedFlatRows]);
-  var _row$getRowProps = row.getRowProps();
-    _row$getRowProps.key;
-    var rowProps = _objectWithoutProperties(_row$getRowProps, _excluded);
-  return /*#__PURE__*/React.createElement("tr", _extends({}, rowProps, {
-    className: classNames({
-      selected: Boolean(isRowSelected)
-    }),
-    onClick: function onClick() {
-      return handleRowClick === null || handleRowClick === void 0 ? void 0 : handleRowClick(row.original);
-    }
-  }), row.cells.map(function (_ref2, i, arr) {
-    var _arr$column;
-    var getCellProps = _ref2.getCellProps,
-      column = _ref2.column,
-      render = _ref2.render;
-    var isSelection = column.id === CHECKBOX_HEADER_ID;
-    var _getCellProps = getCellProps();
-      _getCellProps.key;
-      var cellProps = _objectWithoutProperties(_getCellProps, _excluded2);
-    return /*#__PURE__*/React.createElement("td", _extends({
-      key: "table_cell_".concat(uniqueKey, "_").concat(i)
-    }, cellProps, {
-      style: {
-        left: !isSelection && withSelect && (column === null || column === void 0 ? void 0 : column.fixed) === 'left' ? CHECKBOX_DEFAULT_WIDTH : 0
-      },
-      className: classNames({
-        fixed_column_left: (column === null || column === void 0 ? void 0 : column.fixed) === 'left',
-        fixed_column_right: (column === null || column === void 0 ? void 0 : column.fixed) === 'right',
-        fixed_checkbox: isSelection && ((_arr$column = arr[i + 1].column) === null || _arr$column === void 0 ? void 0 : _arr$column.fixed) === 'left'
-      }),
-      onClick: function onClick(event) {
-        if (isSelection) event.stopPropagation();
-        cellProps.onClick && cellProps.onClick(event);
-      }
-    }), render('Cell'));
-  }));
-}
-
-export { Row };
+import{jsx as x}from"react/jsx-runtime";import{useMemo as E}from"react";import l from"classnames";import{CHECKBOX_HEADER_ID as D,CHECKBOX_DEFAULT_WIDTH as H}from"./utils.js";function I({row:e,selectedFlatRows:o,withSelect:i,uniqueKey:t,handleRowClick:n}){const r=E(()=>o.find(l=>l.id===e.id),[o]),{key:s,...c}=e.getRowProps();/* @__PURE__ */
+return x("tr",{...c,className:l({selected:!!r}),onClick:()=>null==n?void 0:n(e.original),children:e.cells.map(({getCellProps:e,column:o,render:n},r,s)=>{var c;const d=o.id===D,{key:a,...f}=e();/* @__PURE__ */
+return x("td",{...f,style:{left:!d&&i&&"left"===(null==o?void 0:o.fixed)?H:0},className:l({fixed_column_left:"left"===(null==o?void 0:o.fixed),fixed_column_right:"right"===(null==o?void 0:o.fixed),fixed_checkbox:d&&"left"===(null==(c=s[r+1].column)?void 0:c.fixed)}),onClick:e=>{d&&e.stopPropagation(),f.onClick&&f.onClick(e)},children:n("Cell")},`table_cell_${t}_${r}`)})})}export{I as Row};

package/components/Table/Table.js

@@ -1,206 +1,6 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useRef, useState, useId, useMemo, useCallback, useEffect } from 'react';
-import { useTable, useSortBy, useRowSelect } from 'react-table';
-import { setSelectedRows } from './utils.js';
-import { Row } from './Row.js';
-import { Header } from './Header.js';
-import classNames from 'classnames';
-import { useDispatchEventOnScroll } from '../../hooks/useDispatchEventOnScroll.js';
-import { B as Button } from '../../Alert-C_U8td2x.js';
-import { TABLE_LOCALIZATION } from './localization.js';
-import { setTranslationValue } from '../../utils/helpers.js';
-import { IconCheckmark } from '../SVGIcons/IconCheckmark.js';
-import { IconDismiss } from '../SVGIcons/IconDismiss.js';
-import './IndeterminateCheckbox.js';
-import '../Alert/consts.js';
-import '../Text/Text.js';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'motion/react';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../IconDynamicComponent/IconDynamicComponent.js';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-import '../SVGIcons/IconArrowDown.js';
-import '../SVGIcons/IconArrowUp.js';
-
-function Table(_ref) {
-  var columns = _ref.columns,
-    data = _ref.data,
-    onChange = _ref.onChange,
-    fixedHeader = _ref.fixedHeader,
-    _ref$withSelect = _ref.withSelect,
-    withSelect = _ref$withSelect === void 0 ? false : _ref$withSelect,
-    handleRowClick = _ref.handleRowClick,
-    className = _ref.className,
-    _ref$language = _ref.language,
-    language = _ref$language === void 0 ? 'en' : _ref$language,
-    containerRefHandler = _ref.containerRefHandler,
-    submitButtons = _ref.submitButtons;
-  var tableRef = useRef(null);
-  var _useState = useState(400),
-    _useState2 = _slicedToArray(_useState, 2),
-    tableWidth = _useState2[0],
-    setTableWidth = _useState2[1];
-  var uniqueKey = useId();
-  var dispatchScrollEvent = useDispatchEventOnScroll();
-  var sortedColumns = useMemo(function () {
-    var condition1 = function condition1(item) {
-      return item.fixed === 'left';
-    }; // Move even numbers to the start
-    var condition2 = function condition2(item) {
-      return item.fixed === 'right';
-    }; // Move numbers greater than 5 to the end
-
-    // Custom sorting function
-    columns.sort(function (a, b) {
-      if (condition1(a) && !condition1(b)) {
-        return -1; // Move 'a' to the start
-      } else if (!condition1(a) && condition1(b)) {
-        return 1; // Move 'b' to the start
-      } else if (condition2(a) && !condition2(b)) {
-        return 1; // Move 'a' to the end
-      } else if (!condition2(a) && condition2(b)) {
-        return -1; // Move 'b' to the end
-      } else {
-        return 0; // Their order doesn't matter
-      }
-    });
-    return _toConsumableArray(columns);
-  }, [columns]);
-  var _ref2 = useTable({
-      columns: sortedColumns,
-      data: data
-    }, useSortBy, useRowSelect, function (hooks) {
-      return setSelectedRows(hooks, withSelect);
-    }),
-    getTableProps = _ref2.getTableProps,
-    getTableBodyProps = _ref2.getTableBodyProps,
-    selectedFlatRows = _ref2.selectedFlatRows,
-    headerGroups = _ref2.headerGroups,
-    rows = _ref2.rows,
-    prepareRow = _ref2.prepareRow,
-    toggleAllRowsSelected = _ref2.toggleAllRowsSelected,
-    state = _ref2.state;
-  var handleResize = useCallback(function () {
-    if (tableRef.current) {
-      var _tableRef$current;
-      setTableWidth((_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.offsetWidth);
-    }
-  }, [tableRef.current]);
-  useEffect(function () {
-    onChange === null || onChange === void 0 || onChange(state);
-  }, [JSON.stringify(state)]);
-  useEffect(function () {
-    window.addEventListener('resize', handleResize);
-    if (tableRef.current) {
-      var _tableRef$current2;
-      setTableWidth((_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 ? void 0 : _tableRef$current2.offsetWidth);
-    }
-    return function () {
-      window.removeEventListener('resize', handleResize);
-    };
-  }, [tableRef.current]);
-  var onClearSelectedRows = useCallback(function () {
-    toggleAllRowsSelected(false);
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    onScroll: dispatchScrollEvent,
-    ref: containerRefHandler,
-    className: classNames('table-wrapper scrollbar scrollbar--horizontal scrollbar--vertical', className),
-    style: {
-      maxHeight: fixedHeader === null || fixedHeader === void 0 ? void 0 : fixedHeader.y
-    }
-  }, withSelect && selectedFlatRows.length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "table-wrapper__selected-rows"
-  }, /*#__PURE__*/React.createElement(Button, {
-    buttonText: setTranslationValue(TABLE_LOCALIZATION[language].n_selected || '', selectedFlatRows.length),
-    onClick: onClearSelectedRows,
-    type: "tertiary",
-    size: "medium",
-    iconProps: {
-      alignment: 'left',
-      Component: IconDismiss
-    }
-  }), submitButtons === null || submitButtons === void 0 ? void 0 : submitButtons.map(function (_ref3) {
-    var buttonText = _ref3.buttonText,
-      isLoading = _ref3.isLoading,
-      _onClick = _ref3.onClick;
-    return /*#__PURE__*/React.createElement(Button, {
-      iconProps: {
-        alignment: 'left',
-        Component: IconCheckmark
-      },
-      onClick: function onClick(event) {
-        _onClick(event, state, onClearSelectedRows);
-      },
-      buttonText: buttonText || 'Submit',
-      type: "secondary",
-      size: "medium",
-      className: "mr-8",
-      isLoading: isLoading
-    });
-  })), /*#__PURE__*/React.createElement("table", _extends({}, getTableProps(), {
-    ref: tableRef
-  }), /*#__PURE__*/React.createElement("thead", null, headerGroups.map(function (headerGroup, i) {
-    return /*#__PURE__*/React.createElement(Header, {
-      key: "table_head_".concat(uniqueKey, "_").concat(i),
-      withSelect: withSelect,
-      fixedHeader: Boolean(fixedHeader),
-      headerGroup: headerGroup,
-      tableWidth: tableWidth,
-      uniqueKey: uniqueKey
-    });
-  })), /*#__PURE__*/React.createElement("tbody", getTableBodyProps(), rows.map(function (row) {
-    prepareRow(row);
-    return /*#__PURE__*/React.createElement(Row, {
-      handleRowClick: handleRowClick,
-      withSelect: withSelect,
-      selectedFlatRows: selectedFlatRows,
-      row: row,
-      key: "table_row_".concat(uniqueKey, "_").concat(row.id),
-      uniqueKey: uniqueKey
-    });
-  }))));
-}
-
-export { Table };
+import{jsxs as u,jsx as l}from"react/jsx-runtime";import{useRef as P,useState as W,useId as $,useMemo as j,useCallback as y,useEffect as R}from"react";import{useTable as D,useSortBy as q,useRowSelect as B}from"react-table";import{setSelectedRows as F}from"./utils.js";import{Row as G}from"./Row.js";import{Header as J}from"./Header.js";import K from"classnames";import{useDispatchEventOnScroll as M}from"../../hooks/useDispatchEventOnScroll.js";import{Button as T}from"../Button/Button.js";import{TABLE_LOCALIZATION as V}from"./localization.js";import{setTranslationValue as Z}from"../../utils/helpers.js";import Q from"../SVGIcons/IconCheckmark.js";import U from"../SVGIcons/IconDismiss.js";function me({columns:e,data:t,onChange:r,fixedHeader:s,withSelect:o=!1,handleRowClick:a,className:n,language:i="en",containerRefHandler:c,submitButtons:m}){const d=P(null),[p,f]=W(400),h=$(),w=M(),b=j(()=>{const t=e=>"left"===e.fixed,r=e=>"right"===e.fixed;return e.sort((e,s)=>t(e)&&!t(s)?-1:!t(e)&&t(s)||r(e)&&!r(s)?1:!r(e)&&r(s)?-1:0),[...e]},[e]),{getTableProps:g,getTableBodyProps:S,selectedFlatRows:v,headerGroups:x,rows:C,prepareRow:_,toggleAllRowsSelected:k,state:I}=D({columns:b,data:t},q,B,e=>F(e,o)),L=y(()=>{var e;d.current&&f(null==(e=d.current)?void 0:e.offsetWidth)},[d.current]);R(()=>{null==r||r(I)},[JSON.stringify(I)]),R(()=>{var e;return window.addEventListener("resize",L),d.current&&f(null==(e=d.current)?void 0:e.offsetWidth),()=>{window.removeEventListener("resize",L)}},[d.current]);const z=y(()=>{k(!1)},[]);/* @__PURE__ */
+return u("div",{onScroll:w,ref:c,className:K("table-wrapper scrollbar scrollbar--horizontal scrollbar--vertical",n),style:{maxHeight:null==s?void 0:s.y},children:[o&&v.length>0&&/* @__PURE__ */u("div",{className:"table-wrapper__selected-rows",children:[
+/* @__PURE__ */l(T,{buttonText:Z(V[i].n_selected||"",v.length),onClick:z,type:"tertiary",size:"medium",iconProps:{alignment:"left",Component:U}}),null==m?void 0:m.map(({buttonText:e,isLoading:t,onClick:r})=>/* @__PURE__ */l(T,{iconProps:{alignment:"left",Component:Q},onClick:e=>{r(e,I,z)},buttonText:e||"Submit",type:"secondary",size:"medium",className:"mr-8",isLoading:t}))]}),
+/* @__PURE__ */u("table",{...g(),ref:d,children:[
+/* @__PURE__ */l("thead",{children:x.map((e,t)=>/* @__PURE__ */l(J,{withSelect:o,fixedHeader:!!s,headerGroup:e,tableWidth:p,uniqueKey:h},`table_head_${h}_${t}`))}),
+/* @__PURE__ */l("tbody",{...S(),children:C.map(e=>(_(e),/* @__PURE__ */l(G,{handleRowClick:a,withSelect:o,selectedFlatRows:v,row:e,uniqueKey:h},`table_row_${h}_${e.id}`)))})]})]})}export{me as Table};

package/components/Table/index.js

@@ -1,65 +1 @@
-export { Table } from './Table.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import 'react-table';
-import './utils.js';
-import './IndeterminateCheckbox.js';
-import '../../Alert-C_U8td2x.js';
-import '../Alert/consts.js';
-import 'classnames';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'motion/react';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../IconDynamicComponent/IconDynamicComponent.js';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-import './Row.js';
-import './Header.js';
-import '../SVGIcons/IconArrowDown.js';
-import '../SVGIcons/IconArrowUp.js';
-import '../../hooks/useDispatchEventOnScroll.js';
-import './localization.js';
-import '../SVGIcons/IconCheckmark.js';
+import{Table as r}from"./Table.js";export{r as Table};

package/components/Table/localization.js

@@ -1,13 +1 @@
-var TABLE_LOCALIZATION = {
-  en: {
-    n_selected: '%s selected'
-  },
-  ru: {
-    n_selected: '%s выбранно'
-  },
-  hy: {
-    n_selected: '%s ընտրված'
-  }
-};
-
-export { TABLE_LOCALIZATION };
+const e={en:{n_selected:"%s selected"},ru:{n_selected:"%s выбранно"},hy:{n_selected:"%s ընտրված"}};export{e as TABLE_LOCALIZATION};