@bigbinary/neeto-approvals-frontend 1.2.18 → 1.2.20

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-07-20T13:21:24.119Z
+Built at 2026-10-08T11:44:32.448Z

package/dist/Approvals.js

@@ -17,25 +17,25 @@ import { useTranslation, Trans } from 'react-i18next';
 import { a as useFetchRequests } from './useRequestsApi-DEGfFuv5.js';
 import DateFormat from '@bigbinary/neeto-molecules/DateFormat';
 import Tag from '@bigbinary/neetoui/Tag';
-import { a as STATUS_TAG_STYLE, D as DEFAULT_FILTER_VALUES, c as SEARCH_DELAY, S as STATUSES, d as SORT_ORDER, e as DATA_TESTID_KEY } from './constants-qLYJlKc6.js';
+import { a as STATUS_TAG_STYLE, D as DEFAULT_FILTER_VALUES, c as SEARCH_DELAY, S as STATUSES, d as SORT_ORDER, e as DATA_TESTID_KEY } from './constants-Bo5FPtSn.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { u as updateApprovalDetails, R as RequestDetailsPane, g as getApprovalFilter } from './index-t8u9Sjvr.js';
+import { u as updateApprovalDetails, R as RequestDetailsPane, g as getApprovalFilter } from './index-BGCvDbJ9.js';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import Alert from '@bigbinary/neetoui/Alert';
-import { b as useCreateTemplate, c as useUpdateTemplate, u as useFetchTemplates, d as useDeleteTemplate } from './useTemplatesApi-BII_qvcl.js';
+import { b as useCreateTemplate, c as useUpdateTemplate, u as useFetchTemplates, d as useDeleteTemplate } from './useTemplatesApi-06zSv6Fv.js';
 import Pane from '@bigbinary/neetoui/Pane';
 import Typography from '@bigbinary/neetoui/Typography';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
 import FormikForm from '@bigbinary/neetoui/formik/Form';
-import { isEditorEmpty } from '@bigbinary/neeto-editor/utils';
+import { isEditorEmpty } from '@bigbinary/neeto-editor-frontend/utils';
 import * as yup from 'yup';
 import { useFormikContext } from 'formik';
 import ToggleFeatureCard from '@bigbinary/neeto-molecules/ToggleFeatureCard';
 import Input from '@bigbinary/neetoui/formik/Input';
 import Textarea from '@bigbinary/neetoui/formik/Textarea';
-import FormikEditor from '@bigbinary/neeto-editor/FormikEditor';
-import EditorContent from '@bigbinary/neeto-editor/EditorContent';
+import FormikEditor from '@bigbinary/neeto-editor-frontend/FormikEditor';
+import EditorContent from '@bigbinary/neeto-editor-frontend/EditorContent';
 import Label from '@bigbinary/neetoui/Label';
 import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
 import NeetoHeader from '@bigbinary/neeto-molecules/Header';

package/dist/Form.js

@@ -8,13 +8,13 @@ import FormikForm from '@bigbinary/neetoui/formik/Form';
 import { useTranslation } from 'react-i18next';
 import { useFormikContext } from 'formik';
 import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
-import FormikEditor from '@bigbinary/neeto-editor/FormikEditor';
+import FormikEditor from '@bigbinary/neeto-editor-frontend/FormikEditor';
 import Select from '@bigbinary/neetoui/Select';
 import { isEmpty } from 'ramda';
 import { u as useFetchApprovers } from './useApproversApi-B7ChYonT.js';
-import { u as useFetchTemplates, a as useFetchTemplate } from './useTemplatesApi-BII_qvcl.js';
+import { u as useFetchTemplates, a as useFetchTemplate } from './useTemplatesApi-06zSv6Fv.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { R as REQUEST_FORM_VALIDATION_SCHEMA, A as APPROVAL_REQUEST_FORM_INITIAL_VALUES } from './constants-qLYJlKc6.js';
+import { R as REQUEST_FORM_VALIDATION_SCHEMA, A as APPROVAL_REQUEST_FORM_INITIAL_VALUES } from './constants-Bo5FPtSn.js';
 import '@babel/runtime/helpers/defineProperty';
 import '@tanstack/react-query';
 import 'axios';
@@ -22,7 +22,7 @@ import './queryConstants-Vrcjv9lF.js';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import '@bigbinary/neeto-commons-frontend/utils';
 import 'i18next';
