@bigbinary/neeto-approvals-frontend 1.2.18 → 1.2.19

package/dist/cjs/v2/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../app/javascript/src/v2/components/Approvals/ApprovalRequestForm.jsx","../../../app/javascript/src/v2/components/Approvals/CreateRequestForm.jsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { Select } from \"@bigbinary/neeto-atoms\";\nimport { useFormikContext } from \"formik\";\nimport { SINGULAR } from \"neetocommons/v2/constants\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\nimport FormikEditor from \"neetoeditor/v2/FormikEditor\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useFetchApprovers } from \"hooks/reactQuery/approvers/useApproversApi\";\nimport {\n  useFetchTemplate,\n  useFetchTemplates,\n} from \"hooks/reactQuery/templates/useTemplatesApi\";\n\nconst Form = ({\n  requestableId = \"\",\n  selectedTemplateData,\n  setSelectedTemplateData,\n}) => {\n  const { t } = useTranslation();\n\n  const { setFieldValue } = useFormikContext();\n  const inputRef = useRef(null);\n\n  const [approverId, setApproverId] = useState(null);\n  const [templateId, setTemplateId] = useState(null);\n\n  const params = {\n    requestableId,\n    approverId,\n    approvalRequestorId: globalProps.user?.id,\n  };\n\n  const { data: { templates = [] } = {} } = useFetchTemplates();\n  const { data: { template = {} } = {} } = useFetchTemplate({\n    id: templateId,\n    params,\n  });\n  const { data: { approvers = [] } = {} } = useFetchApprovers();\n\n  const approverOptions = useMemo(\n    () =>\n      approvers.map(approver => ({\n        label: approver.name,\n        value: approver.id,\n      })),\n    [approvers]\n  );\n\n  const templateOptions = templates.map(template => ({\n    label: template.name,\n    value: template.id,\n  }));\n\n  const updateMessage = () => {\n    const message = template.parsedMessage || template.message;\n    setFieldValue(\"message\", message);\n    inputRef?.current?.editor?.commands?.setContent(message);\n  };\n\n  const handleTemplateChange = selectedTemplate => {\n    setTemplateId(selectedTemplate);\n  };\n\n  const handleApproverChange = approver => {\n    setApproverId(approver);\n    setFieldValue(\"approver\", approver);\n  };\n\n  useEffect(() => {\n    if (isEmpty(template)) return;\n    setSelectedTemplateData(template);\n    updateMessage();\n  }, [template]);\n\n  return (\n    <div className=\"w-full space-y-6\">\n      <Select\n        label={t(\"neetoApprovals.select.approval\")}\n        options={templateOptions}\n        onChange={selectedTemplate => handleTemplateChange(selectedTemplate)}\n      />\n      {selectedTemplateData?.message && (\n        <>\n          <div className=\"flex space-x-6\">\n            <Select\n              required\n              label={t(\"neetoApprovals.inputs.labels.approver\")}\n              name=\"approver\"\n              options={approverOptions}\n              placeholder={t(\"neetoApprovals.inputs.placeholders.select_\", {\n                what: t(\"neetoApprovals.common.approver\", SINGULAR),\n              })}\n              onChange={handleApproverChange}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <FormikEditor\n              required\n              label={t(\"neetoApprovals.inputs.labels.message\")}\n              name=\"message\"\n              ref={inputRef}\n              rows={3}\n              placeholder={t(\"neetoApprovals.inputs.placeholders.enter_\", {\n                what: t(\"neetoApprovals.inputs.labels.message\"),\n              })}\n            />\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default Form;\n","import { useState } from \"react\";\n\nimport { Sheet, Typography } from \"@bigbinary/neeto-atoms\";\nimport { ActionBlock, Form as FormikForm } from \"@bigbinary/neeto-atoms/formik\";\nimport { SINGULAR } from \"neetocommons/v2/constants\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ApprovalRequestForm from \"./ApprovalRequestForm\";\nimport {\n  APPROVAL_REQUEST_FORM_INITIAL_VALUES,\n  REQUEST_FORM_VALIDATION_SCHEMA,\n} from \"./constants\";\n\nconst Form = ({\n  isOpen,\n  setIsPaneOpen,\n  onSubmit,\n  isLoading,\n  requestableId = \"\",\n}) => {\n  const [selectedTemplateData, setSelectedTemplateData] = useState({});\n  const { t } = useTranslation();\n\n  const onClose = () => {\n    setIsPaneOpen(false);\n    setSelectedTemplateData({});\n  };\n\n  const handleSubmit = values => {\n    onSubmit(\n      { message: values.message, approverId: values.approver },\n      selectedTemplateData,\n      onClose\n    );\n  };\n\n  return (\n    <Sheet {...{ isOpen, onClose }}>\n      <Sheet.Header>\n        <Typography variant=\"h2\">\n          {t(\"neetoApprovals.common.add_\", {\n            what: t(\"neetoApprovals.common.approval\", SINGULAR),\n          })}\n        </Typography>\n      </Sheet.Header>\n      <FormikForm\n        formikProps={{\n          onSubmit: handleSubmit,\n          initialValues: APPROVAL_REQUEST_FORM_INITIAL_VALUES,\n          validationSchema: REQUEST_FORM_VALIDATION_SCHEMA,\n        }}\n      >\n        <Sheet.Body>\n          <ApprovalRequestForm\n            {...{\n              requestableId,\n              selectedTemplateData,\n              setSelectedTemplateData,\n            }}\n          />\n        </Sheet.Body>\n        <Sheet.Footer>\n          <ActionBlock\n            cancelButtonProps={{ onClick: onClose }}\n            isSubmitting={isLoading}\n          />\n        </Sheet.Footer>\n      </FormikForm>\n    </Sheet>\n  );\n};\n\nexport default Form;\n"],"names":["Form","_ref","_globalProps$user","_ref$requestableId","requestableId","selectedTemplateData","setSelectedTemplateData","_useTranslation","useTranslation","t","_useFormikContext","useFormikContext","setFieldValue","inputRef","useRef","_useState","useState","_useState2","_slicedToArray","approverId","setApproverId","_useState3","_useState4","templateId","setTemplateId","params","approvalRequestorId","globalProps","user","id","_useFetchTemplates","useFetchTemplates","_useFetchTemplates$da","data","_useFetchTemplates$da2","_useFetchTemplates$da3","templates","_useFetchTemplate","useFetchTemplate","_useFetchTemplate$dat","_useFetchTemplate$dat2","_useFetchTemplate$dat3","template","_useFetchApprovers","useFetchApprovers","_useFetchApprovers$da","_useFetchApprovers$da2","_useFetchApprovers$da3","approvers","approverOptions","useMemo","map","approver","label","name","value","templateOptions","updateMessage","_inputRef$current","message","parsedMessage","current","editor","commands","setContent","handleTemplateChange","selectedTemplate","handleApproverChange","useEffect","isEmpty","_jsxs","className","children","_jsx","Select","options","onChange","_Fragment","required","placeholder","what","SINGULAR","FormikEditor","ref","rows","isOpen","setIsPaneOpen","onSubmit","isLoading","onClose","handleSubmit","values","Sheet","Header","Typography","variant","FormikForm","formikProps","initialValues","APPROVAL_REQUEST_FORM_INITIAL_VALUES","validationSchema","REQUEST_FORM_VALIDATION_SCHEMA","Body","ApprovalRequestForm","Footer","ActionBlock","cancelButtonProps","onClick","isSubmitting"],"mappings":"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"}
+{"version":3,"file":"Form.js","sources":["../../../app/javascript/src/v2/components/Approvals/ApprovalRequestForm.jsx","../../../app/javascript/src/v2/components/Approvals/CreateRequestForm.jsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { Select } from \"@bigbinary/neeto-atoms\";\nimport { useFormikContext } from \"formik\";\nimport { SINGULAR } from \"neetocommons/v2/constants\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\nimport FormikEditor from \"neetoeditor/v2/FormikEditor\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useFetchApprovers } from \"hooks/reactQuery/approvers/useApproversApi\";\nimport {\n  useFetchTemplate,\n  useFetchTemplates,\n} from \"hooks/reactQuery/templates/useTemplatesApi\";\n\nconst Form = ({\n  requestableId = \"\",\n  selectedTemplateData,\n  setSelectedTemplateData,\n}) => {\n  const { t } = useTranslation();\n\n  const { setFieldValue } = useFormikContext();\n  const inputRef = useRef(null);\n\n  const [approverId, setApproverId] = useState(null);\n  const [templateId, setTemplateId] = useState(null);\n\n  const params = {\n    requestableId,\n    approverId,\n    approvalRequestorId: globalProps.user?.id,\n  };\n\n  const { data: { templates = [] } = {} } = useFetchTemplates();\n  const { data: { template = {} } = {} } = useFetchTemplate({\n    id: templateId,\n    params,\n  });\n  const { data: { approvers = [] } = {} } = useFetchApprovers();\n\n  const approverOptions = useMemo(\n    () =>\n      approvers.map(approver => ({\n        label: approver.name,\n        value: approver.id,\n      })),\n    [approvers]\n  );\n\n  const templateOptions = templates.map(template => ({\n    label: template.name,\n    value: template.id,\n  }));\n\n  const updateMessage = () => {\n    const message = template.parsedMessage || template.message;\n    setFieldValue(\"message\", message);\n    inputRef?.current?.editor?.commands?.setContent(message);\n  };\n\n  const handleTemplateChange = selectedTemplate => {\n    setTemplateId(selectedTemplate);\n  };\n\n  const handleApproverChange = approver => {\n    setApproverId(approver);\n    setFieldValue(\"approver\", approver);\n  };\n\n  useEffect(() => {\n    if (isEmpty(template)) return;\n    setSelectedTemplateData(template);\n    updateMessage();\n  }, [template]);\n\n  return (\n    <div className=\"w-full space-y-6\">\n      <Select\n        label={t(\"neetoApprovals.select.approval\")}\n        options={templateOptions}\n        onChange={selectedTemplate => handleTemplateChange(selectedTemplate)}\n      />\n      {selectedTemplateData?.message && (\n        <>\n          <div className=\"flex space-x-6\">\n            <Select\n              required\n              label={t(\"neetoApprovals.inputs.labels.approver\")}\n              name=\"approver\"\n              options={approverOptions}\n              placeholder={t(\"neetoApprovals.inputs.placeholders.select_\", {\n                what: t(\"neetoApprovals.common.approver\", SINGULAR),\n              })}\n              onChange={handleApproverChange}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <FormikEditor\n              required\n              label={t(\"neetoApprovals.inputs.labels.message\")}\n              name=\"message\"\n              ref={inputRef}\n              rows={3}\n              placeholder={t(\"neetoApprovals.inputs.placeholders.enter_\", {\n                what: t(\"neetoApprovals.inputs.labels.message\"),\n              })}\n            />\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default Form;\n","import { useState } from \"react\";\n\nimport { Sheet } from \"@bigbinary/neeto-atoms\";\nimport { ActionBlock, Form as FormikForm } from \"@bigbinary/neeto-atoms/formik\";\nimport { SINGULAR } from \"neetocommons/v2/constants\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ApprovalRequestForm from \"./ApprovalRequestForm\";\nimport {\n  APPROVAL_REQUEST_FORM_INITIAL_VALUES,\n  REQUEST_FORM_VALIDATION_SCHEMA,\n} from \"./constants\";\n\nconst Form = ({\n  isOpen,\n  setIsPaneOpen,\n  onSubmit,\n  isLoading,\n  requestableId = \"\",\n}) => {\n  const [selectedTemplateData, setSelectedTemplateData] = useState({});\n  const { t } = useTranslation();\n\n  const onClose = () => {\n    setIsPaneOpen(false);\n    setSelectedTemplateData({});\n  };\n\n  const handleSubmit = values => {\n    onSubmit(\n      { message: values.message, approverId: values.approver },\n      selectedTemplateData,\n      onClose\n    );\n  };\n\n  return (\n    <Sheet {...{ isOpen, onClose }}>\n      <Sheet.Header>\n        <Sheet.Title>\n          {t(\"neetoApprovals.common.add_\", {\n            what: t(\"neetoApprovals.common.approval\", SINGULAR),\n          })}\n        </Sheet.Title>\n      </Sheet.Header>\n      <FormikForm\n        className=\"flex min-h-0 flex-1 flex-col\"\n        formikProps={{\n          onSubmit: handleSubmit,\n          initialValues: APPROVAL_REQUEST_FORM_INITIAL_VALUES,\n          validationSchema: REQUEST_FORM_VALIDATION_SCHEMA,\n        }}\n      >\n        <Sheet.Body>\n          <ApprovalRequestForm\n            {...{\n              requestableId,\n              selectedTemplateData,\n              setSelectedTemplateData,\n            }}\n          />\n        </Sheet.Body>\n        <Sheet.Footer>\n          <ActionBlock\n            cancelButtonProps={{ onClick: onClose }}\n            isSubmitting={isLoading}\n          />\n        </Sheet.Footer>\n      </FormikForm>\n    </Sheet>\n  );\n};\n\nexport default Form;\n"],"names":["Form","_ref","_globalProps$user","_ref$requestableId","requestableId","selectedTemplateData","setSelectedTemplateData","_useTranslation","useTranslation","t","_useFormikContext","useFormikContext","setFieldValue","inputRef","useRef","_useState","useState","_useState2","_slicedToArray","approverId","setApproverId","_useState3","_useState4","templateId","setTemplateId","params","approvalRequestorId","globalProps","user","id","_useFetchTemplates","useFetchTemplates","_useFetchTemplates$da","data","_useFetchTemplates$da2","_useFetchTemplates$da3","templates","_useFetchTemplate","useFetchTemplate","_useFetchTemplate$dat","_useFetchTemplate$dat2","_useFetchTemplate$dat3","template","_useFetchApprovers","useFetchApprovers","_useFetchApprovers$da","_useFetchApprovers$da2","_useFetchApprovers$da3","approvers","approverOptions","useMemo","map","approver","label","name","value","templateOptions","updateMessage","_inputRef$current","message","parsedMessage","current","editor","commands","setContent","handleTemplateChange","selectedTemplate","handleApproverChange","useEffect","isEmpty","_jsxs","className","children","_jsx","Select","options","onChange","_Fragment","required","placeholder","what","SINGULAR","FormikEditor","ref","rows","isOpen","setIsPaneOpen","onSubmit","isLoading","onClose","handleSubmit","values","Sheet","Header","Title","FormikForm","formikProps","initialValues","APPROVAL_REQUEST_FORM_INITIAL_VALUES","validationSchema","REQUEST_FORM_VALIDATION_SCHEMA","Body","ApprovalRequestForm","Footer","ActionBlock","cancelButtonProps","onClick","isSubmitting"],"mappings":"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"}

