hrm_ui_lib 2.0.3 → 2.1.0-alpha.10

package/components/Tab/TabItem.js

@@ -1,54 +1,3 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
-import { Badge } from '../Badge/Badge.js';
-import { noop } from '../../utils/helpers.js';
-import classNames from 'classnames';
-import '../Text/Text.js';
-import 'dayjs';
-
-var TabItem = function TabItem(props) {
-  var _props$size = props.size,
-    size = _props$size === void 0 ? 'large' : _props$size,
-    iconProps = props.iconProps,
-    badgeProps = props.badgeProps,
-    label = props.label,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    isSelected = props.isSelected,
-    rightIconProps = props.rightIconProps,
-    val = props.val,
-    onClick = props.onClick,
-    dataId = props.dataId;
-  return /*#__PURE__*/React.createElement("div", {
-    onClick: disabled ? noop : onClick,
-    className: classNames('tab', _defineProperty({}, "tab--".concat(size), size), {
-      'tab--disabled': disabled
-    }, {
-      'tab--selected': isSelected
-    }, className)
-  }, iconProps !== null && iconProps !== void 0 && iconProps.Component ? /*#__PURE__*/React.createElement(iconProps.Component, _extends({
-    className: "tab__icon mr-8",
-    size: "".concat(size == 'small' ? 'xsmall' : 'small')
-  }, iconProps)) : null, /*#__PURE__*/React.createElement("span", {
-    className: "tab__label",
-    "data-id": dataId
-  }, label), rightIconProps !== null && rightIconProps !== void 0 && rightIconProps.Component ? /*#__PURE__*/React.createElement(rightIconProps.Component, _extends({
-    onClick: function onClick(e) {
-      if (rightIconProps !== null && rightIconProps !== void 0 && rightIconProps.action) {
-        e.stopPropagation();
-        rightIconProps === null || rightIconProps === void 0 || rightIconProps.action(val);
-      }
-    },
-    className: "tab__icon ml-8",
-    size: "".concat(size == 'small' ? 'xsmall' : 'small')
-  }, rightIconProps)) : null, badgeProps !== null && badgeProps !== void 0 && badgeProps.text ? /*#__PURE__*/React.createElement(Badge, _extends({
-    className: "tab__badge ml-8",
-    size: "small",
-    type: "secondary"
-  }, badgeProps)) : null);
-};
-
-export { TabItem };
+import{jsxs as C,jsx as m}from"react/jsx-runtime";import{Badge as N}from"../Badge/Badge.js";import{noop as f}from"../../utils/helpers.js";import x from"classnames";const $=a=>{const{size:l="large",iconProps:s,badgeProps:e,label:o,className:n="",disabled:t=!1,isSelected:i,rightIconProps:c,val:r,onClick:d,dataId:p}=a;/* @__PURE__ */
+return C("div",{onClick:t?f:d,className:x("tab",{[`tab--${l}`]:l},{"tab--disabled":t},{"tab--selected":i},n),children:[null!=s&&s.Component?/* @__PURE__ */m(s.Component,{className:"tab__icon mr-8",size:""+("small"==l?"xsmall":"small"),...s}):null,
+/* @__PURE__ */m("span",{className:"tab__label","data-id":p,children:o}),null!=c&&c.Component?/* @__PURE__ */m(c.Component,{onClick:a=>{null!=c&&c.action&&(a.stopPropagation(),null==c||c.action(r))},className:"tab__icon ml-8",size:""+("small"==l?"xsmall":"small"),...c}):null,null!=e&&e.text?/* @__PURE__ */m(N,{className:"tab__badge ml-8",size:"small",type:"secondary",...e}):null]})};export{$ as TabItem};

package/components/Tab/index.js

@@ -1,11 +1 @@
-export { Tab } from './Tab.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
-import './TabItem.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../Badge/Badge.js';
-import '../Text/Text.js';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
+import{Tab as a}from"./Tab.js";export{a as Tab};

package/components/Tab/types.js

@@ -1 +0,0 @@
-

package/components/Table/Header.d.ts

@@ -5,6 +5,7 @@ type Props = {
     withSelect: boolean;
     tableWidth: number;
     headerGroup: HeaderGroup;
+    uniqueKey: string;
 };