-import '@bigbinary/neeto-editor/utils';
+import '@bigbinary/neeto-editor-frontend/utils';
 import 'yup';
 
 var Form$1 = function Form(_ref) {

package/dist/Public.js

@@ -4,7 +4,7 @@ import NeetoHeader from '@bigbinary/neeto-molecules/Header';
 import CardLayout from '@bigbinary/neeto-molecules/CardLayout';
 import Container from '@bigbinary/neeto-molecules/Container';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
-import EditorContent from '@bigbinary/neeto-editor/EditorContent';
+import EditorContent from '@bigbinary/neeto-editor-frontend/EditorContent';
 import Button from '@bigbinary/neetoui/Button';
 import Callout from '@bigbinary/neetoui/Callout';
 import Textarea from '@bigbinary/neetoui/Textarea';
@@ -12,7 +12,7 @@ import Typography from '@bigbinary/neetoui/Typography';
 import { u as useFetchPublicRequest, a as useAcceptPendingRequest, b as useDeclinePendingRequest } from './useApprovalRequest-D_WJmB5t.js';
 import { useState, useEffect } from 'react';
 import { useParams } from 'react-router-dom';
-import { S as STATUSES } from './constants-qLYJlKc6.js';
+import { S as STATUSES } from './constants-Bo5FPtSn.js';
 import { useTranslation, Trans } from 'react-i18next';
 import { isEmpty } from 'ramda';
 import { withEventTargetValue } from '@bigbinary/neeto-commons-frontend/utils';
@@ -23,7 +23,7 @@ import '@tanstack/react-query';
 import 'axios';
 import './queryConstants-Vrcjv9lF.js';
 import 'i18next';
-import '@bigbinary/neeto-editor/utils';
+import '@bigbinary/neeto-editor-frontend/utils';
 import 'yup';
 
 var Public = function Public() {

package/dist/RequestDetailsPane.js

@@ -3,7 +3,7 @@ import '@babel/runtime/helpers/slicedToArray';
 import 'react';
 import '@bigbinary/neeto-cist';
 import '@bigbinary/neeto-commons-frontend/utils';
-import '@bigbinary/neeto-editor/EditorContent';
+import '@bigbinary/neeto-editor-frontend/EditorContent';
 import '@bigbinary/neetoui/Label';
 import '@bigbinary/neetoui/Pane';
 import '@bigbinary/neetoui/Tag';
@@ -11,8 +11,8 @@ import '@bigbinary/neetoui/Textarea';
 import '@bigbinary/neetoui/Typography';
 import 'react-i18next';
 import './useRequestsApi-DEGfFuv5.js';
-export { R as default } from './index-t8u9Sjvr.js';
-import './constants-qLYJlKc6.js';
+export { R as default } from './index-BGCvDbJ9.js';
+import './constants-Bo5FPtSn.js';
 import 'react/jsx-runtime';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/react-utils';
@@ -25,6 +25,6 @@ import 'dayjs/plugin/utc';
 import 'i18next';
 import '@bigbinary/neeto-commons-frontend/constants';
 import '@bigbinary/neeto-commons-frontend/initializers';
-import '@bigbinary/neeto-editor/utils';
+import '@bigbinary/neeto-editor-frontend/utils';
 import 'yup';
 //# sourceMappingURL=RequestDetailsPane.js.map

package/dist/cjs/Approvals.js

@@ -19,25 +19,25 @@ var reactI18next = require('react-i18next');
 var useRequestsApi = require('../useRequestsApi-DO-oEAzQ.js');
 var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
 var Tag = require('@bigbinary/neetoui/Tag');
-var constants = require('../constants-BwvPJzqf.js');
+var constants = require('../constants-DIOzO1GT.js');
 var jsxRuntime = require('react/jsx-runtime');
-var RequestDetailsPane = require('../index-CFiP9Hcn.js');
+var RequestDetailsPane = require('../index-D8MZXpK9.js');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
 var Alert = require('@bigbinary/neetoui/Alert');
-var useTemplatesApi = require('../useTemplatesApi-ByO6idQD.js');
+var useTemplatesApi = require('../useTemplatesApi-Ba1i3rkm.js');
 var Pane = require('@bigbinary/neetoui/Pane');
 var Typography = require('@bigbinary/neetoui/Typography');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var FormikForm = require('@bigbinary/neetoui/formik/Form');
-var utils = require('@bigbinary/neeto-editor/utils');
+var utils = require('@bigbinary/neeto-editor-frontend/utils');
 var yup = require('yup');
 var formik = require('formik');
 var ToggleFeatureCard = require('@bigbinary/neeto-molecules/ToggleFeatureCard');
 var Input = require('@bigbinary/neetoui/formik/Input');
 var Textarea = require('@bigbinary/neetoui/formik/Textarea');
-var FormikEditor = require('@bigbinary/neeto-editor/FormikEditor');
-var EditorContent = require('@bigbinary/neeto-editor/EditorContent');
+var FormikEditor = require('@bigbinary/neeto-editor-frontend/FormikEditor');
+var EditorContent = require('@bigbinary/neeto-editor-frontend/EditorContent');
 var Label = require('@bigbinary/neetoui/Label');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var NeetoHeader = require('@bigbinary/neeto-molecules/Header');

package/dist/cjs/Form.js

@@ -10,13 +10,13 @@ var FormikForm = require('@bigbinary/neetoui/formik/Form');
 var reactI18next = require('react-i18next');
 var formik = require('formik');
 var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
-var FormikEditor = require('@bigbinary/neeto-editor/FormikEditor');
+var FormikEditor = require('@bigbinary/neeto-editor-frontend/FormikEditor');
 var Select = require('@bigbinary/neetoui/Select');
 var ramda = require('ramda');
 var useApproversApi = require('../useApproversApi-BO6XC1KJ.js');
-var useTemplatesApi = require('../useTemplatesApi-ByO6idQD.js');
+var useTemplatesApi = require('../useTemplatesApi-Ba1i3rkm.js');
 var jsxRuntime = require('react/jsx-runtime');
-var constants$1 = require('../constants-BwvPJzqf.js');
+var constants$1 = require('../constants-DIOzO1GT.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@tanstack/react-query');
 require('axios');
@@ -24,7 +24,7 @@ require('../queryConstants-DjYiOKxE.js');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('@bigbinary/neeto-commons-frontend/utils');
 require('i18next');
-require('@bigbinary/neeto-editor/utils');
+require('@bigbinary/neeto-editor-frontend/utils');
 require('yup');
 
 var Form$1 = function Form(_ref) {

package/dist/cjs/Public.js

@@ -6,7 +6,7 @@ var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
 var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
 var Container = require('@bigbinary/neeto-molecules/Container');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
-var EditorContent = require('@bigbinary/neeto-editor/EditorContent');
+var EditorContent = require('@bigbinary/neeto-editor-frontend/EditorContent');
 var Button = require('@bigbinary/neetoui/Button');
 var Callout = require('@bigbinary/neetoui/Callout');
 var Textarea = require('@bigbinary/neetoui/Textarea');
@@ -14,7 +14,7 @@ var Typography = require('@bigbinary/neetoui/Typography');
 var useApprovalRequest = require('../useApprovalRequest-XjfcKfLQ.js');
 var react = require('react');
 var reactRouterDom = require('react-router-dom');
-var constants = require('../constants-BwvPJzqf.js');
+var constants = require('../constants-DIOzO1GT.js');
 var reactI18next = require('react-i18next');
 var ramda = require('ramda');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
@@ -25,7 +25,7 @@ require('@tanstack/react-query');
 require('axios');
 require('../queryConstants-DjYiOKxE.js');
 require('i18next');
-require('@bigbinary/neeto-editor/utils');
+require('@bigbinary/neeto-editor-frontend/utils');
 require('yup');
 
 var Public = function Public() {

package/dist/cjs/RequestDetailsPane.js

@@ -5,7 +5,7 @@ require('@babel/runtime/helpers/slicedToArray');
 require('react');
 require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-commons-frontend/utils');
-require('@bigbinary/neeto-editor/EditorContent');
+require('@bigbinary/neeto-editor-frontend/EditorContent');
 require('@bigbinary/neetoui/Label');
 require('@bigbinary/neetoui/Pane');
 require('@bigbinary/neetoui/Tag');
@@ -13,8 +13,8 @@ require('@bigbinary/neetoui/Textarea');
 require('@bigbinary/neetoui/Typography');
 require('react-i18next');
 require('../useRequestsApi-DO-oEAzQ.js');
-var RequestDetailsPane = require('../index-CFiP9Hcn.js');
-require('../constants-BwvPJzqf.js');
+var RequestDetailsPane = require('../index-D8MZXpK9.js');
+require('../constants-DIOzO1GT.js');
 require('react/jsx-runtime');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');
@@ -27,7 +27,7 @@ require('dayjs/plugin/utc');
 require('i18next');
 require('@bigbinary/neeto-commons-frontend/constants');
 require('@bigbinary/neeto-commons-frontend/initializers');
-require('@bigbinary/neeto-editor/utils');
+require('@bigbinary/neeto-editor-frontend/utils');
 require('yup');
 
 

package/dist/cjs/index.js

@@ -3,7 +3,7 @@
 var Approvals = require('./Approvals.js');
 var Form = require('./Form.js');
 var Public = require('./Public.js');
-var RequestDetailsPane = require('../index-CFiP9Hcn.js');
+var RequestDetailsPane = require('../index-D8MZXpK9.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/slicedToArray');
 require('react');
@@ -26,14 +26,14 @@ require('react-i18next');
 require('../useRequestsApi-DO-oEAzQ.js');
 require('@bigbinary/neeto-molecules/DateFormat');
 require('@bigbinary/neetoui/Tag');
-require('../constants-BwvPJzqf.js');
-require('@bigbinary/neeto-editor/utils');
+require('../constants-DIOzO1GT.js');
+require('@bigbinary/neeto-editor-frontend/utils');
 require('yup');
 require('react/jsx-runtime');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@bigbinary/neeto-molecules/PageLoader');
 require('@bigbinary/neetoui/Alert');
-require('../useTemplatesApi-ByO6idQD.js');
+require('../useTemplatesApi-Ba1i3rkm.js');
 require('@bigbinary/neeto-commons-frontend/utils');
 require('@bigbinary/neetoui/Pane');
 require('@bigbinary/neetoui/Typography');
@@ -43,8 +43,8 @@ require('formik');
 require('@bigbinary/neeto-molecules/ToggleFeatureCard');
 require('@bigbinary/neetoui/formik/Input');
 require('@bigbinary/neetoui/formik/Textarea');
-require('@bigbinary/neeto-editor/FormikEditor');
-require('@bigbinary/neeto-editor/EditorContent');
+require('@bigbinary/neeto-editor-frontend/FormikEditor');
+require('@bigbinary/neeto-editor-frontend/EditorContent');
 require('@bigbinary/neetoui/Label');
 require('@bigbinary/neeto-molecules/MoreDropdown');
 require('@bigbinary/neeto-molecules/Header');

package/dist/cjs/v2/Approvals.js

@@ -10,25 +10,25 @@ var useViewsApi = require('../../useViewsApi-B1OpZkLp.js');
 var neetoAtoms = require('@bigbinary/neeto-atoms');
 var i18next = require('i18next');
 var constants$1 = require('@bigbinary/neeto-commons-frontend/v2/constants');
+var lucideReact = require('lucide-react');
 var neetoCist = require('@bigbinary/neeto-cist');
-var TableWrapper = require('@bigbinary/neeto-molecules/v2/TableWrapper');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var useRequestsApi = require('../../useRequestsApi-DO-oEAzQ.js');
 var DateFormat = require('@bigbinary/neeto-molecules/v2/DateFormat');
-var constants = require('../../constants-DaDwtZe3.js');
+var constants = require('../../constants-BStDLPVr.js');
 var jsxRuntime = require('react/jsx-runtime');
-var v2_RequestDetailsPane = require('../../index-hZqdAkyl.js');
+var v2_RequestDetailsPane = require('../../index-DOxS3L2E.js');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var PageLoader = require('@bigbinary/neeto-molecules/v2/PageLoader');
-var useTemplatesApi = require('../../useTemplatesApi-ByO6idQD.js');
+var useTemplatesApi = require('../../useTemplatesApi-Ba1i3rkm.js');
 var formik$1 = require('@bigbinary/neeto-atoms/formik');
-var utils = require('@bigbinary/neeto-editor/v2/utils');
+var utils = require('@bigbinary/neeto-editor-frontend/v2/utils');
 var yup = require('yup');
 var formik = require('formik');
 var ToggleFeatureCard = require('@bigbinary/neeto-molecules/v2/ToggleFeatureCard');
-var FormikEditor = require('@bigbinary/neeto-editor/v2/FormikEditor');
-var EditorContent = require('@bigbinary/neeto-editor/v2/EditorContent');
+var FormikEditor = require('@bigbinary/neeto-editor-frontend/v2/FormikEditor');
+var EditorContent = require('@bigbinary/neeto-editor-frontend/v2/EditorContent');
 var MoreDropdown = require('@bigbinary/neeto-molecules/v2/MoreDropdown');
 var NeetoHeader = require('@bigbinary/neeto-molecules/v2/Header');
 require('@bigbinary/neeto-commons-frontend/constants');
@@ -41,8 +41,8 @@ require('@bigbinary/neeto-commons-frontend/utils/timezonePlugin');
 require('dayjs/plugin/utc');
 require('@bigbinary/neeto-commons-frontend/utils');
 require('@bigbinary/neeto-commons-frontend/v2/initializers');
-require('../../constants-BwvPJzqf.js');
-require('@bigbinary/neeto-editor/utils');
+require('../../constants-DIOzO1GT.js');
+require('@bigbinary/neeto-editor-frontend/utils');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -171,27 +171,25 @@ var History = function History(_ref) {
     }));
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [!ramda.isEmpty(approvalHistories) ? /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
+    children: [!ramda.isEmpty(approvalHistories) ? /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DataTable, {
+      totalCount: totalCount,
+      allowRowClick: true,
       className: "mt-6",
-      hasPagination: totalCount > pageProperties.pageSize,
-      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.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__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full flex-grow items-center justify-center",
       children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Empty, {
+        icon: lucideReact.History,
         helpText: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
           i18nKey: "neetoApprovals.common.noDataHelpTextLearnMore",
           values: {
@@ -266,27 +264,25 @@ var PendingRequests = function PendingRequests(_ref) {
     }));
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [!ramda.isEmpty(pendingRequests) ? /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
+    children: [!ramda.isEmpty(pendingRequests) ? /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DataTable, {
+      totalCount: totalCount,
+      allowRowClick: true,
       className: "mt-6",
-      hasPagination: totalCount > pageProperties.pageSize,
-      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.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__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full flex-grow items-center justify-center",
       children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Empty, {
+        icon: lucideReact.FileClock,
         helpText: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
           i18nKey: "neetoApprovals.common.noDataHelpTextLearnMore",
           components: {
@@ -416,11 +412,11 @@ var Form = function Form(_ref) {
     onClose: onClose,
     size: "large",
     children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Header, {
-      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-        variant: "h2",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Title, {
         children: header
       })
     }), /*#__PURE__*/jsxRuntime.jsxs(formik$1.Form, {
+      className: "flex min-h-0 flex-1 flex-col",
       formikProps: {
         enableReinitialize: true,
         initialValues: neetoCist.isPresent(initialData) ? initialData : TEMPLATE_FORM_INITIAL_VALUES,
@@ -547,8 +543,7 @@ var TemplateDetails = function TemplateDetails(_ref) {
     onClose: onClose,
     children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Header, {
       className: "space-y-2",
-      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-        variant: "h2",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Title, {
         children: t("neetoApprovals.common.templateDetails")
       })
     }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Sheet.Body, {
@@ -640,27 +635,25 @@ var Table = function Table(_ref) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full flex-grow items-center justify-center",
       children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Empty, _objectSpread$3({
+        icon: lucideReact.LayoutTemplate,
         title: t("neetoApprovals.common.notFound_", {
           what: entity
         })
       }, !filters.searchTerm && noDataProps))
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
+  return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DataTable, {
+    columns: columns,
+    onRowClick: onRowClick,
+    totalCount: totalCount,
     className: "mt-6",
-    hasPagination: totalCount > pageProperties.pageSize,
-    children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.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 : {});
+    }
   });
 };
 
@@ -686,6 +679,7 @@ var columnData = function columnData(_ref) {
             className: "me-1 my-1"
           },
           dropdownProps: {
+            className: "w-max",
             onClick: function onClick(e) {
               return e.stopPropagation();
             }
@@ -945,6 +939,7 @@ var Tab = function Tab(_ref) {
     _useFetchViews$data2$ = _useFetchViews$data2.views,
     views = _useFetchViews$data2$ === void 0 ? {} : _useFetchViews$data2$;
   return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tabs, {
+    size: "lg",
     value: activeFilter,
     onValueChange: function onValueChange(filter) {
       return history.push(getRoute(filter));
@@ -978,6 +973,7 @@ var Approvals = function Approvals(_ref) {
     setIsNewTemplatePaneOpen: setIsNewTemplatePaneOpen
   });
   return /*#__PURE__*/jsxRuntime.jsxs(Container, {
+    className: "pb-10",
     children: [/*#__PURE__*/jsxRuntime.jsx(Header, _objectSpread({}, _objectSpread({
       appRoutes: appRoutes
     }, config))), /*#__PURE__*/jsxRuntime.jsx(Tab, {