package/dist/cjs/v2/RequestDetailsPane.js

@@ -9,7 +9,7 @@ require('@bigbinary/neeto-commons-frontend/v2/utils');
 require('@bigbinary/neeto-editor/v2/EditorContent');
 require('react-i18next');
 require('../../useRequestsApi-DO-oEAzQ.js');
-var v2_RequestDetailsPane = require('../../index-hZqdAkyl.js');
+var v2_RequestDetailsPane = require('../../index-C9Ur59-i.js');
 require('../../constants-DaDwtZe3.js');
 require('react/jsx-runtime');
 require('@tanstack/react-query');

package/dist/cjs/v2/index.js

@@ -3,7 +3,7 @@
 var v2_Approvals = require('./Approvals.js');
 var v2_Form = require('./Form.js');
 var v2_Public = require('./Public.js');
-var v2_RequestDetailsPane = require('../../index-hZqdAkyl.js');
+var v2_RequestDetailsPane = require('../../index-C9Ur59-i.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/slicedToArray');
 require('react');
@@ -19,8 +19,8 @@ require('../../queryConstants-DjYiOKxE.js');
 require('@bigbinary/neeto-atoms');
 require('i18next');
 require('@bigbinary/neeto-commons-frontend/v2/constants');
+require('lucide-react');
 require('@bigbinary/neeto-cist');
