hrm_ui_lib 2.1.0 → 2.2.0

package/components/TableV2/ColumnSettings.js

@@ -1,164 +1,33 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState } from 'react';
-import { B as Button } from '../../Alert-BslI0aA0.js';
-import '@babel/runtime/helpers/defineProperty';
-import 'classnames';
-import { IconSettings } from '../SVGIcons/IconSettings.js';
-import { Switcher } from '../Switcher/Switcher.js';
-import { Menu } from '../Menu/Menu.js';
-import 'react-dom';
-import { Positions } from '../Tooltip/types.js';
-import '../../consts/index.js';
-import 'dayjs';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '@babel/runtime/helpers/extends';
-import 'framer-motion';
-import '../Collapse/CollapseGroup/CollapseGroup.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import 'react-syntax-highlighter';
-import '../Alert/consts.js';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../../type/file-upload.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 '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.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 '../../helperComponents/Label/Label.js';
-import '../SVGIcons/IconCheckmark.js';
-import '../../helperComponents/OptionItem/OptionItem.js';
-import '../Avatar/Avatar.js';
-import '../FileUpload/FileUpload.js';
-import '../FileUpload/UploadItems.js';
-import '../../hooks/useFormProps.js';
-import '../../context/types.js';
-import '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../SVGIcons/IconEditFilled.js';
-import '../SVGIcons/IconEdit.js';
-import '../SVGIcons/IconAttach.js';
-import '../Collapse/CollapseItem/CollapseItem.js';
-import '../SVGIcons/IconChevronRight.js';
-import '../Divider/Divider.js';
-import '../SVGIcons/IconChevronDown.js';
-
-var defaultHiddenColumnSettings = ['select', 'actions', 'expand'];
-function ColumnSettings(_ref) {
-  var table = _ref.table,
-    tooltipText = _ref.tooltipText,
-    _ref$hiddenColumns = _ref.hiddenColumns,
-    hiddenColumns = _ref$hiddenColumns === void 0 ? [] : _ref$hiddenColumns,
-    _ref$allToggleText = _ref.allToggleText,
-    allToggleText = _ref$allToggleText === void 0 ? 'All' : _ref$allToggleText;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    ref = _useState2[0],
-    setRef = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isOpen = _useState4[0],
-    setIsOpen = _useState4[1];
-  var closeUserMenu = function closeUserMenu() {
-    setIsOpen(false);
-  };
-  var handleClick = function handleClick(column) {
-    var toggle = column.getToggleVisibilityHandler();
-    if (toggle) {
-      toggle({
-        target: {
-          checked: !column.getIsVisible()
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Button } from '../Button';
+import { IconSettings } from '../SVGIcons';
+import { Switcher } from '../Switcher';
+import { Menu } from '../Menu';
+import { Tooltip } from '../Tooltip';
+import { Positions } from '../Tooltip/types';
+const defaultHiddenColumnSettings = ['select', 'actions', 'expand'];
+export function ColumnSettings({ table, tooltipText, hiddenColumns = [], allToggleText = 'All' }) {
+    const [ref, setRef] = useState(null);
+    const [isOpen, setIsOpen] = useState(false);
+    const closeUserMenu = () => {
+        setIsOpen(false);
+    };
+    const handleClick = (column) => {
+        const toggle = column.getToggleVisibilityHandler();
+        if (toggle) {
+            toggle({ target: { checked: !column.getIsVisible() } });
         }
-      });
-    }
-  };
-  var hiddenColumnSettings = defaultHiddenColumnSettings.concat(hiddenColumns);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: setRef
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "secondary",
-    iconProps: {
-      Component: IconSettings
-    },
-    onClick: function onClick() {
-      return setIsOpen(function (prev) {
-        return !prev;
-      });
-    }
-  }), /*#__PURE__*/React.createElement(Menu, {
-    className: "settings-menu",
-    position: "top-left",
-    onClose: closeUserMenu,
-    isOpen: isOpen,
-    parentRef: ref
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "settings-menu__dropdown"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "relative"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "settings-menu__dropdown__option sticky"
-  }, /*#__PURE__*/React.createElement(Switcher, {
-    label: allToggleText,
-    selectedValue: table.getIsAllColumnsVisible(),
-    onClick: function onClick() {
-      return table.toggleAllColumnsVisible();
-    },
-    inlineType: true,
-    size: 'small'
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "scrollbar--content scrollbar scrollbar--vertical"
-  }, table.getAllLeafColumns().map(function (column) {
-    if (!(hiddenColumnSettings !== null && hiddenColumnSettings !== void 0 && hiddenColumnSettings.includes(column.id))) {
-      var label = typeof column.columnDef.header === 'string' ? column.columnDef.header : column.columnDef.id;
-      return /*#__PURE__*/React.createElement("div", {
-        key: column.id,
-        className: 'settings-menu__dropdown__option'
-      }, tooltipText && !column.getCanHide() && /*#__PURE__*/React.createElement(Tooltip, {
-        position: Positions.TOP_CENTER,
-        text: tooltipText,
-        id: column.columnDef.id
-      }), /*#__PURE__*/React.createElement(Switcher, {
-        label: label,
-        id: column.columnDef.id,
-        selectedValue: column.getIsVisible(),
-        onClick: function onClick() {
-          return handleClick(column);
-        },
-        disabled: !column.getCanHide(),
-        inlineType: true,
-        size: 'small'
-      }));
-    }
-  })))));
+    };
+    const hiddenColumnSettings = defaultHiddenColumnSettings.concat(hiddenColumns);
+    return (_jsxs("div", { ref: setRef, children: [_jsx(Button, { type: "secondary", iconProps: {
+                    Component: IconSettings
+                }, onClick: () => setIsOpen((prev) => !prev) }), _jsx(Menu, { className: "settings-menu", position: "top-left", onClose: closeUserMenu, isOpen: isOpen, parentRef: ref, children: _jsxs("div", { className: "settings-menu__dropdown", children: [_jsx("div", { className: "relative", children: _jsx("div", { className: "settings-menu__dropdown__option sticky", children: _jsx(Switcher, { label: allToggleText, selectedValue: table.getIsAllColumnsVisible(), onClick: () => table.toggleAllColumnsVisible(), inlineType: true, size: 'small' }) }) }), _jsx("div", { className: "scrollbar--content scrollbar scrollbar--vertical", children: table.getAllLeafColumns().map((column) => {
+                                if (!(hiddenColumnSettings === null || hiddenColumnSettings === void 0 ? void 0 : hiddenColumnSettings.includes(column.id))) {
+                                    const label = typeof column.columnDef.header === 'string'
+                                        ? column.columnDef.header
+                                        : column.columnDef.id;
+                                    return (_jsxs("div", { className: 'settings-menu__dropdown__option', children: [tooltipText && !column.getCanHide() && (_jsx(Tooltip, { position: Positions.TOP_CENTER, text: tooltipText, id: column.columnDef.id })), _jsx(Switcher, { label: label, id: column.columnDef.id, selectedValue: column.getIsVisible(), onClick: () => handleClick(column), disabled: !column.getCanHide(), inlineType: true, size: 'small' })] }, column.id));
+                                }
+                            }) })] }) })] }));
 }
