@filerobot/approvals/lib/components/Modals/ApprovalsHistory/ApprovalsHistory.hooks.js

Asset approvals package for Filerobot

import { useCallback } from 'react';
import { useModal } from '@filerobot/core/lib/hooks';
import { useDispatch } from 'react-redux';
import useApprovals from '../../../hooks/useApprovals';
import ApprovalsHistoryContent from './ApprovalsHistoryContent';
import { historyVersionActivated } from '../../../common.slice';
import { jsx as _jsx } from "react/jsx-runtime";
export var useApprovalsHistoryModal = function useApprovalsHistoryModal() {
  var _useApprovals = useApprovals(),
    i18n = _useApprovals.i18n;
  var dispatch = useDispatch();
  var toggleModal = useModal();
  var triggerRequestApproverModal = useCallback(function () {
    dispatch(historyVersionActivated());
    toggleModal({
      title: i18n('approvalsHistoryModalTitle'),
      showTitleLabel: true,
      content: function content() {
        return /*#__PURE__*/_jsx(ApprovalsHistoryContent, {});
      },
      modalStyle: {
        width: 1100,
        height: 800,
        maxWidth: '90vw',
        maxHeight: '90vh',
        overflowY: 'auto'
      },
      modalHeaderStyle: {
        padding: '11px 24px 10.5px 24px',
        height: 64,
        justifyContent: 'center'
      },
      modalHeaderBottomBorder: true,
      modalBodyStyle: {
        padding: '0',
        overflow: 'hidden',
        flexGrow: 1
      },
      contentStyle: {
        display: 'flex',
        height: '100%',
        wight: '100%',
        flexDirection: 'column'
      },
      modalFooterStyle: {
        flexDirection: 'row',
        height: 88,
        padding: 24,
        justifyContent: 'flex-end'
      },
      modalFooterTopBorder: true,
      primaryTitleStyle: {
        border: 'none',
        fontWeight: 400,
        fontSize: 18,
        lineHeight: '20px'
      },
      buttonSecondaryLabel: i18n('mutualizedCloseButtonLabel'),
      modalSecondaryButton: {
        width: 120
      },
      modalSecondaryButtonColor: 'primary',
      modalCrossButtonStyle: {
        margin: '10px 12px 10px 0'
      },
      disableAutoClose: true,
      hidePrimaryButton: true
    });
  }, [i18n]);
  return triggerRequestApproverModal;
};