-require('@bigbinary/neeto-molecules/v2/TableWrapper');
 require('react-i18next');
 require('../../useRequestsApi-DO-oEAzQ.js');
 require('@bigbinary/neeto-commons-frontend/react-utils');

package/dist/{index-hZqdAkyl.js → index-C9Ur59-i.js}

@@ -155,8 +155,7 @@ var RequestDetailsPane = function RequestDetailsPane(_ref) {
     onClose: handleOnClose,
     children: [/*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Sheet.Header, {
       className: "space-y-2",
-      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-        variant: "h2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Title, {
         children: title
       }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Badge, {
         variant: constants.STATUS_BADGE_VARIANT[constants.STATUS_TAG_STYLE[status]],
@@ -226,4 +225,4 @@ var RequestDetailsPane = function RequestDetailsPane(_ref) {
 exports.RequestDetailsPane = RequestDetailsPane;
 exports.getApprovalFilter = getApprovalFilter;
 exports.updateApprovalDetails = updateApprovalDetails;
-//# sourceMappingURL=index-hZqdAkyl.js.map
+//# sourceMappingURL=index-C9Ur59-i.js.map

package/dist/index-C9Ur59-i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-C9Ur59-i.js","sources":["../app/javascript/src/v2/components/Approvals/RequestDetailsPane/Footer.jsx","../app/javascript/src/v2/components/Approvals/utils.js","../app/javascript/src/v2/components/Approvals/RequestDetailsPane/index.jsx"],"sourcesContent":["import { Button, Sheet } from \"@bigbinary/neeto-atoms\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { STATUSES } from \"../constants\";\n\nconst Footer = ({\n  isLoading,\n  handleSubmit,\n  isCurrentUserApprover,\n  isCurrentUserRequester,\n}) => {\n  const { t } = useTranslation();\n\n  if (!isCurrentUserApprover && !isCurrentUserRequester) return null;\n\n  if (isCurrentUserApprover) {\n    return (\n      <Sheet.Footer className=\"flex flex-shrink-0 gap-x-2\">\n        <Button\n          label={t(\"neetoApprovals.buttons.approve\")}\n          loading={isLoading}\n          type=\"submit\"\n          onClick={() => handleSubmit(STATUSES.approved)}\n        />\n        <Button\n          label={t(\"neetoApprovals.buttons.decline\")}\n          loading={isLoading}\n          variant=\"ghost\"\n          onClick={() => handleSubmit(STATUSES.rejected)}\n        />\n      </Sheet.Footer>\n    );\n  }\n\n  return (\n    <Sheet.Footer className=\"flex flex-shrink-0 gap-x-2\">\n      <Button\n        label={t(\"neetoApprovals.buttons.cancelRequest\")}\n        loading={isLoading}\n        type=\"submit\"\n        onClick={() => handleSubmit(STATUSES.cancelled)}\n      />\n    </Sheet.Footer>\n  );\n};\n\nexport default Footer;\n","import timezone from \"dayjs/plugin/timezone\";\nimport utc from \"dayjs/plugin/utc\";\nimport { t } from \"i18next\";\nimport { findBy, isPresent } from \"neetocist\";\nimport { dayjs } from \"neetocommons/utils\";\nimport { PLURAL } from \"neetocommons/v2/constants\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\n\ndayjs.extend(utc);\ndayjs.extend(timezone);\n\nexport const updateApprovalDetails = ({ requestsData, approvalDetails }) => {\n  if (isPresent(requestsData?.requests) && isPresent(approvalDetails)) {\n    return findBy({ id: approvalDetails.id }, requestsData.requests) || {};\n  }\n\n  return {};\n};\n\nexport const timeInZone = time => {\n  globalProps.user?.timeZone && dayjs.tz.setDefault(globalProps.user?.timeZone);\n\n  return dayjs(time).tz();\n};\n\nexport const getApprovalFilter = () => ({\n  PENDING: { label: t(\"neetoApprovals.common.pending\"), value: \"PENDING\" },\n  TEMPLATES: {\n    label: t(\"neetoApprovals.common.template\", PLURAL),\n    value: \"TEMPLATES\",\n  },\n  HISTORY: { label: t(\"neetoApprovals.common.history\"), value: \"HISTORY\" },\n});\n","import { memo, useEffect, useState } from \"react\";\n\nimport {\n  Badge,\n  Label,\n  Sheet,\n  Textarea,\n  Typography,\n} from \"@bigbinary/neeto-atoms\";\nimport { capitalize } from \"neetocist\";\nimport { dateFormat, withEventTargetValue } from \"neetocommons/v2/utils\";\nimport EditorContent from \"neetoeditor/v2/EditorContent\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useUpdateRequest } from \"hooks/reactQuery/requests/useRequestsApi\";\n\nimport Footer from \"./Footer\";\n\nimport {\n  STATUSES,\n  STATUS_BADGE_VARIANT,\n  STATUS_TAG_STYLE,\n  STATUS_UPDATED_BY,\n} from \"../constants\";\nimport { timeInZone } from \"../utils\";\n\nconst MemoizedEditorContent = memo(EditorContent);\n\nconst RequestDetailsPane = ({\n  isOpen,\n  onClose,\n  approvalDetails,\n  isPending = false,\n}) => {\n  const { t } = useTranslation();\n\n  const {\n    title,\n    status = \"\",\n    message,\n    createdAt,\n    approverName,\n    approverEmail,\n    note: initialNote = \"\",\n    requesterName,\n    requesterEmail,\n  } = approvalDetails;\n\n  const [note, setNote] = useState(initialNote);\n\n  const { mutate: updatePendingRequest, isPending: isUpdateRequestPending } =\n    useUpdateRequest();\n\n  useEffect(() => {\n    setNote(initialNote);\n  }, [initialNote]);\n\n  const requesterOrApproverDetails =\n    status === STATUSES.cancelled\n      ? `${requesterName} (${requesterEmail})`\n      : `${approverName} (${approverEmail})`;\n\n  const isCurrentUserApprover =\n    window.globalProps?.user?.email === approverEmail;\n\n  const isCurrentUserRequester =\n    window.globalProps?.user?.email === requesterEmail;\n\n  const getStatusLabel = () => {\n    if (isPending) {\n      return t(\"neetoApprovals.common.waitingFor\");\n    }\n\n    return STATUS_UPDATED_BY[status];\n  };\n\n  const handleOnClose = () => {\n    setNote(\"\");\n    onClose();\n  };\n\n  const handleSubmit = status =>\n    updatePendingRequest(\n      {\n        id: approvalDetails.id,\n        payload: { status, note, [`${status}At`]: new Date() },\n      },\n      { onSuccess: handleOnClose }\n    );\n\n  return (\n    <Sheet\n      {...{ isOpen }}\n      className=\"flex flex-col\"\n      size=\"large\"\n      onClose={handleOnClose}\n    >\n      <Sheet.Header className=\"space-y-2\">\n        <Sheet.Title>{title}</Sheet.Title>\n        <Badge variant={STATUS_BADGE_VARIANT[STATUS_TAG_STYLE[status]]}>\n          {capitalize(status)}\n        </Badge>\n      </Sheet.Header>\n      <Sheet.Body\n        className=\"h-auto flex-grow space-y-6 pb-6\"\n        hasFooter={isPending}\n      >\n        <div className=\"w-full divide-y rounded border p-2\">\n          <div className=\"flex flex-col gap-2 p-2 lg:flex-row lg:gap-3\">\n            <Label className=\"font-normal\">{getStatusLabel()}</Label>\n            <Typography variant=\"body2\" weight=\"medium\">\n              {requesterOrApproverDetails}\n            </Typography>\n          </div>\n          <div className=\"flex flex-col gap-2 p-2 lg:flex-row lg:gap-3\">\n            <Label className=\"font-normal\">\n              {t(\"neetoApprovals.common.created\")}\n            </Label>\n            <Typography variant=\"body2\" weight=\"medium\">\n              {dateFormat.defaultWithTime(timeInZone(createdAt))}\n            </Typography>\n          </div>\n        </div>\n        <div className=\"w-full space-y-2\">\n          <Label>{t(\"neetoApprovals.inputs.labels.message\")}</Label>\n          <MemoizedEditorContent\n            className=\"rounded bg-muted p-4\"\n            content={message}\n          />\n        </div>\n        {isPending && isCurrentUserApprover && (\n          <Textarea\n            className=\"w-full\"\n            disabled={!isPending}\n            label={t(\"neetoApprovals.common.note\")}\n            value={note}\n            placeholder={t(\"neetoApprovals.inputs.placeholders.add_\", {\n              what: t(\"neetoApprovals.common.note\"),\n            })}\n            onChange={withEventTargetValue(setNote)}\n          />\n        )}\n        {!isPending && note && (\n          <div className=\"w-full space-y-2\">\n            <Label>{t(\"neetoApprovals.common.note\")}</Label>\n            <div className=\"bg-muted p-4\">{note}</div>\n          </div>\n        )}\n      </Sheet.Body>\n      {isPending && (\n        <Footer\n          {...{\n            handleSubmit,\n            isCurrentUserApprover,\n            isCurrentUserRequester,\n          }}\n          isLoading={isUpdateRequestPending}\n        />\n      )}\n    </Sheet>\n  );\n};\n\nexport default RequestDetailsPane;\n"],"names":["Footer","_ref","isLoading","handleSubmit","isCurrentUserApprover","isCurrentUserRequester","_useTranslation","useTranslation","t","_jsxs","Sheet","className","children","_jsx","Button","label","loading","type","onClick","STATUSES","approved","variant","rejected","cancelled","dayjs","extend","utc","timezone","updateApprovalDetails","requestsData","approvalDetails","isPresent","requests","findBy","id","timeInZone","time","_globalProps$user","_globalProps$user2","globalProps","user","timeZone","tz","setDefault","getApprovalFilter","PENDING","value","TEMPLATES","PLURAL","HISTORY","MemoizedEditorContent","memo","EditorContent","RequestDetailsPane","_window$globalProps","_window$globalProps2","isOpen","onClose","_ref$isPending","isPending","title","_approvalDetails$stat","status","message","createdAt","approverName","approverEmail","_approvalDetails$note","note","initialNote","requesterName","requesterEmail","_useState","useState","_useState2","_slicedToArray","setNote","_useUpdateRequest","useUpdateRequest","updatePendingRequest","mutate","isUpdateRequestPending","useEffect","requesterOrApproverDetails","concat","window","email","getStatusLabel","STATUS_UPDATED_BY","handleOnClose","payload","_defineProperty","Date","onSuccess","size","Header","Title","Badge","STATUS_BADGE_VARIANT","STATUS_TAG_STYLE","capitalize","Body","hasFooter","Label","Typography","weight","dateFormat","defaultWithTime","content","Textarea","disabled","placeholder","what","onChange","withEventTargetValue"],"mappings":"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"}

package/dist/{index-C8moxeiZ.js → index-DumSd5fj.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState, useEffect, memo } from 'react';
-import { Sheet, Button, Typography, Badge, Label, Textarea } from '@bigbinary/neeto-atoms';
+import { Sheet, Button, Badge, Label, Typography, Textarea } from '@bigbinary/neeto-atoms';
 import { isPresent, findBy, capitalize } from '@bigbinary/neeto-cist';
 import { dateFormat, withEventTargetValue } from '@bigbinary/neeto-commons-frontend/v2/utils';
 import EditorContent from '@bigbinary/neeto-editor/v2/EditorContent';
@@ -153,8 +153,7 @@ var RequestDetailsPane = function RequestDetailsPane(_ref) {
     onClose: handleOnClose,
     children: [/*#__PURE__*/jsxs(Sheet.Header, {
       className: "space-y-2",
-      children: [/*#__PURE__*/jsx(Typography, {
-        variant: "h2",
+      children: [/*#__PURE__*/jsx(Sheet.Title, {
         children: title
       }), /*#__PURE__*/jsx(Badge, {
         variant: STATUS_BADGE_VARIANT[STATUS_TAG_STYLE[status]],
@@ -222,4 +221,4 @@ var RequestDetailsPane = function RequestDetailsPane(_ref) {
 };
 
 export { RequestDetailsPane as R, getApprovalFilter as g, updateApprovalDetails as u };
-//# sourceMappingURL=index-C8moxeiZ.js.map
+//# sourceMappingURL=index-DumSd5fj.js.map

package/dist/index-DumSd5fj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DumSd5fj.js","sources":["../app/javascript/src/v2/components/Approvals/RequestDetailsPane/Footer.jsx","../app/javascript/src/v2/components/Approvals/utils.js","../app/javascript/src/v2/components/Approvals/RequestDetailsPane/index.jsx"],"sourcesContent":["import { Button, Sheet } from \"@bigbinary/neeto-atoms\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { STATUSES } from \"../constants\";\n\nconst Footer = ({\n  isLoading,\n  handleSubmit,\n  isCurrentUserApprover,\n  isCurrentUserRequester,\n}) => {\n  const { t } = useTranslation();\n\n  if (!isCurrentUserApprover && !isCurrentUserRequester) return null;\n\n  if (isCurrentUserApprover) {\n    return (\n      <Sheet.Footer className=\"flex flex-shrink-0 gap-x-2\">\n        <Button\n          label={t(\"neetoApprovals.buttons.approve\")}\n          loading={isLoading}\n          type=\"submit\"\n          onClick={() => handleSubmit(STATUSES.approved)}\n        />\n        <Button\n          label={t(\"neetoApprovals.buttons.decline\")}\n          loading={isLoading}\n          variant=\"ghost\"\n          onClick={() => handleSubmit(STATUSES.rejected)}\n        />\n      </Sheet.Footer>\n    );\n  }\n\n  return (\n    <Sheet.Footer className=\"flex flex-shrink-0 gap-x-2\">\n      <Button\n        label={t(\"neetoApprovals.buttons.cancelRequest\")}\n        loading={isLoading}\n        type=\"submit\"\n        onClick={() => handleSubmit(STATUSES.cancelled)}\n      />\n    </Sheet.Footer>\n  );\n};\n\nexport default Footer;\n","import timezone from \"dayjs/plugin/timezone\";\nimport utc from \"dayjs/plugin/utc\";\nimport { t } from \"i18next\";\nimport { findBy, isPresent } from \"neetocist\";\nimport { dayjs } from \"neetocommons/utils\";\nimport { PLURAL } from \"neetocommons/v2/constants\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\n\ndayjs.extend(utc);\ndayjs.extend(timezone);\n\nexport const updateApprovalDetails = ({ requestsData, approvalDetails }) => {\n  if (isPresent(requestsData?.requests) && isPresent(approvalDetails)) {\n    return findBy({ id: approvalDetails.id }, requestsData.requests) || {};\n  }\n\n  return {};\n};\n\nexport const timeInZone = time => {\n  globalProps.user?.timeZone && dayjs.tz.setDefault(globalProps.user?.timeZone);\n\n  return dayjs(time).tz();\n};\n\nexport const getApprovalFilter = () => ({\n  PENDING: { label: t(\"neetoApprovals.common.pending\"), value: \"PENDING\" },\n  TEMPLATES: {\n    label: t(\"neetoApprovals.common.template\", PLURAL),\n    value: \"TEMPLATES\",\n  },\n  HISTORY: { label: t(\"neetoApprovals.common.history\"), value: \"HISTORY\" },\n});\n","import { memo, useEffect, useState } from \"react\";\n\nimport {\n  Badge,\n  Label,\n  Sheet,\n  Textarea,\n  Typography,\n} from \"@bigbinary/neeto-atoms\";\nimport { capitalize } from \"neetocist\";\nimport { dateFormat, withEventTargetValue } from \"neetocommons/v2/utils\";\nimport EditorContent from \"neetoeditor/v2/EditorContent\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useUpdateRequest } from \"hooks/reactQuery/requests/useRequestsApi\";\n\nimport Footer from \"./Footer\";\n\nimport {\n  STATUSES,\n  STATUS_BADGE_VARIANT,\n  STATUS_TAG_STYLE,\n  STATUS_UPDATED_BY,\n} from \"../constants\";\nimport { timeInZone } from \"../utils\";\n\nconst MemoizedEditorContent = memo(EditorContent);\n\nconst RequestDetailsPane = ({\n  isOpen,\n  onClose,\n  approvalDetails,\n  isPending = false,\n}) => {\n  const { t } = useTranslation();\n\n  const {\n    title,\n    status = \"\",\n    message,\n    createdAt,\n    approverName,\n    approverEmail,\n    note: initialNote = \"\",\n    requesterName,\n    requesterEmail,\n  } = approvalDetails;\n\n  const [note, setNote] = useState(initialNote);\n\n  const { mutate: updatePendingRequest, isPending: isUpdateRequestPending } =\n    useUpdateRequest();\n\n  useEffect(() => {\n    setNote(initialNote);\n  }, [initialNote]);\n\n  const requesterOrApproverDetails =\n    status === STATUSES.cancelled\n      ? `${requesterName} (${requesterEmail})`\n      : `${approverName} (${approverEmail})`;\n\n  const isCurrentUserApprover =\n    window.globalProps?.user?.email === approverEmail;\n\n  const isCurrentUserRequester =\n    window.globalProps?.user?.email === requesterEmail;\n\n  const getStatusLabel = () => {\n    if (isPending) {\n      return t(\"neetoApprovals.common.waitingFor\");\n    }\n\n    return STATUS_UPDATED_BY[status];\n  };\n\n  const handleOnClose = () => {\n    setNote(\"\");\n    onClose();\n  };\n\n  const handleSubmit = status =>\n    updatePendingRequest(\n      {\n        id: approvalDetails.id,\n        payload: { status, note, [`${status}At`]: new Date() },\n      },\n      { onSuccess: handleOnClose }\n    );\n\n  return (\n    <Sheet\n      {...{ isOpen }}\n      className=\"flex flex-col\"\n      size=\"large\"\n      onClose={handleOnClose}\n    >\n      <Sheet.Header className=\"space-y-2\">\n        <Sheet.Title>{title}</Sheet.Title>\n        <Badge variant={STATUS_BADGE_VARIANT[STATUS_TAG_STYLE[status]]}>\n          {capitalize(status)}\n        </Badge>\n      </Sheet.Header>\n      <Sheet.Body\n        className=\"h-auto flex-grow space-y-6 pb-6\"\n        hasFooter={isPending}\n      >\n        <div className=\"w-full divide-y rounded border p-2\">\n          <div className=\"flex flex-col gap-2 p-2 lg:flex-row lg:gap-3\">\n            <Label className=\"font-normal\">{getStatusLabel()}</Label>\n            <Typography variant=\"body2\" weight=\"medium\">\n              {requesterOrApproverDetails}\n            </Typography>\n          </div>\n          <div className=\"flex flex-col gap-2 p-2 lg:flex-row lg:gap-3\">\n            <Label className=\"font-normal\">\n              {t(\"neetoApprovals.common.created\")}\n            </Label>\n            <Typography variant=\"body2\" weight=\"medium\">\n              {dateFormat.defaultWithTime(timeInZone(createdAt))}\n            </Typography>\n          </div>\n        </div>\n        <div className=\"w-full space-y-2\">\n          <Label>{t(\"neetoApprovals.inputs.labels.message\")}</Label>\n          <MemoizedEditorContent\n            className=\"rounded bg-muted p-4\"\n            content={message}\n          />\n        </div>\n        {isPending && isCurrentUserApprover && (\n          <Textarea\n            className=\"w-full\"\n            disabled={!isPending}\n            label={t(\"neetoApprovals.common.note\")}\n            value={note}\n            placeholder={t(\"neetoApprovals.inputs.placeholders.add_\", {\n              what: t(\"neetoApprovals.common.note\"),\n            })}\n            onChange={withEventTargetValue(setNote)}\n          />\n        )}\n        {!isPending && note && (\n          <div className=\"w-full space-y-2\">\n            <Label>{t(\"neetoApprovals.common.note\")}</Label>\n            <div className=\"bg-muted p-4\">{note}</div>\n          </div>\n        )}\n      </Sheet.Body>\n      {isPending && (\n        <Footer\n          {...{\n            handleSubmit,\n            isCurrentUserApprover,\n            isCurrentUserRequester,\n          }}\n          isLoading={isUpdateRequestPending}\n        />\n      )}\n    </Sheet>\n  );\n};\n\nexport default RequestDetailsPane;\n"],"names":["Footer","_ref","isLoading","handleSubmit","isCurrentUserApprover","isCurrentUserRequester","_useTranslation","useTranslation","t","_jsxs","Sheet","className","children","_jsx","Button","label","loading","type","onClick","STATUSES","approved","variant","rejected","cancelled","dayjs","extend","utc","timezone","updateApprovalDetails","requestsData","approvalDetails","isPresent","requests","findBy","id","timeInZone","time","_globalProps$user","_globalProps$user2","globalProps","user","timeZone","tz","setDefault","getApprovalFilter","PENDING","value","TEMPLATES","PLURAL","HISTORY","MemoizedEditorContent","memo","EditorContent","RequestDetailsPane","_window$globalProps","_window$globalProps2","isOpen","onClose","_ref$isPending","isPending","title","_approvalDetails$stat","status","message","createdAt","approverName","approverEmail","_approvalDetails$note","note","initialNote","requesterName","requesterEmail","_useState","useState","_useState2","_slicedToArray","setNote","_useUpdateRequest","useUpdateRequest","updatePendingRequest","mutate","isUpdateRequestPending","useEffect","requesterOrApproverDetails","concat","window","email","getStatusLabel","STATUS_UPDATED_BY","handleOnClose","payload","_defineProperty","Date","onSuccess","size","Header","Title","Badge","STATUS_BADGE_VARIANT","STATUS_TAG_STYLE","capitalize","Body","hasFooter","Label","Typography","weight","dateFormat","defaultWithTime","content","Textarea","disabled","placeholder","what","onChange","withEventTargetValue"],"mappings":"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"}

package/dist/v2/Approvals.js

@@ -5,18 +5,18 @@ import { useDebounce, withT, useQueryParams } from '@bigbinary/neeto-commons-fro
 import Container from '@bigbinary/neeto-molecules/v2/Container';
 import { useLocation, useHistory, Switch, Route, Redirect } from 'react-router-dom';
 import { u as usePaginate, h as handleEmptyPage, r as routes, a as useFetchViews } from '../useViewsApi-k6u7op_J.js';
-import { Button, Badge, DataTable, Empty, Sheet, Typography, Label, Alert, Tabs } from '@bigbinary/neeto-atoms';
+import { Button, Badge, DataTable, Empty, Sheet, Label, Typography, Alert, Tabs } from '@bigbinary/neeto-atoms';
 import i18next, { t } from 'i18next';
 import { PLURAL, SINGULAR } from '@bigbinary/neeto-commons-frontend/v2/constants';
+import { History as History$1, FileClock, LayoutTemplate } from 'lucide-react';
 import { capitalize, isPresent, camelToSnakeCase, removeBy, noop, findBy } from '@bigbinary/neeto-cist';
-import TableWrapper from '@bigbinary/neeto-molecules/v2/TableWrapper';
 import { isEmpty, keys } from 'ramda';
 import { useTranslation, Trans } from 'react-i18next';
 import { a as useFetchRequests } from '../useRequestsApi-DEGfFuv5.js';
 import DateFormat from '@bigbinary/neeto-molecules/v2/DateFormat';
 import { b as STATUS_TAG_STYLE, D as DEFAULT_FILTER_VALUES, d as SEARCH_DELAY, S as STATUSES, e as SORT_ORDER, f as DATA_TESTID_KEY } from '../constants-DzID-rqV.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { u as updateApprovalDetails, R as RequestDetailsPane, g as getApprovalFilter } from '../index-C8moxeiZ.js';
+import { u as updateApprovalDetails, R as RequestDetailsPane, g as getApprovalFilter } from '../index-DumSd5fj.js';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import PageLoader from '@bigbinary/neeto-molecules/v2/PageLoader';
 import { b as useCreateTemplate, c as useUpdateTemplate, u as useFetchTemplates, d as useDeleteTemplate } from '../useTemplatesApi-BII_qvcl.js';
@@ -150,27 +150,25 @@ var History = function History(_ref) {
     }));
   };
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [!isEmpty(approvalHistories) ? /*#__PURE__*/jsx(TableWrapper, {
+    children: [!isEmpty(approvalHistories) ? /*#__PURE__*/jsx(DataTable, {
+      totalCount: totalCount,
+      allowRowClick: true,
       className: "mt-6",
-      hasPagination: totalCount > pageProperties.pageSize,
-      children: /*#__PURE__*/jsx(DataTable, {
-        totalCount: totalCount,
-        allowRowClick: true,
-        columns: HISTORY_TABLE_COLUMNS,
-        currentPage: pageProperties.page,
-        data: approvalHistories,
-        pageSize: pageProperties.pageSize,
-        onPageChange: handlePageChange,
-        onSort: function onSort(sorter) {
-          return handleTableChange(sorter !== null && sorter !== void 0 ? sorter : {});
-        },
-        onRowClick: function onRowClick(_, approvalDetails) {
-          return setApprovalDetails(approvalDetails);
-        }
-      })
+      columns: HISTORY_TABLE_COLUMNS,
+      currentPage: pageProperties.page,
+      data: approvalHistories,
+      pageSize: pageProperties.pageSize,
+      onPageChange: handlePageChange,
+      onSort: function onSort(sorter) {
+        return handleTableChange(sorter !== null && sorter !== void 0 ? sorter : {});
+      },
+      onRowClick: function onRowClick(_, approvalDetails) {
+        return setApprovalDetails(approvalDetails);
+      }
     }) : /*#__PURE__*/jsx("div", {
       className: "flex h-full w-full flex-grow items-center justify-center",
       children: /*#__PURE__*/jsx(Empty, {
+        icon: History$1,
         helpText: /*#__PURE__*/jsx(Trans, {
           i18nKey: "neetoApprovals.common.noDataHelpTextLearnMore",
           values: {
@@ -245,27 +243,25 @@ var PendingRequests = function PendingRequests(_ref) {
     }));
   };
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [!isEmpty(pendingRequests) ? /*#__PURE__*/jsx(TableWrapper, {
+    children: [!isEmpty(pendingRequests) ? /*#__PURE__*/jsx(DataTable, {
+      totalCount: totalCount,
+      allowRowClick: true,
       className: "mt-6",
-      hasPagination: totalCount > pageProperties.pageSize,
-      children: /*#__PURE__*/jsx(DataTable, {
-        totalCount: totalCount,
-        allowRowClick: true,
-        columns: PENDING_TABLE_COLUMNS,
-        currentPage: pageProperties.page,
-        data: pendingRequests,
-        pageSize: pageProperties.pageSize,
-        onPageChange: handlePageChange,
-        onSort: function onSort(sorter) {
-          return handleTableChange(sorter !== null && sorter !== void 0 ? sorter : {});
-        },
-        onRowClick: function onRowClick(_, approvalDetails) {
-          return setApprovalDetails(approvalDetails);
-        }
-      })
+      columns: PENDING_TABLE_COLUMNS,
+      currentPage: pageProperties.page,
+      data: pendingRequests,
+      pageSize: pageProperties.pageSize,
+      onPageChange: handlePageChange,
+      onSort: function onSort(sorter) {
+        return handleTableChange(sorter !== null && sorter !== void 0 ? sorter : {});
+      },
+      onRowClick: function onRowClick(_, approvalDetails) {
+        return setApprovalDetails(approvalDetails);
+      }
     }) : /*#__PURE__*/jsx("div", {
       className: "flex h-full w-full flex-grow items-center justify-center",
       children: /*#__PURE__*/jsx(Empty, {
+        icon: FileClock,
         helpText: /*#__PURE__*/jsx(Trans, {
           i18nKey: "neetoApprovals.common.noDataHelpTextLearnMore",
           components: {
@@ -395,11 +391,11 @@ var Form = function Form(_ref) {
     onClose: onClose,
     size: "large",
     children: [/*#__PURE__*/jsx(Sheet.Header, {
-      children: /*#__PURE__*/jsx(Typography, {
-        variant: "h2",
+      children: /*#__PURE__*/jsx(Sheet.Title, {
         children: header
       })
     }), /*#__PURE__*/jsxs(Form$1, {
+      className: "flex min-h-0 flex-1 flex-col",
       formikProps: {
         enableReinitialize: true,
         initialValues: isPresent(initialData) ? initialData : TEMPLATE_FORM_INITIAL_VALUES,
@@ -526,8 +522,7 @@ var TemplateDetails = function TemplateDetails(_ref) {
     onClose: onClose,
     children: [/*#__PURE__*/jsx(Sheet.Header, {
       className: "space-y-2",
-      children: /*#__PURE__*/jsx(Typography, {
-        variant: "h2",
+      children: /*#__PURE__*/jsx(Sheet.Title, {
         children: t("neetoApprovals.common.templateDetails")
       })
     }), /*#__PURE__*/jsxs(Sheet.Body, {
@@ -619,27 +614,25 @@ var Table = function Table(_ref) {
     return /*#__PURE__*/jsx("div", {
       className: "flex h-full w-full flex-grow items-center justify-center",
       children: /*#__PURE__*/jsx(Empty, _objectSpread$3({
+        icon: LayoutTemplate,
         title: t("neetoApprovals.common.notFound_", {
           what: entity
         })
       }, !filters.searchTerm && noDataProps))
     });
   }
-  return /*#__PURE__*/jsx(TableWrapper, {
+  return /*#__PURE__*/jsx(DataTable, {
+    columns: columns,
+    onRowClick: onRowClick,
+    totalCount: totalCount,
     className: "mt-6",
-    hasPagination: totalCount > pageProperties.pageSize,
-    children: /*#__PURE__*/jsx(DataTable, {
-      columns: columns,
-      onRowClick: onRowClick,
-      totalCount: totalCount,
-      currentPage: pageProperties.page,
-      data: rowData,
-      pageSize: pageProperties.pageSize,
-      onPageChange: handlePageChange,
-      onSort: function onSort(sorter) {
-        return handleSort(sorter !== null && sorter !== void 0 ? sorter : {});
-      }
-    })
+    currentPage: pageProperties.page,
+    data: rowData,
+    pageSize: pageProperties.pageSize,
+    onPageChange: handlePageChange,
+    onSort: function onSort(sorter) {
+      return handleSort(sorter !== null && sorter !== void 0 ? sorter : {});
+    }
   });
 };
 
@@ -665,6 +658,7 @@ var columnData = function columnData(_ref) {
             className: "me-1 my-1"
           },
           dropdownProps: {
+            className: "w-max",
             onClick: function onClick(e) {
               return e.stopPropagation();
             }
@@ -924,6 +918,7 @@ var Tab = function Tab(_ref) {
     _useFetchViews$data2$ = _useFetchViews$data2.views,
     views = _useFetchViews$data2$ === void 0 ? {} : _useFetchViews$data2$;
   return /*#__PURE__*/jsx(Tabs, {
+    size: "lg",
     value: activeFilter,
     onValueChange: function onValueChange(filter) {
       return history.push(getRoute(filter));
@@ -957,6 +952,7 @@ var Approvals = function Approvals(_ref) {
     setIsNewTemplatePaneOpen: setIsNewTemplatePaneOpen
   });
   return /*#__PURE__*/jsxs(Container, {
+    className: "pb-10",
     children: [/*#__PURE__*/jsx(Header, _objectSpread({}, _objectSpread({
       appRoutes: appRoutes
     }, config))), /*#__PURE__*/jsx(Tab, {