viam-compliance-deposit-ui/src/index.js

A React component for deposit sar alerts.

import React from 'react';
import { useTranslation, withTranslation } from 'react-i18next';
import Main from './core/components/main';

const Apl = ({
  connecParam,
  maxButtonsArea,
  numberOfRecordsByPageDefault,
  language,
  user,
  nameLanguageJSON,
  ux,
  option
}) => {
  const { t } = useTranslation(nameLanguageJSON);

  return (
    <div id='dvComplianceDeposit'>
      <Main
        t={t}
        maxButtonsArea={maxButtonsArea}
        numberOfRecordsByPageDefault={numberOfRecordsByPageDefault}
        connecParam={connecParam}
        language={language}
        user={user}
        ux={ux}
        option={option}
      />
    </div>
  );
};

Apl.defaultProps = {
  language: 'en',
  ux: {
    checkInput: 'main__cheksSize',
    ppalContainer: 'container bg-background',
    ppalHeader: 'main__headFixed',
    headerIcon: 'col-1 main__icon_div',
    ppalBody: 'main__height_body',
    icon: 'main__icon',
    iconBars: 'fas fa-bars',
    iconX: 'fas fa-times',
    tittlePpal: 'main__tittle col-10',
    columnFilter: 'col-md-3  ',
    filter: {
      info: 'filters__transitionCol',
      infoMax: 'col-12',
      infoMin: 'col-9',
      content: ' col-3 mt-1',
      hidden: 'filters__hideFilter',
      body: 'filters__body',
      tittle: 'filters__tittle rounded-top',
      contentBody: 'filters__contentBody',
      subTitles: 'lato-font text-blue',
      select: 'filters__form-select lato-font',
      inputValid: 'filters__form-control-valid lato-font',
      inputFilterInvalid: 'lato-font  filters__form-control-inValid pt-8',
      inputFilter: 'filters__form-control-valid lato-font ',
      selectNoBorder:
        'filters__form-control-valid filters__form-select lato-font',
      contentRow: 'row',
      contentColumn: 'col-md-12'
    },
    buttonOrange: 'text-center main__process_btn',
    dvButtons: 'text-left col-4 ',
    iconButtonDownload: 'main position-btn-aling-right icon fas fa-file-excel',
    iconButtonAdd: 'main position-btn-aling-right icon fas fa-plus',
    buttonOutLineSucccess: 'main btn-right',
    dvLblButtons: 'text-left col-8',
    totalRows: 'text-left mt-2 mb-3 text-success font-weight-bold pr-5',
    table: 'main table__table',
    footer: 'main__footer',
    errorMessage: 'main__errorMessage',
    buttonFilter: 'd-grid gap-2 mt-2 risk__btn-padding',
    loading: {
      dvLoading: 'loading__modal-frame',
      dvContent: 'd-flex justify-content-center',
      dvSpiner: 'spinner-border loading__spiner',
      span: 'visually-hidden'
    },
    modalDetail: {
      iconLock: 'fas fa-lock',
      alertModify: 'd-inline-block w-100',
      lblComments: 'lato-font text-blue lblComments',
      link: 'link-tbl',
      widthInfoModal: 'w-100 sizeBodyModal',
      containerReportModal: 'margin-top-body',
      subTittleDetail: 'subTittleDetail text-left',
      sizeModalTitle: 'sizeModalTitle',
      alertBottom: 'alertBottom',
      btnBottom: 'btnBottom',
      title: 'titleModal',
      iconNextStatus: 'fas fa-share icon',
      spNextStatus: ' nextStatus',
      lblNextStatus: ' label',
      marginBtnAdd: 'marginBtnAdd',
      span: 'span',
      classNameLoading: 'fa fa-spinner fa-pulse fa-3x fa-fw spinner',
      textRight: 'text-right',
      textLeft: 'text-left',
      card: {
        container: 'card border-warning mb-3',
        header: 'card-header text-warning',
        body: 'card-body '
      },
      modal: 'modal-compliance-common-lg',
      iconEdit: 'fas fa-edit IconEdit',
      inputFilter: 'form-control-valid lato-font ',
      inputInvalid: 'lato-font  form-control-valid invalid inputInvalid pt-8',
      input: 'form-control-valid lato-font  height ',
      iconUser: 'iconUser fas fa-user',
      modalmd: 'modal-compliance-common-md',
      modalxs: 'modal-compliance-common-xs'
    },
    alertDetection: {
      table: {
        status: {
          icon: 'fas fa-exclamation-circle iconStatus ',
          color: '  iconStatus '
        },
        warningAlert: {
          icon: 'fas fa-exclamation-triangle warningAlert ',
          color: '  warningAlert '
        }
      },
      card: {
        container: 'card border-warning mb-3',
        header: 'card-header text-warning',
        body: 'card-body row'
      },
      subTittleDetail:
        'subTittleDetail text-left textReadOnly minHeightInputEmpty'
    },   
    trashIcon: 'fas fa-trash-alt',
    deviceButton: 'text-center main__process_btn btn btn-primary',   
  }
};

export default withTranslation()(Apl);