-
-export { ColumnSettings };

package/components/TableV2/IndeterminateCheckbox.js

@@ -1,87 +1,16 @@
-import React, { forwardRef, useRef, useEffect } from 'react';
-import { C as Checkbox } from '../../Alert-BslI0aA0.js';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useRef } from 'react';
+import { Checkbox } from '../Checkbox';
 import classNames from 'classnames';
-import '@babel/runtime/helpers/extends';
-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 '@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';
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-var IndeterminateCheckbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var indeterminate = _ref.indeterminate,
-    checked = _ref.checked,
-    onChange = _ref.onChange,
-    disabled = _ref.disabled;
-  var defaultRef = useRef(null);
-  var resolvedRef = ref !== null && ref !== void 0 ? ref : defaultRef;
-  useEffect(function () {
-    resolvedRef.current.indeterminate = indeterminate;
-  }, [resolvedRef, indeterminate]);
-  var handleChange = function handleChange(v) {
-    onChange({
-      target: {
-        checked: v
-      }
-    });
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: 'actions-list'
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    className: classNames('actions-list__checkbox', {
-      'active-checkbox': checked
-    }),
-    value: checked,
-    disabled: disabled,
-    onClick: handleChange,
-    ref: resolvedRef
-  }));
+export const IndeterminateCheckbox = forwardRef(({ indeterminate, checked, onChange, disabled }, ref) => {
+    const defaultRef = useRef(null);
+    const resolvedRef = ref !== null && ref !== void 0 ? ref : defaultRef;
+    useEffect(() => {
+        resolvedRef.current.indeterminate = indeterminate;
+    }, [resolvedRef, indeterminate]);
+    const handleChange = (v) => {
+        onChange({ target: { checked: v } });
+    };
+    return (_jsx("div", { className: 'actions-list', children: _jsx(Checkbox, { className: classNames('actions-list__checkbox', { 'active-checkbox': checked }), value: checked, disabled: disabled, onClick: handleChange, ref: resolvedRef }) }));
 });
 IndeterminateCheckbox.displayName = 'IndeterminateCheckbox';
-
-export { IndeterminateCheckbox };