-export declare function Header({ headerGroup, tableWidth, withSelect, fixedHeader }: Props): ReactElement;
+export declare function Header({ headerGroup, tableWidth, withSelect, uniqueKey, fixedHeader }: Props): ReactElement;
 export {};

package/components/Table/Header.js

@@ -1,123 +1,4 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-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-V_kH4Snn.js';
-import '../Alert/consts.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-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 '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-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';
-
-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,
-    _ref$fixedHeader = _ref.fixedHeader,
-    fixedHeader = _ref$fixedHeader === void 0 ? false : _ref$fixedHeader;
-  return /*#__PURE__*/React.createElement("tr", _extends({}, headerGroup.getHeaderGroupProps(), {
-    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
-    } : {});
-    return /*#__PURE__*/React.createElement("th", _extends({
-      key: i
-    }, getHeaderProps(columnProps !== null && columnProps !== void 0 && columnProps.sortable ? getSortByToggleProps() : undefined), {
-      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.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 type IndeterminateCheckboxProps = {
     indeterminate: boolean;
     checked: boolean;
+    disabled: boolean;
     onChange: (e: {
         target: {
             checked: boolean;

package/components/Table/IndeterminateCheckbox.js

@@ -1,78 +1 @@
-import React, { forwardRef, useRef, useEffect } from 'react';
-import { C as Checkbox } from '../../Alert-V_kH4Snn.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 '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-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 '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-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;
-  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, {
-    value: checked,
-    onClick: handleChange,
-    ref: resolvedRef
-  });
-});
-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.d.ts

@@ -5,6 +5,7 @@ type Props = {
     handleRowClick?: (row: any) => void;
     withSelect: boolean;
     selectedFlatRows: RowType[];
+    uniqueKey: string;
 };
-export declare function Row({ row, selectedFlatRows, withSelect, handleRowClick }: Props): ReactElement;
+export declare function Row({ row, selectedFlatRows, withSelect, uniqueKey, handleRowClick }: Props): ReactElement;
 export {};

package/components/Table/Row.js

@@ -1,94 +1,3 @@
-import _extends from '@babel/runtime/helpers/extends';
-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-V_kH4Snn.js';
-import '../Alert/consts.js';
-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 '../../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 '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-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 '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-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';
-
-function Row(_ref) {
-  var row = _ref.row,
-    selectedFlatRows = _ref.selectedFlatRows,
-    withSelect = _ref.withSelect,
-    handleRowClick = _ref.handleRowClick;
-  var isRowSelected = useMemo(function () {
-    return selectedFlatRows.find(function (r) {
-      return r.id === row.id;
-    });
-  }, [selectedFlatRows]);
-  return /*#__PURE__*/React.createElement("tr", _extends({}, row.getRowProps(), {
-    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;
-    return /*#__PURE__*/React.createElement("td", _extends({
-      key: i
-    }, getCellProps(), {
-      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'
-      })
-    }), 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.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { TTableProps } from './types';
-export declare function Table({ columns, data, onChange, fixedHeader, withSelect, handleRowClick, className, containerRefHandler }: TTableProps): ReactElement;
+export declare function Table({ columns, data, onChange, fixedHeader, withSelect, handleRowClick, className, language, containerRefHandler, submitButtons }: TTableProps): ReactElement;

package/components/Table/Table.js

@@ -1,163 +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, useMemo, 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 './IndeterminateCheckbox.js';
-import '../../Alert-V_kH4Snn.js';
-import '../Alert/consts.js';
-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 '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-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 '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-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,
-    containerRefHandler = _ref.containerRefHandler;
-  var tableRef = useRef(null);
-  var _useState = useState(400),
-    _useState2 = _slicedToArray(_useState, 2),
-    tableWidth = _useState2[0],
-    setTableWidth = _useState2[1];
-  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,
-    state = _ref2.state;
-  useEffect(function () {
-    onChange === null || onChange === void 0 || onChange(state);
-  }, [JSON.stringify(state)]);
-  var handleResize = function handleResize() {
-    if (tableRef.current) {
-      var _tableRef$current;
-      setTableWidth((_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.offsetWidth);
-    }
-  };
-  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]);
-  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
-    }
-  }, /*#__PURE__*/React.createElement("table", _extends({}, getTableProps(), {
-    ref: tableRef
-  }), /*#__PURE__*/React.createElement("thead", null, headerGroups.map(function (headerGroup, i) {
-    return /*#__PURE__*/React.createElement(Header, {
-      key: i,
-      withSelect: withSelect,
-      fixedHeader: Boolean(fixedHeader),
-      headerGroup: headerGroup,
-      tableWidth: tableWidth
-    });
-  })), /*#__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: row.id
-    });
-  }))));
-}
-
-export { Table };
+import{jsxs as u,jsx as s}from"react/jsx-runtime";import{useRef as W,useState as $,useId as j,useMemo as D,useCallback as T,useEffect as _}from"react";import{useTable as q,useSortBy as B,useRowSelect as F}from"react-table";import{setSelectedRows as G}from"./utils.js";import{Row as J}from"./Row.js";import{Header as K}from"./Header.js";import M from"classnames";import{useDispatchEventOnScroll as V}from"../../hooks/useDispatchEventOnScroll.js";import{Button as v}from"../Button/Button.js";import{TABLE_LOCALIZATION as Z}from"./localization.js";import{setTranslationValue as Q}from"../../utils/helpers.js";import U from"../SVGIcons/IconCheckmark.js";import X from"../SVGIcons/IconDismiss.js";function fe({columns:e,data:t,onChange:r,fixedHeader:o,withSelect:a=!1,handleRowClick:l,className:n,language:i="en",containerRefHandler:c,submitButtons:m}){const d=W(null),[p,f]=$(400),h=j(),w=V(),b=D(()=>{const t=e=>"left"===e.fixed,s=e=>"right"===e.fixed;return e.sort((e,r)=>t(e)&&!t(r)?-1:!t(e)&&t(r)||s(e)&&!s(r)?1:!s(e)&&s(r)?-1:0),[...e]},[e]),{getTableProps:g,getTableBodyProps:S,selectedFlatRows:x,headerGroups:y,rows:R,prepareRow:C,toggleAllRowsSelected:k,state:I}=q({columns:b,data:t},B,F,e=>G(e,a)),L=T(()=>{var e;d.current&&f(null==(e=d.current)?void 0:e.offsetWidth)},[d.current]);_(()=>{null==r||r(I)},[JSON.stringify(I)]),_(()=>{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=T(()=>{k(!1)},[]);/* @__PURE__ */
+return u("div",{ref:c,children:[a&&x.length>0&&/* @__PURE__ */u("div",{className:"table-wrapper__selected-rows",children:[
+/* @__PURE__ */s(v,{buttonText:Q(Z[i].n_selected||"",x.length),onClick:z,type:"tertiary",size:"medium",iconProps:{alignment:"left",Component:X}}),null==m?void 0:m.map(({buttonText:e,isLoading:t,onClick:r,iconProps:o})=>/* @__PURE__ */s(v,{iconProps:o||{alignment:"left",Component:U},onClick:e=>{r(e,I,z)},buttonText:e||"Submit",type:"secondary",size:"medium",className:"mr-8",isLoading:t}))]}),
+/* @__PURE__ */s("div",{onScroll:w,className:M("table-wrapper scrollbar scrollbar--horizontal scrollbar--vertical",n,{"table-row-clickable":!!l}),style:{maxHeight:null==o?void 0:o.y},children:/* @__PURE__ */u("table",{...g(),ref:d,children:[
+/* @__PURE__ */s("thead",{children:y.map((e,t)=>/* @__PURE__ */s(K,{withSelect:a,fixedHeader:!!o,headerGroup:e,tableWidth:p,uniqueKey:h},`table_head_${h}_${t}`))}),
+/* @__PURE__ */s("tbody",{...S(),children:R.map(e=>(C(e),/* @__PURE__ */s(J,{handleRowClick:l,withSelect:a,selectedFlatRows:x,row:e,uniqueKey:h},`table_row_${h}_${e.id}`)))})]})})]})}export{fe as Table};