diff --git a/packages/webapp/scripts/codemod-containers-exports.js b/packages/webapp/scripts/codemod-containers-exports.js new file mode 100644 index 000000000..7827c466e --- /dev/null +++ b/packages/webapp/scripts/codemod-containers-exports.js @@ -0,0 +1,162 @@ +// @ts-check +'use strict'; +/** + * Codemod: Convert `export default` to named exports in src/containers. + * + * Rules: + * 1. `export default function X` → `export function X` + * 2. `function X` + `export default compose(...)(X)` (inner name === basename) + * → rename X to XInner, emit `export const X = compose(...)(XInner)` + * 3. `function XRoot` + `export default compose(...)(XRoot)` (inner name !== basename) + * → emit `export const Basename = compose(...)(XRoot)` (no rename) + * + * Outputs: scripts/export-manifest.json (path → exportName) + */ + +const { Project, Node, SyntaxKind } = require('ts-morph'); +const path = require('path'); +const fs = require('fs'); + +const ROOT = path.join(__dirname, '..'); +const CONTAINERS_DIR = path.join(ROOT, 'src', 'containers'); +const MANIFEST_PATH = path.join(__dirname, 'export-manifest.json'); + +// ─── Helpers ──────────────────────────────────────────────────────────────── + +function findFiles(dir) { + const results = []; + for (const entry of fs.readdirSync(dir, { withFileTypes: true })) { + const full = path.join(dir, entry.name); + if (entry.isDirectory()) results.push(...findFiles(full)); + else if (/\.(tsx?|ts)$/.test(entry.name)) results.push(full); + } + return results; +} + +/** Replace all occurrences of `oldName` identifier-only in source text using AST positions. */ +function renameInFile(sourceFile, oldName, newName) { + const identifiers = sourceFile + .getDescendantsOfKind(SyntaxKind.Identifier) + .filter((id) => { + if (id.getText() !== oldName) return false; + // Skip property access RHS: `foo.oldName` — we only want standalone refs + const parent = id.getParent(); + if (Node.isPropertyAccessExpression(parent) && parent.getNameNode() === id) return false; + // Skip property assignment keys: `{ oldName: value }` (though unlikely for component names) + if (Node.isPropertyAssignment(parent) && parent.getNameNode() === id) return false; + // Skip import/export specifiers that are the "original" name in an alias + // (we do want to rename them if they refer to the local declaration) + return true; + }); + + // Replace back-to-front to preserve positions + for (const id of [...identifiers].reverse()) { + id.replaceWithText(newName); + } +} + +// ─── Main ──────────────────────────────────────────────────────────────────── + +function processFile(filePath) { + const content = fs.readFileSync(filePath, 'utf-8'); + if (!content.includes('export default')) return null; + + const basename = path.basename(filePath, path.extname(filePath)); + + // One isolated project per file – guarantees rename stays local + const project = new Project({ + useInMemoryFileSystem: true, + skipAddingFilesFromTsConfig: true, + compilerOptions: { allowJs: true, jsx: 4 /* react-jsx */ }, + }); + const sourceFile = project.createSourceFile(filePath, content); + + // ── Rule 1: export default function X ────────────────────────────────────── + const defaultFunc = sourceFile.getFunctions().find((f) => f.isDefaultExport()); + if (defaultFunc) { + const name = defaultFunc.getName() || basename; + defaultFunc.setIsDefaultExport(false); + defaultFunc.setIsExported(true); + fs.writeFileSync(filePath, sourceFile.getFullText(), 'utf-8'); + return name; + } + + // ── Rule 2 / 3: export default ───────────────────────────────── + const exportAssignment = sourceFile.getExportAssignment((e) => !e.isExportEquals()); + if (!exportAssignment) return null; + + const expr = exportAssignment.getExpression(); + + // Simple re-export: export default X; + if (Node.isIdentifier(expr)) { + const innerName = expr.getText(); + const exportName = basename; + if (innerName === exportName) { + // export default X → export { X } (it's already declared above, just remove the default) + exportAssignment.remove(); + // Add `export {}` won't work if X isn't already named-exported, so just leave as-is and warn + console.warn(`SKIP (self re-export): ${filePath}`); + return null; + } + exportAssignment.replaceWithText(`export const ${exportName} = ${innerName};`); + fs.writeFileSync(filePath, sourceFile.getFullText(), 'utf-8'); + return exportName; + } + + // HOC-wrapped: export default compose(a, b)(X) or export default R.compose(a,b)(X) + if (Node.isCallExpression(expr)) { + const args = expr.getArguments(); + + if (args.length === 1 && Node.isIdentifier(args[0])) { + const innerName = args[0].getText(); + const exportName = basename; + + if (innerName === exportName) { + // Conflict: rename inner declaration to XInner + const newInnerName = innerName + 'Inner'; + renameInFile(sourceFile, innerName, newInnerName); + // After rename the expr text has updated references + } + + const updatedExprText = exportAssignment.getExpression().getText(); + exportAssignment.replaceWithText(`export const ${exportName} = ${updatedExprText};`); + fs.writeFileSync(filePath, sourceFile.getFullText(), 'utf-8'); + return exportName; + } + + // Inline arrow / complex inner arg + console.warn(`WARN (complex inner): ${path.relative(ROOT, filePath)}`); + return null; + } + + console.warn(`WARN (unhandled): ${path.relative(ROOT, filePath)}`); + return null; +} + +// ─── Run ───────────────────────────────────────────────────────────────────── + +const files = findFiles(CONTAINERS_DIR); +const manifest = {}; +let changed = 0; +let skipped = 0; +let warnings = 0; + +for (const filePath of files) { + try { + const exportName = processFile(filePath); + if (exportName) { + manifest[filePath] = exportName; + changed++; + } else { + skipped++; + } + } catch (err) { + console.error(`ERROR: ${path.relative(ROOT, filePath)}\n ${err.message}`); + warnings++; + } +} + +fs.writeFileSync(MANIFEST_PATH, JSON.stringify(manifest, null, 2), 'utf-8'); + +console.log(`\nDone. Changed: ${changed} Skipped: ${skipped} Errors: ${warnings}`); +console.log(`Manifest written to: ${MANIFEST_PATH}`); diff --git a/packages/webapp/scripts/codemod-fix-lazy-imports.js b/packages/webapp/scripts/codemod-fix-lazy-imports.js new file mode 100644 index 000000000..63e714618 --- /dev/null +++ b/packages/webapp/scripts/codemod-fix-lazy-imports.js @@ -0,0 +1,111 @@ +// @ts-check +'use strict'; +/** + * Fix React.lazy() calls that need a default export. + * + * Converts: + * React.lazy(() => import('./X')) + * to: + * React.lazy(() => import('./X').then(m => ({ default: m.ExportName }))) + * + * Only updates lazy imports whose target files appear in export-manifest.json + * (i.e., files that had their default export converted to a named export). + */ + +const path = require('path'); +const fs = require('fs'); + +const ROOT = path.join(__dirname, '..'); +const SRC_DIR = path.join(ROOT, 'src'); +const MANIFEST_PATH = path.join(__dirname, 'export-manifest.json'); + +if (!fs.existsSync(MANIFEST_PATH)) { + console.error('Manifest not found. Run codemod-containers-exports.js first.'); + process.exit(1); +} + +const manifest = JSON.parse(fs.readFileSync(MANIFEST_PATH, 'utf-8')); +const manifestByPath = {}; +for (const [absPath, exportName] of Object.entries(manifest)) { + manifestByPath[path.normalize(absPath)] = exportName; +} + +const TS_EXTENSIONS = ['.tsx', '.ts', '/index.tsx', '/index.ts']; + +function resolveImport(fromFile, importPath) { + const aliasMatch = importPath.match(/^@\/(.+)/); + if (aliasMatch) { + const base = path.join(SRC_DIR, aliasMatch[1]); + for (const ext of TS_EXTENSIONS) { + const c = path.normalize(base + ext); + if (fs.existsSync(c)) return c; + } + return null; + } + if (!importPath.startsWith('.')) return null; + + const base = path.resolve(path.dirname(fromFile), importPath); + for (const ext of TS_EXTENSIONS) { + const c = path.normalize(base + ext); + if (fs.existsSync(c)) return c; + } + const direct = path.normalize(base); + if (fs.existsSync(direct)) return direct; + return null; +} + +function findFiles(dir) { + const results = []; + for (const entry of fs.readdirSync(dir, { withFileTypes: true })) { + const full = path.join(dir, entry.name); + if (entry.isDirectory()) results.push(...findFiles(full)); + else if (/\.(tsx?|ts)$/.test(entry.name)) results.push(full); + } + return results; +} + +// Regex: matches lazy(() => import('...')) — single or multi-line, with optional trailing comma +// Captures: quote char and path. Does NOT already have .then( +const LAZY_RE = /lazy\s*\(\s*\(\s*\)\s*=>\s*import\s*\(\s*(['"`])([^'"`]+)\1\s*\)\s*,?\s*\)/g; + +const files = findFiles(SRC_DIR); +let changed = 0; +let errors = 0; + +for (const filePath of files) { + const content = fs.readFileSync(filePath, 'utf-8'); + + // Quick skip: no lazy import pattern + if (!content.includes('lazy(') && !content.includes('lazy (')) continue; + if (!content.includes('import(')) continue; + + let newContent = content; + let fileChanged = false; + + newContent = newContent.replace(LAZY_RE, (match, quote, importPath) => { + // Skip if it already has .then( + if (match.includes('.then(')) return match; + + const resolved = resolveImport(filePath, importPath); + if (!resolved) return match; + + const exportName = manifestByPath[resolved]; + if (!exportName) return match; + + // Build the replacement (always compact single-line form) + return `lazy(() => import(${quote}${importPath}${quote}).then(m => ({ default: m.${exportName} })))`; + }); + + if (newContent !== content) { + try { + fs.writeFileSync(filePath, newContent, 'utf-8'); + changed++; + fileChanged = true; + } catch (err) { + console.error(`ERROR: ${path.relative(ROOT, filePath)}: ${err.message}`); + errors++; + } + } +} + +console.log(`\nDone. Lazy imports fixed: ${changed} Errors: ${errors}`); diff --git a/packages/webapp/scripts/codemod-update-default-imports.js b/packages/webapp/scripts/codemod-update-default-imports.js new file mode 100644 index 000000000..e258c7eab --- /dev/null +++ b/packages/webapp/scripts/codemod-update-default-imports.js @@ -0,0 +1,152 @@ +// @ts-check +'use strict'; +/** + * Codemod: Update default imports from containers to use named imports. + * + * For each file in src/ that has: + * import X from './path/to/Container' + * where that container is in the manifest (its default export was converted), + * replace with: + * import { ExportName } from './path/to/Container' // if local name === export name + * import { ExportName as X } from './path/to/Container' // if local name !== export name + * + * Reads: scripts/export-manifest.json + */ + +const { Project, Node, SyntaxKind } = require('ts-morph'); +const path = require('path'); +const fs = require('fs'); + +const ROOT = path.join(__dirname, '..'); +const SRC_DIR = path.join(ROOT, 'src'); +const MANIFEST_PATH = path.join(__dirname, 'export-manifest.json'); + +if (!fs.existsSync(MANIFEST_PATH)) { + console.error('Manifest not found. Run codemod-containers-exports.js first.'); + process.exit(1); +} + +const manifest = JSON.parse(fs.readFileSync(MANIFEST_PATH, 'utf-8')); +// Normalise keys to absolute paths (they already are, but ensure no trailing slash etc.) +const manifestByPath = {}; +for (const [absPath, exportName] of Object.entries(manifest)) { + manifestByPath[path.normalize(absPath)] = exportName; +} + +// ─── Helpers ──────────────────────────────────────────────────────────────── + +function findFiles(dir) { + const results = []; + for (const entry of fs.readdirSync(dir, { withFileTypes: true })) { + const full = path.join(dir, entry.name); + if (entry.isDirectory()) results.push(...findFiles(full)); + else if (/\.(tsx?|ts)$/.test(entry.name)) results.push(full); + } + return results; +} + +const TS_EXTENSIONS = ['.tsx', '.ts', '/index.tsx', '/index.ts']; + +/** Try to resolve a relative or alias import to an absolute file path. */ +function resolveImport(fromFile, importPath) { + // Handle path aliases like @/containers/... + const aliasMatch = importPath.match(/^@\/(.+)/); + if (aliasMatch) { + const rel = aliasMatch[1]; + const base = path.join(SRC_DIR, rel); + for (const ext of TS_EXTENSIONS) { + const candidate = base + ext.replace(/^\//, path.sep); + if (fs.existsSync(candidate)) return path.normalize(candidate); + } + // Try index file + for (const ext of TS_EXTENSIONS) { + const candidate = path.join(base, 'index' + ext.replace(/^\//, '')); + if (fs.existsSync(candidate)) return path.normalize(candidate); + } + return null; + } + + if (!importPath.startsWith('.')) return null; // external package + + const dir = path.dirname(fromFile); + const base = path.resolve(dir, importPath); + + for (const ext of TS_EXTENSIONS) { + let candidate; + if (ext.startsWith('/')) { + candidate = base + ext; // e.g. base/index.tsx + } else { + candidate = base + ext; + } + candidate = path.normalize(candidate); + if (fs.existsSync(candidate)) return candidate; + } + + // Already has extension + const direct = path.normalize(base); + if (fs.existsSync(direct)) return direct; + + return null; +} + +// ─── Main ──────────────────────────────────────────────────────────────────── + +const files = findFiles(SRC_DIR); +let changed = 0; +let errors = 0; + +for (const filePath of files) { + const content = fs.readFileSync(filePath, 'utf-8'); + if (!content.includes('import ')) continue; + + const project = new Project({ + useInMemoryFileSystem: true, + skipAddingFilesFromTsConfig: true, + compilerOptions: { allowJs: true, jsx: 4 }, + }); + const sourceFile = project.createSourceFile(filePath, content); + + let fileChanged = false; + + for (const importDecl of sourceFile.getImportDeclarations()) { + const defaultImport = importDecl.getDefaultImport(); + if (!defaultImport) continue; + + const moduleSpecifier = importDecl.getModuleSpecifierValue(); + const resolvedPath = resolveImport(filePath, moduleSpecifier); + if (!resolvedPath) continue; + + const exportName = manifestByPath[resolvedPath]; + if (!exportName) continue; + + // We have a default import from a converted container + const localName = defaultImport.getText(); + + // Build replacement + const existingNamedImports = importDecl.getNamedImports(); + + if (localName === exportName) { + // import X from './X' → import { X } from './X' + importDecl.removeDefaultImport(); + importDecl.addNamedImport(exportName); + } else { + // import Foo from './Bar' → import { Bar as Foo } from './Bar' + importDecl.removeDefaultImport(); + importDecl.addNamedImport({ name: exportName, alias: localName }); + } + + fileChanged = true; + } + + if (fileChanged) { + try { + fs.writeFileSync(filePath, sourceFile.getFullText(), 'utf-8'); + changed++; + } catch (err) { + console.error(`ERROR writing ${path.relative(ROOT, filePath)}: ${err.message}`); + errors++; + } + } +} + +console.log(`\nDone. Import sites updated: ${changed} Errors: ${errors}`); diff --git a/packages/webapp/scripts/export-manifest.json b/packages/webapp/scripts/export-manifest.json new file mode 100644 index 000000000..095aec8f0 --- /dev/null +++ b/packages/webapp/scripts/export-manifest.json @@ -0,0 +1,907 @@ +{ + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalActionsBar.tsx": "ManualJournalActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsDataTable.tsx": "ManualJournalsDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsEmptyStatus.tsx": "ManualJournalsEmptyStatus", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsList.tsx": "ManualJournalsList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsViewTabs.tsx": "ManualJournalsViewTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesField.tsx": "MakeJournalEntriesField", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesForm.tsx": "MakeJournalEntriesForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesHeader.tsx": "MakeJournalEntriesHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesHeaderFields.tsx": "MakeJournalEntriesHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesPage.tsx": "MakeJournalEntriesPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesTable.tsx": "MakeJournalEntriesTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormDialogs.tsx": "MakeJournalFormDialogs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormFloatingActions.tsx": "MakeJournalFloatingAction", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormFooter.tsx": "MakeJournalFormFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormTopBar.tsx": "MakeJournalFormTopBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounting/ManualJournalsImport.tsx": "ManualJournalsImport", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounts/AccountsActionsBar.tsx": "AccountsActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounts/AccountsChart.tsx": "AccountsChart", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounts/AccountsDataTable.tsx": "AccountsDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounts/AccountsImport.tsx": "AccountsImport", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Accounts/AccountsViewsTabs.tsx": "AccountsViewsTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Accounts/AccountActivateAlert.tsx": "AccountActivateAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Accounts/AccountBulkActivateAlert.tsx": "AccountBulkActivateAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Accounts/AccountBulkInactivateAlert.tsx": "AccountBulkInactivateAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Accounts/AccountDeleteAlert.tsx": "AccountDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Accounts/AccountInactivateAlert.tsx": "AccountInactivateAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Bills/BillDeleteAlert.tsx": "BillDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Bills/BillLocatedLandedCostDeleteAlert.tsx": "BillLocatedLandedCostDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Bills/BillOpenAlert.tsx": "BillOpenAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Branches/BranchDeleteAlert.tsx": "BranchDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Branches/BranchMarkPrimaryAlert.tsx": "BranchMarkPrimaryAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/CashFlow/AccountDeleteTransactionAlert.tsx": "AccountDeleteTransactionAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Contacts/ContactActivateAlert.tsx": "ContactActivateAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Contacts/ContactInactivateAlert.tsx": "ContactInactivateAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/CreditNotes/CreditNoteDeleteAlert.tsx": "CreditNoteDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/CreditNotes/CreditNoteOpenedAlert.tsx": "CreditNoteOpenedAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/CreditNotes/ReconcileCreditNoteDeleteAlert.tsx": "ReconcileCreditNoteDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/CreditNotes/RefundCreditNoteDeleteAlert.tsx": "RefundCreditNoteDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Currencies/CurrencyDeleteAlert.tsx": "CurrencyDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Customers/CustomerActivateAlert.tsx": "CustomerActivateAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Customers/CustomerBulkDeleteAlert.tsx": "CustomerBulkDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Customers/CustomerDeleteAlert.tsx": "CustomerDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Customers/CustomerInactivateAlert.tsx": "CustomerInactivateAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Estimates/EstimateApproveAlert.tsx": "EstimateApproveAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Estimates/EstimateDeleteAlert.tsx": "EstimateDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Estimates/EstimateDeliveredAlert.tsx": "EstimateDeliveredAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Estimates/EstimateRejectAlert.tsx": "EstimateRejectAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Expenses/ExpenseDeleteAlert.tsx": "ExpenseDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Expenses/ExpenseDeleteEntriesAlert.tsx": "ExpenseDeleteEntriesAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Expenses/ExpensePublishAlert.tsx": "ExpensePublishAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Invoices/CancelBadDebtAlert.tsx": "CancelBadDebtAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Invoices/InvoiceDeleteAlert.tsx": "InvoiceDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Invoices/InvoiceDeliverAlert.tsx": "InvoiceDeliverAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Items/InventoryAdjustmentDeleteAlert.tsx": "InventoryAdjustmentDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Items/InventoryAdjustmentPublishAlert.tsx": "InventoryAdjustmentPublishAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Items/ItemActivateAlert.tsx": "ItemActivateAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Items/ItemCategoryBulkDeleteAlert.tsx": "ItemCategoryBulkDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Items/ItemCategoryDeleteAlert.tsx": "ItemCategoryDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Items/ItemDeleteAlert.tsx": "ItemDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Items/ItemInactivateAlert.tsx": "ItemInactivateAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/ItemsEntries/ItemsEntriesDeleteAlert.tsx": "ItemsEntriesDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/ManualJournals/JournalDeleteAlert.tsx": "JournalDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/ManualJournals/JournalDeleteEntriesAlert.tsx": "JournalDeleteEntriesAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/ManualJournals/JournalPublishAlert.tsx": "JournalPublishAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/PaymentMades/ChangingFullAmountAlert.tsx": "ChangingFullAmountAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/PaymentMades/ClearTransactionAlert.tsx": "ClearTransactionAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/PaymentMades/ClearningAllLinesAlert.tsx": "ClearningAllLinesAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/PaymentMades/PaymentMadeDeleteAlert.tsx": "PaymentMadeDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/PaymentReceived/ClearingAllLinesAlert.tsx": "ClearingAllLinesAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/PaymentReceived/PaymentReceivedDeleteAlert.tsx": "PaymentReceivedDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Receipts/ReceiptCloseAlert.tsx": "ReceiptCloseAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Receipts/ReceiptDeleteAlert.tsx": "ReceiptDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Roles/RoleDeleteAlert.tsx": "RoleDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/TransactionLocking/cancelUnlockingPartialAlert.tsx": "cancelUnlockingPartialAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Users/UserActivateAlert.tsx": "UserActivateAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Users/UserDeleteAlert.tsx": "UserDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Users/UserInactivateAlert.tsx": "UserInactivateAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/VendorCeditNotes/ReconcileVendorCreditDeleteAlert.tsx": "ReconcileVendorCreditDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/VendorCeditNotes/RefundVendorCreditDeleteAlert.tsx": "RefundVendorCreditDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/VendorCeditNotes/VendorCreditDeleteAlert.tsx": "VendorCreditDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/VendorCeditNotes/VendorCreditOpenedAlert.tsx": "VendorCreditOpenedAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Vendors/VendorActivateAlert.tsx": "VendorActivateAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Vendors/VendorDeleteAlert.tsx": "VendorDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Vendors/VendorInactivateAlert.tsx": "VendorInactivateAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/Warehouses/WarehouseDeleteAlert.tsx": "WarehouseDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/WarehousesTransfer/TransferredWarehouseTransferAlert.tsx": "TransferredWarehouseTransferAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/WarehousesTransfer/WarehouseMarkPrimaryAlert.tsx": "WarehouseMarkPrimaryAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/WarehousesTransfer/WarehouseTransferDeleteAlert.tsx": "WarehouseTransferDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Alerts/WarehousesTransfer/WarehouseTransferInitiateAlert.tsx": "WarehouseTransferInitiateAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/AlertsContainer/index.tsx": "AlertsContainer", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Authentication/AuthCopyright.tsx": "AuthCopyright", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Authentication/AuthInsider.tsx": "AuthInsider", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Authentication/AuthenticationPage.tsx": "AuthenticationPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Authentication/EmailConfirmation.tsx": "EmailConfirmation", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Authentication/InviteAccept.tsx": "Invite", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Authentication/InviteAcceptForm.tsx": "InviteAcceptForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Authentication/InviteAcceptFormContent.tsx": "InviteUserFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Authentication/Login.tsx": "Login", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Authentication/LoginForm.tsx": "LoginForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Authentication/Register.tsx": "RegisterUserForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Authentication/RegisterForm.tsx": "RegisterForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Authentication/RegisterVerify.tsx": "RegisterVerify", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Authentication/ResetPassword.tsx": "ResetPassword", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Authentication/ResetPasswordForm.tsx": "ResetPasswordForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Authentication/SendResetPassword.tsx": "SendResetPassword", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Authentication/SendResetPasswordForm.tsx": "SendResetPasswordForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Banking/Rules/RuleFormDialog/RuleFormContent.tsx": "RuleFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Banking/Rules/RulesList/RulesLandingPage.ts": "RulesLandingPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Banking/Rules/RulesList/alerts/DeleteBankRuleAlert.tsx": "DeleteBankRuleAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/BrandingTemplates/BrandingTemplatesContent.tsx": "BrandingTemplateContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/BrandingTemplates/alerts/DeleteBrandingTemplateAlert.tsx": "DeleteBrandingTemplateAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/BrandingTemplates/alerts/MarkDefaultBrandingTemplateAlert.tsx": "MarkDefaultBrandingTemplateAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsActionsBar.tsx": "AccountTransactionsActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsDataTable.tsx": "AccountTransactionsDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsList.tsx": "AccountTransactionsList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountsTransactionsAll.tsx": "AccountTransactionsAll", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/AccountTransactions/AllTransactionsUncategorized.tsx": "AllTransactionsUncategorized", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/AccountTransactions/UncategorizedTransactions/AccountTransactionsUncategorizedTable.tsx": "AccountTransactionsUncategorizedTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/PauseFeedsBankAccount.tsx": "PauseFeedsBankAccount", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/ResumeFeedsBankAccount.tsx": "ResumeFeedsBankAccount", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/UncategorizeBankTransactionsBulkAlert.tsx": "UncategorizeBankTransactionsBulkAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/AccountTransactions/dialogs/DisconnectBankAccountDialog/DisconnectBankAccountDialogContent.tsx": "DisconnectBankAccountDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashFlowAccountsActionsBar.tsx": "CashFlowAccountsActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashFlowAccountsDataTable.tsx": "CashFlowAccountsDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashFlowAccountsList.tsx": "CashFlowAccountsList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashflowAccountsGrid.tsx": "CashflowAccountsGrid", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/CategorizeTransactionDrawer.tsx": "CategorizeTransactionDrawer", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyIn/CategorizeTransactionOtherIncome.tsx": "CategorizeTransactionOtherIncome", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyIn/CategorizeTransactionOwnerContribution.tsx": "CategorizeTransactionOwnerContribution", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyIn/CategorizeTransactionTransferFrom.tsx": "CategorizeTransactionTransferFrom", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyOut/CategorizeTransactionOtherExpense.tsx": "CategorizeTransactionOtherExpense", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyOut/CategorizeTransactionOwnerDrawings.tsx": "CategorizeTransactionOwnerDrawings", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyOut/CategorizeTransactionToAccount.tsx": "CategorizeTransactionToAccount", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/ImportIUncategorizedTransactions/ImportUncategorizedTransactionsPage.tsx": "ImportUncategorizedTransactions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInContentFields.tsx": "MoneyInContentFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInDialogContent.tsx": "MoneyInDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFloatingActions.tsx": "MoneyInFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInForm.tsx": "MoneyInForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFormContent.tsx": "MoneyInFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFormDialog.tsx": "MoneyInFormDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFormFields.tsx": "MoneyInFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyInDialog/OtherIncome/OtherIncomeFormFields.tsx": "OtherIncomeFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyInDialog/OwnerContribution/OwnerContributionFormFields.tsx": "OwnerContributionFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyInDialog/TransactionTypeFields.tsx": "TransactionTypeFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyInDialog/TransferFromAccount/TransferFromAccountFormFields.tsx": "TransferFromAccountFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyInDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutContentFields.tsx": "MoneyOutContentFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutDialogContent.tsx": "MoneyOutDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFloatingActions.tsx": "MoneyOutFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutForm.tsx": "MoneyOutForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFormContent.tsx": "MoneyOutFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFormDialog.tsx": "MoneyOutFormDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFormFields.tsx": "MoneyOutFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyOutDialog/OtherExpense/OtherExpnseFormFields.tsx": "OtherExpnseFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyOutDialog/OwnerDrawings/OwnerDrawingsFormFields.tsx": "OwnerDrawingsFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyOutDialog/TransactionTypeFields.tsx": "TransactionTypeFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyOutDialog/TransferToAccount/TransferToAccountFormFields.tsx": "TransferToAccountFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/MoneyOutDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/CashFlow/UncategorizeTransactionAlert/UncategorizeTransactionAlert.tsx": "UncategorizeTransactionAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Customers/CustomerForm/CustomerAddressTabs.tsx": "CustomerAddressTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Customers/CustomerForm/CustomerAttachmentTabs.tsx": "CustomerAttachmentTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Customers/CustomerForm/CustomerFormAfterPrimarySection.tsx": "CustomerFormAfterPrimarySection", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Customers/CustomerForm/CustomerFormPage.tsx": "CustomerFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Customers/CustomerForm/CustomerNotePanel.tsx": "CustomerNotePanel", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Customers/CustomerForm/CustomersTabs.tsx": "CustomersTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Customers/CustomersImport.tsx": "CustomersImport", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Customers/CustomersLanding/CustomersActionsBar.tsx": "CustomersActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Customers/CustomersLanding/CustomersEmptyStatus.tsx": "CustomersEmptyStatus", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Customers/CustomersLanding/CustomersList.tsx": "CustomersList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Customers/CustomersLanding/CustomersTable.tsx": "CustomersTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Customers/CustomersLanding/CustomersViewsTabs.tsx": "CustomersViewsTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/AccountDialog/AccountDialogContent.tsx": "AccountDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/AccountDialog/AccountDialogForm.tsx": "AccountDialogForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/AccountDialog/AccountDialogFormContent.tsx": "AccountDialogFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/AccountDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/Accounts/AccountBulkDeleteDialog.tsx": "AccountBulkDeleteDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostDialogContent.tsx": "AllocateLandedCostDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostEntriesTable.tsx": "AllocateLandedCostEntriesTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFloatingActions.tsx": "AllocateLandedCostFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostForm.tsx": "AllocateLandedCostForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFormBody.tsx": "AllocateLandedCostFormBody", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFormContent.tsx": "AllocateLandedCostFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFormFields.tsx": "AllocateLandedCostFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeyDisplayView.tsx": "ApiKeyDisplayView", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateDialog.tsx": "ApiKeysGenerateDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateDialogContent.tsx": "ApiKeysGenerateDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateForm.schema.tsx": "ApiKeysGenerateForm.schema", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateFormContent.tsx": "ApiKeysGenerateFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtDialogContent.tsx": "BadDebtDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtForm.tsx": "BadDebtForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtFormContent.tsx": "BadDebtFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtFormFields.tsx": "BadDebtFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtFormFloatingActions.tsx": "BadDebtFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BadDebtDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BillNumberDialog/BillNumberDialogContent.tsx": "BillNumberDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BillNumberDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/Bills/BillBulkDeleteDialog.tsx": "BillBulkDeleteDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateDialogContent.tsx": "BranchActivateDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateForm.tsx": "BranchActivateForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateFormContent.tsx": "BranchActivateFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateFormFloatingActions.tsx": "BranchActivateFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BranchActivateDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchForm.tsx": "BranchForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormContent.tsx": "BranchFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormDialogContent.tsx": "BranchFormDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormFields.tsx": "BranchFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormFloatingActions.tsx": "BranchFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/BranchFormDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ContactDuplicateDialog/ContactDuplicateDialogContent.tsx": "ContactDuplicateDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ContactDuplicateDialog/ContactDuplicateForm.tsx": "ContactDuplicateForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ContactDuplicateDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/CreditNoteNumberDialog/CreditNoteNumberDialogContent.tsx": "CreditNoteNumberDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/CreditNoteNumberDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/CreditNotePdfPreviewDialog/CreditNotePdfPreviewDialogContent.tsx": "CreditNotePdfPreviewDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/CreditNotePdfPreviewDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/CreditNotes/CreditNoteBulkDeleteDialog.tsx": "CreditNoteBulkDeleteDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyForm.tsx": "CurrencyForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormContent.tsx": "CurrencyFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormDialogContent.tsx": "CurrencyFormDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormFields.tsx": "CurrencyFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormFooter.tsx": "CurrencyFormFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceDialogContent.tsx": "CustomerOpeningBalanceDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceFields.tsx": "CustomerOpeningBalanceFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceForm.tsx": "CustomerOpeningBalanceForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceFormContent.tsx": "CustomerOpeningBalanceFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceFormFloatingActions.tsx": "CustomerOpeningBalanceFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/Customers/CustomerBulkDeleteDialog.tsx": "CustomerBulkDeleteDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/EstimateNumberDialog/EstimateNumberDialogContent.tsx": "EstimateNumberDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/EstimateNumberDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/EstimatePdfPreviewDialog/EstimatePdfPreviewDialogContent.tsx": "EstimatePdfPreviewDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/EstimatePdfPreviewDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/Estimates/EstimateBulkDeleteDialog.tsx": "EstimateBulkDeleteDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/Expenses/ExpenseBulkDeleteDialog.tsx": "ExpenseBulkDeleteDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ExportDialog/ExportDialogContent.tsx": "ExportDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/DecrementAdjustmentFields.tsx": "DecrementAdjustmentFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/IncrementAdjustmentFields.tsx": "IncrementAdjustmentFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFloatingActions.tsx": "InventoryAdjustmentFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentForm.tsx": "InventoryAdjustmentForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormContent.tsx": "InventoryAdjustmentFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormDialogContent.tsx": "InventoryAdjustmentFormDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormDialogFields.tsx": "InventoryAdjustmentFormDialogFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentQuantityFields.tsx": "InventoryAdjustmentQuantityFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/InviteUserDialog/InviteUserDialogContent.tsx": "InviteUserDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/InviteUserDialog/InviteUserForm.tsx": "InviteUserForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/InviteUserDialog/InviteUserFormContent.tsx": "InviteUserFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/InviteUserDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/InvoiceNumberDialog/InvoiceNumberDialogContent.tsx": "InvoiceNumberDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/InvoiceNumberDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/InvoicePdfPreviewDialog/InvoicePdfPreviewDialogContent.tsx": "InvoicePdfPreviewDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/InvoicePdfPreviewDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/Invoices/InvoiceBulkDeleteDialog.tsx": "InvoiceBulkDeleteDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryForm.tsx": "ItemCategoryForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormContent.tsx": "ItemCategoryForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormDialogContent.tsx": "ItemCategoryFormDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormFields.tsx": "ItemCategoryFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormFooter.tsx": "ItemCategoryFormFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/Items/ItemBulkDeleteDialog.tsx": "ItemBulkDeleteDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/JournalNumberDialog/JournalNumberDialogContent.tsx": "JournalNumberDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/JournalNumberDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsDialogContent.tsx": "LockingTransactionsDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsForm.tsx": "LockingTransactionsForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsFormContent.tsx": "LockingTransactionsFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsFormFields.tsx": "LockingTransactionsFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsFormFloatingActions.tsx": "LockingTransactionsFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ManualJournals/ManualJournalBulkDeleteDialog.tsx": "ManualJournalBulkDeleteDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/NotifyEstimateViaSMSDialog/NotifyEstimateViaSMSDialogContent.tsx": "NotifyEstimateViaSMSDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/NotifyEstimateViaSMSDialog/NotifyEstimateViaSMSForm.tsx": "NotifyEstimateViaSMSForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/NotifyEstimateViaSMSDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/NotifyInvoiceViaSMSDialog/NotifyInvoiceViaSMSDialogContent.tsx": "NotifyInvoiceViaSMSDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/NotifyInvoiceViaSMSDialog/NotifyInvoiceViaSMSForm.tsx": "NotifyInvoiceViaSMSForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/NotifyInvoiceViaSMSDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/NotifyPaymentReceiveViaSMSContent.tsx": "NotifyPaymentReceiveViaSMSContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/NotifyPaymentReceiveViaSMSForm.tsx": "NotifyPaymentReceiveViaSMSForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/NotifyReceiptViaSMSDialog/NotifyReceiptViaSMSDialogContent.tsx": "NotifyReceiptViaSMSDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/NotifyReceiptViaSMSDialog/NotifyReceiptViaSMSForm.tsx": "NotifyReceiptViaSMSForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/NotifyReceiptViaSMSDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/PaymentReceiveNumberDialog/PaymentReceiveNumberDialogContent.tsx": "PaymentReceiveNumberDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/PaymentReceiveNumberDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/PaymentReceivePdfPreviewDialog/PaymentReceivePdfPreviewContent.tsx": "PaymentReceivePdfPreviewContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/PaymentReceivePdfPreviewDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/PaymentsReceived/PaymentReceivedBulkDeleteDialog.tsx": "PaymentReceivedBulkDeleteDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFloatingActions.tsx": "QuickPaymentMadeFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeForm.tsx": "QuickPaymentMadeForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormContent.tsx": "QuickPaymentMadeFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormDialogContent.tsx": "QuickPaymentMadeFormDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormFields.tsx": "QuickPaymentMadeFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFloatingActions.tsx": "QuickPaymentReceiveFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveForm.tsx": "QuickPaymentReceiveForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFormContent.tsx": "QuickPaymentReceiveFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFormDialogContent.tsx": "QuickPaymentReceiveFormDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFormFields.tsx": "QuickPaymentReceiveFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReceiptNumberDialog/ReceiptNumberDialogContent.tsx": "ReceiptNumberDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReceiptNumberDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReceiptPdfPreviewDialog/ReceiptPdfPreviewDialogContent.tsx": "ReceiptPdfPreviewDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReceiptPdfPreviewDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/Receipts/ReceiptBulkDeleteDialog.tsx": "ReceiptBulkDeleteDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteDialogContent.tsx": "ReconcileCreditNoteDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteEntriesTable.tsx": "ReconcileCreditNoteEntriesTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteForm.tsx": "ReconcileCreditNoteForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteFormContent.tsx": "ReconcileCreditNoteFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteFormFields.tsx": "ReconcileCreditNoteFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteFormFloatingActions.tsx": "ReconcileCreditNoteFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditDialogContent.tsx": "ReconcileVendorCreditDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditEntriesTable.tsx": "ReconcileVendorCreditEntriesTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditFloatingActions.tsx": "ReconcileVendorCreditFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditForm.tsx": "ReconcileVendorCreditForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditFormContent.tsx": "ReconcileVendorCreditFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditFormFields.tsx": "ReconcileVendorCreditFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteDialogContent.tsx": "RefundCreditNoteDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteFloatingActions.tsx": "RefundCreditNoteFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteForm.tsx": "RefundCreditNoteForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteFormContent.tsx": "RefundCreditNoteFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteFormFields.tsx": "RefundCreditNoteFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditDialogContent.tsx": "RefundVendorCreditDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFloatingActions.tsx": "RefundVendorCreditFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditForm.tsx": "RefundVendorCreditForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFormContent.tsx": "RefundVendorCreditFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFormFields.tsx": "RefundVendorCreditFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageDialogContent.tsx": "SMSMessageDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageForm.tsx": "SMSMessageForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormContent.tsx": "SMSMessageFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFields.tsx": "SMSMessageFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFloatingActions.tsx": "SMSMessageFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/SMSMessageDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/TransactionNumberDialog/TransactionNumberDialogContent.tsx": "TransactionNumberDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/TransactionNumberDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsDialogContent.tsx": "UnlockingPartialTransactionsDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsForm.tsx": "UnlockingPartialTransactionsForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsFormContent.tsx": "PartialUnlockingTransactionsFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsFormFields.tsx": "UnlockingPartialTransactionsFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsFormFloatingActions.tsx": "UnlockingPartialTransactionsFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsDialogContent.tsx": "UnlockingTransactionsDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsForm.tsx": "UnlockingTransactionsForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsFormContent.tsx": "UnlockingTransactionsFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsFormFields.tsx": "UnlockingTransactionsFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsFormFloatingActions.tsx": "UnlockingTransactionsFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/UserFormDialog/UserForm.tsx": "UserForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/UserFormDialog/UserFormContent.tsx": "UserFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/UserFormDialog/UserFormDialogContent.tsx": "UserFormDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/UserFormDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/VendorCreditNumberDialog/VendorCreditNumberDialogContent.tsx": "VendorCreditNumberDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/VendorCreditNumberDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/VendorCredits/VendorCreditBulkDeleteDialog.tsx": "VendorCreditBulkDeleteDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceDialogContent.tsx": "VendorOpeningBalanceDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceForm.tsx": "VendorOpeningBalanceForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceFormContent.tsx": "VendorOpeningBalanceFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceFormFields.tsx": "VendorOpeningBalanceFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceFormFloatingActions.tsx": "VendorOpeningBalanceFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/Vendors/VendorBulkDeleteDialog.tsx": "VendorBulkDeleteDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateDialogContent.tsx": "WarehouseActivateDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateForm.tsx": "WarehouseActivateForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateFormContent.tsx": "WarehouseActivateFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateFormFloatingActions.tsx": "WarehouseActivateFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseForm.tsx": "WarehouseForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormContent.tsx": "WarehouseFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormDialogContent.tsx": "WarehouseFormDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormFields.tsx": "WarehouseFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormFloatingActions.tsx": "WarehouseFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/WarehouseTransferNumberDialog/WarehouseTransferNumberDialogContent.tsx": "WarehouseTransferNumberDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/WarehouseTransferNumberDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/components/BulkDeleteDialogContent.tsx": "BulkDeleteDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/keyboardShortcutsDialog/KeyboardShortcutsDialogContent.tsx": "KeyboardShortcutsDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/keyboardShortcutsDialog/KeyboardShortcutsFooter.tsx": "KeyboardShortcutsFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Dialogs/keyboardShortcutsDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerActionBar.tsx": "AccountDrawerActionBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerContent.tsx": "AccountDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerDetails.tsx": "AccountDrawerDetails", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerHeader.tsx": "AccountDrawerHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerTable.tsx": "AccountDrawerTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/AccountDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailActionsBar.tsx": "BillDetailActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailFooter.tsx": "BillDetailFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailHeader.tsx": "BillDetailHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailTab.tsx": "BillDetailTab", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailTable.tsx": "BillDetailTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/BillDrawer/BillDrawerContent.tsx": "BillDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/BillDrawer/BillDrawerDetails.tsx": "BillDetails", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/BillDrawer/BillGLEntriesTable.tsx": "BillGLEntriesTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/BillDrawer/BillPaymentTransactions/BillPaymentTransactionTable.tsx": "BillPaymentTransactionTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/BillDrawer/LocatedLandedCostTable.tsx": "LocatedLandedCostTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/BillDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerActionBar.tsx": "CashflowTransactionDrawerActionBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerContent.tsx": "CashflowTransactionDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerDetails.tsx": "CashflowTransactionDrawerDetails", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerHeader.tsx": "CashflowTransactionDrawerHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerTable.tsx": "CashflowTransactionDrawerTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerTableFooter.tsx": "CashflowTransactionDrawerTableFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetail.tsx": "ContactDetail", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetailActionsBar.tsx": "ContactDetailActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetailDrawerContent.tsx": "ContactDetailDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetailList.tsx": "ContactDetailList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ContactDetailDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetail.tsx": "CreditNoteDetail", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailActionsBar.tsx": "CreditNoteDetailActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailDrawerContent.tsx": "CreditNoteDetailDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailFooter.tsx": "CreditNoteDetailFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailHeader.tsx": "CreditNoteDetailHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailPanel.tsx": "CreditNoteDetailPanel", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailTable.tsx": "CreditNoteDetailTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailTableFooter.tsx": "CreditNoteDetailTableFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/ReconcileCreditNoteTransactions/ReconcileCreditNoteTransactionsTable.tsx": "ReconcileCreditNoteTransactionsTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/RefundCreditNoteTransactions/RefundCreditNoteTransactionsTable.tsx": "RefundCreditNoteTransactionsTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetails.tsx": "CustomerDetails", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsActionsBar.tsx": "CustomerDetailsActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsDrawerContent.tsx": "CustomerDetailsDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsHeader.tsx": "CustomerDetailsHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetail.tsx": "EstimateDetail", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailActionsBar.tsx": "EstimateDetailActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailDrawerContent.tsx": "EstimateDetailDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailFooter.tsx": "EstimateDetailFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailHeader.tsx": "EstimateDetailHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailPanel.tsx": "EstimateDetailTab", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailTable.tsx": "EstimateDetailTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailTableFooter.tsx": "EstimateDetailTableFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerActionBar.tsx": "ExpenseDrawerActionBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerContent.tsx": "ExpenseDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerDetails.tsx": "ExpenseDrawerDetails", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerFooter.tsx": "ExpenseDrawerFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerHeader.tsx": "ExpenseDrawerHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerTable.tsx": "ExpenseDrawerTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ExpenseDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetail.tsx": "InventoryAdjustmentDetail", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailActionsBar.tsx": "InventoryAdjustmentDetailActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailGLEntriesPanel.tsx": "InventoryAdjustmentDetailGLEntriesPanel", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailHeader.tsx": "InventoryAdjustmentDetailHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailTab.tsx": "InventoryAdjustmentDetailTab", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailTable.tsx": "InventoryAdjustmentDetailTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDrawerContent.tsx": "InventoryAdjustmentDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetail.tsx": "InvoiceDetail", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx": "InvoiceDetailActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailDrawerContent.tsx": "InvoiceDetailDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailHeader.tsx": "InvoiceDetailHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailTab.tsx": "InvoiceDetailTab", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailTable.tsx": "InvoiceDetailTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceGLEntriesTable.tsx": "InvoiceGLEntriesTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoicePaymentTransactions/InvoicePaymentTransactionsTable.tsx": "InvoicePaymentTransactionsTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemContentDetails.tsx": "ItemDetail", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailActionsBar.tsx": "ItemDetailActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailDrawerContent.tsx": "ItemDetailDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailHeader.tsx": "ItemDetailHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailTab.tsx": "ItemDetailTab", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/BillPaymentTransactions/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/EstimatePaymentTransactions/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/InvoicePaymentTransactions/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/ItemPaymentTransactionContent.tsx": "ItemPaymentTransactionsContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/ReceiptPaymentTransactions/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ItemDetailDrawer/WarehousesLocations/index.tsx": "WarehouseLocationsTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ItemDetailDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerActionBar.tsx": "ManualJournalDrawerActionBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerContent.tsx": "ManualJournalDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerDetails.tsx": "ManualJournalDrawerDetails", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerFooter.tsx": "ManualJournalDrawerFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerHeader.tsx": "ManualJournalDrawerHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerTable.tsx": "ManualJournalDrawerTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ManualJournalDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailActionsBar.tsx": "PaymentMadeDetailActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailContent.tsx": "PaymentMadeDetailContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailHeader.tsx": "PaymentMadeDetailHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailTab.tsx": "PaymentMadeDetailTab", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailTable.tsx": "PaymentMadeDetailTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailTableFooter.tsx": "PaymentMadeDetailTableFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetails.tsx": "PaymentMadeDetail", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeGLEntriesPanel.tsx": "PaymentMadeGLEntriesPanel", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveActionsBar.tsx": "PaymentReceiveActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetail.tsx": "PaymentReceiveDetail", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailContent.tsx": "PaymentReceiveDetailContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailFooter.tsx": "PaymentReceiveDetailFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailHeader.tsx": "PaymentReceiveDetailHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailTab.tsx": "PaymentReceiveDetailTab", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailTable.tsx": "PaymentReceiveDetailTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailTableFooter.tsx": "PaymentReceiveDetailTableFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/QuickCreateCustomerDrawer/QuickCreateCustomerDrawerContent.tsx": "QuickCreateCustomerDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/QuickCreateCustomerDrawer/QuickCustomerFormDrawer.tsx": "QuickCustomerFormDrawer", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/QuickCreateCustomerDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/QuickCreateItemDrawer/QuickCreateItemDrawerContent.tsx": "QuickCreateItemDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/QuickCreateItemDrawer/QuickCreateItemDrawerForm.tsx": "QuickCreateItemDrawerForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/QuickCreateItemDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/QuickWriteVendorDrawer/QuickVendorFormDrawer.tsx": "QuickVendorFormDrawer", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/QuickWriteVendorDrawer/QuickWriteVendorDrawerContent.tsx": "QuickWriteVendorDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/QuickWriteVendorDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetail.tsx": "ReceiptDetail", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailActionBar.tsx": "ReceiptDetailActionBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailDrawerContent.tsx": "ReceiptDetailDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailFooter.tsx": "ReceiptDetailFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailHeader.tsx": "ReceiptDetailHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailTab.tsx": "ReceiptDetailTab", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailTable.tsx": "ReceiptDetailTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailTableFooter.tsx": "ReceiptDetailTableFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetail.tsx": "RefundCreditNoteDetail", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetailActionsBar.tsx": "RefundCreditNoteDetailActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetailHeader.tsx": "RefundCreditNoteDetailHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetailTab.tsx": "RefundCreditNoteDetailTab", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDrawerContent.tsx": "RefundCreditNoteDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetail.tsx": "RefundVendorCreditDetail", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetailActionsBar.tsx": "RefundVendorCreditDetailActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetailHeader.tsx": "RefundVendorCreditDetailHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetailTab.tsx": "RefundVendorCreditDetailTab", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDrawerContent.tsx": "RefundVendorCreditDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/ReconcileVendorCreditTransactions/ReconcileVendorCreditTransactionsTable.tsx": "ReconcileVendorCreditTransactionsTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/RefundVendorCreditTransactions/RefundVendorCreditTransactionsTable.tsx": "RefundVendorCreditTransactionsTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetail.tsx": "VendorCreditDetail", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailActionsBar.tsx": "VendorCreditDetailActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailDrawerContent.tsx": "VendorCreditDetailDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailDrawerFooter.tsx": "VendorCreditDetailDrawerFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailHeader.tsx": "VendorCreditDetailHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailPanel.tsx": "VendorCreditDetailPanel", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailTable.tsx": "VendorCreditDetailTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetails.tsx": "CustomerDetails", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsActionsBar.tsx": "VendorDetailsActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsDrawerContent.tsx": "VendorDetailsDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsHeader.tsx": "VendorDetailsHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetail.tsx": "WarehouseTransferDetail", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailActionsBar.tsx": "WarehouseTransferDetailActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailDrawerContent.tsx": "WarehouseTransferDetailDrawerContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailHeader.tsx": "WarehouseTransferDetailHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailPanel.tsx": "WarehouseTransferDetailPanel", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailTable.tsx": "WarehouseTransferDetailTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Entries/ItemsEntriesTable.tsx": "ItemsEntriesTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFloatingActions.tsx": "ExpenseFloatingFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseForm.tsx": "ExpenseForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormBody.tsx": "ExpenseFormBody", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormEntriesField.tsx": "ExpenseFormEntriesField", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormEntriesTable.tsx": "ExpenseFormEntriesTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormFooter.tsx": "ExpenseFormFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormHeader.tsx": "ExpenseFormHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormHeaderFields.tsx": "ExpenseFormHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormPage.tsx": "ExpenseFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormTopBar.tsx": "ExpenseFormTopBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Expenses/ExpensesImport.tsx": "ExpensesImport", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpenseActionsBar.tsx": "ExpenseActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpenseDataTable.tsx": "ExpenseDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpenseViewTabs.tsx": "ExpenseViewTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpensesEmptyStatus.tsx": "InvoicesEmptyStatus", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpensesList.tsx": "ExpensesList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/GlobalErrors/GlobalErrors.tsx": "GlobalErrors", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Homepage/AccountsPayableSection.tsx": "AccountsPayableSection", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Homepage/AccountsReceivableSection.tsx": "AccountsReceivableSection", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Homepage/FinancialAccountingSection.tsx": "FinancialAccountingSection", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Homepage/Homepage.tsx": "Homepage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Homepage/HomepageContent.tsx": "HomepageContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Homepage/ProductsServicesSection.tsx": "ProductsServicesSection", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Homepage/ShortcutBoxesSection.tsx": "ShortcutBoxesSection", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/InventoryAdjustments/InventoryAdjustmentList.tsx": "InventoryAdjustmentList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/InventoryAdjustments/InventoryAdjustmentTable.tsx": "InventoryAdjustmentTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Items/ItemForm.tsx": "ItemForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Items/ItemFormBody.tsx": "ItemFormBody", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Items/ItemFormFloatingActions.tsx": "ItemFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Items/ItemFormFormik.tsx": "ItemFormFormik", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Items/ItemFormInventorySection.tsx": "ItemFormInventorySection", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Items/ItemFormPage.tsx": "ItemFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Items/ItemFormPrimarySection.tsx": "ItemFormPrimarySection", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Items/ItemsActionsBar.tsx": "ItemsActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Items/ItemsDataTable.tsx": "ItemsDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Items/ItemsEmptyStatus.tsx": "ItemsEmptyStatus", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Items/ItemsFooter.tsx": "ItemFloatingFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Items/ItemsImportPage.tsx": "ItemsImportpage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Items/ItemsImportable.tsx": "ItemsImport", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Items/ItemsList.tsx": "ItemsList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Items/ItemsViewsTabs.tsx": "ItemsViewsTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/ItemsCategories/ItemCategoriesImport.tsx": "ItemCategoriesImport", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/ItemsCategories/ItemCategoriesList.tsx": "ItemCategoriesList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/ItemsCategories/ItemCategoriesTable.tsx": "ItemCategoriesTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/ItemsCategories/ItemsCategoryActionsBar.tsx": "ItemsCategoryActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/JournalEntriesTable/JournalEntriesTable.tsx": "JournalEntriesTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/JournalNumber/ReferenceNumberForm.tsx": "ReferenceNumberForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/JournalNumber/ReferenceNumberFormContent.tsx": "ReferenceNumberFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/KeyboardShortcuts/ShortcutsTable.tsx": "ShortcutsTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/NotifyViaSMS/NotifyViaSMSForm.tsx": "NotifyViaSMSForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/NotifyViaSMS/NotifyViaSMSFormFields.tsx": "NotifyViaSMSFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/NotifyViaSMS/NotifyViaSMSFormFloatingActions.tsx": "NotifyViaSMSFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/OneClickDemo/OneClickDemoPage.tsx": "OneClickDemoPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/PaymentPortal/PaymentPortalPage.tsx": "PaymentPortalPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Accountant/Accountant.tsx": "AccountantPreferences", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Accountant/AccountantForm.tsx": "AccountantForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Accountant/AccountantFormPage.tsx": "AccountantFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/ApiKeys/ApiKeys.tsx": "ApiKeys", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/ApiKeys/ApiKeysActions.tsx": "ApiKeysActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/ApiKeys/ApiKeysDataTable.tsx": "ApiKeysDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Branches/Branches.tsx": "Branches", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Branches/BranchesActions.tsx": "BranchesActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Branches/BranchesDataTable.tsx": "BranchesDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Branches/BranchesEmptyStatus.tsx": "BranchesEmptyStatus", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Branches/index.tsx": "BranchesPreferences", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Branding/PreferencesBrandingPage.tsx": "PreferencesBrandingPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Currencies/Currencies.tsx": "PreferencesCurrenciesPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Currencies/CurrenciesActions.tsx": "CurrenciesActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Currencies/CurrenciesDataTable.tsx": "CurrenciesDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Currencies/CurrenciesList.tsx": "CurrenciesList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/DefaultRoute.tsx": "DefaultRoute", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/General/General.tsx": "GeneralPreferences", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/General/GeneralForm.tsx": "PreferencesGeneralForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/General/GeneralFormPage.tsx": "GeneralFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoiceFormPage.tsx": "PreferencesInvoiceFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoices.tsx": "PreferencesInvoices", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Item/ItemPreferencesForm.tsx": "ItemForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Item/ItemPreferencesFormPage.tsx": "ItemPreferencesFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Item/index.tsx": "ItemsPreferences", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/PaymentMethods/PreferencesPaymentMethodsPage.tsx": "PreferencesPaymentMethodsPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/PaymentMethods/PreferencesStripeCallback.tsx": "PreferencesStripeCallback", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/PaymentMethods/alerts/DeleteStripeConnectionAlert.tsx": "DeleteStripeConnectionAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/PreferencesPageLoader.tsx": "PreferencesPageLoader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/SMSIntegration/SMSIntegrationTabs.tsx": "SMSIntegrationTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/SMSIntegration/SMSMessagesDataTable.tsx": "SMSMessagesDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/SMSIntegration/index.tsx": "SMSIntegration", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesForm.tsx": "RolesForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesFormContent.tsx": "RolesFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesFormPage.tsx": "RolesFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Users/Roles/RolesLanding/RolesDataTable.tsx": "RolesDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Users/Roles/RolesLanding/RolesList.tsx": "RolesListPrefernces", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Users/Users.tsx": "Users", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Users/UsersActions.tsx": "UsersActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Users/UsersDataTable.tsx": "UsersDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Users/UsersList.tsx": "UsersList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Warehouses/Warehouses.tsx": "Warehouses", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Warehouses/WarehousesActions.tsx": "WarehousesActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Warehouses/WarehousesEmptyStatus.tsx": "WarehousesEmptyStatus", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Warehouses/WarehousesGrid.tsx": "WarehousesGrid", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Warehouses/WarehousesGridItems.tsx": "WarehousesGridItems", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Preferences/Warehouses/index.tsx": "WarehousesPerences", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseForm.tsx": "EstimatedExpenseForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormChargeFields.tsx": "EstimatedExpenseFormChargeFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormConent.tsx": "EstimatedExpenseFormConent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormDialogContent.tsx": "EstimatedExpenseFormDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormFields.tsx": "EstimatedExpenseFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormFloatingActions.tsx": "EstimatedExpenseFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectDeleteAlert.tsx": "ProjectDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectStatusAlert.tsx": "ProjectStatusAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectTaskDeleteAlert.tsx": "ProjectTaskDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectTimesheetDeleteAlert.tsx": "ProjectTimesheetDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectBillableEntries/ProjectBillableEntriesContent.tsx": "ProjectBillableEntriesContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectBillableEntries/index.tsx": "ProjectBillableEntries", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesForm.tsx": "ProjectBillableEntriesForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormContent.tsx": "ProjectBillableEntriesFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormDialogContent.tsx": "ProjectEntriesFormDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormFields.tsx": "ProjectBillableEntriesFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormFloatingActions.tsx": "ProjectBillableEntriesFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectDetailActionsBar.tsx": "ProjectDetailActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectDetailTabs.tsx": "ProjectDetailTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectPurchasesTable/index.tsx": "ProjectPurchasesTableRoot", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectSalesTable/index.tsx": "ProjectSalesTableRoot", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectTasks/index.tsx": "ProjectTasks", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectTimeSheets/index.tsx": "ProjectTimeSheets", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectDetails/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseForm.tsx": "ProjectExpenseForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormChargeFields.tsx": "ExpenseFormChargeFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormContent.tsx": "ProjectExpenseFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormDialogContent.tsx": "ProjectExpenseFormDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormFields.tsx": "ProjectExpenseFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpneseFormFloatingActions.tsx": "ProjectExpneseFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectForm.tsx": "ProjectForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormContent.tsx": "ProjectFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormDialogContent.tsx": "ProjectFormDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormFields.tsx": "ProjectFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormFloatingActions.tsx": "ProjectFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingForm.tsx": "ProjectInvoicingForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormContent.tsx": "ProjectInvoicingFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormDialogContent.tsx": "ProjectInvoicingFormDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormFields.tsx": "ProjectInvoicingFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormFloatingActions.tsx": "ProjectInvoicingFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskForm.tsx": "ProjectTaskForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormContent.tsx": "TaskFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormDialogContent.tsx": "ProjectTaskFormDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormFields.tsx": "ProjectTaskFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormFloatingActions.tsx": "ProjectTaskFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryForm.tsx": "ProjectTimeEntryForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormContent.tsx": "TimeEntryFormContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormDialogContent.tsx": "ProjectTimeEntryFormDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormFields.tsx": "ProjectTimeEntryFormFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormFloatingActions.tsx": "ProjectTimeEntryFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/index.tsx": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsActionsBar.tsx": "ProjectsActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsDataTable.tsx": "ProjectsDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsEmptyStatus.tsx": "ProjectsEmptyStatus", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsList.tsx": "ProjectsList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsViewTabs.tsx": "ProjectsViewTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFloatingActions.tsx": "BillFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/Bills/BillForm/BillForm.tsx": "BillForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormCurrencyTag.tsx": "BillFormCurrencyTag", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormFooter.tsx": "BillFormFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormHeader.tsx": "BillFormHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormHeaderFields.tsx": "BillFormHeaderFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormPage.tsx": "BillFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormTopBar.tsx": "BillFormTopBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/Bills/BillForm/BillItemsEntriesEditor.tsx": "BillFormBody", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/Bills/BillImport.tsx": "BillsImport", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsActionsBar.tsx": "BillsActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsEmptyStatus.tsx": "BillsEmptyStatus", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsList.tsx": "BillsList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsTable.tsx": "BillsTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsViewsTabs.tsx": "BillsViewsTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFloatingActions.tsx": "VendorCreditNoteFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteForm.tsx": "VendorCreditNoteForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormCurrencyTag.tsx": "VendorCreditNoteFormCurrencyTag", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormDialogs.tsx": "VendorCreditNoteFormDialogs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormFooter.tsx": "VendorCreditNoteFormFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormHeader.tsx": "VendorCreditNoteFormHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormHeaderFields.tsx": "VendorCreditNoteFormHeaderFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormPage.tsx": "VendorCreditNoteFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormTopBar.tsx": "VendorCreditNoteFormTopBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteItemsEntriesEditor.tsx": "VendorCreditNoteItemsEntriesEditor", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNoteActionsBar.tsx": "VendorsCreditNoteActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNoteDataTable.tsx": "VendorsCreditNoteDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNoteEmptyStatus.tsx": "VendorsCreditNoteEmptyStatus", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNoteViewTabs.tsx": "VendorsCreditNoteViewTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNotesList.tsx": "VendorsCreditNotesList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/CreditNotes/VendorCreditsImport.tsx": "VendorCreditsImport", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeEntriesTable.tsx": "PaymentMadeEntriesTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFloatingActions.tsx": "PaymentMadeFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFooter.tsx": "PaymentMadeFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeForm.tsx": "PaymentMadeForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormBody.tsx": "PaymentMadeFormBody", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormCurrencyTag.tsx": "PaymentMadeFormCurrencyTag", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormHeader.tsx": "PaymentMadeFormHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormHeaderFields.tsx": "PaymentMadeFormHeaderFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormPage.tsx": "PaymentMadeFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormTopBar.tsx": "PaymentMadeFormTopBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadeActionsBar.tsx": "PaymentMadeActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadeList.tsx": "PaymentMadeList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadeViewTabs.tsx": "PaymentMadeViewTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadesEmptyStatus.tsx": "PaymentMadesEmptyStatus", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadesTable.tsx": "PaymentMadesTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadesView.tsx": "PaymentMadesView", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsMadeImport.tsx": "PaymentsMadeImport", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/QuickNewDropdown/QuickNewDropdown.tsx": "QuickNewDropdown", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCustomizeDrawerBody.tsx": "CreditNoteCustomizeDrawerBody", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFloatingActions.tsx": "CreditNoteFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteForm.tsx": "CreditNoteForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormDialogs.tsx": "CreditNoteFormDialogs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormFooter.tsx": "CreditNoteFormFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormHeader.tsx": "CreditNoteFormHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormHeaderFields.tsx": "CreditNoteFormHeaderFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormPage.tsx": "CreditNoteFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormTopBar.tsx": "CreditNoteFormTopbar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteItemsEntriesEditorField.tsx": "CreditNoteItemsEntriesEditorField", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNotetFormCurrencyTag.tsx": "CreditNotetFormCurrencyTag", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesImport.tsx": "CreditNotesImport", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesActionsBar.tsx": "CreditNotesActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesDataTable.tsx": "CreditNotesDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesEmptyStatus.tsx": "CreditNotesEmptyStatus", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesList.tsx": "CreditNotesList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesViewTabs.tsx": "CreditNotesViewTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeDrawerBody.tsx": "EstimateCustomizeDrawerBody", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFloatingActions.tsx": "EstimateFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateForm.tsx": "EstimateForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormCurrencyTag.tsx": "EstimateFromCurrencyTag", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormDialogs.tsx": "EstimateFormDialogs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormFooter.tsx": "EstiamteFormFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormHeader.tsx": "EstimateFormHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormHeaderFields.tsx": "EstimateFormHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormPage.tsx": "EstimateFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateItemsEntriesField.tsx": "EstimateFormItemsEntriesField", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimtaeFormTopBar.tsx": "EstimtaeFormTopBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Estimates/EstimatesImport.tsx": "EstimatesImport", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesActionsBar.tsx": "EstimatesActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesDataTable.tsx": "EstimatesDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesEmptyStatus.tsx": "EstimatesEmptyStatus", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesList.tsx": "EstimatesList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesViewTabs.tsx": "EstimatesViewTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCustomize.tsx": "InvoiceCustomize", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/Dialogs/InvoiceExchangeRateChangeDialog.tsx": "InvoiceExchangeRateChangeDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/Dialogs/index.ts": "index", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFloatingActions.tsx": "InvoiceFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormCurrencyTag.tsx": "InvoiceFormCurrencyTag", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormDialogs.tsx": "InvoiceFormDialogs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormFooter.tsx": "InvoiceFormFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeader.tsx": "InvoiceFormHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeaderFields.tsx": "InvoiceFormHeaderFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormPage.tsx": "InvoiceFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormTopBar.tsx": "InvoiceFormTopBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceItemsEntriesEditorField.tsx": "InvoiceItemsEntriesEditorField", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoicesImport.tsx": "InvoicesImport", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoiceViewTabs.tsx": "InvoiceViewTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesActionsBar.tsx": "InvoicesActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesDataTable.tsx": "InvoicesDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesEmptyStatus.tsx": "EstimatesEmptyStatus", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesList.tsx": "InvoicesList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFloatingActions.tsx": "PaymentReceiveFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormAlerts.tsx": "PaymentReceiveFormAlerts", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormBody.tsx": "PaymentReceiveFormBody", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormCurrencyTag.tsx": "PaymentReceiveFormCurrencyTag", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormDialogs.tsx": "PaymentReceiveFormDialogs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormFooter.tsx": "PaymentReceiveFormFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormHeader.tsx": "PaymentReceiveFormHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormPage.tsx": "PaymentReceiveFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormTopBar.tsx": "PaymentReceiveFormTopBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveHeaderFields.tsx": "PaymentReceiveHeaderFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveItemsTable.tsx": "PaymentReceiveItemsTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomize.tsx": "PaymentReceivedCustomize", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedActionsBar.tsx": "PaymentsReceivedActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedEmptyStatus.tsx": "PaymentsReceivedEmptyStatus", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedList.tsx": "PaymentsReceivedList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedTable.tsx": "PaymentsReceivedTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedViewTabs.tsx": "PaymentsReceivedViewTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsReceivedImport.tsx": "PaymentsReceiveImport", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeDrawerBody.tsx": "ReceiptCustomizeDrawerBody", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/Dialogs/ReceiptFormMailDeliverDialog.tsx": "ReceiptFormMailDeliverDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/Dialogs/ReceiptFormMailDeliverDialogContent.tsx": "ReceiptFormMailDeliverDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormCurrencyTag.tsx": "ReceiptFormCurrencyTag", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormDialogs.tsx": "ReceiptFormDialogs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormFloatingActions.tsx": "ReceiptFormFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormHeader.tsx": "ReceiptFormHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormHeaderFields.tsx": "ReceiptFormHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormPage.tsx": "ReceiptFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormTopbar.tsx": "ReceiptFormTopBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptItemsEntriesEditor.tsx": "ReceiptItemsEntriesEditor", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptActionsBar.tsx": "ReceiptActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptViewTabs.tsx": "ReceiptViewTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsEmptyStatus.tsx": "ReceiptsEmptyStatus", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsList.tsx": "ReceiptsList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsTable.tsx": "ReceiptsTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Sales/Receipts/SaleReceiptsImport.tsx": "ReceiptsImport", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Setup/SetupCongratsPage.tsx": "SetupCongratsPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Setup/SetupInitializingForm.tsx": "SetupInitializingForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Setup/SetupLeftSection.tsx": "SetupLeftSection", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Setup/SetupOrganizationForm.tsx": "SetupOrganizationForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Setup/SetupOrganizationPage.tsx": "SetupOrganizationPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Setup/SetupRightSection.tsx": "SetupRightSection", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Setup/SetupSubscription/SetupSubscription.tsx": "SetupSubscription", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Setup/SetupWizardContent.tsx": "SetupWizardContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Setup/WizardSetupPage.tsx": "WizardSetupPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Setup/WizardSetupSteps.tsx": "WizardSetupSteps", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Setup/WorkflowIcon.tsx": "WorkflowIcon", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Subscriptions/BillingPage.tsx": "BillingPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Subscriptions/alerts/CancelMainSubscriptionAlert.tsx": "CancelMainSubscriptionAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Subscriptions/alerts/ResumeMainSubscriptionAlert.tsx": "ResumeMainSubscriptionAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Subscriptions/drawers/ChangeSubscriptionPlanDrawer/ChangeSubscriptionPlanContent.tsx": "ChangeSubscriptionPlanContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Subscriptions/drawers/ChangeSubscriptionPlanDrawer/ChangeSubscriptionPlanDrawer.tsx": "ChangeSubscriptionPlanDrawer", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/TaxRates/alerts/TaxRateDeleteAlert.tsx": "TaxRateDeleteAlert", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/TaxRates/containers/TaxRatesImport.tsx": "TaxRatesImport", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/TaxRates/containers/TaxRatesLandingActionsBar.tsx": "TaxRatesLandingActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/TaxRates/containers/TaxRatesLandingTable.tsx": "TaxRatesLandingTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialog.tsx": "TaxRateFormDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialogContent.tsx": "TaxRateFormDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialogForm.tsx": "TaxRateFormDialogForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialogFormContent.tsx": "TaxRateFormDialogContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/TaxRates/drawers/TaxRateDetailsDrawer/TaxRateDetailsContent.tsx": "TaxRateDetailsContent", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/TaxRates/drawers/TaxRateDetailsDrawer/TaxRateDetailsContentActionsBar.tsx": "TaxRateDetailsContentActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/TaxRates/drawers/TaxRateDetailsDrawer/TaxRateDetailsContentDetails.tsx": "TaxRateDetailsContentDetails", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/TaxRates/drawers/TaxRateDetailsDrawer/TaxRateDetailsDrawer.tsx": "TaxRateDetailsDrawer", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/TaxRates/pages/TaxRatesLanding.tsx": "TaxRatesLanding", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/TransactionsLocking/TransactionsLockingList.tsx": "TransactionsLockingListPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/TransactionsLocking/TransactionsLockingPage.tsx": "TransactionsLockingPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/UniversalSearch/DashboardUniversalSearch.tsx": "DashboardUniversalSearch", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/UniversalSearch/DashboardUniversalSearchHotkeys.tsx": "DashboardUniversalSearchHotkeys", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/UniversalSearch/DashboardUniversalSearchItemActions.tsx": "DashboardUniversalSearchItemActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Vendors/VendorsImport.tsx": "VendorsImport", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Vendors/VendorsLanding/VendorActionsBar.tsx": "VendorActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Vendors/VendorsLanding/VendorViewsTabs.tsx": "VendorViewsTabs", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Vendors/VendorsLanding/VendorsEmptyStatus.tsx": "VendorsEmptyStatus", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Vendors/VendorsLanding/VendorsList.tsx": "VendorsList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Vendors/VendorsLanding/VendorsTable.tsx": "VendorsTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Views/ViewForm.tsx": "ViewForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/Views/ViewFormPage.tsx": "ViewFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferEditorField.tsx": "WarehouseTransferEditorField", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFloatingActions.tsx": "WarehouseTransferFloatingActions", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferForm.tsx": "WarehouseTransferForm", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormDialog.tsx": "WarehouseTransferFormDialog", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormEntriesTable.tsx": "WarehouseTransferFormEntriesTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormFooter.tsx": "WarehouseTransferFormFooter", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormHeader.tsx": "WarehouseTransferFormHeader", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormHeaderFields.tsx": "WarehouseTransferFormHeaderFields", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormPage.tsx": "WarehouseTransferFormPage", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersActionsBar.tsx": "WarehouseTransfersActionsBar", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersDataTable.tsx": "WarehouseTransfersDataTable", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersEmptyStatus.tsx": "WarehouseTransfersEmptyStatus", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersList.tsx": "WarehouseTransfersList", + "/Users/ahmedbouhuolia/repos/bigcapital/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersViewTabs.tsx": "WarehouseTransfersViewTabs" +} \ No newline at end of file diff --git a/packages/webapp/src/components/App.tsx b/packages/webapp/src/components/App.tsx index cfff752ea..27ff7bf3f 100644 --- a/packages/webapp/src/components/App.tsx +++ b/packages/webapp/src/components/App.tsx @@ -11,7 +11,7 @@ import 'moment/locale/es-us'; import AppIntlLoader from './AppIntlLoader'; import { EnsureAuthenticated } from '@/components/Guards/EnsureAuthenticated'; -import GlobalErrors from '@/containers/GlobalErrors/GlobalErrors'; +import { GlobalErrors } from '@/containers/GlobalErrors/GlobalErrors'; import { SplashScreen, DashboardThemeProvider } from '../components'; import { queryConfig } from '../hooks/query/base'; @@ -20,21 +20,11 @@ import { EnsureUserEmailNotVerified } from './Guards/EnsureUserEmailNotVerified' const DashboardPrivatePages = lazy( () => import('@/components/Dashboard/PrivatePages'), ); -const AuthenticationPage = lazy( - () => import('@/containers/Authentication/AuthenticationPage'), -); -const EmailConfirmation = lazy( - () => import('@/containers/Authentication/EmailConfirmation'), -); -const RegisterVerify = lazy( - () => import('@/containers/Authentication/RegisterVerify'), -); -const OneClickDemoPage = lazy( - () => import('@/containers/OneClickDemo/OneClickDemoPage'), -); -const PaymentPortalPage = lazy( - () => import('@/containers/PaymentPortal/PaymentPortalPage'), -); +const AuthenticationPage = lazy(() => import('@/containers/Authentication/AuthenticationPage').then(m => ({ default: m.AuthenticationPage }))); +const EmailConfirmation = lazy(() => import('@/containers/Authentication/EmailConfirmation').then(m => ({ default: m.EmailConfirmation }))); +const RegisterVerify = lazy(() => import('@/containers/Authentication/RegisterVerify').then(m => ({ default: m.RegisterVerify }))); +const OneClickDemoPage = lazy(() => import('@/containers/OneClickDemo/OneClickDemoPage').then(m => ({ default: m.OneClickDemoPage }))); +const PaymentPortalPage = lazy(() => import('@/containers/PaymentPortal/PaymentPortalPage').then(m => ({ default: m.PaymentPortalPage }))); /** * App inner. diff --git a/packages/webapp/src/components/Dashboard/Dashboard.tsx b/packages/webapp/src/components/Dashboard/Dashboard.tsx index 0bd2a440f..12486bfc3 100644 --- a/packages/webapp/src/components/Dashboard/Dashboard.tsx +++ b/packages/webapp/src/components/Dashboard/Dashboard.tsx @@ -8,12 +8,12 @@ import { Sidebar } from '@/containers/Dashboard/Sidebar/Sidebar'; import DashboardContent from '@/components/Dashboard/DashboardContent'; import DialogsContainer from '@/components/DialogsContainer'; import PreferencesPage from '@/components/Preferences/PreferencesPage'; -import DashboardUniversalSearch from '@/containers/UniversalSearch/DashboardUniversalSearch'; +import { DashboardUniversalSearch } from '@/containers/UniversalSearch/DashboardUniversalSearch'; import DashboardSplitPane from '@/components/Dashboard/DashboardSplitePane'; import GlobalHotkeys from './GlobalHotkeys'; import DashboardProvider from './DashboardProvider'; import DrawersContainer from '@/components/DrawersContainer'; -import AlertsContainer from '@/containers/AlertsContainer'; +import { AlertsContainer } from '@/containers/AlertsContainer'; import { DashboardSockets } from './DashboardSockets'; /** diff --git a/packages/webapp/src/components/Dashboard/DashboardTopbar/DashboardTopbar.tsx b/packages/webapp/src/components/Dashboard/DashboardTopbar/DashboardTopbar.tsx index 3f93222b3..833bc65db 100644 --- a/packages/webapp/src/components/Dashboard/DashboardTopbar/DashboardTopbar.tsx +++ b/packages/webapp/src/components/Dashboard/DashboardTopbar/DashboardTopbar.tsx @@ -26,7 +26,7 @@ import { withDashboardActions } from '@/containers/Dashboard/withDashboardAction import { withDashboard } from '@/containers/Dashboard/withDashboard'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; -import QuickNewDropdown from '@/containers/QuickNewDropdown/QuickNewDropdown'; +import { QuickNewDropdown } from '@/containers/QuickNewDropdown/QuickNewDropdown'; import { DashboardHamburgerButton, DashboardQuickSearchButton, diff --git a/packages/webapp/src/components/Dashboard/PrivatePages.tsx b/packages/webapp/src/components/Dashboard/PrivatePages.tsx index fc81a9b55..506e8dd01 100644 --- a/packages/webapp/src/components/Dashboard/PrivatePages.tsx +++ b/packages/webapp/src/components/Dashboard/PrivatePages.tsx @@ -11,9 +11,7 @@ import { EnsureUserEmailVerified } from '../Guards/EnsureUserEmailVerified'; import '@/style/pages/Dashboard/Dashboard.scss'; -const SetupWizardPage = lazy( - () => import('@/containers/Setup/WizardSetupPage'), -); +const SetupWizardPage = lazy(() => import('@/containers/Setup/WizardSetupPage').then(m => ({ default: m.WizardSetupPage }))); /** * Dashboard inner private pages. */ diff --git a/packages/webapp/src/components/DataTableCells/ProjectBillableEntriesCell.tsx b/packages/webapp/src/components/DataTableCells/ProjectBillableEntriesCell.tsx index 9eca07132..25286b6db 100644 --- a/packages/webapp/src/components/DataTableCells/ProjectBillableEntriesCell.tsx +++ b/packages/webapp/src/components/DataTableCells/ProjectBillableEntriesCell.tsx @@ -5,7 +5,7 @@ import { Popover2 } from '@blueprintjs/popover2'; import { Button } from '@blueprintjs/core'; import { CellType } from '@/constants'; import { Icon, FormattedMessage as T } from '@/components'; -import ProjectBillableEntries from '@/containers/Projects/containers/ProjectBillableEntries'; +import { ProjectBillableEntries } from '@/containers/Projects/containers/ProjectBillableEntries'; /** * diff --git a/packages/webapp/src/components/DialogsContainer.tsx b/packages/webapp/src/components/DialogsContainer.tsx index a3a065510..3f5df6f67 100644 --- a/packages/webapp/src/components/DialogsContainer.tsx +++ b/packages/webapp/src/components/DialogsContainer.tsx @@ -1,70 +1,70 @@ -import AccountDialog from '@/containers/Dialogs/AccountDialog'; -import InviteUserDialog from '@/containers/Dialogs/InviteUserDialog'; -import UserFormDialog from '@/containers/Dialogs/UserFormDialog'; -import ItemCategoryDialog from '@/containers/Dialogs/ItemCategoryDialog'; -import CurrencyFormDialog from '@/containers/Dialogs/CurrencyFormDialog'; -import InventoryAdjustmentDialog from '@/containers/Dialogs/InventoryAdjustmentFormDialog'; -import KeyboardShortcutsDialog from '@/containers/Dialogs/keyboardShortcutsDialog'; -import ContactDuplicateDialog from '@/containers/Dialogs/ContactDuplicateDialog'; -import QuickPaymentReceiveFormDialog from '@/containers/Dialogs/QuickPaymentReceiveFormDialog'; -import QuickPaymentMadeFormDialog from '@/containers/Dialogs/QuickPaymentMadeFormDialog'; -import AllocateLandedCostDialog from '@/containers/Dialogs/AllocateLandedCostDialog'; -import InvoicePdfPreviewDialog from '@/containers/Dialogs/InvoicePdfPreviewDialog'; -import EstimatePdfPreviewDialog from '@/containers/Dialogs/EstimatePdfPreviewDialog'; -import MoneyInDialog from '@/containers/CashFlow/MoneyInDialog'; -import MoneyOutDialog from '@/containers/CashFlow/MoneyOutDialog'; -import BadDebtDialog from '@/containers/Dialogs/BadDebtDialog'; -import NotifyInvoiceViaSMSDialog from '@/containers/Dialogs/NotifyInvoiceViaSMSDialog'; -import NotifyReceiptViaSMSDialog from '@/containers/Dialogs/NotifyReceiptViaSMSDialog'; -import NotifyEstimateViaSMSDialog from '@/containers/Dialogs/NotifyEstimateViaSMSDialog'; -import NotifyPaymentReceiveViaSMSDialog from '@/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog'; -import SMSMessageDialog from '@/containers/Dialogs/SMSMessageDialog'; -import RefundCreditNoteDialog from '@/containers/Dialogs/RefundCreditNoteDialog'; -import RefundVendorCreditDialog from '@/containers/Dialogs/RefundVendorCreditDialog'; -import ReconcileCreditNoteDialog from '@/containers/Dialogs/ReconcileCreditNoteDialog'; -import ReconcileVendorCreditDialog from '@/containers/Dialogs/ReconcileVendorCreditDialog'; -import LockingTransactionsDialog from '@/containers/Dialogs/LockingTransactionsDialog'; -import UnlockingTransactionsDialog from '@/containers/Dialogs/UnlockingTransactionsDialog'; -import UnlockingPartialTransactionsDialog from '@/containers/Dialogs/UnlockingPartialTransactionsDialog'; -import CreditNotePdfPreviewDialog from '@/containers/Dialogs/CreditNotePdfPreviewDialog'; -import PaymentReceivePdfPreviewDialog from '@/containers/Dialogs/PaymentReceivePdfPreviewDialog'; -import WarehouseFormDialog from '@/containers/Dialogs/WarehouseFormDialog'; -import BranchFormDialog from '@/containers/Dialogs/BranchFormDialog'; -import BranchActivateDialog from '@/containers/Dialogs/BranchActivateDialog'; -import WarehouseActivateDialog from '@/containers/Dialogs/WarehouseActivateDialog'; -import CustomerOpeningBalanceDialog from '@/containers/Dialogs/CustomerOpeningBalanceDialog'; -import VendorOpeningBalanceDialog from '@/containers/Dialogs/VendorOpeningBalanceDialog'; -import ProjectFormDialog from '@/containers/Projects/containers/ProjectFormDialog'; -import ProjectTaskFormDialog from '@/containers/Projects/containers/ProjectTaskFormDialog'; -import ProjectTimeEntryFormDialog from '@/containers/Projects/containers/ProjectTimeEntryFormDialog'; -import ProjectExpenseForm from '@/containers/Projects/containers/ProjectExpenseForm'; -import EstimatedExpenseFormDialog from '@/containers/Projects/containers/EstimatedExpenseFormDialog'; -import ProjectInvoicingFormDialog from '@/containers/Projects/containers/ProjectInvoicingFormDialog'; -import ProjectBillableEntriesFormDialog from '@/containers/Projects/containers/ProjectBillableEntriesFormDialog'; -import TaxRateFormDialog from '@/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialog'; +import { index as AccountDialog } from '@/containers/Dialogs/AccountDialog'; +import { index as InviteUserDialog } from '@/containers/Dialogs/InviteUserDialog'; +import { index as UserFormDialog } from '@/containers/Dialogs/UserFormDialog'; +import { index as ItemCategoryDialog } from '@/containers/Dialogs/ItemCategoryDialog'; +import { index as CurrencyFormDialog } from '@/containers/Dialogs/CurrencyFormDialog'; +import { index as InventoryAdjustmentDialog } from '@/containers/Dialogs/InventoryAdjustmentFormDialog'; +import { index as KeyboardShortcutsDialog } from '@/containers/Dialogs/keyboardShortcutsDialog'; +import { index as ContactDuplicateDialog } from '@/containers/Dialogs/ContactDuplicateDialog'; +import { index as QuickPaymentReceiveFormDialog } from '@/containers/Dialogs/QuickPaymentReceiveFormDialog'; +import { index as QuickPaymentMadeFormDialog } from '@/containers/Dialogs/QuickPaymentMadeFormDialog'; +import { index as AllocateLandedCostDialog } from '@/containers/Dialogs/AllocateLandedCostDialog'; +import { index as InvoicePdfPreviewDialog } from '@/containers/Dialogs/InvoicePdfPreviewDialog'; +import { index as EstimatePdfPreviewDialog } from '@/containers/Dialogs/EstimatePdfPreviewDialog'; +import { index as MoneyInDialog } from '@/containers/CashFlow/MoneyInDialog'; +import { index as MoneyOutDialog } from '@/containers/CashFlow/MoneyOutDialog'; +import { index as BadDebtDialog } from '@/containers/Dialogs/BadDebtDialog'; +import { index as NotifyInvoiceViaSMSDialog } from '@/containers/Dialogs/NotifyInvoiceViaSMSDialog'; +import { index as NotifyReceiptViaSMSDialog } from '@/containers/Dialogs/NotifyReceiptViaSMSDialog'; +import { index as NotifyEstimateViaSMSDialog } from '@/containers/Dialogs/NotifyEstimateViaSMSDialog'; +import { index as NotifyPaymentReceiveViaSMSDialog } from '@/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog'; +import { index as SMSMessageDialog } from '@/containers/Dialogs/SMSMessageDialog'; +import { index as RefundCreditNoteDialog } from '@/containers/Dialogs/RefundCreditNoteDialog'; +import { index as RefundVendorCreditDialog } from '@/containers/Dialogs/RefundVendorCreditDialog'; +import { index as ReconcileCreditNoteDialog } from '@/containers/Dialogs/ReconcileCreditNoteDialog'; +import { index as ReconcileVendorCreditDialog } from '@/containers/Dialogs/ReconcileVendorCreditDialog'; +import { index as LockingTransactionsDialog } from '@/containers/Dialogs/LockingTransactionsDialog'; +import { index as UnlockingTransactionsDialog } from '@/containers/Dialogs/UnlockingTransactionsDialog'; +import { index as UnlockingPartialTransactionsDialog } from '@/containers/Dialogs/UnlockingPartialTransactionsDialog'; +import { index as CreditNotePdfPreviewDialog } from '@/containers/Dialogs/CreditNotePdfPreviewDialog'; +import { index as PaymentReceivePdfPreviewDialog } from '@/containers/Dialogs/PaymentReceivePdfPreviewDialog'; +import { index as WarehouseFormDialog } from '@/containers/Dialogs/WarehouseFormDialog'; +import { index as BranchFormDialog } from '@/containers/Dialogs/BranchFormDialog'; +import { index as BranchActivateDialog } from '@/containers/Dialogs/BranchActivateDialog'; +import { index as WarehouseActivateDialog } from '@/containers/Dialogs/WarehouseActivateDialog'; +import { index as CustomerOpeningBalanceDialog } from '@/containers/Dialogs/CustomerOpeningBalanceDialog'; +import { index as VendorOpeningBalanceDialog } from '@/containers/Dialogs/VendorOpeningBalanceDialog'; +import { index as ProjectFormDialog } from '@/containers/Projects/containers/ProjectFormDialog'; +import { index as ProjectTaskFormDialog } from '@/containers/Projects/containers/ProjectTaskFormDialog'; +import { index as ProjectTimeEntryFormDialog } from '@/containers/Projects/containers/ProjectTimeEntryFormDialog'; +import { index as ProjectExpenseForm } from '@/containers/Projects/containers/ProjectExpenseForm'; +import { index as EstimatedExpenseFormDialog } from '@/containers/Projects/containers/EstimatedExpenseFormDialog'; +import { index as ProjectInvoicingFormDialog } from '@/containers/Projects/containers/ProjectInvoicingFormDialog'; +import { index as ProjectBillableEntriesFormDialog } from '@/containers/Projects/containers/ProjectBillableEntriesFormDialog'; +import { TaxRateFormDialog } from '@/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialog'; import { DialogsName } from '@/constants/dialogs'; -import InvoiceExchangeRateChangeDialog from '@/containers/Sales/Invoices/InvoiceForm/Dialogs/InvoiceExchangeRateChangeDialog'; +import { InvoiceExchangeRateChangeDialog } from '@/containers/Sales/Invoices/InvoiceForm/Dialogs/InvoiceExchangeRateChangeDialog'; import { ExportDialog } from '@/containers/Dialogs/ExportDialog'; import { RuleFormDialog } from '@/containers/Banking/Rules/RuleFormDialog/RuleFormDialog'; import { DisconnectBankAccountDialog } from '@/containers/CashFlow/AccountTransactions/dialogs/DisconnectBankAccountDialog/DisconnectBankAccountDialog'; import { SharePaymentLinkDialog } from '@/containers/PaymentLink/dialogs/SharePaymentLinkDialog/SharePaymentLinkDialog'; import { SelectPaymentMethodsDialog } from '@/containers/PaymentLink/dialogs/SelectPaymentMethodsDialog/SelectPaymentMethodsDialog'; -import ApiKeysGenerateDialog from '@/containers/Dialogs/ApiKeysGenerateDialog'; +import { ApiKeysGenerateDialog } from '@/containers/Dialogs/ApiKeysGenerateDialog'; import WorkspaceDeleteDialog from '@/ee/workspaces/containers/Dialogs/WorkspaceDeleteDialog'; import WorkspaceInactivateDialog from '@/ee/workspaces/containers/Dialogs/WorkspaceInactivateDialog'; -import InvoiceBulkDeleteDialog from '@/containers/Dialogs/Invoices/InvoiceBulkDeleteDialog'; -import EstimateBulkDeleteDialog from '@/containers/Dialogs/Estimates/EstimateBulkDeleteDialog'; -import ReceiptBulkDeleteDialog from '@/containers/Dialogs/Receipts/ReceiptBulkDeleteDialog'; -import CreditNoteBulkDeleteDialog from '@/containers/Dialogs/CreditNotes/CreditNoteBulkDeleteDialog'; -import PaymentReceivedBulkDeleteDialog from '@/containers/Dialogs/PaymentsReceived/PaymentReceivedBulkDeleteDialog'; -import BillBulkDeleteDialog from '@/containers/Dialogs/Bills/BillBulkDeleteDialog'; -import VendorCreditBulkDeleteDialog from '@/containers/Dialogs/VendorCredits/VendorCreditBulkDeleteDialog'; -import ManualJournalBulkDeleteDialog from '@/containers/Dialogs/ManualJournals/ManualJournalBulkDeleteDialog'; -import ExpenseBulkDeleteDialog from '@/containers/Dialogs/Expenses/ExpenseBulkDeleteDialog'; -import AccountBulkDeleteDialog from '@/containers/Dialogs/Accounts/AccountBulkDeleteDialog'; -import ItemBulkDeleteDialog from '@/containers/Dialogs/Items/ItemBulkDeleteDialog'; -import CustomerBulkDeleteDialog from '@/containers/Dialogs/Customers/CustomerBulkDeleteDialog'; -import VendorBulkDeleteDialog from '@/containers/Dialogs/Vendors/VendorBulkDeleteDialog'; +import { InvoiceBulkDeleteDialog } from '@/containers/Dialogs/Invoices/InvoiceBulkDeleteDialog'; +import { EstimateBulkDeleteDialog } from '@/containers/Dialogs/Estimates/EstimateBulkDeleteDialog'; +import { ReceiptBulkDeleteDialog } from '@/containers/Dialogs/Receipts/ReceiptBulkDeleteDialog'; +import { CreditNoteBulkDeleteDialog } from '@/containers/Dialogs/CreditNotes/CreditNoteBulkDeleteDialog'; +import { PaymentReceivedBulkDeleteDialog } from '@/containers/Dialogs/PaymentsReceived/PaymentReceivedBulkDeleteDialog'; +import { BillBulkDeleteDialog } from '@/containers/Dialogs/Bills/BillBulkDeleteDialog'; +import { VendorCreditBulkDeleteDialog } from '@/containers/Dialogs/VendorCredits/VendorCreditBulkDeleteDialog'; +import { ManualJournalBulkDeleteDialog } from '@/containers/Dialogs/ManualJournals/ManualJournalBulkDeleteDialog'; +import { ExpenseBulkDeleteDialog } from '@/containers/Dialogs/Expenses/ExpenseBulkDeleteDialog'; +import { AccountBulkDeleteDialog } from '@/containers/Dialogs/Accounts/AccountBulkDeleteDialog'; +import { ItemBulkDeleteDialog } from '@/containers/Dialogs/Items/ItemBulkDeleteDialog'; +import { CustomerBulkDeleteDialog } from '@/containers/Dialogs/Customers/CustomerBulkDeleteDialog'; +import { VendorBulkDeleteDialog } from '@/containers/Dialogs/Vendors/VendorBulkDeleteDialog'; /** * Dialogs container. diff --git a/packages/webapp/src/components/DrawersContainer.tsx b/packages/webapp/src/components/DrawersContainer.tsx index f9145b6c6..c65fa51e4 100644 --- a/packages/webapp/src/components/DrawersContainer.tsx +++ b/packages/webapp/src/components/DrawersContainer.tsx @@ -1,28 +1,28 @@ -import AccountDrawer from '@/containers/Drawers/AccountDrawer'; -import ManualJournalDrawer from '@/containers/Drawers/ManualJournalDrawer'; -import ExpenseDrawer from '@/containers/Drawers/ExpenseDrawer'; -import BillDrawer from '@/containers/Drawers/BillDrawer'; -import InvoiceDetailDrawer from '@/containers/Drawers/InvoiceDetailDrawer'; -import ReceiptDetailDrawer from '@/containers/Drawers/ReceiptDetailDrawer'; -import PaymentReceiveDetailDrawer from '@/containers/Drawers/PaymentReceiveDetailDrawer'; -import PaymentMadeDetailDrawer from '@/containers/Drawers/PaymentMadeDetailDrawer'; -import EstimateDetailDrawer from '@/containers/Drawers/EstimateDetailDrawer'; -import ItemDetailDrawer from '@/containers/Drawers/ItemDetailDrawer'; -import CustomerDetailsDrawer from '@/containers/Drawers/CustomerDetailsDrawer'; -import VendorDetailsDrawer from '@/containers/Drawers/VendorDetailsDrawer'; -import InventoryAdjustmentDetailDrawer from '@/containers/Drawers/InventoryAdjustmentDetailDrawer'; -import CashflowTransactionDetailDrawer from '@/containers/Drawers/CashflowTransactionDetailDrawer'; -import QuickCreateCustomerDrawer from '@/containers/Drawers/QuickCreateCustomerDrawer'; -import QuickCreateItemDrawer from '@/containers/Drawers/QuickCreateItemDrawer'; -import QuickWriteVendorDrawer from '@/containers/Drawers/QuickWriteVendorDrawer'; -import CreditNoteDetailDrawer from '@/containers/Drawers/CreditNoteDetailDrawer'; -import VendorCreditDetailDrawer from '@/containers/Drawers/VendorCreditDetailDrawer'; -import RefundCreditNoteDetailDrawer from '@/containers/Drawers/RefundCreditNoteDetailDrawer'; -import RefundVendorCreditDetailDrawer from '@/containers/Drawers/RefundVendorCreditDetailDrawer'; -import WarehouseTransferDetailDrawer from '@/containers/Drawers/WarehouseTransferDetailDrawer'; -import TaxRateDetailsDrawer from '@/containers/TaxRates/drawers/TaxRateDetailsDrawer/TaxRateDetailsDrawer'; -import CategorizeTransactionDrawer from '@/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/CategorizeTransactionDrawer'; -import ChangeSubscriptionPlanDrawer from '@/containers/Subscriptions/drawers/ChangeSubscriptionPlanDrawer/ChangeSubscriptionPlanDrawer'; +import { index as AccountDrawer } from '@/containers/Drawers/AccountDrawer'; +import { index as ManualJournalDrawer } from '@/containers/Drawers/ManualJournalDrawer'; +import { index as ExpenseDrawer } from '@/containers/Drawers/ExpenseDrawer'; +import { index as BillDrawer } from '@/containers/Drawers/BillDrawer'; +import { index as InvoiceDetailDrawer } from '@/containers/Drawers/InvoiceDetailDrawer'; +import { index as ReceiptDetailDrawer } from '@/containers/Drawers/ReceiptDetailDrawer'; +import { index as PaymentReceiveDetailDrawer } from '@/containers/Drawers/PaymentReceiveDetailDrawer'; +import { index as PaymentMadeDetailDrawer } from '@/containers/Drawers/PaymentMadeDetailDrawer'; +import { index as EstimateDetailDrawer } from '@/containers/Drawers/EstimateDetailDrawer'; +import { index as ItemDetailDrawer } from '@/containers/Drawers/ItemDetailDrawer'; +import { index as CustomerDetailsDrawer } from '@/containers/Drawers/CustomerDetailsDrawer'; +import { index as VendorDetailsDrawer } from '@/containers/Drawers/VendorDetailsDrawer'; +import { index as InventoryAdjustmentDetailDrawer } from '@/containers/Drawers/InventoryAdjustmentDetailDrawer'; +import { index as CashflowTransactionDetailDrawer } from '@/containers/Drawers/CashflowTransactionDetailDrawer'; +import { index as QuickCreateCustomerDrawer } from '@/containers/Drawers/QuickCreateCustomerDrawer'; +import { index as QuickCreateItemDrawer } from '@/containers/Drawers/QuickCreateItemDrawer'; +import { index as QuickWriteVendorDrawer } from '@/containers/Drawers/QuickWriteVendorDrawer'; +import { index as CreditNoteDetailDrawer } from '@/containers/Drawers/CreditNoteDetailDrawer'; +import { index as VendorCreditDetailDrawer } from '@/containers/Drawers/VendorCreditDetailDrawer'; +import { index as RefundCreditNoteDetailDrawer } from '@/containers/Drawers/RefundCreditNoteDetailDrawer'; +import { index as RefundVendorCreditDetailDrawer } from '@/containers/Drawers/RefundVendorCreditDetailDrawer'; +import { index as WarehouseTransferDetailDrawer } from '@/containers/Drawers/WarehouseTransferDetailDrawer'; +import { TaxRateDetailsDrawer } from '@/containers/TaxRates/drawers/TaxRateDetailsDrawer/TaxRateDetailsDrawer'; +import { CategorizeTransactionDrawer } from '@/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/CategorizeTransactionDrawer'; +import { ChangeSubscriptionPlanDrawer } from '@/containers/Subscriptions/drawers/ChangeSubscriptionPlanDrawer/ChangeSubscriptionPlanDrawer'; import { InvoiceCustomizeDrawer } from '@/containers/Sales/Invoices/InvoiceCustomize/InvoiceCustomizeDrawer'; import { EstimateCustomizeDrawer } from '@/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeDrawer'; import { ReceiptCustomizeDrawer } from '@/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeDrawer'; diff --git a/packages/webapp/src/components/Preferences/PreferencesTopbar.tsx b/packages/webapp/src/components/Preferences/PreferencesTopbar.tsx index d3af1e43c..60ca7f835 100644 --- a/packages/webapp/src/components/Preferences/PreferencesTopbar.tsx +++ b/packages/webapp/src/components/Preferences/PreferencesTopbar.tsx @@ -5,11 +5,11 @@ import classNames from 'classnames'; import { CLASSES } from '@/constants/classes'; import DashboardTopbarUser from '@/components/Dashboard/TopbarUser'; -import UsersActions from '@/containers/Preferences/Users/UsersActions'; -import CurrenciesActions from '@/containers/Preferences/Currencies/CurrenciesActions'; -import WarehousesActions from '@/containers/Preferences/Warehouses/WarehousesActions'; -import BranchesActions from '@/containers/Preferences/Branches/BranchesActions'; -import ApiKeysActions from '@/containers/Preferences/ApiKeys/ApiKeysActions'; +import { UsersActions } from '@/containers/Preferences/Users/UsersActions'; +import { CurrenciesActions } from '@/containers/Preferences/Currencies/CurrenciesActions'; +import { WarehousesActions } from '@/containers/Preferences/Warehouses/WarehousesActions'; +import { BranchesActions } from '@/containers/Preferences/Branches/BranchesActions'; +import { ApiKeysActions } from '@/containers/Preferences/ApiKeys/ApiKeysActions'; import { withDashboard } from '@/containers/Dashboard/withDashboard'; import { compose } from '@/utils'; diff --git a/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalActionsBar.tsx b/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalActionsBar.tsx index 2fe08fd2d..3f850033b 100644 --- a/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalActionsBar.tsx +++ b/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalActionsBar.tsx @@ -39,7 +39,7 @@ import { useBulkDeleteManualJournalsDialog } from './hooks/use-bulk-delete-manua /** * Manual journal actions bar. */ -function ManualJournalActionsBar({ +function ManualJournalActionsBarInner({ // #withManualJournalsActions setManualJournalsTableState, @@ -206,7 +206,7 @@ function ManualJournalActionsBar({ ); } -export default compose( +export const ManualJournalActionsBar = compose( withDialogActions, withManualJournalsActions, withSettingsActions, @@ -217,4 +217,4 @@ export default compose( withSettings(({ manualJournalsSettings }) => ({ manualJournalsTableSize: manualJournalsSettings?.tableSize, })), -)(ManualJournalActionsBar); +)(ManualJournalActionsBarInner); diff --git a/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsAlerts.tsx b/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsAlerts.tsx index d45132c5a..001abe457 100644 --- a/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsAlerts.tsx +++ b/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsAlerts.tsx @@ -1,18 +1,14 @@ // @ts-nocheck import React from 'react'; -const JournalDeleteAlert = React.lazy( - () => import('@/containers/Alerts/ManualJournals/JournalDeleteAlert'), -); -const JournalPublishAlert = React.lazy( - () => import('@/containers/Alerts/ManualJournals/JournalPublishAlert'), -); +const JournalDeleteAlert = React.lazy(() => import('@/containers/Alerts/ManualJournals/JournalDeleteAlert').then(m => ({ default: m.JournalDeleteAlert }))); +const JournalPublishAlert = React.lazy(() => import('@/containers/Alerts/ManualJournals/JournalPublishAlert').then(m => ({ default: m.JournalPublishAlert }))); /** * Manual journals alerts. */ -export default [ +export const ManualJournalsAlerts = [ { name: 'journal-delete', component: JournalDeleteAlert }, { name: 'journal-publish', component: JournalPublishAlert }, ]; diff --git a/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsDataTable.tsx b/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsDataTable.tsx index d63311bec..afaaa15ef 100644 --- a/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsDataTable.tsx +++ b/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsDataTable.tsx @@ -10,7 +10,7 @@ import { } from '@/components'; import { TABLES } from '@/constants/tables'; -import ManualJournalsEmptyStatus from './ManualJournalsEmptyStatus'; +import { ManualJournalsEmptyStatus } from './ManualJournalsEmptyStatus'; import { ActionsMenu } from './components'; @@ -30,7 +30,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Manual journals data-table. */ -function ManualJournalsDataTable({ +function ManualJournalsDataTableInner({ // #withManualJournalsActions setManualJournalsTableState, setManualJournalsSelectedRows, @@ -152,7 +152,7 @@ function ManualJournalsDataTable({ ); } -export default compose( +export const ManualJournalsDataTable = compose( withManualJournalsActions, withManualJournals(({ manualJournalsTableState }) => ({ manualJournalsTableState, @@ -162,4 +162,4 @@ export default compose( withSettings(({ manualJournalsSettings }) => ({ manualJournalsTableSize: manualJournalsSettings?.tableSize, })), -)(ManualJournalsDataTable); +)(ManualJournalsDataTableInner); diff --git a/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsEmptyStatus.tsx b/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsEmptyStatus.tsx index 6e89b5385..efddd3e2d 100644 --- a/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsEmptyStatus.tsx +++ b/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsEmptyStatus.tsx @@ -8,7 +8,7 @@ import { ManualJournalAction, } from '@/constants/abilityOption'; -export default function ManualJournalsEmptyStatus() { +export function ManualJournalsEmptyStatus() { const history = useHistory(); return ( diff --git a/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsList.tsx b/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsList.tsx index 6a34338b3..f9a0520c1 100644 --- a/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsList.tsx +++ b/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsList.tsx @@ -7,8 +7,8 @@ import { DashboardPageContent } from '@/components'; import { transformTableStateToQuery, compose } from '@/utils'; import { ManualJournalsListProvider } from './ManualJournalsListProvider'; -import ManualJournalsDataTable from './ManualJournalsDataTable'; -import ManualJournalsActionsBar from './ManualJournalActionsBar'; +import { ManualJournalsDataTable } from './ManualJournalsDataTable'; +import { ManualJournalActionsBar as ManualJournalsActionsBar } from './ManualJournalActionsBar'; import { withManualJournals } from './withManualJournals'; @@ -34,7 +34,7 @@ function ManualJournalsTable({ ); } -export default compose( +export const ManualJournalsList = compose( withManualJournals( ({ manualJournalsTableState, manualJournalTableStateChanged }) => ({ journalsTableState: manualJournalsTableState, diff --git a/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsViewTabs.tsx b/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsViewTabs.tsx index 4d428fb81..01b305bca 100644 --- a/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsViewTabs.tsx +++ b/packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsViewTabs.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Manual journal views tabs. */ -function ManualJournalsViewTabs({ +function ManualJournalsViewTabsInner({ // #withManualJournalsActions setManualJournalsTableState, @@ -52,10 +52,10 @@ function ManualJournalsViewTabs({ ); } -export default compose( +export const ManualJournalsViewTabs = compose( withManualJournalsActions, withDashboardActions, withManualJournals(({ manualJournalsTableState }) => ({ journalsTableState: manualJournalsTableState, })), -)(ManualJournalsViewTabs); +)(ManualJournalsViewTabsInner); diff --git a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesField.tsx b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesField.tsx index ad1e3ad82..4d5b129f7 100644 --- a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesField.tsx +++ b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesField.tsx @@ -9,12 +9,12 @@ import { MIN_LINES_NUMBER, } from './utils'; import { useMakeJournalFormContext } from './MakeJournalProvider'; -import MakeJournalEntriesTable from './MakeJournalEntriesTable'; +import { MakeJournalEntriesTable } from './MakeJournalEntriesTable'; /** * Make journal entries field. */ -export default function MakeJournalEntriesField() { +export function MakeJournalEntriesField() { const { accounts, contacts, branches, projects } = useMakeJournalFormContext(); diff --git a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesForm.tsx b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesForm.tsx index 8a240ed26..87727f390 100644 --- a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesForm.tsx +++ b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesForm.tsx @@ -15,12 +15,12 @@ import { EditJournalSchema, } from './MakeJournalEntries.schema'; import { useMakeJournalFormContext } from './MakeJournalProvider'; -import MakeJournalEntriesHeader from './MakeJournalEntriesHeader'; -import MakeJournalFormFloatingActions from './MakeJournalFormFloatingActions'; -import MakeJournalEntriesField from './MakeJournalEntriesField'; -import MakeJournalFormFooter from './MakeJournalFormFooter'; -import MakeJournalFormDialogs from './MakeJournalFormDialogs'; -import MakeJournalFormTopBar from './MakeJournalFormTopBar'; +import { MakeJournalEntriesHeader } from './MakeJournalEntriesHeader'; +import { MakeJournalFloatingAction as MakeJournalFormFloatingActions } from './MakeJournalFormFloatingActions'; +import { MakeJournalEntriesField } from './MakeJournalEntriesField'; +import { MakeJournalFormFooter } from './MakeJournalFormFooter'; +import { MakeJournalFormDialogs } from './MakeJournalFormDialogs'; +import { MakeJournalFormTopBar } from './MakeJournalFormTopBar'; import { withSettings } from '@/containers/Settings/withSettings'; import { withCurrentOrganization } from '@/containers/Organization/withCurrentOrganization'; @@ -39,7 +39,7 @@ import { transformAttachmentsToRequest } from '@/containers/Attachments/utils'; /** * Journal entries form. */ -function MakeJournalEntriesForm({ +function MakeJournalEntriesFormInner({ // #withSettings journalNextNumber, journalNumberPrefix, @@ -209,11 +209,11 @@ function MakeJournalEntriesForm({ ); } -export default compose( +export const MakeJournalEntriesForm = compose( withSettings(({ manualJournalsSettings }) => ({ journalNextNumber: manualJournalsSettings?.nextNumber, journalNumberPrefix: manualJournalsSettings?.numberPrefix, journalAutoIncrement: manualJournalsSettings?.autoIncrement, })), withCurrentOrganization(), -)(MakeJournalEntriesForm); +)(MakeJournalEntriesFormInner); diff --git a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesHeader.tsx b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesHeader.tsx index ccb673f7e..2ce366398 100644 --- a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesHeader.tsx +++ b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesHeader.tsx @@ -6,11 +6,11 @@ import { PageFormBigNumber, } from '@/components'; -import MakeJournalEntriesHeaderFields from './MakeJournalEntriesHeaderFields'; +import { MakeJournalEntriesHeader as MakeJournalEntriesHeaderFields } from './MakeJournalEntriesHeaderFields'; import { useManualJournalTotalFormatted } from './utils'; import intl from 'react-intl-universal'; -export default function MakeJournalEntriesHeader() { +export function MakeJournalEntriesHeader() { return ( diff --git a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesHeaderFields.tsx b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesHeaderFields.tsx index 55acff4fd..4ae60dbe7 100644 --- a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesHeaderFields.tsx +++ b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesHeaderFields.tsx @@ -44,7 +44,7 @@ const getFieldsStyle = (theme: Theme) => css` /** * Make journal entries header. */ -export default function MakeJournalEntriesHeader({}) { +export function MakeJournalEntriesHeader({}) { const { currencies } = useMakeJournalFormContext(); const form = useFormikContext(); const theme = useTheme(); diff --git a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesPage.tsx b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesPage.tsx index 57ad6f795..f48b4416d 100644 --- a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesPage.tsx +++ b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesPage.tsx @@ -4,13 +4,13 @@ import { useParams } from 'react-router-dom'; import '@/style/pages/ManualJournal/MakeJournal.scss'; -import MakeJournalEntriesForm from './MakeJournalEntriesForm'; +import { MakeJournalEntriesForm } from './MakeJournalEntriesForm'; import { MakeJournalProvider } from './MakeJournalProvider'; /** * Make journal entries page. */ -export default function MakeJournalEntriesPage() { +export function MakeJournalEntriesPage() { const { id: journalId } = useParams(); return ( diff --git a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesTable.tsx b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesTable.tsx index 416892490..a3f771b8c 100644 --- a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesTable.tsx +++ b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesTable.tsx @@ -16,7 +16,7 @@ import { updateAdjustEntries } from './utils'; /** * Make journal entries table component. */ -export default function MakeJournalEntriesTable({ +export function MakeJournalEntriesTable({ // #ownPorps onChange, entries, diff --git a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormDialogs.tsx b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormDialogs.tsx index 197ce96dd..98a3c3725 100644 --- a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormDialogs.tsx +++ b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormDialogs.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; import { useFormikContext } from 'formik'; -import JournalNumberDialog from '@/containers/Dialogs/JournalNumberDialog'; +import { index as JournalNumberDialog } from '@/containers/Dialogs/JournalNumberDialog'; /** * Make journal form dialogs. */ -export default function MakeJournalFormDialogs() { +export function MakeJournalFormDialogs() { const { setFieldValue } = useFormikContext(); // Update the form once the journal number form submit confirm. diff --git a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormFloatingActions.tsx b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormFloatingActions.tsx index aca9a0c3a..cc24209cf 100644 --- a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormFloatingActions.tsx @@ -21,7 +21,7 @@ import { useMakeJournalFormContext } from './MakeJournalProvider'; /** * Make Journal floating actions bar. */ -export default function MakeJournalFloatingAction() { +export function MakeJournalFloatingAction() { const history = useHistory(); // Formik context. diff --git a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormFooter.tsx b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormFooter.tsx index fafaad27f..d2a51931f 100644 --- a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormFooter.tsx +++ b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormFooter.tsx @@ -8,7 +8,7 @@ import { MakeJournalFormFooterLeft } from './MakeJournalFormFooterLeft'; import { MakeJournalFormFooterRight } from './MakeJournalFormFooterRight'; import { UploadAttachmentButton } from '@/containers/Attachments/UploadAttachmentButton'; -export default function MakeJournalFormFooter() { +export function MakeJournalFormFooter() { return (
diff --git a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormTopBar.tsx b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormTopBar.tsx index c4607181f..edd08ba9f 100644 --- a/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormTopBar.tsx +++ b/packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormTopBar.tsx @@ -19,7 +19,7 @@ import { useMakeJournalFormContext } from './MakeJournalProvider'; * Make journal form topbar. * @returns */ -export default function MakeJournalFormTopBar() { +export function MakeJournalFormTopBar() { // Features guard. const { featureCan } = useFeatureCan(); diff --git a/packages/webapp/src/containers/Accounting/ManualJournalsImport.tsx b/packages/webapp/src/containers/Accounting/ManualJournalsImport.tsx index cff37a940..0b3825a6d 100644 --- a/packages/webapp/src/containers/Accounting/ManualJournalsImport.tsx +++ b/packages/webapp/src/containers/Accounting/ManualJournalsImport.tsx @@ -3,7 +3,7 @@ import { DashboardInsider } from '@/components'; import { ImportView } from '../Import/ImportView'; import { useHistory } from 'react-router-dom'; -export default function ManualJournalsImport() { +export function ManualJournalsImport() { const history = useHistory(); const handleCancelBtnClick = () => { diff --git a/packages/webapp/src/containers/Accounts/AccountsActionsBar.tsx b/packages/webapp/src/containers/Accounts/AccountsActionsBar.tsx index b5d7db173..0bd52995d 100644 --- a/packages/webapp/src/containers/Accounts/AccountsActionsBar.tsx +++ b/packages/webapp/src/containers/Accounts/AccountsActionsBar.tsx @@ -48,7 +48,7 @@ import { compose } from '@/utils'; /** * Accounts actions bar. */ -function AccountsActionsBar({ +function AccountsActionsBarInner({ // #withDialogActions openDialog, @@ -241,7 +241,7 @@ function AccountsActionsBar({ ); } -export default compose( +export const AccountsActionsBar = compose( withDialogActions, withAlertActions, withSettingsActions, @@ -254,4 +254,4 @@ export default compose( accountsTableSize: accountsSettings.tableSize, })), withAccountsTableActions, -)(AccountsActionsBar); +)(AccountsActionsBarInner); diff --git a/packages/webapp/src/containers/Accounts/AccountsAlerts.tsx b/packages/webapp/src/containers/Accounts/AccountsAlerts.tsx index 4f6f1cfaa..974762dcc 100644 --- a/packages/webapp/src/containers/Accounts/AccountsAlerts.tsx +++ b/packages/webapp/src/containers/Accounts/AccountsAlerts.tsx @@ -1,23 +1,13 @@ // @ts-nocheck import React from 'react'; -const AccountDeleteAlert = React.lazy( - () => import('@/containers/Alerts/Accounts/AccountDeleteAlert'), -); -const AccountInactivateAlert = React.lazy( - () => import('@/containers/Alerts/Accounts/AccountInactivateAlert'), -); -const AccountActivateAlert = React.lazy( - () => import('@/containers/Alerts/Accounts/AccountActivateAlert'), -); -const AccountBulkActivateAlert = React.lazy( - () => import('@/containers/Alerts/Accounts/AccountBulkActivateAlert'), -); -const AccountBulkInactivateAlert = React.lazy( - () => import('@/containers/Alerts/Accounts/AccountBulkInactivateAlert'), -); +const AccountDeleteAlert = React.lazy(() => import('@/containers/Alerts/Accounts/AccountDeleteAlert').then(m => ({ default: m.AccountDeleteAlert }))); +const AccountInactivateAlert = React.lazy(() => import('@/containers/Alerts/Accounts/AccountInactivateAlert').then(m => ({ default: m.AccountInactivateAlert }))); +const AccountActivateAlert = React.lazy(() => import('@/containers/Alerts/Accounts/AccountActivateAlert').then(m => ({ default: m.AccountActivateAlert }))); +const AccountBulkActivateAlert = React.lazy(() => import('@/containers/Alerts/Accounts/AccountBulkActivateAlert').then(m => ({ default: m.AccountBulkActivateAlert }))); +const AccountBulkInactivateAlert = React.lazy(() => import('@/containers/Alerts/Accounts/AccountBulkInactivateAlert').then(m => ({ default: m.AccountBulkInactivateAlert }))); -export default [ +export const AccountsAlerts = [ { name: 'account-delete', component: AccountDeleteAlert }, { name: 'account-inactivate', component: AccountInactivateAlert }, { name: 'account-activate', component: AccountActivateAlert }, diff --git a/packages/webapp/src/containers/Accounts/AccountsChart.tsx b/packages/webapp/src/containers/Accounts/AccountsChart.tsx index 41e639950..bfe817dc5 100644 --- a/packages/webapp/src/containers/Accounts/AccountsChart.tsx +++ b/packages/webapp/src/containers/Accounts/AccountsChart.tsx @@ -5,8 +5,8 @@ import '@/style/pages/Accounts/List.scss'; import { DashboardPageContent, DashboardContentTable } from '@/components'; import { AccountsChartProvider } from './AccountsChartProvider'; -import AccountsActionsBar from './AccountsActionsBar'; -import AccountsDataTable from './AccountsDataTable'; +import { AccountsActionsBar } from './AccountsActionsBar'; +import { AccountsDataTable } from './AccountsDataTable'; import { withAccounts } from '@/containers/Accounts/withAccounts'; import { withAccountsTableActions } from './withAccountsTableActions'; @@ -17,7 +17,7 @@ import { compose } from '@/utils'; /** * Accounts chart list. */ -function AccountsChart({ +function AccountsChartInner({ // #withAccounts accountsTableState, accountsTableStateChanged, @@ -49,10 +49,10 @@ function AccountsChart({ ); } -export default compose( +export const AccountsChart = compose( withAccounts(({ accountsTableState, accountsTableStateChanged }) => ({ accountsTableState, accountsTableStateChanged, })), withAccountsTableActions, -)(AccountsChart); +)(AccountsChartInner); diff --git a/packages/webapp/src/containers/Accounts/AccountsDataTable.tsx b/packages/webapp/src/containers/Accounts/AccountsDataTable.tsx index 21778c58f..1f61b241b 100644 --- a/packages/webapp/src/containers/Accounts/AccountsDataTable.tsx +++ b/packages/webapp/src/containers/Accounts/AccountsDataTable.tsx @@ -29,7 +29,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Accounts data-table. */ -function AccountsDataTable({ +function AccountsDataTableInner({ // #withAlertsDialog openAlert, @@ -144,7 +144,7 @@ function AccountsDataTable({ ); } -export default compose( +export const AccountsDataTable = compose( withAlertActions, withDrawerActions, withDialogActions, @@ -152,4 +152,4 @@ export default compose( withSettings(({ accountsSettings }) => ({ accountsTableSize: accountsSettings.tableSize, })), -)(AccountsDataTable); +)(AccountsDataTableInner); diff --git a/packages/webapp/src/containers/Accounts/AccountsImport.tsx b/packages/webapp/src/containers/Accounts/AccountsImport.tsx index 7941374a6..11288fd68 100644 --- a/packages/webapp/src/containers/Accounts/AccountsImport.tsx +++ b/packages/webapp/src/containers/Accounts/AccountsImport.tsx @@ -3,7 +3,7 @@ import { DashboardInsider } from '@/components'; import { ImportView } from '../Import/ImportView'; import { useHistory } from 'react-router-dom'; -export default function AccountsImport() { +export function AccountsImport() { const history = useHistory(); const handleCancelBtnClick = () => { diff --git a/packages/webapp/src/containers/Accounts/AccountsViewsTabs.tsx b/packages/webapp/src/containers/Accounts/AccountsViewsTabs.tsx index b2527aacf..a07351256 100644 --- a/packages/webapp/src/containers/Accounts/AccountsViewsTabs.tsx +++ b/packages/webapp/src/containers/Accounts/AccountsViewsTabs.tsx @@ -14,7 +14,7 @@ import { compose, transfromViewsToTabs } from '@/utils'; /** * Accounts views tabs. */ -function AccountsViewsTabs({ +function AccountsViewsTabsInner({ // #withAccountsTableActions setAccountsTableState, @@ -52,9 +52,9 @@ function AccountsViewsTabs({ ); } -export default compose( +export const AccountsViewsTabs = compose( withAccountsTableActions, withAccounts(({ accountsTableState }) => ({ accountsCurrentView: accountsTableState.viewSlug })) -)(AccountsViewsTabs); +)(AccountsViewsTabsInner); diff --git a/packages/webapp/src/containers/Alerts/Accounts/AccountActivateAlert.tsx b/packages/webapp/src/containers/Alerts/Accounts/AccountActivateAlert.tsx index 43563c22e..5df979042 100644 --- a/packages/webapp/src/containers/Alerts/Accounts/AccountActivateAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Accounts/AccountActivateAlert.tsx @@ -13,7 +13,7 @@ import { compose } from '@/utils'; /** * Account activate alert. */ -function AccountActivateAlert({ +function AccountActivateAlertInner({ name, isOpen, payload: { accountId }, @@ -62,7 +62,7 @@ function AccountActivateAlert({ ); } -export default compose( +export const AccountActivateAlert = compose( withAlertStoreConnect(), withAlertActions, -)(AccountActivateAlert); +)(AccountActivateAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Accounts/AccountBulkActivateAlert.tsx b/packages/webapp/src/containers/Alerts/Accounts/AccountBulkActivateAlert.tsx index 932bc104e..4b145c394 100644 --- a/packages/webapp/src/containers/Alerts/Accounts/AccountBulkActivateAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Accounts/AccountBulkActivateAlert.tsx @@ -10,7 +10,7 @@ import { withAlertActions } from '@/containers/Alert/withAlertActions'; import { compose } from '@/utils'; -function AccountBulkActivateAlert({ +function AccountBulkActivateAlertInner({ name, isOpen, payload: { accountsIds }, @@ -65,7 +65,7 @@ function AccountBulkActivateAlert({ ); } -export default compose( +export const AccountBulkActivateAlert = compose( withAlertStoreConnect(), withAlertActions, -)(AccountBulkActivateAlert); +)(AccountBulkActivateAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Accounts/AccountBulkInactivateAlert.tsx b/packages/webapp/src/containers/Alerts/Accounts/AccountBulkInactivateAlert.tsx index 4b2756cd6..e0af7079a 100644 --- a/packages/webapp/src/containers/Alerts/Accounts/AccountBulkInactivateAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Accounts/AccountBulkInactivateAlert.tsx @@ -12,7 +12,7 @@ import { withAlertActions } from '@/containers/Alert/withAlertActions'; import { compose } from '@/utils'; -function AccountBulkInactivateAlert({ +function AccountBulkInactivateAlertInner({ name, isOpen, payload: { accountsIds }, @@ -65,8 +65,8 @@ function AccountBulkInactivateAlert({ ); } -export default compose( +export const AccountBulkInactivateAlert = compose( withAlertStoreConnect(), withAlertActions, // withAccountsActions, -)(AccountBulkInactivateAlert); +)(AccountBulkInactivateAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Accounts/AccountDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Accounts/AccountDeleteAlert.tsx index 06bb3938d..d354c0d1b 100644 --- a/packages/webapp/src/containers/Alerts/Accounts/AccountDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Accounts/AccountDeleteAlert.tsx @@ -21,7 +21,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Account delete alerts. */ -function AccountDeleteAlert({ +function AccountDeleteAlertInner({ name, // #withAlertStoreConnect @@ -83,8 +83,8 @@ function AccountDeleteAlert({ ); } -export default compose( +export const AccountDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(AccountDeleteAlert); +)(AccountDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Accounts/AccountInactivateAlert.tsx b/packages/webapp/src/containers/Alerts/Accounts/AccountInactivateAlert.tsx index 0c366125f..13fb413f1 100644 --- a/packages/webapp/src/containers/Alerts/Accounts/AccountInactivateAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Accounts/AccountInactivateAlert.tsx @@ -13,7 +13,7 @@ import { useInactivateAccount } from '@/hooks/query'; /** * Account inactivate alert. */ -function AccountInactivateAlert({ +function AccountInactivateAlertInner({ name, // #withAlertStoreConnect @@ -60,7 +60,7 @@ function AccountInactivateAlert({ ); } -export default compose( +export const AccountInactivateAlert = compose( withAlertStoreConnect(), withAlertActions, -)(AccountInactivateAlert); +)(AccountInactivateAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Accounts/index.tsx b/packages/webapp/src/containers/Alerts/Accounts/index.tsx index 6f2d43f5a..0bee98b97 100644 --- a/packages/webapp/src/containers/Alerts/Accounts/index.tsx +++ b/packages/webapp/src/containers/Alerts/Accounts/index.tsx @@ -1,6 +1,6 @@ // @ts-nocheck -import AccountDeleteAlert from './AccountDeleteAlert'; +import { AccountDeleteAlert } from './AccountDeleteAlert'; -export default { +export const AccountsIndex = { AccountDeleteAlert, }; \ No newline at end of file diff --git a/packages/webapp/src/containers/Alerts/Bills/BillDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Bills/BillDeleteAlert.tsx index 5856c31ad..8a48a6dbf 100644 --- a/packages/webapp/src/containers/Alerts/Bills/BillDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Bills/BillDeleteAlert.tsx @@ -16,7 +16,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Bill delete alert. */ -function BillDeleteAlert({ +function BillDeleteAlertInner({ name, // #withAlertStoreConnect @@ -78,8 +78,8 @@ function BillDeleteAlert({ ); } -export default compose( +export const BillDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(BillDeleteAlert); +)(BillDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Bills/BillLocatedLandedCostDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Bills/BillLocatedLandedCostDeleteAlert.tsx index ba4d6f819..de05d1722 100644 --- a/packages/webapp/src/containers/Alerts/Bills/BillLocatedLandedCostDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Bills/BillLocatedLandedCostDeleteAlert.tsx @@ -64,7 +64,7 @@ function BillTransactionDeleteAlert({ ); } -export default compose( +export const BillLocatedLandedCostDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, )(BillTransactionDeleteAlert); diff --git a/packages/webapp/src/containers/Alerts/Bills/BillOpenAlert.tsx b/packages/webapp/src/containers/Alerts/Bills/BillOpenAlert.tsx index b545b0772..46326f69c 100644 --- a/packages/webapp/src/containers/Alerts/Bills/BillOpenAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Bills/BillOpenAlert.tsx @@ -13,7 +13,7 @@ import { compose } from '@/utils'; /** * Bill open alert. */ -function BillOpenAlert({ +function BillOpenAlertInner({ name, // #withAlertStoreConnect @@ -62,7 +62,7 @@ function BillOpenAlert({ ); } -export default compose( +export const BillOpenAlert = compose( withAlertStoreConnect(), withAlertActions, -)(BillOpenAlert); +)(BillOpenAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Branches/BranchDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Branches/BranchDeleteAlert.tsx index b9e9867f9..a3ae4afc2 100644 --- a/packages/webapp/src/containers/Alerts/Branches/BranchDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Branches/BranchDeleteAlert.tsx @@ -19,7 +19,7 @@ import { compose } from '@/utils'; /** * Branch delete alert. */ -function BranchDeleteAlert({ +function BranchDeleteAlertInner({ name, // #withAlertStoreConnect @@ -77,7 +77,7 @@ function BranchDeleteAlert({ ); } -export default compose( +export const BranchDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, -)(BranchDeleteAlert); +)(BranchDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Branches/BranchMarkPrimaryAlert.tsx b/packages/webapp/src/containers/Alerts/Branches/BranchMarkPrimaryAlert.tsx index 98c240bff..52027f59f 100644 --- a/packages/webapp/src/containers/Alerts/Branches/BranchMarkPrimaryAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Branches/BranchMarkPrimaryAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * branch mark primary alert. */ -function BranchMarkPrimaryAlert({ +function BranchMarkPrimaryAlertInner({ name, // #withAlertStoreConnect @@ -64,7 +64,7 @@ function BranchMarkPrimaryAlert({ ); } -export default compose( +export const BranchMarkPrimaryAlert = compose( withAlertStoreConnect(), withAlertActions, -)(BranchMarkPrimaryAlert); +)(BranchMarkPrimaryAlertInner); diff --git a/packages/webapp/src/containers/Alerts/CashFlow/AccountDeleteTransactionAlert.tsx b/packages/webapp/src/containers/Alerts/CashFlow/AccountDeleteTransactionAlert.tsx index 02f857afe..5ea88b634 100644 --- a/packages/webapp/src/containers/Alerts/CashFlow/AccountDeleteTransactionAlert.tsx +++ b/packages/webapp/src/containers/Alerts/CashFlow/AccountDeleteTransactionAlert.tsx @@ -20,7 +20,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Account delete transaction alert. */ -function AccountDeleteTransactionAlert({ +function AccountDeleteTransactionAlertInner({ name, // #withAlertStoreConnect @@ -107,8 +107,8 @@ function AccountDeleteTransactionAlert({ ); } -export default compose( +export const AccountDeleteTransactionAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(AccountDeleteTransactionAlert); +)(AccountDeleteTransactionAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Contacts/ContactActivateAlert.tsx b/packages/webapp/src/containers/Alerts/Contacts/ContactActivateAlert.tsx index 2e38d6b05..6b0231dfd 100644 --- a/packages/webapp/src/containers/Alerts/Contacts/ContactActivateAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Contacts/ContactActivateAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Contact activate alert. */ -function ContactActivateAlert({ +function ContactActivateAlertInner({ name, // #withAlertStoreConnect @@ -61,7 +61,7 @@ function ContactActivateAlert({ ); } -export default compose( +export const ContactActivateAlert = compose( withAlertStoreConnect(), withAlertActions, -)(ContactActivateAlert); +)(ContactActivateAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Contacts/ContactInactivateAlert.tsx b/packages/webapp/src/containers/Alerts/Contacts/ContactInactivateAlert.tsx index c335e44c7..524f91385 100644 --- a/packages/webapp/src/containers/Alerts/Contacts/ContactInactivateAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Contacts/ContactInactivateAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Contact inactivate alert. */ -function ContactInactivateAlert({ +function ContactInactivateAlertInner({ name, // #withAlertStoreConnect isOpen, @@ -64,7 +64,7 @@ function ContactInactivateAlert({ ); } -export default compose( +export const ContactInactivateAlert = compose( withAlertStoreConnect(), withAlertActions, -)(ContactInactivateAlert); +)(ContactInactivateAlertInner); diff --git a/packages/webapp/src/containers/Alerts/CreditNotes/CreditNoteDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/CreditNotes/CreditNoteDeleteAlert.tsx index 161f8fe5c..ec2c5077d 100644 --- a/packages/webapp/src/containers/Alerts/CreditNotes/CreditNoteDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/CreditNotes/CreditNoteDeleteAlert.tsx @@ -20,7 +20,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Credit note delete alert. */ -function CreditNoteDeleteAlert({ +function CreditNoteDeleteAlertInner({ name, // #withAlertStoreConnect @@ -81,8 +81,8 @@ function CreditNoteDeleteAlert({ ); } -export default compose( +export const CreditNoteDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(CreditNoteDeleteAlert); +)(CreditNoteDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/CreditNotes/CreditNoteOpenedAlert.tsx b/packages/webapp/src/containers/Alerts/CreditNotes/CreditNoteOpenedAlert.tsx index f47bd4f14..bd693e02d 100644 --- a/packages/webapp/src/containers/Alerts/CreditNotes/CreditNoteOpenedAlert.tsx +++ b/packages/webapp/src/containers/Alerts/CreditNotes/CreditNoteOpenedAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Credit note opened alert. */ -function CreditNoteOpenedAlert({ +function CreditNoteOpenedAlertInner({ name, // #withAlertStoreConnect @@ -62,7 +62,7 @@ function CreditNoteOpenedAlert({ ); } -export default compose( +export const CreditNoteOpenedAlert = compose( withAlertStoreConnect(), withAlertActions, -)(CreditNoteOpenedAlert); +)(CreditNoteOpenedAlertInner); diff --git a/packages/webapp/src/containers/Alerts/CreditNotes/ReconcileCreditNoteDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/CreditNotes/ReconcileCreditNoteDeleteAlert.tsx index db3777f35..73a3373ca 100644 --- a/packages/webapp/src/containers/Alerts/CreditNotes/ReconcileCreditNoteDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/CreditNotes/ReconcileCreditNoteDeleteAlert.tsx @@ -18,7 +18,7 @@ import { compose } from '@/utils'; /** * Reconcile credit note delete alert. */ -function ReconcileCreditNoteDeleteAlert({ +function ReconcileCreditNoteDeleteAlertInner({ name, // #withAlertStoreConnect @@ -83,8 +83,8 @@ function ReconcileCreditNoteDeleteAlert({ ); } -export default compose( +export const ReconcileCreditNoteDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(ReconcileCreditNoteDeleteAlert); +)(ReconcileCreditNoteDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/CreditNotes/RefundCreditNoteDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/CreditNotes/RefundCreditNoteDeleteAlert.tsx index a28675c76..025052242 100644 --- a/packages/webapp/src/containers/Alerts/CreditNotes/RefundCreditNoteDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/CreditNotes/RefundCreditNoteDeleteAlert.tsx @@ -16,7 +16,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Refund credit transactions delete alert */ -function RefundCreditNoteDeleteAlert({ +function RefundCreditNoteDeleteAlertInner({ name, // #withAlertStoreConnect isOpen, @@ -71,8 +71,8 @@ function RefundCreditNoteDeleteAlert({ ); } -export default compose( +export const RefundCreditNoteDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(RefundCreditNoteDeleteAlert); +)(RefundCreditNoteDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Currencies/CurrencyDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Currencies/CurrencyDeleteAlert.tsx index 13570cd3a..8502c0a0b 100644 --- a/packages/webapp/src/containers/Alerts/Currencies/CurrencyDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Currencies/CurrencyDeleteAlert.tsx @@ -18,7 +18,7 @@ import { compose } from '@/utils'; /** * Currency delete alerts. */ -function CurrencyDeleteAlert({ +function CurrencyDeleteAlertInner({ name, // #withAlertStoreConnect @@ -79,7 +79,7 @@ function CurrencyDeleteAlert({ ); } -export default compose( +export const CurrencyDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, -)(CurrencyDeleteAlert); +)(CurrencyDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Customers/CustomerActivateAlert.tsx b/packages/webapp/src/containers/Alerts/Customers/CustomerActivateAlert.tsx index 0f3d19e46..dad325984 100644 --- a/packages/webapp/src/containers/Alerts/Customers/CustomerActivateAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Customers/CustomerActivateAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Customer activate alert. */ -function CustomerActivateAlert({ +function CustomerActivateAlertInner({ name, // #withAlertStoreConnect @@ -63,7 +63,7 @@ function CustomerActivateAlert({ ); } -export default compose( +export const CustomerActivateAlert = compose( withAlertStoreConnect(), withAlertActions, -)(CustomerActivateAlert); +)(CustomerActivateAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Customers/CustomerBulkDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Customers/CustomerBulkDeleteAlert.tsx index a3c59ec6a..17ce8ba32 100644 --- a/packages/webapp/src/containers/Alerts/Customers/CustomerBulkDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Customers/CustomerBulkDeleteAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Customer bulk delete alert. */ -function CustomerBulkDeleteAlert({ +function CustomerBulkDeleteAlertInner({ name, // #withAlertStoreConnect @@ -71,7 +71,7 @@ function CustomerBulkDeleteAlert({ ); } -export default compose( +export const CustomerBulkDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, -)(CustomerBulkDeleteAlert); +)(CustomerBulkDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Customers/CustomerDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Customers/CustomerDeleteAlert.tsx index e7d577bac..fb3dde342 100644 --- a/packages/webapp/src/containers/Alerts/Customers/CustomerDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Customers/CustomerDeleteAlert.tsx @@ -20,7 +20,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Customer delete alert. */ -function CustomerDeleteAlert({ +function CustomerDeleteAlertInner({ name, // #withAlertStoreConnect @@ -84,8 +84,8 @@ function CustomerDeleteAlert({ ); } -export default compose( +export const CustomerDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(CustomerDeleteAlert); +)(CustomerDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Customers/CustomerInactivateAlert.tsx b/packages/webapp/src/containers/Alerts/Customers/CustomerInactivateAlert.tsx index 4f2a3d4be..f96c758de 100644 --- a/packages/webapp/src/containers/Alerts/Customers/CustomerInactivateAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Customers/CustomerInactivateAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * customer inactivate alert. */ -function CustomerInactivateAlert({ +function CustomerInactivateAlertInner({ name, // #withAlertStoreConnect isOpen, @@ -63,7 +63,7 @@ function CustomerInactivateAlert({ ); } -export default compose( +export const CustomerInactivateAlert = compose( withAlertStoreConnect(), withAlertActions, -)(CustomerInactivateAlert); +)(CustomerInactivateAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Estimates/EstimateApproveAlert.tsx b/packages/webapp/src/containers/Alerts/Estimates/EstimateApproveAlert.tsx index 5c8df57e9..e275792e3 100644 --- a/packages/webapp/src/containers/Alerts/Estimates/EstimateApproveAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Estimates/EstimateApproveAlert.tsx @@ -15,7 +15,7 @@ import { compose } from '@/utils'; /** * Estimate approve alert. */ -function EstimateApproveAlert({ +function EstimateApproveAlertInner({ name, // #withAlertStoreConnect @@ -66,7 +66,7 @@ function EstimateApproveAlert({ ); } -export default compose( +export const EstimateApproveAlert = compose( withAlertStoreConnect(), withAlertActions, -)(EstimateApproveAlert); +)(EstimateApproveAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Estimates/EstimateDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Estimates/EstimateDeleteAlert.tsx index ccccfb41d..400bd8241 100644 --- a/packages/webapp/src/containers/Alerts/Estimates/EstimateDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Estimates/EstimateDeleteAlert.tsx @@ -20,7 +20,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Estimate delete alert. */ -function EstimateDeleteAlert({ +function EstimateDeleteAlertInner({ name, // #withAlertStoreConnect @@ -93,8 +93,8 @@ function EstimateDeleteAlert({ ); } -export default compose( +export const EstimateDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(EstimateDeleteAlert); +)(EstimateDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Estimates/EstimateDeliveredAlert.tsx b/packages/webapp/src/containers/Alerts/Estimates/EstimateDeliveredAlert.tsx index 062cb518d..37bffaa44 100644 --- a/packages/webapp/src/containers/Alerts/Estimates/EstimateDeliveredAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Estimates/EstimateDeliveredAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Estimate delivered alert. */ -function EstimateDeliveredAlert({ +function EstimateDeliveredAlertInner({ name, // #withAlertStoreConnect @@ -64,7 +64,7 @@ function EstimateDeliveredAlert({ ); } -export default compose( +export const EstimateDeliveredAlert = compose( withAlertStoreConnect(), withAlertActions, -)(EstimateDeliveredAlert); +)(EstimateDeliveredAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Estimates/EstimateRejectAlert.tsx b/packages/webapp/src/containers/Alerts/Estimates/EstimateRejectAlert.tsx index 3b3b62699..801430e43 100644 --- a/packages/webapp/src/containers/Alerts/Estimates/EstimateRejectAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Estimates/EstimateRejectAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Estimate reject delete alerts. */ -function EstimateRejectAlert({ +function EstimateRejectAlertInner({ name, // #withAlertStoreConnect @@ -63,7 +63,7 @@ function EstimateRejectAlert({ ); } -export default compose( +export const EstimateRejectAlert = compose( withAlertStoreConnect(), withAlertActions, -)(EstimateRejectAlert); +)(EstimateRejectAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Expenses/ExpenseDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Expenses/ExpenseDeleteAlert.tsx index 0b5d94d72..050d7c931 100644 --- a/packages/webapp/src/containers/Alerts/Expenses/ExpenseDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Expenses/ExpenseDeleteAlert.tsx @@ -16,7 +16,7 @@ import { handleDeleteErrors } from './_utils'; /** * Expense delete alert. */ -function ExpenseDeleteAlert({ +function ExpenseDeleteAlertInner({ // #withAlertActions closeAlert, @@ -78,8 +78,8 @@ function ExpenseDeleteAlert({ ); } -export default compose( +export const ExpenseDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(ExpenseDeleteAlert); +)(ExpenseDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Expenses/ExpenseDeleteEntriesAlert.tsx b/packages/webapp/src/containers/Alerts/Expenses/ExpenseDeleteEntriesAlert.tsx index d7d4677b8..3eb6e8ae1 100644 --- a/packages/webapp/src/containers/Alerts/Expenses/ExpenseDeleteEntriesAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Expenses/ExpenseDeleteEntriesAlert.tsx @@ -11,7 +11,7 @@ import { compose, saveInvoke } from '@/utils'; /** * Alert description. */ -function ExpenseDeleteEntriesAlert({ +function ExpenseDeleteEntriesAlertInner({ name, onConfirm, @@ -50,7 +50,7 @@ function ExpenseDeleteEntriesAlert({ ); } -export default compose( +export const ExpenseDeleteEntriesAlert = compose( withAlertStoreConnect(), withAlertActions, -)(ExpenseDeleteEntriesAlert); +)(ExpenseDeleteEntriesAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Expenses/ExpensePublishAlert.tsx b/packages/webapp/src/containers/Alerts/Expenses/ExpensePublishAlert.tsx index fa8c3f931..603989bda 100644 --- a/packages/webapp/src/containers/Alerts/Expenses/ExpensePublishAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Expenses/ExpensePublishAlert.tsx @@ -13,7 +13,7 @@ import { compose } from '@/utils'; /** * Expense publish alert. */ -function ExpensePublishAlert({ +function ExpensePublishAlertInner({ closeAlert, // #withAlertStoreConnect @@ -59,7 +59,7 @@ function ExpensePublishAlert({ ); } -export default compose( +export const ExpensePublishAlert = compose( withAlertStoreConnect(), withAlertActions, -)(ExpensePublishAlert); +)(ExpensePublishAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Invoices/CancelBadDebtAlert.tsx b/packages/webapp/src/containers/Alerts/Invoices/CancelBadDebtAlert.tsx index 85bd094a5..e7c944a9c 100644 --- a/packages/webapp/src/containers/Alerts/Invoices/CancelBadDebtAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Invoices/CancelBadDebtAlert.tsx @@ -13,7 +13,7 @@ import { compose } from '@/utils'; /** * Cancel bad debt alert. */ -function CancelBadDebtAlert({ +function CancelBadDebtAlertInner({ name, // #withAlertStoreConnect @@ -62,7 +62,7 @@ function CancelBadDebtAlert({ ); } -export default compose( +export const CancelBadDebtAlert = compose( withAlertStoreConnect(), withAlertActions, -)(CancelBadDebtAlert); +)(CancelBadDebtAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Invoices/InvoiceDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Invoices/InvoiceDeleteAlert.tsx index c50145fd6..403471483 100644 --- a/packages/webapp/src/containers/Alerts/Invoices/InvoiceDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Invoices/InvoiceDeleteAlert.tsx @@ -21,7 +21,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Invoice delete alert. */ -function InvoiceDeleteAlert({ +function InvoiceDeleteAlertInner({ name, // #withAlertStoreConnect @@ -85,8 +85,8 @@ function InvoiceDeleteAlert({ ); } -export default compose( +export const InvoiceDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(InvoiceDeleteAlert); +)(InvoiceDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Invoices/InvoiceDeliverAlert.tsx b/packages/webapp/src/containers/Alerts/Invoices/InvoiceDeliverAlert.tsx index 38038f697..99457b57a 100644 --- a/packages/webapp/src/containers/Alerts/Invoices/InvoiceDeliverAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Invoices/InvoiceDeliverAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Sale invoice alert. */ -function InvoiceDeliverAlert({ +function InvoiceDeliverAlertInner({ name, // #withAlertStoreConnect @@ -63,7 +63,7 @@ function InvoiceDeliverAlert({ ); } -export default compose( +export const InvoiceDeliverAlert = compose( withAlertStoreConnect(), withAlertActions, -)(InvoiceDeliverAlert); +)(InvoiceDeliverAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Items/InventoryAdjustmentDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Items/InventoryAdjustmentDeleteAlert.tsx index ebb8bbb61..6af947bb8 100644 --- a/packages/webapp/src/containers/Alerts/Items/InventoryAdjustmentDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Items/InventoryAdjustmentDeleteAlert.tsx @@ -19,7 +19,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Inventory Adjustment delete alerts. */ -function InventoryAdjustmentDeleteAlert({ +function InventoryAdjustmentDeleteAlertInner({ name, // #withAlertStoreConnect @@ -80,8 +80,8 @@ function InventoryAdjustmentDeleteAlert({ ); } -export default compose( +export const InventoryAdjustmentDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(InventoryAdjustmentDeleteAlert); +)(InventoryAdjustmentDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Items/InventoryAdjustmentPublishAlert.tsx b/packages/webapp/src/containers/Alerts/Items/InventoryAdjustmentPublishAlert.tsx index a90fc9090..739b8d9de 100644 --- a/packages/webapp/src/containers/Alerts/Items/InventoryAdjustmentPublishAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Items/InventoryAdjustmentPublishAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; * Inventory Adjustment publish alert. */ -function InventoryAdjustmentPublishAlert({ +function InventoryAdjustmentPublishAlertInner({ name, // #withAlertStoreConnect @@ -64,7 +64,7 @@ function InventoryAdjustmentPublishAlert({ ); } -export default compose( +export const InventoryAdjustmentPublishAlert = compose( withAlertStoreConnect(), withAlertActions, -)(InventoryAdjustmentPublishAlert); +)(InventoryAdjustmentPublishAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Items/ItemActivateAlert.tsx b/packages/webapp/src/containers/Alerts/Items/ItemActivateAlert.tsx index c2fbda816..98f07f88a 100644 --- a/packages/webapp/src/containers/Alerts/Items/ItemActivateAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Items/ItemActivateAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Item activate alert. */ -function ItemActivateAlert({ +function ItemActivateAlertInner({ name, // #withAlertStoreConnect @@ -63,7 +63,7 @@ function ItemActivateAlert({ ); } -export default compose( +export const ItemActivateAlert = compose( withAlertStoreConnect(), withAlertActions, -)(ItemActivateAlert); +)(ItemActivateAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Items/ItemCategoryBulkDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Items/ItemCategoryBulkDeleteAlert.tsx index f8963e778..10b9d1935 100644 --- a/packages/webapp/src/containers/Alerts/Items/ItemCategoryBulkDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Items/ItemCategoryBulkDeleteAlert.tsx @@ -15,7 +15,7 @@ import { compose } from '@/utils'; /** * Item category bulk delete alerts. */ -function ItemCategoryBulkDeleteAlert({ +function ItemCategoryBulkDeleteAlertInner({ name, // #withAlertStoreConnect @@ -76,8 +76,8 @@ function ItemCategoryBulkDeleteAlert({ ); } -export default compose( +export const ItemCategoryBulkDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withItemCategoriesActions, -)(ItemCategoryBulkDeleteAlert); +)(ItemCategoryBulkDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Items/ItemCategoryDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Items/ItemCategoryDeleteAlert.tsx index f26812434..e5a6af52c 100644 --- a/packages/webapp/src/containers/Alerts/Items/ItemCategoryDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Items/ItemCategoryDeleteAlert.tsx @@ -18,7 +18,7 @@ import { compose } from '@/utils'; /** * Item Category delete alerts. */ -function ItemCategoryDeleteAlert({ +function ItemCategoryDeleteAlertInner({ name, // #withAlertStoreConnect @@ -71,7 +71,7 @@ function ItemCategoryDeleteAlert({ ); } -export default compose( +export const ItemCategoryDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, -)(ItemCategoryDeleteAlert); +)(ItemCategoryDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Items/ItemDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Items/ItemDeleteAlert.tsx index 69233ef1f..a37f0405e 100644 --- a/packages/webapp/src/containers/Alerts/Items/ItemDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Items/ItemDeleteAlert.tsx @@ -22,7 +22,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Item delete alerts. */ -function ItemDeleteAlert({ +function ItemDeleteAlertInner({ name, // #withAlertStoreConnect @@ -91,9 +91,9 @@ function ItemDeleteAlert({ ); } -export default compose( +export const ItemDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withItemsActions, withDrawerActions, -)(ItemDeleteAlert); +)(ItemDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Items/ItemInactivateAlert.tsx b/packages/webapp/src/containers/Alerts/Items/ItemInactivateAlert.tsx index 762e04395..9a3768376 100644 --- a/packages/webapp/src/containers/Alerts/Items/ItemInactivateAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Items/ItemInactivateAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Item inactivate alert. */ -function ItemInactivateAlert({ +function ItemInactivateAlertInner({ name, // #withAlertStoreConnect @@ -63,7 +63,7 @@ function ItemInactivateAlert({ ); } -export default compose( +export const ItemInactivateAlert = compose( withAlertStoreConnect(), withAlertActions, -)(ItemInactivateAlert); +)(ItemInactivateAlertInner); diff --git a/packages/webapp/src/containers/Alerts/ItemsEntries/ItemsEntriesDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/ItemsEntries/ItemsEntriesDeleteAlert.tsx index 584c34676..ba27a1029 100644 --- a/packages/webapp/src/containers/Alerts/ItemsEntries/ItemsEntriesDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/ItemsEntries/ItemsEntriesDeleteAlert.tsx @@ -11,7 +11,7 @@ import { compose, saveInvoke } from '@/utils'; /** * Items entries table clear all lines alert. */ -function ItemsEntriesDeleteAlert({ +function ItemsEntriesDeleteAlertInner({ name, onConfirm, @@ -50,7 +50,7 @@ function ItemsEntriesDeleteAlert({ ); } -export default compose( +export const ItemsEntriesDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, -)(ItemsEntriesDeleteAlert); +)(ItemsEntriesDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/ManualJournals/JournalDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/ManualJournals/JournalDeleteAlert.tsx index a448a1783..fcf5b02f4 100644 --- a/packages/webapp/src/containers/Alerts/ManualJournals/JournalDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/ManualJournals/JournalDeleteAlert.tsx @@ -16,7 +16,7 @@ import { handleDeleteErrors } from './_utils'; /** * Journal delete alert. */ -function JournalDeleteAlert({ +function JournalDeleteAlertInner({ name, // #withAlertStoreConnect @@ -79,8 +79,8 @@ function JournalDeleteAlert({ ); } -export default compose( +export const JournalDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(JournalDeleteAlert); +)(JournalDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/ManualJournals/JournalDeleteEntriesAlert.tsx b/packages/webapp/src/containers/Alerts/ManualJournals/JournalDeleteEntriesAlert.tsx index 6f2ca6ea0..a20a9bee0 100644 --- a/packages/webapp/src/containers/Alerts/ManualJournals/JournalDeleteEntriesAlert.tsx +++ b/packages/webapp/src/containers/Alerts/ManualJournals/JournalDeleteEntriesAlert.tsx @@ -11,7 +11,7 @@ import { compose, saveInvoke } from '@/utils'; /** * Make journal delete entries alert. */ -function JournalDeleteEntriesAlert({ +function JournalDeleteEntriesAlertInner({ // #ownProps name, onConfirm, @@ -51,7 +51,7 @@ function JournalDeleteEntriesAlert({ ); } -export default compose( +export const JournalDeleteEntriesAlert = compose( withAlertStoreConnect(), withAlertActions, -)(JournalDeleteEntriesAlert); +)(JournalDeleteEntriesAlertInner); diff --git a/packages/webapp/src/containers/Alerts/ManualJournals/JournalPublishAlert.tsx b/packages/webapp/src/containers/Alerts/ManualJournals/JournalPublishAlert.tsx index 163fa753d..e522f4551 100644 --- a/packages/webapp/src/containers/Alerts/ManualJournals/JournalPublishAlert.tsx +++ b/packages/webapp/src/containers/Alerts/ManualJournals/JournalPublishAlert.tsx @@ -13,7 +13,7 @@ import { compose } from '@/utils'; /** * Journal publish alert. */ -function JournalPublishAlert({ +function JournalPublishAlertInner({ name, // #withAlertStoreConnect @@ -65,7 +65,7 @@ function JournalPublishAlert({ ); } -export default compose( +export const JournalPublishAlert = compose( withAlertStoreConnect(), withAlertActions, -)(JournalPublishAlert) \ No newline at end of file +)(JournalPublishAlertInner); \ No newline at end of file diff --git a/packages/webapp/src/containers/Alerts/PaymentMades/ChangingFullAmountAlert.tsx b/packages/webapp/src/containers/Alerts/PaymentMades/ChangingFullAmountAlert.tsx index 4bd54f6ed..70c304cf2 100644 --- a/packages/webapp/src/containers/Alerts/PaymentMades/ChangingFullAmountAlert.tsx +++ b/packages/webapp/src/containers/Alerts/PaymentMades/ChangingFullAmountAlert.tsx @@ -10,7 +10,7 @@ import { compose, saveInvoke } from '@/utils'; /** * Changing full-amount alert in payment made form. */ -function ChangingFullAmountAlert({ +function ChangingFullAmountAlertInner({ name, onConfirm, @@ -49,7 +49,7 @@ function ChangingFullAmountAlert({ ); } -export default compose( +export const ChangingFullAmountAlert = compose( withAlertStoreConnect(), withAlertActions, -)(ChangingFullAmountAlert); +)(ChangingFullAmountAlertInner); diff --git a/packages/webapp/src/containers/Alerts/PaymentMades/ClearTransactionAlert.tsx b/packages/webapp/src/containers/Alerts/PaymentMades/ClearTransactionAlert.tsx index f697372d9..64651ce9d 100644 --- a/packages/webapp/src/containers/Alerts/PaymentMades/ClearTransactionAlert.tsx +++ b/packages/webapp/src/containers/Alerts/PaymentMades/ClearTransactionAlert.tsx @@ -49,7 +49,7 @@ function ClearPaymentTransactionAlert({ ); } -export default compose( +export const ClearTransactionAlert = compose( withAlertStoreConnect(), withAlertActions, )(ClearPaymentTransactionAlert); \ No newline at end of file diff --git a/packages/webapp/src/containers/Alerts/PaymentMades/ClearningAllLinesAlert.tsx b/packages/webapp/src/containers/Alerts/PaymentMades/ClearningAllLinesAlert.tsx index 1e209e4d3..71d3ad952 100644 --- a/packages/webapp/src/containers/Alerts/PaymentMades/ClearningAllLinesAlert.tsx +++ b/packages/webapp/src/containers/Alerts/PaymentMades/ClearningAllLinesAlert.tsx @@ -49,7 +49,7 @@ function ClearAllLinesAlert({ ); } -export default compose( +export const ClearningAllLinesAlert = compose( withAlertStoreConnect(), withAlertActions, )(ClearAllLinesAlert); diff --git a/packages/webapp/src/containers/Alerts/PaymentMades/PaymentMadeDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/PaymentMades/PaymentMadeDeleteAlert.tsx index 6c11d2f46..5c8881dc5 100644 --- a/packages/webapp/src/containers/Alerts/PaymentMades/PaymentMadeDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/PaymentMades/PaymentMadeDeleteAlert.tsx @@ -17,7 +17,7 @@ import { handleDeleteErrors } from './_utils'; /** * Payment made delete alert. */ -function PaymentMadeDeleteAlert({ +function PaymentMadeDeleteAlertInner({ name, // #withAlertStoreConnect @@ -80,8 +80,8 @@ function PaymentMadeDeleteAlert({ ); } -export default compose( +export const PaymentMadeDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(PaymentMadeDeleteAlert); +)(PaymentMadeDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/PaymentReceived/ClearingAllLinesAlert.tsx b/packages/webapp/src/containers/Alerts/PaymentReceived/ClearingAllLinesAlert.tsx index a8352d312..91e945f26 100644 --- a/packages/webapp/src/containers/Alerts/PaymentReceived/ClearingAllLinesAlert.tsx +++ b/packages/webapp/src/containers/Alerts/PaymentReceived/ClearingAllLinesAlert.tsx @@ -49,7 +49,7 @@ function ClearningAllLinesAlert({ ); } -export default compose( +export const ClearingAllLinesAlert = compose( withAlertStoreConnect(), withAlertActions, )(ClearningAllLinesAlert); diff --git a/packages/webapp/src/containers/Alerts/PaymentReceived/PaymentReceivedDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/PaymentReceived/PaymentReceivedDeleteAlert.tsx index a27ccc5d2..c660b2015 100644 --- a/packages/webapp/src/containers/Alerts/PaymentReceived/PaymentReceivedDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/PaymentReceived/PaymentReceivedDeleteAlert.tsx @@ -21,7 +21,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Payment receive delete alert. */ -function PaymentReceivedDeleteAlert({ +function PaymentReceivedDeleteAlertInner({ name, // #withAlertStoreConnect @@ -88,8 +88,8 @@ function PaymentReceivedDeleteAlert({ ); } -export default compose( +export const PaymentReceivedDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(PaymentReceivedDeleteAlert); +)(PaymentReceivedDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Receipts/ReceiptCloseAlert.tsx b/packages/webapp/src/containers/Alerts/Receipts/ReceiptCloseAlert.tsx index a572c3b71..d4eff3b44 100644 --- a/packages/webapp/src/containers/Alerts/Receipts/ReceiptCloseAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Receipts/ReceiptCloseAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Receipt close alert. */ -function ReceiptCloseAlert({ +function ReceiptCloseAlertInner({ name, // #withAlertStoreConnect @@ -63,7 +63,7 @@ function ReceiptCloseAlert({ ); } -export default compose( +export const ReceiptCloseAlert = compose( withAlertStoreConnect(), withAlertActions, -)(ReceiptCloseAlert); +)(ReceiptCloseAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Receipts/ReceiptDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Receipts/ReceiptDeleteAlert.tsx index 71bcc19c4..f1652743f 100644 --- a/packages/webapp/src/containers/Alerts/Receipts/ReceiptDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Receipts/ReceiptDeleteAlert.tsx @@ -76,7 +76,7 @@ function NameDeleteAlert({ ); } -export default compose( +export const ReceiptDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, diff --git a/packages/webapp/src/containers/Alerts/Roles/RoleDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Roles/RoleDeleteAlert.tsx index 6548b641a..4e93f1d0e 100644 --- a/packages/webapp/src/containers/Alerts/Roles/RoleDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Roles/RoleDeleteAlert.tsx @@ -19,7 +19,7 @@ import { compose } from '@/utils'; /** * Role delete alert. */ -function RoleDeleteAlert({ +function RoleDeleteAlertInner({ name, // #withAlertStoreConnect @@ -81,7 +81,7 @@ function RoleDeleteAlert({ ); } -export default compose( +export const RoleDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, -)(RoleDeleteAlert); +)(RoleDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/TransactionLocking/cancelUnlockingPartialAlert.tsx b/packages/webapp/src/containers/Alerts/TransactionLocking/cancelUnlockingPartialAlert.tsx index 75f3bbd44..9bb51d386 100644 --- a/packages/webapp/src/containers/Alerts/TransactionLocking/cancelUnlockingPartialAlert.tsx +++ b/packages/webapp/src/containers/Alerts/TransactionLocking/cancelUnlockingPartialAlert.tsx @@ -75,7 +75,7 @@ function CancelUnlockingPartialTarnsactions({ ); } -export default compose( +export const cancelUnlockingPartialAlert = compose( withAlertStoreConnect(), withAlertActions, )(CancelUnlockingPartialTarnsactions); diff --git a/packages/webapp/src/containers/Alerts/Users/UserActivateAlert.tsx b/packages/webapp/src/containers/Alerts/Users/UserActivateAlert.tsx index 5b3680a5f..db3fb3640 100644 --- a/packages/webapp/src/containers/Alerts/Users/UserActivateAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Users/UserActivateAlert.tsx @@ -13,7 +13,7 @@ import { compose } from '@/utils'; /** * User inactivate alert. */ -function UserActivateAlert({ +function UserActivateAlertInner({ // #ownProps name, @@ -60,7 +60,7 @@ function UserActivateAlert({ ); } -export default compose( +export const UserActivateAlert = compose( withAlertStoreConnect(), withAlertActions, -)(UserActivateAlert); +)(UserActivateAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Users/UserDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Users/UserDeleteAlert.tsx index 4ebcc4bff..62ecd94f7 100644 --- a/packages/webapp/src/containers/Alerts/Users/UserDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Users/UserDeleteAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * User delete alert. */ -function UserDeleteAlert({ +function UserDeleteAlertInner({ // #ownProps name, @@ -75,7 +75,7 @@ function UserDeleteAlert({ ); } -export default compose( +export const UserDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, -)(UserDeleteAlert); +)(UserDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Users/UserInactivateAlert.tsx b/packages/webapp/src/containers/Alerts/Users/UserInactivateAlert.tsx index 9582df391..4e27c3876 100644 --- a/packages/webapp/src/containers/Alerts/Users/UserInactivateAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Users/UserInactivateAlert.tsx @@ -13,7 +13,7 @@ import { compose } from '@/utils'; /** * User inactivate alert. */ -function UserInactivateAlert({ +function UserInactivateAlertInner({ // #ownProps name, @@ -77,7 +77,7 @@ function UserInactivateAlert({ ); } -export default compose( +export const UserInactivateAlert = compose( withAlertStoreConnect(), withAlertActions, -)(UserInactivateAlert); +)(UserInactivateAlertInner); diff --git a/packages/webapp/src/containers/Alerts/VendorCeditNotes/ReconcileVendorCreditDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/VendorCeditNotes/ReconcileVendorCreditDeleteAlert.tsx index 7db1d2715..999370b66 100644 --- a/packages/webapp/src/containers/Alerts/VendorCeditNotes/ReconcileVendorCreditDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/VendorCeditNotes/ReconcileVendorCreditDeleteAlert.tsx @@ -18,7 +18,7 @@ import { compose } from '@/utils'; /** * Reconcile vendor credit delete alert. */ -function ReconcileVendorCreditDeleteAlert({ +function ReconcileVendorCreditDeleteAlertInner({ name, // #withAlertStoreConnect @@ -82,8 +82,8 @@ function ReconcileVendorCreditDeleteAlert({ ); } -export default compose( +export const ReconcileVendorCreditDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(ReconcileVendorCreditDeleteAlert); +)(ReconcileVendorCreditDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/VendorCeditNotes/RefundVendorCreditDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/VendorCeditNotes/RefundVendorCreditDeleteAlert.tsx index 503e66750..c139ec8ed 100644 --- a/packages/webapp/src/containers/Alerts/VendorCeditNotes/RefundVendorCreditDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/VendorCeditNotes/RefundVendorCreditDeleteAlert.tsx @@ -15,7 +15,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Refund Vendor transactions delete alert. */ -function RefundVendorCreditDeleteAlert({ +function RefundVendorCreditDeleteAlertInner({ name, // #withAlertStoreConnect isOpen, @@ -72,8 +72,8 @@ function RefundVendorCreditDeleteAlert({ ); } -export default compose( +export const RefundVendorCreditDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(RefundVendorCreditDeleteAlert); +)(RefundVendorCreditDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/VendorCeditNotes/VendorCreditDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/VendorCeditNotes/VendorCreditDeleteAlert.tsx index a9de10bf2..bc7ec0dd1 100644 --- a/packages/webapp/src/containers/Alerts/VendorCeditNotes/VendorCreditDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/VendorCeditNotes/VendorCreditDeleteAlert.tsx @@ -19,7 +19,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Vendor Credit delete alert. */ -function VendorCreditDeleteAlert({ +function VendorCreditDeleteAlertInner({ name, // #withAlertStoreConnect @@ -82,8 +82,8 @@ function VendorCreditDeleteAlert({ ); } -export default compose( +export const VendorCreditDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(VendorCreditDeleteAlert); +)(VendorCreditDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/VendorCeditNotes/VendorCreditOpenedAlert.tsx b/packages/webapp/src/containers/Alerts/VendorCeditNotes/VendorCreditOpenedAlert.tsx index 1e9c06178..dafd969da 100644 --- a/packages/webapp/src/containers/Alerts/VendorCeditNotes/VendorCreditOpenedAlert.tsx +++ b/packages/webapp/src/containers/Alerts/VendorCeditNotes/VendorCreditOpenedAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Vendor credit opened alert. */ -function VendorCreditOpenedAlert({ +function VendorCreditOpenedAlertInner({ name, // #withAlertStoreConnect @@ -63,7 +63,7 @@ function VendorCreditOpenedAlert({ ); } -export default compose( +export const VendorCreditOpenedAlert = compose( withAlertStoreConnect(), withAlertActions, -)(VendorCreditOpenedAlert); +)(VendorCreditOpenedAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Vendors/VendorActivateAlert.tsx b/packages/webapp/src/containers/Alerts/Vendors/VendorActivateAlert.tsx index 44c4b638b..de7bf2f0b 100644 --- a/packages/webapp/src/containers/Alerts/Vendors/VendorActivateAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Vendors/VendorActivateAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Vendor activate alert. */ -function VendorActivateAlert({ +function VendorActivateAlertInner({ name, // #withAlertStoreConnect @@ -63,7 +63,7 @@ function VendorActivateAlert({ ); } -export default compose( +export const VendorActivateAlert = compose( withAlertStoreConnect(), withAlertActions, -)(VendorActivateAlert); +)(VendorActivateAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Vendors/VendorDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Vendors/VendorDeleteAlert.tsx index 658ed7635..0aefe0ead 100644 --- a/packages/webapp/src/containers/Alerts/Vendors/VendorDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Vendors/VendorDeleteAlert.tsx @@ -21,7 +21,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Vendor delete alert. */ -function VendorDeleteAlert({ +function VendorDeleteAlertInner({ name, // #withAlertStoreConnect @@ -85,8 +85,8 @@ function VendorDeleteAlert({ ); } -export default compose( +export const VendorDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(VendorDeleteAlert); +)(VendorDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Vendors/VendorInactivateAlert.tsx b/packages/webapp/src/containers/Alerts/Vendors/VendorInactivateAlert.tsx index 92e417a09..986a7c21a 100644 --- a/packages/webapp/src/containers/Alerts/Vendors/VendorInactivateAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Vendors/VendorInactivateAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Vendor inactivate alert. */ -function VendorInactivateAlert({ +function VendorInactivateAlertInner({ name, // #withAlertStoreConnect isOpen, @@ -62,7 +62,7 @@ function VendorInactivateAlert({ ); } -export default compose( +export const VendorInactivateAlert = compose( withAlertStoreConnect(), withAlertActions, -)(VendorInactivateAlert); +)(VendorInactivateAlertInner); diff --git a/packages/webapp/src/containers/Alerts/Warehouses/WarehouseDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/Warehouses/WarehouseDeleteAlert.tsx index 6d60047b4..7746cb12f 100644 --- a/packages/webapp/src/containers/Alerts/Warehouses/WarehouseDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/Warehouses/WarehouseDeleteAlert.tsx @@ -20,7 +20,7 @@ import { compose } from '@/utils'; * Warehouse delete alert * @returns */ -function WarehouseDeleteAlert({ +function WarehouseDeleteAlertInner({ name, // #withAlertStoreConnect @@ -79,7 +79,7 @@ function WarehouseDeleteAlert({ ); } -export default compose( +export const WarehouseDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, -)(WarehouseDeleteAlert); +)(WarehouseDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/WarehousesTransfer/TransferredWarehouseTransferAlert.tsx b/packages/webapp/src/containers/Alerts/WarehousesTransfer/TransferredWarehouseTransferAlert.tsx index 093c4dafc..631bb811d 100644 --- a/packages/webapp/src/containers/Alerts/WarehousesTransfer/TransferredWarehouseTransferAlert.tsx +++ b/packages/webapp/src/containers/Alerts/WarehousesTransfer/TransferredWarehouseTransferAlert.tsx @@ -15,7 +15,7 @@ import { compose } from '@/utils'; * warehouse transfer transferred alert. * @returns */ -function TransferredWarehouseTransferAlert({ +function TransferredWarehouseTransferAlertInner({ name, // #withAlertStoreConnect @@ -65,7 +65,7 @@ function TransferredWarehouseTransferAlert({ ); } -export default compose( +export const TransferredWarehouseTransferAlert = compose( withAlertStoreConnect(), withAlertActions, -)(TransferredWarehouseTransferAlert); +)(TransferredWarehouseTransferAlertInner); diff --git a/packages/webapp/src/containers/Alerts/WarehousesTransfer/WarehouseMarkPrimaryAlert.tsx b/packages/webapp/src/containers/Alerts/WarehousesTransfer/WarehouseMarkPrimaryAlert.tsx index 634763a2f..872acd41b 100644 --- a/packages/webapp/src/containers/Alerts/WarehousesTransfer/WarehouseMarkPrimaryAlert.tsx +++ b/packages/webapp/src/containers/Alerts/WarehousesTransfer/WarehouseMarkPrimaryAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * warehouse mark primary alert. */ -function WarehouseMarkPrimaryAlert({ +function WarehouseMarkPrimaryAlertInner({ name, // #withAlertStoreConnect @@ -64,7 +64,7 @@ function WarehouseMarkPrimaryAlert({ ); } -export default compose( +export const WarehouseMarkPrimaryAlert = compose( withAlertStoreConnect(), withAlertActions, -)(WarehouseMarkPrimaryAlert); +)(WarehouseMarkPrimaryAlertInner); diff --git a/packages/webapp/src/containers/Alerts/WarehousesTransfer/WarehouseTransferDeleteAlert.tsx b/packages/webapp/src/containers/Alerts/WarehousesTransfer/WarehouseTransferDeleteAlert.tsx index 43ebcaca4..ac246bd57 100644 --- a/packages/webapp/src/containers/Alerts/WarehousesTransfer/WarehouseTransferDeleteAlert.tsx +++ b/packages/webapp/src/containers/Alerts/WarehousesTransfer/WarehouseTransferDeleteAlert.tsx @@ -20,7 +20,7 @@ import { DRAWERS } from '@/constants/drawers'; * Warehouse transfer delete alert * @returns */ -function WarehouseTransferDeleteAlert({ +function WarehouseTransferDeleteAlertInner({ name, // #withAlertStoreConnect @@ -83,8 +83,8 @@ function WarehouseTransferDeleteAlert({ ); } -export default compose( +export const WarehouseTransferDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(WarehouseTransferDeleteAlert); +)(WarehouseTransferDeleteAlertInner); diff --git a/packages/webapp/src/containers/Alerts/WarehousesTransfer/WarehouseTransferInitiateAlert.tsx b/packages/webapp/src/containers/Alerts/WarehousesTransfer/WarehouseTransferInitiateAlert.tsx index d790871aa..244fe0117 100644 --- a/packages/webapp/src/containers/Alerts/WarehousesTransfer/WarehouseTransferInitiateAlert.tsx +++ b/packages/webapp/src/containers/Alerts/WarehousesTransfer/WarehouseTransferInitiateAlert.tsx @@ -15,7 +15,7 @@ import { compose } from '@/utils'; * warehouse transfer initiate alert. * @returns */ -function WarehouseTransferInitiateAlert({ +function WarehouseTransferInitiateAlertInner({ name, // #withAlertStoreConnect @@ -65,7 +65,7 @@ function WarehouseTransferInitiateAlert({ ); } -export default compose( +export const WarehouseTransferInitiateAlert = compose( withAlertStoreConnect(), withAlertActions, -)(WarehouseTransferInitiateAlert); +)(WarehouseTransferInitiateAlertInner); diff --git a/packages/webapp/src/containers/AlertsContainer/index.tsx b/packages/webapp/src/containers/AlertsContainer/index.tsx index 0920510ac..96f59ec4b 100644 --- a/packages/webapp/src/containers/AlertsContainer/index.tsx +++ b/packages/webapp/src/containers/AlertsContainer/index.tsx @@ -1,9 +1,9 @@ // @ts-nocheck import React from 'react'; import { AlertLazy } from './components' -import registered from './registered'; +import { registered } from './registered'; -export default function AlertsContainer() { +export function AlertsContainer() { return ( {registered.map((alert) => ( diff --git a/packages/webapp/src/containers/AlertsContainer/registered.tsx b/packages/webapp/src/containers/AlertsContainer/registered.tsx index 7a17e4cde..9cc98f05e 100644 --- a/packages/webapp/src/containers/AlertsContainer/registered.tsx +++ b/packages/webapp/src/containers/AlertsContainer/registered.tsx @@ -1,30 +1,30 @@ // @ts-nocheck -import AccountsAlerts from '@/containers/Accounts/AccountsAlerts'; -import ItemsAlerts from '@/containers/Items/ItemsAlerts'; -import ItemsCategoriesAlerts from '@/containers/ItemsCategories/ItemsCategoriesAlerts'; -import InventoryAdjustmentsAlerts from '@/containers/InventoryAdjustments/InventoryAdjustmentsAlerts'; -import EstimatesAlerts from '@/containers/Sales/Estimates/EstimatesAlerts'; -import InvoicesAlerts from '@/containers/Sales/Invoices/InvoicesAlerts'; -import ReceiptsAlerts from '@/containers/Sales/Receipts/ReceiptsAlerts'; -import PaymentsReceivedAlerts from '@/containers/Sales/PaymentsReceived/PaymentsReceivedAlerts'; -import BillsAlerts from '@/containers/Purchases/Bills/BillsLanding/BillsAlerts'; -import PaymentsMadeAlerts from '@/containers/Purchases/PaymentsMade/PaymentsMadeAlerts'; -import CustomersAlerts from '@/containers/Customers/CustomersAlerts'; -import VendorsAlerts from '@/containers/Vendors/VendorsAlerts'; -import ManualJournalsAlerts from '@/containers/Accounting/JournalsLanding/ManualJournalsAlerts'; -import ExpensesAlerts from '@/containers/Expenses/ExpensesAlerts'; -import AccountTransactionsAlerts from '@/containers/CashFlow/AccountTransactions/AccountTransactionsAlerts'; -import UsersAlerts from '@/containers/Preferences/Users/UsersAlerts'; -import CurrenciesAlerts from '@/containers/Preferences/Currencies/CurrenciesAlerts'; -import RolesAlerts from '@/containers/Preferences/Users/Roles/RolesAlerts'; -import CreditNotesAlerts from '@/containers/Sales/CreditNotes/CreditNotesAlerts'; -import VendorCreditNotesAlerts from '@/containers/Purchases/CreditNotes/VendorCreditNotesAlerts'; -import TransactionsLockingAlerts from '@/containers/TransactionsLocking/TransactionsLockingAlerts'; -import WarehousesAlerts from '@/containers/Preferences/Warehouses/WarehousesAlerts'; -import WarehousesTransfersAlerts from '@/containers/WarehouseTransfers/WarehousesTransfersAlerts'; -import BranchesAlerts from '@/containers/Preferences/Branches/BranchesAlerts'; -import ProjectAlerts from '@/containers/Projects/containers/ProjectAlerts'; -import TaxRatesAlerts from '@/containers/TaxRates/alerts'; +import { AccountsAlerts } from '@/containers/Accounts/AccountsAlerts'; +import { ItemsAlerts } from '@/containers/Items/ItemsAlerts'; +import { ItemsCategoriesAlerts } from '@/containers/ItemsCategories/ItemsCategoriesAlerts'; +import { InventoryAdjustmentsAlerts } from '@/containers/InventoryAdjustments/InventoryAdjustmentsAlerts'; +import { EstimatesAlerts } from '@/containers/Sales/Estimates/EstimatesAlerts'; +import { InvoicesAlerts } from '@/containers/Sales/Invoices/InvoicesAlerts'; +import { ReceiptsAlerts } from '@/containers/Sales/Receipts/ReceiptsAlerts'; +import { PaymentsReceivedAlerts } from '@/containers/Sales/PaymentsReceived/PaymentsReceivedAlerts'; +import { BillsAlerts } from '@/containers/Purchases/Bills/BillsLanding/BillsAlerts'; +import { PaymentsMadeAlerts } from '@/containers/Purchases/PaymentsMade/PaymentsMadeAlerts'; +import { CustomersAlerts } from '@/containers/Customers/CustomersAlerts'; +import { VendorsAlerts } from '@/containers/Vendors/VendorsAlerts'; +import { ManualJournalsAlerts } from '@/containers/Accounting/JournalsLanding/ManualJournalsAlerts'; +import { ExpensesAlerts } from '@/containers/Expenses/ExpensesAlerts'; +import { AccountTransactionsAlerts } from '@/containers/CashFlow/AccountTransactions/AccountTransactionsAlerts'; +import { UsersAlerts } from '@/containers/Preferences/Users/UsersAlerts'; +import { CurrenciesAlerts } from '@/containers/Preferences/Currencies/CurrenciesAlerts'; +import { RolesAlerts } from '@/containers/Preferences/Users/Roles/RolesAlerts'; +import { CreditNotesAlerts } from '@/containers/Sales/CreditNotes/CreditNotesAlerts'; +import { VendorCreditNotesAlerts } from '@/containers/Purchases/CreditNotes/VendorCreditNotesAlerts'; +import { TransactionsLockingAlerts } from '@/containers/TransactionsLocking/TransactionsLockingAlerts'; +import { WarehousesAlerts } from '@/containers/Preferences/Warehouses/WarehousesAlerts'; +import { WarehousesTransfersAlerts } from '@/containers/WarehouseTransfers/WarehousesTransfersAlerts'; +import { BranchesAlerts } from '@/containers/Preferences/Branches/BranchesAlerts'; +import { ProjectAlerts } from '@/containers/Projects/containers/ProjectAlerts'; +import { TaxRatesAlerts } from '@/containers/TaxRates/alerts'; import WorkspacesAlerts from '@/ee/workspaces/containers/Alerts/WorkspacesAlerts'; import { CashflowAlerts } from '../CashFlow/CashflowAlerts'; import { BankRulesAlerts } from '../Banking/Rules/RulesList/BankRulesAlerts'; @@ -33,7 +33,7 @@ import { BankAccountAlerts } from '@/containers/CashFlow/AccountTransactions/ale import { BrandingTemplatesAlerts } from '../BrandingTemplates/alerts/BrandingTemplatesAlerts'; import { PaymentMethodsAlerts } from '../Preferences/PaymentMethods/alerts/PaymentMethodsAlerts'; -export default [ +export const registered = [ ...AccountsAlerts, ...ItemsAlerts, ...ItemsCategoriesAlerts, diff --git a/packages/webapp/src/containers/Authentication/AuthCopyright.tsx b/packages/webapp/src/containers/Authentication/AuthCopyright.tsx index 3f77a44d4..8711c4a16 100644 --- a/packages/webapp/src/containers/Authentication/AuthCopyright.tsx +++ b/packages/webapp/src/containers/Authentication/AuthCopyright.tsx @@ -2,6 +2,6 @@ import React from 'react'; import { Icon } from '@/components/Icon'; -export default function AuthCopyright() { +export function AuthCopyright() { return ; } diff --git a/packages/webapp/src/containers/Authentication/AuthInsider.tsx b/packages/webapp/src/containers/Authentication/AuthInsider.tsx index cef34393c..f00a83db0 100644 --- a/packages/webapp/src/containers/Authentication/AuthInsider.tsx +++ b/packages/webapp/src/containers/Authentication/AuthInsider.tsx @@ -1,13 +1,13 @@ // @ts-nocheck import React from 'react'; import styled from 'styled-components'; -import AuthCopyright from './AuthCopyright'; +import { AuthCopyright } from './AuthCopyright'; import { AuthInsiderContent, AuthInsiderCopyright } from './_components'; /** * Authentication insider page. */ -export default function AuthInsider({ +export function AuthInsider({ logo = true, copyright = true, children, diff --git a/packages/webapp/src/containers/Authentication/AuthenticationPage.tsx b/packages/webapp/src/containers/Authentication/AuthenticationPage.tsx index 522d157c1..d89bac03d 100644 --- a/packages/webapp/src/containers/Authentication/AuthenticationPage.tsx +++ b/packages/webapp/src/containers/Authentication/AuthenticationPage.tsx @@ -1,7 +1,7 @@ import { EnsureAuthNotAuthenticated } from "@/components/Guards/EnsureAuthNotAuthenticated"; import { Authentication } from "./Authentication"; -export default function AuthenticationPage() { +export function AuthenticationPage() { return ( diff --git a/packages/webapp/src/containers/Authentication/EmailConfirmation.tsx b/packages/webapp/src/containers/Authentication/EmailConfirmation.tsx index e7fe66d5e..f1473ef32 100644 --- a/packages/webapp/src/containers/Authentication/EmailConfirmation.tsx +++ b/packages/webapp/src/containers/Authentication/EmailConfirmation.tsx @@ -10,7 +10,7 @@ function useQuery() { return useMemo(() => new URLSearchParams(search), [search]); } -export default function EmailConfirmation() { +export function EmailConfirmation() { const { mutateAsync: authSignupVerify } = useAuthSignUpVerify(); const history = useHistory(); const query = useQuery(); diff --git a/packages/webapp/src/containers/Authentication/InviteAccept.tsx b/packages/webapp/src/containers/Authentication/InviteAccept.tsx index 306d468f8..b3b104f09 100644 --- a/packages/webapp/src/containers/Authentication/InviteAccept.tsx +++ b/packages/webapp/src/containers/Authentication/InviteAccept.tsx @@ -1,14 +1,14 @@ // @ts-nocheck import React from 'react'; import { useParams } from 'react-router-dom'; -import InviteAcceptForm from './InviteAcceptForm'; -import AuthInsider from '@/containers/Authentication/AuthInsider'; +import { InviteAcceptForm } from './InviteAcceptForm'; +import { AuthInsider } from '@/containers/Authentication/AuthInsider'; import { InviteAcceptProvider } from './InviteAcceptProvider'; /** * Authentication invite page. */ -export default function Invite() { +export function Invite() { const { token } = useParams(); return ( diff --git a/packages/webapp/src/containers/Authentication/InviteAcceptForm.tsx b/packages/webapp/src/containers/Authentication/InviteAcceptForm.tsx index f738edf6c..0ecb6671c 100644 --- a/packages/webapp/src/containers/Authentication/InviteAcceptForm.tsx +++ b/packages/webapp/src/containers/Authentication/InviteAcceptForm.tsx @@ -9,7 +9,7 @@ import { isEmpty } from 'lodash'; import { useInviteAcceptContext } from './InviteAcceptProvider'; import { AppToaster } from '@/components'; import { InviteAcceptSchema } from './utils'; -import InviteAcceptFormContent from './InviteAcceptFormContent'; +import { InviteUserFormContent as InviteAcceptFormContent } from './InviteAcceptFormContent'; import { AuthInsiderCard } from './_components'; const initialValues = { @@ -20,7 +20,7 @@ const initialValues = { password: '', }; -export default function InviteAcceptForm() { +export function InviteAcceptForm() { const history = useHistory(); // Invite accept context. diff --git a/packages/webapp/src/containers/Authentication/InviteAcceptFormContent.tsx b/packages/webapp/src/containers/Authentication/InviteAcceptFormContent.tsx index a6c7677a2..07420bd60 100644 --- a/packages/webapp/src/containers/Authentication/InviteAcceptFormContent.tsx +++ b/packages/webapp/src/containers/Authentication/InviteAcceptFormContent.tsx @@ -20,7 +20,7 @@ import { AuthSubmitButton } from './_components'; /** * Invite user form. */ -export default function InviteUserFormContent() { +export function InviteUserFormContent() { const [showPassword, setShowPassword] = useState(false); const { inviteMeta } = useInviteAcceptContext(); diff --git a/packages/webapp/src/containers/Authentication/Login.tsx b/packages/webapp/src/containers/Authentication/Login.tsx index 073a203e9..9db5f9465 100644 --- a/packages/webapp/src/containers/Authentication/Login.tsx +++ b/packages/webapp/src/containers/Authentication/Login.tsx @@ -3,10 +3,10 @@ import { Formik } from 'formik'; import { Link } from 'react-router-dom'; import { AppToaster as Toaster, FormattedMessage as T } from '@/components'; -import AuthInsider from '@/containers/Authentication/AuthInsider'; +import { AuthInsider } from '@/containers/Authentication/AuthInsider'; import { useAuthLogin } from '@/hooks/query'; -import LoginForm from './LoginForm'; +import { LoginForm } from './LoginForm'; import { LoginSchema, transformLoginErrorsToToasts } from './utils'; import { AuthFooterLinks, @@ -24,7 +24,7 @@ const initialValues = { /** * Login page. */ -export default function Login() { +export function Login() { const { mutateAsync: loginMutate } = useAuthLogin(); const handleSubmit = (values, { setSubmitting }) => { diff --git a/packages/webapp/src/containers/Authentication/LoginForm.tsx b/packages/webapp/src/containers/Authentication/LoginForm.tsx index 0ceb9f7fa..debd8884b 100644 --- a/packages/webapp/src/containers/Authentication/LoginForm.tsx +++ b/packages/webapp/src/containers/Authentication/LoginForm.tsx @@ -11,7 +11,7 @@ import intl from 'react-intl-universal'; /** * Login form. */ -export default function LoginForm({ isSubmitting }) { +export function LoginForm({ isSubmitting }) { const [showPassword, setShowPassword] = useState(false); // Handle password revealer changing. diff --git a/packages/webapp/src/containers/Authentication/Register.tsx b/packages/webapp/src/containers/Authentication/Register.tsx index 7cf4dcd2d..7504940ee 100644 --- a/packages/webapp/src/containers/Authentication/Register.tsx +++ b/packages/webapp/src/containers/Authentication/Register.tsx @@ -5,10 +5,10 @@ import { Link } from 'react-router-dom'; import { Intent } from '@blueprintjs/core'; import { AppToaster, FormattedMessage as T } from '@/components'; -import AuthInsider from '@/containers/Authentication/AuthInsider'; +import { AuthInsider } from '@/containers/Authentication/AuthInsider'; import { useAuthLogin, useAuthRegister } from '@/hooks/query/authentication'; -import RegisterForm from './RegisterForm'; +import { RegisterForm } from './RegisterForm'; import { RegisterSchema, transformRegisterErrorsToForm, @@ -30,7 +30,7 @@ const initialValues = { /** * Register form. */ -export default function RegisterUserForm() { +export function RegisterUserForm() { const { mutateAsync: authLoginMutate } = useAuthLogin(); const { mutateAsync: authRegisterMutate } = useAuthRegister(); diff --git a/packages/webapp/src/containers/Authentication/RegisterForm.tsx b/packages/webapp/src/containers/Authentication/RegisterForm.tsx index 3ed0fe8e8..e5f5e7625 100644 --- a/packages/webapp/src/containers/Authentication/RegisterForm.tsx +++ b/packages/webapp/src/containers/Authentication/RegisterForm.tsx @@ -19,7 +19,7 @@ import { AuthSubmitButton, AuthenticationLoadingOverlay } from './_components'; /** * Register form. */ -export default function RegisterForm({ isSubmitting }) { +export function RegisterForm({ isSubmitting }) { const [showPassword, setShowPassword] = React.useState(false); // Handle password revealer changing. diff --git a/packages/webapp/src/containers/Authentication/RegisterVerify.tsx b/packages/webapp/src/containers/Authentication/RegisterVerify.tsx index d022ff454..129f9c86b 100644 --- a/packages/webapp/src/containers/Authentication/RegisterVerify.tsx +++ b/packages/webapp/src/containers/Authentication/RegisterVerify.tsx @@ -1,7 +1,7 @@ // @ts-nocheck import { Button, Intent } from '@blueprintjs/core'; import { x } from '@xstyled/emotion'; -import AuthInsider from './AuthInsider'; +import { AuthInsider } from './AuthInsider'; import { AuthInsiderCard } from './_components'; import { AppToaster, Stack } from '@/components'; import { useAuthActions, useAuthUserVerifyEmail } from '@/hooks/state'; @@ -9,7 +9,7 @@ import { useAuthSignUpVerifyResendMail } from '@/hooks/query'; import { AuthContainer } from './AuthContainer'; import { useIsDarkMode } from '@/hooks/useDarkMode'; -export default function RegisterVerify() { +export function RegisterVerify() { const { setLogout } = useAuthActions(); const { mutateAsync: resendSignUpVerifyMail, isLoading } = useAuthSignUpVerifyResendMail(); diff --git a/packages/webapp/src/containers/Authentication/ResetPassword.tsx b/packages/webapp/src/containers/Authentication/ResetPassword.tsx index afb43308b..49214e75d 100644 --- a/packages/webapp/src/containers/Authentication/ResetPassword.tsx +++ b/packages/webapp/src/containers/Authentication/ResetPassword.tsx @@ -7,14 +7,14 @@ import { Link, useParams, useHistory } from 'react-router-dom'; import { AppToaster, FormattedMessage as T } from '@/components'; import { useAuthResetPassword } from '@/hooks/query'; -import AuthInsider from '@/containers/Authentication/AuthInsider'; +import { AuthInsider } from '@/containers/Authentication/AuthInsider'; import { AuthFooterLink, AuthFooterLinks, AuthInsiderCard, } from './_components'; -import ResetPasswordForm from './ResetPasswordForm'; +import { ResetPasswordForm } from './ResetPasswordForm'; import { ResetPasswordSchema } from './utils'; import { useAuthMetaBoot } from './AuthMetaBoot'; @@ -25,7 +25,7 @@ const initialValues = { /** * Reset password page. */ -export default function ResetPassword() { +export function ResetPassword() { const { token } = useParams(); const history = useHistory(); diff --git a/packages/webapp/src/containers/Authentication/ResetPasswordForm.tsx b/packages/webapp/src/containers/Authentication/ResetPasswordForm.tsx index 46790b499..ae24f73ba 100644 --- a/packages/webapp/src/containers/Authentication/ResetPasswordForm.tsx +++ b/packages/webapp/src/containers/Authentication/ResetPasswordForm.tsx @@ -9,7 +9,7 @@ import intl from 'react-intl-universal'; /** * Reset password form. */ -export default function ResetPasswordForm({ isSubmitting }) { +export function ResetPasswordForm({ isSubmitting }) { return (
diff --git a/packages/webapp/src/containers/Authentication/SendResetPassword.tsx b/packages/webapp/src/containers/Authentication/SendResetPassword.tsx index fb8578f85..03a133482 100644 --- a/packages/webapp/src/containers/Authentication/SendResetPassword.tsx +++ b/packages/webapp/src/containers/Authentication/SendResetPassword.tsx @@ -8,7 +8,7 @@ import { Intent } from '@blueprintjs/core'; import { AppToaster, FormattedMessage as T } from '@/components'; import { useAuthSendResetPassword } from '@/hooks/query'; -import SendResetPasswordForm from './SendResetPasswordForm'; +import { SendResetPasswordForm } from './SendResetPasswordForm'; import { AuthFooterLink, AuthFooterLinks, @@ -18,7 +18,7 @@ import { SendResetPasswordSchema, transformSendResetPassErrorsToToasts, } from './utils'; -import AuthInsider from '@/containers/Authentication/AuthInsider'; +import { AuthInsider } from '@/containers/Authentication/AuthInsider'; import { useAuthMetaBoot } from './AuthMetaBoot'; const initialValues = { @@ -28,7 +28,7 @@ const initialValues = { /** * Send reset password page. */ -export default function SendResetPassword() { +export function SendResetPassword() { const history = useHistory(); const { mutateAsync: sendResetPasswordMutate } = useAuthSendResetPassword(); diff --git a/packages/webapp/src/containers/Authentication/SendResetPasswordForm.tsx b/packages/webapp/src/containers/Authentication/SendResetPasswordForm.tsx index 9a5e2978a..d73c640e8 100644 --- a/packages/webapp/src/containers/Authentication/SendResetPasswordForm.tsx +++ b/packages/webapp/src/containers/Authentication/SendResetPasswordForm.tsx @@ -11,7 +11,7 @@ import intl from 'react-intl-universal'; /** * Send reset password form. */ -export default function SendResetPasswordForm({ isSubmitting }) { +export function SendResetPasswordForm({ isSubmitting }) { return ( diff --git a/packages/webapp/src/containers/Banking/Rules/RuleFormDialog/RuleFormContent.tsx b/packages/webapp/src/containers/Banking/Rules/RuleFormDialog/RuleFormContent.tsx index fe7a8d216..7b99571bb 100644 --- a/packages/webapp/src/containers/Banking/Rules/RuleFormDialog/RuleFormContent.tsx +++ b/packages/webapp/src/containers/Banking/Rules/RuleFormDialog/RuleFormContent.tsx @@ -7,7 +7,7 @@ interface RuleFormContentProps { bankRuleId?: number; } -export default function RuleFormContent({ +export function RuleFormContent({ dialogName, bankRuleId, }: RuleFormContentProps) { diff --git a/packages/webapp/src/containers/Banking/Rules/RuleFormDialog/RuleFormDialog.tsx b/packages/webapp/src/containers/Banking/Rules/RuleFormDialog/RuleFormDialog.tsx index e61afa7dc..4ada6538f 100644 --- a/packages/webapp/src/containers/Banking/Rules/RuleFormDialog/RuleFormDialog.tsx +++ b/packages/webapp/src/containers/Banking/Rules/RuleFormDialog/RuleFormDialog.tsx @@ -4,7 +4,7 @@ import { Dialog, DialogSuspense } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const RuleFormContent = React.lazy(() => import('./RuleFormContent')); +const RuleFormContent = React.lazy(() => import('./RuleFormContent').then(m => ({ default: m.RuleFormContent }))); /** * Payment mail dialog. diff --git a/packages/webapp/src/containers/Banking/Rules/RulesList/BankRulesAlerts.ts b/packages/webapp/src/containers/Banking/Rules/RulesList/BankRulesAlerts.ts index 5daec4359..2e7d6614b 100644 --- a/packages/webapp/src/containers/Banking/Rules/RulesList/BankRulesAlerts.ts +++ b/packages/webapp/src/containers/Banking/Rules/RulesList/BankRulesAlerts.ts @@ -1,9 +1,7 @@ // @ts-nocheck import React from 'react'; -const DeleteBankRuleAlert = React.lazy( - () => import('./alerts/DeleteBankRuleAlert'), -); +const DeleteBankRuleAlert = React.lazy(() => import('./alerts/DeleteBankRuleAlert').then(m => ({ default: m.DeleteBankRuleAlert }))); /** * Cashflow alerts. diff --git a/packages/webapp/src/containers/Banking/Rules/RulesList/RulesLandingPage.ts b/packages/webapp/src/containers/Banking/Rules/RulesList/RulesLandingPage.ts index 7d5d953f5..cbed9cc45 100644 --- a/packages/webapp/src/containers/Banking/Rules/RulesList/RulesLandingPage.ts +++ b/packages/webapp/src/containers/Banking/Rules/RulesList/RulesLandingPage.ts @@ -1,3 +1,3 @@ import { RulesList } from './RulesList'; -export default RulesList; \ No newline at end of file +export const RulesLandingPage = RulesList; \ No newline at end of file diff --git a/packages/webapp/src/containers/Banking/Rules/RulesList/alerts/DeleteBankRuleAlert.tsx b/packages/webapp/src/containers/Banking/Rules/RulesList/alerts/DeleteBankRuleAlert.tsx index a993032da..47659c3cc 100644 --- a/packages/webapp/src/containers/Banking/Rules/RulesList/alerts/DeleteBankRuleAlert.tsx +++ b/packages/webapp/src/containers/Banking/Rules/RulesList/alerts/DeleteBankRuleAlert.tsx @@ -73,7 +73,7 @@ function BankRuleDeleteAlert({ ); } -export default compose( +export const DeleteBankRuleAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, diff --git a/packages/webapp/src/containers/BrandingTemplates/BrandingTemplatesContent.tsx b/packages/webapp/src/containers/BrandingTemplates/BrandingTemplatesContent.tsx index 8a6da5d42..23ed70ad7 100644 --- a/packages/webapp/src/containers/BrandingTemplates/BrandingTemplatesContent.tsx +++ b/packages/webapp/src/containers/BrandingTemplates/BrandingTemplatesContent.tsx @@ -8,7 +8,7 @@ import { BrandingTemplatesTable } from './BrandingTemplatesTable'; import { BrandingTemplateActionsBar } from './BrandingTemplatesActionsBar'; import { withDrawerActions } from '@/containers/Drawer/withDrawerActions'; -export default function BrandingTemplateContent() { +export function BrandingTemplateContent() { return ( import('./BrandingTemplatesContent'), -); +const BrandingTemplatesContent = React.lazy(() => import('./BrandingTemplatesContent').then(m => ({ default: m.BrandingTemplateContent }))); /** * Invoice customize drawer. diff --git a/packages/webapp/src/containers/BrandingTemplates/alerts/BrandingTemplatesAlerts.ts b/packages/webapp/src/containers/BrandingTemplates/alerts/BrandingTemplatesAlerts.ts index daad0d544..685be1403 100644 --- a/packages/webapp/src/containers/BrandingTemplates/alerts/BrandingTemplatesAlerts.ts +++ b/packages/webapp/src/containers/BrandingTemplates/alerts/BrandingTemplatesAlerts.ts @@ -1,13 +1,9 @@ // @ts-nocheck import React from 'react'; -const DeleteBrandingTemplateAlert = React.lazy( - () => import('./DeleteBrandingTemplateAlert'), -); +const DeleteBrandingTemplateAlert = React.lazy(() => import('./DeleteBrandingTemplateAlert').then(m => ({ default: m.DeleteBrandingTemplateAlert }))); -const MarkDefaultBrandingTemplateAlert = React.lazy( - () => import('./MarkDefaultBrandingTemplateAlert'), -); +const MarkDefaultBrandingTemplateAlert = React.lazy(() => import('./MarkDefaultBrandingTemplateAlert').then(m => ({ default: m.MarkDefaultBrandingTemplateAlert }))); export const BrandingTemplatesAlerts = [ { name: 'branding-template-delete', component: DeleteBrandingTemplateAlert }, diff --git a/packages/webapp/src/containers/BrandingTemplates/alerts/DeleteBrandingTemplateAlert.tsx b/packages/webapp/src/containers/BrandingTemplates/alerts/DeleteBrandingTemplateAlert.tsx index 6f6c5f60a..550914a99 100644 --- a/packages/webapp/src/containers/BrandingTemplates/alerts/DeleteBrandingTemplateAlert.tsx +++ b/packages/webapp/src/containers/BrandingTemplates/alerts/DeleteBrandingTemplateAlert.tsx @@ -13,7 +13,7 @@ import { compose } from '@/utils'; /** * Delete branding template alert. */ -function DeleteBrandingTemplateAlert({ +function DeleteBrandingTemplateAlertInner({ // #ownProps name, @@ -79,7 +79,7 @@ function DeleteBrandingTemplateAlert({ ); } -export default compose( +export const DeleteBrandingTemplateAlert = compose( withAlertStoreConnect(), withAlertActions, -)(DeleteBrandingTemplateAlert); +)(DeleteBrandingTemplateAlertInner); diff --git a/packages/webapp/src/containers/BrandingTemplates/alerts/MarkDefaultBrandingTemplateAlert.tsx b/packages/webapp/src/containers/BrandingTemplates/alerts/MarkDefaultBrandingTemplateAlert.tsx index faae610c2..dd1be6bb5 100644 --- a/packages/webapp/src/containers/BrandingTemplates/alerts/MarkDefaultBrandingTemplateAlert.tsx +++ b/packages/webapp/src/containers/BrandingTemplates/alerts/MarkDefaultBrandingTemplateAlert.tsx @@ -13,7 +13,7 @@ import { compose } from '@/utils'; /** * Mark default branding template alert. */ -function MarkDefaultBrandingTemplateAlert({ +function MarkDefaultBrandingTemplateAlertInner({ // #ownProps name, @@ -66,7 +66,7 @@ function MarkDefaultBrandingTemplateAlert({ ); } -export default compose( +export const MarkDefaultBrandingTemplateAlert = compose( withAlertStoreConnect(), withAlertActions, -)(MarkDefaultBrandingTemplateAlert); +)(MarkDefaultBrandingTemplateAlertInner); diff --git a/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsActionsBar.tsx b/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsActionsBar.tsx index 9e7ab8717..d6b960817 100644 --- a/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsActionsBar.tsx +++ b/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsActionsBar.tsx @@ -52,7 +52,7 @@ import { import { DialogsName } from '@/constants/dialogs'; import { compose } from '@/utils'; -function AccountTransactionsActionsBar({ +function AccountTransactionsActionsBarInner({ // #withDialogActions openDialog, @@ -444,7 +444,7 @@ function AccountTransactionsActionsBar({ ); } -export default compose( +export const AccountTransactionsActionsBar = compose( withDialogActions, withAlertActions, withSettingsActions, @@ -465,4 +465,4 @@ export default compose( }), ), withBankingActions, -)(AccountTransactionsActionsBar); +)(AccountTransactionsActionsBarInner); diff --git a/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsAlerts.tsx b/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsAlerts.tsx index cbb0a0278..71c437ed2 100644 --- a/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsAlerts.tsx +++ b/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsAlerts.tsx @@ -1,14 +1,12 @@ // @ts-nocheck import React from 'react'; -const AccountDeleteTransactionAlert = React.lazy( - () => import('@/containers/Alerts/CashFlow/AccountDeleteTransactionAlert'), -); +const AccountDeleteTransactionAlert = React.lazy(() => import('@/containers/Alerts/CashFlow/AccountDeleteTransactionAlert').then(m => ({ default: m.AccountDeleteTransactionAlert }))); /** * Account transaction alert. */ -export default [ +export const AccountTransactionsAlerts = [ { name: 'account-transaction-delete', component: AccountDeleteTransactionAlert, diff --git a/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsDataTable.tsx b/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsDataTable.tsx index 2b9b086b6..6393269c5 100644 --- a/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsDataTable.tsx +++ b/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsDataTable.tsx @@ -32,7 +32,7 @@ import { compose } from '@/utils'; /** * Account transactions data table. */ -function AccountTransactionsDataTable({ +function AccountTransactionsDataTableInner({ // #withSettings cashflowTansactionsTableSize, @@ -153,14 +153,14 @@ function AccountTransactionsDataTable({ ); } -export default compose( +export const AccountTransactionsDataTable = compose( withSettings(({ cashflowTransactionsSettings }) => ({ cashflowTansactionsTableSize: cashflowTransactionsSettings?.tableSize, })), withAlertActions, withDrawerActions, withBankingActions, -)(AccountTransactionsDataTable); +)(AccountTransactionsDataTableInner); const DashboardConstrantTable = styled(DataTable)` .table { diff --git a/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsList.tsx b/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsList.tsx index 6067860d9..6bea2b100 100644 --- a/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsList.tsx +++ b/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsList.tsx @@ -7,7 +7,7 @@ import '@/style/pages/CashFlow/AccountTransactions/List.scss'; import { DashboardPageContent } from '@/components'; -import AccountTransactionsActionsBar from './AccountTransactionsActionsBar'; +import { AccountTransactionsActionsBar } from './AccountTransactionsActionsBar'; import { AccountTransactionsProvider, useAccountTransactionsContext, @@ -56,7 +56,7 @@ function AccountTransactionsMain() { ); } -export default R.compose( +export const AccountTransactionsList = R.compose( withBanking( ({ selectedUncategorizedTransactionId, openMatchingTransactionAside }) => ({ selectedUncategorizedTransactionId, @@ -65,10 +65,8 @@ export default R.compose( ), )(AccountTransactionsListRoot); -const AccountsTransactionsAll = lazy(() => import('./AccountsTransactionsAll')); -const AccountsTransactionsUncategorized = lazy( - () => import('./AllTransactionsUncategorized'), -); +const AccountsTransactionsAll = lazy(() => import('./AccountsTransactionsAll').then(m => ({ default: m.AccountTransactionsAll }))); +const AccountsTransactionsUncategorized = lazy(() => import('./AllTransactionsUncategorized').then(m => ({ default: m.AllTransactionsUncategorized }))); function AccountTransactionsContent() { const { filterTab } = useAccountTransactionsContext(); diff --git a/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountsTransactionsAll.tsx b/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountsTransactionsAll.tsx index 4799ce55e..d5b937146 100644 --- a/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountsTransactionsAll.tsx +++ b/packages/webapp/src/containers/CashFlow/AccountTransactions/AccountsTransactionsAll.tsx @@ -3,7 +3,7 @@ import styled from 'styled-components'; import '@/style/pages/CashFlow/AccountTransactions/List.scss'; -import AccountTransactionsDataTable from './AccountTransactionsDataTable'; +import { AccountTransactionsDataTable } from './AccountTransactionsDataTable'; import { AccountTransactionsAllProvider } from './AccountTransactionsAllBoot'; const Box = styled.div` @@ -18,7 +18,7 @@ const CashflowTransactionsTableCard = styled.div` flex: 0 1; `; -export default function AccountTransactionsAll() { +export function AccountTransactionsAll() { return ( diff --git a/packages/webapp/src/containers/CashFlow/AccountTransactions/AllTransactionsUncategorized.tsx b/packages/webapp/src/containers/CashFlow/AccountTransactions/AllTransactionsUncategorized.tsx index 5e77c38f9..416ffbc57 100644 --- a/packages/webapp/src/containers/CashFlow/AccountTransactions/AllTransactionsUncategorized.tsx +++ b/packages/webapp/src/containers/CashFlow/AccountTransactions/AllTransactionsUncategorized.tsx @@ -81,4 +81,4 @@ function AccountTransactionsSwitcher() { } } -export default R.compose(withBankingActions)(AllTransactionsUncategorizedRoot); +export const AllTransactionsUncategorized = R.compose(withBankingActions)(AllTransactionsUncategorizedRoot); diff --git a/packages/webapp/src/containers/CashFlow/AccountTransactions/UncategorizedTransactions/AccountTransactionsUncategorizedTable.tsx b/packages/webapp/src/containers/CashFlow/AccountTransactions/UncategorizedTransactions/AccountTransactionsUncategorizedTable.tsx index 2adc3c271..1ac4b4357 100644 --- a/packages/webapp/src/containers/CashFlow/AccountTransactions/UncategorizedTransactions/AccountTransactionsUncategorizedTable.tsx +++ b/packages/webapp/src/containers/CashFlow/AccountTransactions/UncategorizedTransactions/AccountTransactionsUncategorizedTable.tsx @@ -136,7 +136,7 @@ function AccountTransactionsDataTable({ ); } -export default compose( +export const AccountTransactionsUncategorizedTable = compose( withSettings(({ cashflowTransactionsSettings }) => ({ cashflowTansactionsTableSize: cashflowTransactionsSettings?.tableSize, })), diff --git a/packages/webapp/src/containers/CashFlow/AccountTransactions/UncategorizedTransactions/AccountUncategorizedTransactionsAll.tsx b/packages/webapp/src/containers/CashFlow/AccountTransactions/UncategorizedTransactions/AccountUncategorizedTransactionsAll.tsx index 01c1e2f0d..e4e009c84 100644 --- a/packages/webapp/src/containers/CashFlow/AccountTransactions/UncategorizedTransactions/AccountUncategorizedTransactionsAll.tsx +++ b/packages/webapp/src/containers/CashFlow/AccountTransactions/UncategorizedTransactions/AccountUncategorizedTransactionsAll.tsx @@ -1,6 +1,6 @@ import * as R from 'ramda'; import { useEffect } from 'react'; -import AccountTransactionsUncategorizedTable from './AccountTransactionsUncategorizedTable'; +import { AccountTransactionsUncategorizedTable } from './AccountTransactionsUncategorizedTable'; import { AccountUncategorizedTransactionsBoot } from '../AllTransactionsUncategorizedBoot'; import { AccountTransactionsCard } from './AccountTransactionsCard'; import { diff --git a/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/PauseFeedsBankAccount.tsx b/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/PauseFeedsBankAccount.tsx index aee63c61d..5666a175d 100644 --- a/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/PauseFeedsBankAccount.tsx +++ b/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/PauseFeedsBankAccount.tsx @@ -62,7 +62,7 @@ function PauseFeedsBankAccountAlert({ ); } -export default compose( +export const PauseFeedsBankAccount = compose( withAlertStoreConnect(), withAlertActions, )(PauseFeedsBankAccountAlert); diff --git a/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/ResumeFeedsBankAccount.tsx b/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/ResumeFeedsBankAccount.tsx index 4af1b11de..8a51d66e1 100644 --- a/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/ResumeFeedsBankAccount.tsx +++ b/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/ResumeFeedsBankAccount.tsx @@ -63,7 +63,7 @@ function ResumeFeedsBankAccountAlert({ ); } -export default compose( +export const ResumeFeedsBankAccount = compose( withAlertStoreConnect(), withAlertActions, )(ResumeFeedsBankAccountAlert); diff --git a/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/UncategorizeBankTransactionsBulkAlert.tsx b/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/UncategorizeBankTransactionsBulkAlert.tsx index ffa6c6249..406a22018 100644 --- a/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/UncategorizeBankTransactionsBulkAlert.tsx +++ b/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/UncategorizeBankTransactionsBulkAlert.tsx @@ -12,7 +12,7 @@ import { compose } from '@/utils'; /** * Uncategorize bank account transactions in build alert. */ -function UncategorizeBankTransactionsBulkAlert({ +function UncategorizeBankTransactionsBulkAlertInner({ name, // #withAlertStoreConnect @@ -68,7 +68,7 @@ function UncategorizeBankTransactionsBulkAlert({ ); } -export default compose( +export const UncategorizeBankTransactionsBulkAlert = compose( withAlertStoreConnect(), withAlertActions, -)(UncategorizeBankTransactionsBulkAlert); +)(UncategorizeBankTransactionsBulkAlertInner); diff --git a/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/index.ts b/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/index.ts index 007f21706..27b569436 100644 --- a/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/index.ts +++ b/packages/webapp/src/containers/CashFlow/AccountTransactions/alerts/index.ts @@ -1,17 +1,11 @@ // @ts-nocheck import React from 'react'; -const ResumeFeedsBankAccountAlert = React.lazy( - () => import('./ResumeFeedsBankAccount'), -); +const ResumeFeedsBankAccountAlert = React.lazy(() => import('./ResumeFeedsBankAccount').then(m => ({ default: m.ResumeFeedsBankAccount }))); -const PauseFeedsBankAccountAlert = React.lazy( - () => import('./PauseFeedsBankAccount'), -); +const PauseFeedsBankAccountAlert = React.lazy(() => import('./PauseFeedsBankAccount').then(m => ({ default: m.PauseFeedsBankAccount }))); -const UncategorizeTransactionsBulkAlert = React.lazy( - () => import('./UncategorizeBankTransactionsBulkAlert'), -); +const UncategorizeTransactionsBulkAlert = React.lazy(() => import('./UncategorizeBankTransactionsBulkAlert').then(m => ({ default: m.UncategorizeBankTransactionsBulkAlert }))); /** * Bank account alerts. diff --git a/packages/webapp/src/containers/CashFlow/AccountTransactions/dialogs/DisconnectBankAccountDialog/DisconnectBankAccountDialog.tsx b/packages/webapp/src/containers/CashFlow/AccountTransactions/dialogs/DisconnectBankAccountDialog/DisconnectBankAccountDialog.tsx index 5f07fe70f..0e12c1d7d 100644 --- a/packages/webapp/src/containers/CashFlow/AccountTransactions/dialogs/DisconnectBankAccountDialog/DisconnectBankAccountDialog.tsx +++ b/packages/webapp/src/containers/CashFlow/AccountTransactions/dialogs/DisconnectBankAccountDialog/DisconnectBankAccountDialog.tsx @@ -4,9 +4,7 @@ import { Dialog, DialogSuspense } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const DisconnectBankAccountDialogContent = React.lazy( - () => import('./DisconnectBankAccountDialogContent'), -); +const DisconnectBankAccountDialogContent = React.lazy(() => import('./DisconnectBankAccountDialogContent').then(m => ({ default: m.DisconnectBankAccountDialogContent }))); /** * Disconnect bank account confirmation dialog. diff --git a/packages/webapp/src/containers/CashFlow/AccountTransactions/dialogs/DisconnectBankAccountDialog/DisconnectBankAccountDialogContent.tsx b/packages/webapp/src/containers/CashFlow/AccountTransactions/dialogs/DisconnectBankAccountDialog/DisconnectBankAccountDialogContent.tsx index 6daee68f6..e9bddd3f8 100644 --- a/packages/webapp/src/containers/CashFlow/AccountTransactions/dialogs/DisconnectBankAccountDialog/DisconnectBankAccountDialogContent.tsx +++ b/packages/webapp/src/containers/CashFlow/AccountTransactions/dialogs/DisconnectBankAccountDialog/DisconnectBankAccountDialogContent.tsx @@ -24,7 +24,7 @@ interface DisconnectBankAccountDialogContentProps { bankAccountId: number; } -function DisconnectBankAccountDialogContent({ +function DisconnectBankAccountDialogContentInner({ bankAccountId, // #withDialogActions @@ -100,4 +100,4 @@ function DisconnectBankAccountDialogContent({ ); } -export default R.compose(withDialogActions)(DisconnectBankAccountDialogContent); +export const DisconnectBankAccountDialogContent = R.compose(withDialogActions)(DisconnectBankAccountDialogContentInner); diff --git a/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashFlowAccountsActionsBar.tsx b/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashFlowAccountsActionsBar.tsx index 867f82f85..54c8e4e67 100644 --- a/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashFlowAccountsActionsBar.tsx +++ b/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashFlowAccountsActionsBar.tsx @@ -32,7 +32,7 @@ import { compose } from '@/utils'; /** * Cash Flow accounts actions bar. */ -function CashFlowAccountsActionsBar({ +function CashFlowAccountsActionsBarInner({ // #withDialogActions openDialog, @@ -120,7 +120,7 @@ function CashFlowAccountsActionsBar({ ); } -export default compose( +export const CashFlowAccountsActionsBar = compose( withDialogActions, withCashflowAccountsTableActions, -)(CashFlowAccountsActionsBar); +)(CashFlowAccountsActionsBarInner); diff --git a/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashFlowAccountsDataTable.tsx b/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashFlowAccountsDataTable.tsx index 01cf473d7..4046d7707 100644 --- a/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashFlowAccountsDataTable.tsx +++ b/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashFlowAccountsDataTable.tsx @@ -19,7 +19,7 @@ import { compose } from '@/utils'; /** * Cash flow accounts data table. */ -function CashFlowAccountsDataTable({ +function CashFlowAccountsDataTableInner({ // #withSettings cashflowTableSize, }) { @@ -60,8 +60,8 @@ function CashFlowAccountsDataTable({ ); } -export default compose( +export const CashFlowAccountsDataTable = compose( withSettings(({ cashflowSettings }) => ({ cashflowTableSize: cashflowSettings?.tableSize, })), -)(CashFlowAccountsDataTable); +)(CashFlowAccountsDataTableInner); diff --git a/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashFlowAccountsList.tsx b/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashFlowAccountsList.tsx index 91cd83f97..0baaa3a11 100644 --- a/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashFlowAccountsList.tsx +++ b/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashFlowAccountsList.tsx @@ -7,8 +7,8 @@ import '@/style/pages/CashFlow/CashFlowAccounts/List.scss'; import { DashboardPageContent } from '@/components'; import { CashFlowAccountsProvider } from './CashFlowAccountsProvider'; -import CashflowAccountsGrid from './CashflowAccountsGrid'; -import CashFlowAccountsActionsBar from './CashFlowAccountsActionsBar'; +import { CashflowAccountsGrid } from './CashflowAccountsGrid'; +import { CashFlowAccountsActionsBar } from './CashFlowAccountsActionsBar'; import { CashflowAccountsPlaidLink } from './CashflowAccountsPlaidLink'; import { CashflowAccountsLoadingBar } from './CashFlowAccountsLoadingBar'; @@ -18,7 +18,7 @@ import { withCashflowAccountsTableActions } from '@/containers/CashFlow/AccountT /** * Cashflow accounts list. */ -function CashFlowAccountsList({ +function CashFlowAccountsListInner({ // #withCashflowAccounts cashflowAccountsTableState, @@ -47,9 +47,9 @@ function CashFlowAccountsList({ ); } -export default compose( +export const CashFlowAccountsList = compose( withCashflowAccounts(({ cashflowAccountsTableState }) => ({ cashflowAccountsTableState, })), withCashflowAccountsTableActions, -)(CashFlowAccountsList); +)(CashFlowAccountsListInner); diff --git a/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashflowAccountsGrid.tsx b/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashflowAccountsGrid.tsx index 7a81b7166..ae280057e 100644 --- a/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashflowAccountsGrid.tsx +++ b/packages/webapp/src/containers/CashFlow/CashFlowAccounts/CashflowAccountsGrid.tsx @@ -170,7 +170,7 @@ function CashflowAccountsEmptyState() { /** * Cashflow accounts grid. */ -export default function CashflowAccountsGrid() { +export function CashflowAccountsGrid() { // Retrieve list context. const { cashflowAccounts, isCashFlowAccountsLoading } = useCashFlowAccountsContext(); diff --git a/packages/webapp/src/containers/CashFlow/CashflowAlerts.ts b/packages/webapp/src/containers/CashFlow/CashflowAlerts.ts index 640de032d..02e978463 100644 --- a/packages/webapp/src/containers/CashFlow/CashflowAlerts.ts +++ b/packages/webapp/src/containers/CashFlow/CashflowAlerts.ts @@ -1,9 +1,7 @@ // @ts-nocheck import React from 'react'; -const UncategorizeTransactionAlert = React.lazy( - () => import('./UncategorizeTransactionAlert/UncategorizeTransactionAlert'), -); +const UncategorizeTransactionAlert = React.lazy(() => import('./UncategorizeTransactionAlert/UncategorizeTransactionAlert').then(m => ({ default: m.UncategorizeTransactionAlert }))); /** * Cashflow alerts. diff --git a/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/CategorizeTransactionDrawer.tsx b/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/CategorizeTransactionDrawer.tsx index bd3996167..51ede79a2 100644 --- a/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/CategorizeTransactionDrawer.tsx +++ b/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/CategorizeTransactionDrawer.tsx @@ -12,7 +12,7 @@ const CategorizeTransactionContent = lazy( /** * Categorize the uncategorized transaction drawer. */ -function CategorizeTransactionDrawer({ +function CategorizeTransactionDrawerInner({ name, // #withDrawer isOpen, @@ -34,4 +34,4 @@ function CategorizeTransactionDrawer({ ); } -export default compose(withDrawers())(CategorizeTransactionDrawer); +export const CategorizeTransactionDrawer = compose(withDrawers())(CategorizeTransactionDrawerInner); diff --git a/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/CategorizeTransactionFormContent.tsx b/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/CategorizeTransactionFormContent.tsx index 5f78dd58c..3f1b378ac 100644 --- a/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/CategorizeTransactionFormContent.tsx +++ b/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/CategorizeTransactionFormContent.tsx @@ -49,29 +49,17 @@ export function CategorizeTransactionFormContent() { ); } -const CategorizeTransactionOtherIncome = React.lazy( - () => import('./MoneyIn/CategorizeTransactionOtherIncome'), -); +const CategorizeTransactionOtherIncome = React.lazy(() => import('./MoneyIn/CategorizeTransactionOtherIncome').then(m => ({ default: m.CategorizeTransactionOtherIncome }))); -const CategorizeTransactionOwnerContribution = React.lazy( - () => import('./MoneyIn/CategorizeTransactionOwnerContribution'), -); +const CategorizeTransactionOwnerContribution = React.lazy(() => import('./MoneyIn/CategorizeTransactionOwnerContribution').then(m => ({ default: m.CategorizeTransactionOwnerContribution }))); -const CategorizeTransactionTransferFrom = React.lazy( - () => import('./MoneyIn/CategorizeTransactionTransferFrom'), -); +const CategorizeTransactionTransferFrom = React.lazy(() => import('./MoneyIn/CategorizeTransactionTransferFrom').then(m => ({ default: m.CategorizeTransactionTransferFrom }))); -const CategorizeTransactionOtherExpense = React.lazy( - () => import('./MoneyOut/CategorizeTransactionOtherExpense'), -); +const CategorizeTransactionOtherExpense = React.lazy(() => import('./MoneyOut/CategorizeTransactionOtherExpense').then(m => ({ default: m.CategorizeTransactionOtherExpense }))); -const CategorizeTransactionToAccount = React.lazy( - () => import('./MoneyOut/CategorizeTransactionToAccount'), -); +const CategorizeTransactionToAccount = React.lazy(() => import('./MoneyOut/CategorizeTransactionToAccount').then(m => ({ default: m.CategorizeTransactionToAccount }))); -const CategorizeTransactionOwnerDrawings = React.lazy( - () => import('./MoneyOut/CategorizeTransactionOwnerDrawings'), -); +const CategorizeTransactionOwnerDrawings = React.lazy(() => import('./MoneyOut/CategorizeTransactionOwnerDrawings').then(m => ({ default: m.CategorizeTransactionOwnerDrawings }))); function CategorizeTransactionFormSubContent() { const { values } = useFormikContext(); diff --git a/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyIn/CategorizeTransactionOtherIncome.tsx b/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyIn/CategorizeTransactionOtherIncome.tsx index aecf24af3..da3c4f0ab 100644 --- a/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyIn/CategorizeTransactionOtherIncome.tsx +++ b/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyIn/CategorizeTransactionOtherIncome.tsx @@ -11,7 +11,7 @@ import { import { useCategorizeTransactionBoot } from '../CategorizeTransactionBoot'; import { CategorizeTransactionBranchField } from '../CategorizeTransactionBranchField'; -export default function CategorizeTransactionOtherIncome() { +export function CategorizeTransactionOtherIncome() { const { accounts } = useCategorizeTransactionBoot(); return ( diff --git a/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyIn/CategorizeTransactionOwnerContribution.tsx b/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyIn/CategorizeTransactionOwnerContribution.tsx index 5c257ef2b..96b9d2ac7 100644 --- a/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyIn/CategorizeTransactionOwnerContribution.tsx +++ b/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyIn/CategorizeTransactionOwnerContribution.tsx @@ -11,7 +11,7 @@ import { import { useCategorizeTransactionBoot } from '../CategorizeTransactionBoot'; import { CategorizeTransactionBranchField } from '../CategorizeTransactionBranchField'; -export default function CategorizeTransactionOwnerContribution() { +export function CategorizeTransactionOwnerContribution() { const { accounts } = useCategorizeTransactionBoot(); return ( diff --git a/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyIn/CategorizeTransactionTransferFrom.tsx b/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyIn/CategorizeTransactionTransferFrom.tsx index 837b4aaa7..a48d71f24 100644 --- a/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyIn/CategorizeTransactionTransferFrom.tsx +++ b/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyIn/CategorizeTransactionTransferFrom.tsx @@ -11,7 +11,7 @@ import { import { useCategorizeTransactionBoot } from '../CategorizeTransactionBoot'; import { CategorizeTransactionBranchField } from '../CategorizeTransactionBranchField'; -export default function CategorizeTransactionTransferFrom() { +export function CategorizeTransactionTransferFrom() { const { accounts } = useCategorizeTransactionBoot(); return ( diff --git a/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyOut/CategorizeTransactionOtherExpense.tsx b/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyOut/CategorizeTransactionOtherExpense.tsx index 0071ea99e..409f65fa1 100644 --- a/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyOut/CategorizeTransactionOtherExpense.tsx +++ b/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyOut/CategorizeTransactionOtherExpense.tsx @@ -11,7 +11,7 @@ import { import { useCategorizeTransactionBoot } from '../CategorizeTransactionBoot'; import { CategorizeTransactionBranchField } from '../CategorizeTransactionBranchField'; -export default function CategorizeTransactionOtherExpense() { +export function CategorizeTransactionOtherExpense() { const { accounts } = useCategorizeTransactionBoot(); return ( diff --git a/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyOut/CategorizeTransactionOwnerDrawings.tsx b/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyOut/CategorizeTransactionOwnerDrawings.tsx index 4f5ea024b..879909032 100644 --- a/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyOut/CategorizeTransactionOwnerDrawings.tsx +++ b/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyOut/CategorizeTransactionOwnerDrawings.tsx @@ -11,7 +11,7 @@ import { import { useCategorizeTransactionBoot } from '../CategorizeTransactionBoot'; import { CategorizeTransactionBranchField } from '../CategorizeTransactionBranchField'; -export default function CategorizeTransactionOwnerDrawings() { +export function CategorizeTransactionOwnerDrawings() { const { accounts } = useCategorizeTransactionBoot(); return ( diff --git a/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyOut/CategorizeTransactionToAccount.tsx b/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyOut/CategorizeTransactionToAccount.tsx index 4a13f30ad..da12240e2 100644 --- a/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyOut/CategorizeTransactionToAccount.tsx +++ b/packages/webapp/src/containers/CashFlow/CategorizeTransaction/drawers/CategorizeTransactionDrawer/MoneyOut/CategorizeTransactionToAccount.tsx @@ -11,7 +11,7 @@ import { import { useCategorizeTransactionBoot } from '../CategorizeTransactionBoot'; import { CategorizeTransactionBranchField } from '../CategorizeTransactionBranchField'; -export default function CategorizeTransactionToAccount() { +export function CategorizeTransactionToAccount() { const { accounts } = useCategorizeTransactionBoot(); return ( diff --git a/packages/webapp/src/containers/CashFlow/ImportIUncategorizedTransactions/ImportUncategorizedTransactionsPage.tsx b/packages/webapp/src/containers/CashFlow/ImportIUncategorizedTransactions/ImportUncategorizedTransactionsPage.tsx index 02c4acf66..15e361fad 100644 --- a/packages/webapp/src/containers/CashFlow/ImportIUncategorizedTransactions/ImportUncategorizedTransactionsPage.tsx +++ b/packages/webapp/src/containers/CashFlow/ImportIUncategorizedTransactions/ImportUncategorizedTransactionsPage.tsx @@ -3,7 +3,7 @@ import { DashboardInsider } from '@/components'; import { ImportView } from '@/containers/Import/ImportView'; import { useHistory, useParams } from 'react-router-dom'; -export default function ImportUncategorizedTransactions() { +export function ImportUncategorizedTransactions() { const history = useHistory(); const params = useParams(); diff --git a/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInContentFields.tsx b/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInContentFields.tsx index a5746c5f5..0f0b7a49a 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInContentFields.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInContentFields.tsx @@ -2,9 +2,9 @@ import React, { useMemo } from 'react'; import { useFormikContext } from 'formik'; -import OwnerContributionFormFields from './OwnerContribution/OwnerContributionFormFields'; -import OtherIncomeFormFields from './OtherIncome/OtherIncomeFormFields'; -import TransferFromAccountFormFields from './TransferFromAccount/TransferFromAccountFormFields'; +import { OwnerContributionFormFields } from './OwnerContribution/OwnerContributionFormFields'; +import { OtherIncomeFormFields } from './OtherIncome/OtherIncomeFormFields'; +import { TransferFromAccountFormFields } from './TransferFromAccount/TransferFromAccountFormFields'; import { MoneyInFieldsProvider } from './MoneyInFieldsProvider'; /** @@ -12,7 +12,7 @@ import { MoneyInFieldsProvider } from './MoneyInFieldsProvider'; * Switches between fields based on the given transaction type. * @returns {JSX.Element} */ -export default function MoneyInContentFields() { +export function MoneyInContentFields() { const { values } = useFormikContext(); const transactionFields = useMemo(() => { diff --git a/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInDialogContent.tsx b/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInDialogContent.tsx index 866d19194..f3ef90533 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInDialogContent.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInDialogContent.tsx @@ -1,11 +1,11 @@ // @ts-nocheck import { MoneyInDialogProvider } from './MoneyInDialogProvider'; -import MoneyInForm from './MoneyInForm'; +import { MoneyInForm } from './MoneyInForm'; /** * Money in dialog content. */ -export default function MoneyInDialogContent({ +export function MoneyInDialogContent({ // #ownProps dialogName, accountId, diff --git a/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFloatingActions.tsx b/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFloatingActions.tsx index 41f51862d..c7af131e6 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFloatingActions.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFloatingActions.tsx @@ -12,7 +12,7 @@ import { compose } from '@/utils'; /** * Money in floating actions. */ -function MoneyInFloatingActions({ +function MoneyInFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -71,4 +71,4 @@ function MoneyInFloatingActions({ ); } -export default compose(withDialogActions)(MoneyInFloatingActions); +export const MoneyInFloatingActions = compose(withDialogActions)(MoneyInFloatingActionsInner); diff --git a/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInForm.tsx b/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInForm.tsx index 626a04ef0..c069bc8e6 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInForm.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInForm.tsx @@ -10,7 +10,7 @@ import '@/style/pages/CashFlow/CashflowTransactionForm.scss'; import { AppToaster } from '@/components'; -import MoneyInFormContent from './MoneyInFormContent'; +import { MoneyInFormContent } from './MoneyInFormContent'; import { CreateMoneyInFormSchema } from './MoneyInForm.schema'; import { useMoneyInDailogContext } from './MoneyInDialogProvider'; @@ -36,7 +36,7 @@ const defaultInitialValues = { exchange_rate: 1, }; -function MoneyInForm({ +function MoneyInFormInner({ // #withDialogActions closeDialog, @@ -103,7 +103,7 @@ function MoneyInForm({ ); } -export default compose( +export const MoneyInForm = compose( withDialogActions, withCurrentOrganization(), withSettings(({ cashflowSetting }) => ({ @@ -111,4 +111,4 @@ export default compose( transactionNumberPrefix: cashflowSetting?.numberPrefix, transactionIncrementMode: cashflowSetting?.autoIncrement, })), -)(MoneyInForm); +)(MoneyInFormInner); diff --git a/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFormContent.tsx b/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFormContent.tsx index 2e5edf5e5..06bde8137 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFormContent.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFormContent.tsx @@ -2,15 +2,15 @@ import React from 'react'; import { Form } from 'formik'; -import MoneyInFormFields from './MoneyInFormFields'; -import MoneyInFormDialog from './MoneyInFormDialog'; -import MoneyInFloatingActions from './MoneyInFloatingActions'; +import { MoneyInFormFields } from './MoneyInFormFields'; +import { MoneyInFormDialog } from './MoneyInFormDialog'; +import { MoneyInFloatingActions } from './MoneyInFloatingActions'; import { MoneyInOutSyncIncrementSettingsToForm } from '../_components'; /** * Money In form content. */ -export default function MoneyInFormContent() { +export function MoneyInFormContent() { return ( diff --git a/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFormDialog.tsx b/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFormDialog.tsx index d401865dd..55c7ea095 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFormDialog.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFormDialog.tsx @@ -2,12 +2,12 @@ import React from 'react'; import { useFormikContext } from 'formik'; -import TransactionNumberDialog from '@/containers/Dialogs/TransactionNumberDialog'; +import { index as TransactionNumberDialog } from '@/containers/Dialogs/TransactionNumberDialog'; /** * Moneny in / transaction number form dialog. */ -export default function MoneyInFormDialog() { +export function MoneyInFormDialog() { const { setFieldValue } = useFormikContext(); // Update the form once the transaction number form submit confirm. diff --git a/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFormFields.tsx b/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFormFields.tsx index ec6729dcc..5aacf1f95 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFormFields.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInFormFields.tsx @@ -4,14 +4,14 @@ import { useFormikContext } from 'formik'; import { Classes } from '@blueprintjs/core'; import { If } from '@/components'; -import MoneyInContentFields from './MoneyInContentFields'; -import TransactionTypeFields from './TransactionTypeFields'; +import { MoneyInContentFields } from './MoneyInContentFields'; +import { TransactionTypeFields } from './TransactionTypeFields'; import { useMoneyInDailogContext } from './MoneyInDialogProvider'; /** * Money in form fields. */ -function MoneyInFormFields() { +export function MoneyInFormFields() { // Money in dialog context. const { defaultAccountId } = useMoneyInDailogContext(); @@ -22,5 +22,3 @@ function MoneyInFormFields() {
); } - -export default MoneyInFormFields; diff --git a/packages/webapp/src/containers/CashFlow/MoneyInDialog/OtherIncome/OtherIncomeFormFields.tsx b/packages/webapp/src/containers/CashFlow/MoneyInDialog/OtherIncome/OtherIncomeFormFields.tsx index 75f12d2e5..89f0d1d59 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyInDialog/OtherIncome/OtherIncomeFormFields.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyInDialog/OtherIncome/OtherIncomeFormFields.tsx @@ -45,7 +45,7 @@ import intl from 'react-intl-universal'; /** * Other income form fields. */ -export default function OtherIncomeFormFields() { +export function OtherIncomeFormFields() { // Money in dialog context. const { accounts, branches } = useMoneyInDailogContext(); const { account } = useMoneyInFieldsContext(); diff --git a/packages/webapp/src/containers/CashFlow/MoneyInDialog/OwnerContribution/OwnerContributionFormFields.tsx b/packages/webapp/src/containers/CashFlow/MoneyInDialog/OwnerContribution/OwnerContributionFormFields.tsx index f8848f6db..a668fa5d8 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyInDialog/OwnerContribution/OwnerContributionFormFields.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyInDialog/OwnerContribution/OwnerContributionFormFields.tsx @@ -40,7 +40,7 @@ import intl from 'react-intl-universal'; /** * Owner contribution form fields. */ -export default function OwnerContributionFormFields() { +export function OwnerContributionFormFields() { // Money in dialog context. const { accounts, branches } = useMoneyInDailogContext(); const { account } = useMoneyInFieldsContext(); diff --git a/packages/webapp/src/containers/CashFlow/MoneyInDialog/TransactionTypeFields.tsx b/packages/webapp/src/containers/CashFlow/MoneyInDialog/TransactionTypeFields.tsx index d0dd6da7d..8b033dbd6 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyInDialog/TransactionTypeFields.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyInDialog/TransactionTypeFields.tsx @@ -18,7 +18,7 @@ import intl from 'react-intl-universal'; /** * Transaction type fields. */ -export default function TransactionTypeFields() { +export function TransactionTypeFields() { // Money in dialog context. const { cashflowAccounts, setAccountId, accountId } = useMoneyInDailogContext(); diff --git a/packages/webapp/src/containers/CashFlow/MoneyInDialog/TransferFromAccount/TransferFromAccountFormFields.tsx b/packages/webapp/src/containers/CashFlow/MoneyInDialog/TransferFromAccount/TransferFromAccountFormFields.tsx index f82e799ec..e8a4b7887 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyInDialog/TransferFromAccount/TransferFromAccountFormFields.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyInDialog/TransferFromAccount/TransferFromAccountFormFields.tsx @@ -32,7 +32,7 @@ import intl from 'react-intl-universal'; /** * Transfer from account form fields. */ -export default function TransferFromAccountFormFields() { +export function TransferFromAccountFormFields() { // Money in dialog context. const { accounts, branches } = useMoneyInDailogContext(); const { account } = useMoneyInFieldsContext(); diff --git a/packages/webapp/src/containers/CashFlow/MoneyInDialog/index.tsx b/packages/webapp/src/containers/CashFlow/MoneyInDialog/index.tsx index 15b48cf4d..d4cc4ca37 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyInDialog/index.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyInDialog/index.tsx @@ -5,7 +5,7 @@ import { Dialog, DialogSuspense } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const MoneyInDialogContent = React.lazy(() => import('./MoneyInDialogContent')); +const MoneyInDialogContent = React.lazy(() => import('./MoneyInDialogContent').then(m => ({ default: m.MoneyInDialogContent }))); /** * Money In dialog. @@ -36,4 +36,4 @@ function MoneyInDialog({ ); } -export default compose(withDialogRedux())(MoneyInDialog); +export const index = compose(withDialogRedux())(MoneyInDialog); diff --git a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutContentFields.tsx b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutContentFields.tsx index f094bf5fc..d9742cfbe 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutContentFields.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutContentFields.tsx @@ -2,9 +2,9 @@ import React, { useMemo } from 'react'; import { useFormikContext } from 'formik'; -import OtherExpnseFormFields from './OtherExpense/OtherExpnseFormFields'; -import OwnerDrawingsFormFields from './OwnerDrawings/OwnerDrawingsFormFields'; -import TransferToAccountFormFields from './TransferToAccount/TransferToAccountFormFields'; +import { OtherExpnseFormFields } from './OtherExpense/OtherExpnseFormFields'; +import { OwnerDrawingsFormFields } from './OwnerDrawings/OwnerDrawingsFormFields'; +import { TransferToAccountFormFields } from './TransferToAccount/TransferToAccountFormFields'; import { MoneyOutFieldsProvider } from './MoneyOutFieldsProvider'; /** @@ -12,7 +12,7 @@ import { MoneyOutFieldsProvider } from './MoneyOutFieldsProvider'; * Switches between form fields based on the given transaction type. * @returns {JSX.Element} */ -function MoneyOutContentFields() { +export function MoneyOutContentFields() { const { values } = useFormikContext(); const transactionType = useMemo(() => { @@ -35,5 +35,3 @@ function MoneyOutContentFields() { return {transactionType}; } - -export default MoneyOutContentFields; diff --git a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutDialogContent.tsx b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutDialogContent.tsx index 798e73211..7dd310120 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutDialogContent.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutDialogContent.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; import { MoneyOutProvider } from './MoneyOutDialogProvider'; -import MoneyOutForm from './MoneyOutForm'; +import { MoneyOutForm } from './MoneyOutForm'; /** * Money out dailog content. */ -export default function MoneyOutDialogContent({ +export function MoneyOutDialogContent({ // #ownProps dialogName, accountId, diff --git a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFloatingActions.tsx b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFloatingActions.tsx index 170dd1d69..74399d846 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFloatingActions.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFloatingActions.tsx @@ -13,7 +13,7 @@ import { compose } from '@/utils'; /** * Money out floating actions. */ -function MoneyOutFloatingActions({ +function MoneyOutFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -63,4 +63,4 @@ function MoneyOutFloatingActions({ ); } -export default compose(withDialogActions)(MoneyOutFloatingActions); +export const MoneyOutFloatingActions = compose(withDialogActions)(MoneyOutFloatingActionsInner); diff --git a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutForm.tsx b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutForm.tsx index fca2d67e0..1b46b4a19 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutForm.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutForm.tsx @@ -10,7 +10,7 @@ import '@/style/pages/CashFlow/CashflowTransactionForm.scss'; import { AppToaster } from '@/components'; -import MoneyOutFormContent from './MoneyOutFormContent'; +import { MoneyOutFormContent } from './MoneyOutFormContent'; import { CreateMoneyOutSchema } from './MoneyOutForm.schema'; import { useMoneyOutDialogContext } from './MoneyOutDialogProvider'; @@ -34,7 +34,7 @@ const defaultInitialValues = { exchange_rate: 1, }; -function MoneyOutForm({ +function MoneyOutFormInner({ // #withDialogActions closeDialog, @@ -101,7 +101,7 @@ function MoneyOutForm({ ); } -export default compose( +export const MoneyOutForm = compose( withDialogActions, withCurrentOrganization(), withSettings(({ cashflowSetting }) => ({ @@ -109,4 +109,4 @@ export default compose( transactionNumberPrefix: cashflowSetting?.numberPrefix, transactionIncrementMode: cashflowSetting?.autoIncrement, })), -)(MoneyOutForm); +)(MoneyOutFormInner); diff --git a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFormContent.tsx b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFormContent.tsx index 41eb1eb83..a8cf0710e 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFormContent.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFormContent.tsx @@ -2,15 +2,15 @@ import React from 'react'; import { Form } from 'formik'; -import MoneyOutFormFields from './MoneyOutFormFields'; -import MoneyOutFormDialog from './MoneyOutFormDialog'; -import MoneyOutFloatingActions from './MoneyOutFloatingActions'; +import { MoneyOutFormFields } from './MoneyOutFormFields'; +import { MoneyOutFormDialog } from './MoneyOutFormDialog'; +import { MoneyOutFloatingActions } from './MoneyOutFloatingActions'; import { MoneyInOutSyncIncrementSettingsToForm } from '../_components'; /** * Money out form content. */ -export default function MoneyOutFormContent() { +export function MoneyOutFormContent() { return ( diff --git a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFormDialog.tsx b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFormDialog.tsx index 2febd6961..cc918d339 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFormDialog.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFormDialog.tsx @@ -2,12 +2,12 @@ import React from 'react'; import { useFormikContext } from 'formik'; -import TransactionNumberDialog from '@/containers/Dialogs/TransactionNumberDialog'; +import { index as TransactionNumberDialog } from '@/containers/Dialogs/TransactionNumberDialog'; /** * Money out form dialog. */ -export default function MoneyOutFormDialog() { +export function MoneyOutFormDialog() { const { setFieldValue } = useFormikContext(); // Update the form once the transaction number form submit confirm. const handleTransactionNumberFormConfirm = ({ diff --git a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFormFields.tsx b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFormFields.tsx index ba9ab01e2..c627475e3 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFormFields.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutFormFields.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { Classes } from '@blueprintjs/core'; -import MoneyOutContentFields from './MoneyOutContentFields'; -import TransactionTypeFields from './TransactionTypeFields'; +import { MoneyOutContentFields } from './MoneyOutContentFields'; +import { TransactionTypeFields } from './TransactionTypeFields'; /** * Money out form fields. */ -function MoneyOutFormFields() { +export function MoneyOutFormFields() { return (
@@ -16,5 +16,3 @@ function MoneyOutFormFields() {
); } - -export default MoneyOutFormFields; diff --git a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/OtherExpense/OtherExpnseFormFields.tsx b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/OtherExpense/OtherExpnseFormFields.tsx index bc06d70f8..6bdaca713 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/OtherExpense/OtherExpnseFormFields.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/OtherExpense/OtherExpnseFormFields.tsx @@ -30,7 +30,7 @@ import intl from 'react-intl-universal'; /** * Other expense form fields. */ -export default function OtherExpnseFormFields() { +export function OtherExpnseFormFields() { // Money in dialog context. const { accounts, branches } = useMoneyOutDialogContext(); const { account } = useMoneyOutFieldsContext(); diff --git a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/OwnerDrawings/OwnerDrawingsFormFields.tsx b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/OwnerDrawings/OwnerDrawingsFormFields.tsx index 6b878a2e2..66d5157b2 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/OwnerDrawings/OwnerDrawingsFormFields.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/OwnerDrawings/OwnerDrawingsFormFields.tsx @@ -32,7 +32,7 @@ import intl from 'react-intl-universal'; /** * Owner drawings form fields. */ -export default function OwnerDrawingsFormFields() { +export function OwnerDrawingsFormFields() { // Money out dialog context. const { accounts, branches } = useMoneyOutDialogContext(); const { account } = useMoneyOutFieldsContext(); diff --git a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/TransactionTypeFields.tsx b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/TransactionTypeFields.tsx index b26011309..cb8d1fd19 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/TransactionTypeFields.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/TransactionTypeFields.tsx @@ -18,7 +18,7 @@ import intl from 'react-intl-universal'; /** * Transaction type fields. */ -function TransactionTypeFields() { +export function TransactionTypeFields() { // Money in dialog context. const { cashflowAccounts } = useMoneyOutDialogContext(); @@ -71,5 +71,3 @@ function TransactionTypeFields() { ); } - -export default TransactionTypeFields; diff --git a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/TransferToAccount/TransferToAccountFormFields.tsx b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/TransferToAccount/TransferToAccountFormFields.tsx index 48236bfe7..0f1789309 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/TransferToAccount/TransferToAccountFormFields.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/TransferToAccount/TransferToAccountFormFields.tsx @@ -35,7 +35,7 @@ import intl from 'react-intl-universal'; /** * Transfer to account form fields. */ -export default function TransferToAccountFormFields() { +export function TransferToAccountFormFields() { // Money in dialog context. const { accounts, branches } = useMoneyOutDialogContext(); const { account } = useMoneyOutFieldsContext(); diff --git a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/index.tsx b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/index.tsx index a44bd93f6..bc7b0a0d9 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/index.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/index.tsx @@ -5,9 +5,7 @@ import { Dialog, DialogSuspense } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from 'redux'; -const MoneyOutDialogContent = React.lazy(() => - import('./MoneyOutDialogContent'), -); +const MoneyOutDialogContent = React.lazy(() => import('./MoneyOutDialogContent').then(m => ({ default: m.MoneyOutDialogContent }))); /** * Money out dialog. @@ -40,4 +38,4 @@ function MoneyOutDialog({ ); } -export default compose(withDialogRedux())(MoneyOutDialog); +export const index = compose(withDialogRedux())(MoneyOutDialog); diff --git a/packages/webapp/src/containers/CashFlow/UncategorizeTransactionAlert/UncategorizeTransactionAlert.tsx b/packages/webapp/src/containers/CashFlow/UncategorizeTransactionAlert/UncategorizeTransactionAlert.tsx index 46e19a590..55239513b 100644 --- a/packages/webapp/src/containers/CashFlow/UncategorizeTransactionAlert/UncategorizeTransactionAlert.tsx +++ b/packages/webapp/src/containers/CashFlow/UncategorizeTransactionAlert/UncategorizeTransactionAlert.tsx @@ -15,7 +15,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Project delete alert. */ -function UncategorizeTransactionAlert({ +function UncategorizeTransactionAlertInner({ name, // #withAlertStoreConnect @@ -76,8 +76,8 @@ function UncategorizeTransactionAlert({ ); } -export default compose( +export const UncategorizeTransactionAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(UncategorizeTransactionAlert); +)(UncategorizeTransactionAlertInner); diff --git a/packages/webapp/src/containers/Customers/CustomerForm/CustomerAddressTabs.tsx b/packages/webapp/src/containers/Customers/CustomerForm/CustomerAddressTabs.tsx index 768e05b48..2753a9575 100644 --- a/packages/webapp/src/containers/Customers/CustomerForm/CustomerAddressTabs.tsx +++ b/packages/webapp/src/containers/Customers/CustomerForm/CustomerAddressTabs.tsx @@ -5,7 +5,7 @@ import { Row } from '@/components'; import CustomerBillingAddress from './CustomerBillingAddress'; import CustomerShippingAddress from './CustomerShippingAddress'; -export default function CustomerAddressTabs() { +export function CustomerAddressTabs() { return (
diff --git a/packages/webapp/src/containers/Customers/CustomerForm/CustomerAttachmentTabs.tsx b/packages/webapp/src/containers/Customers/CustomerForm/CustomerAttachmentTabs.tsx index fabad4f94..8ec90ee77 100644 --- a/packages/webapp/src/containers/Customers/CustomerForm/CustomerAttachmentTabs.tsx +++ b/packages/webapp/src/containers/Customers/CustomerForm/CustomerAttachmentTabs.tsx @@ -8,7 +8,7 @@ import React, { } from 'react'; import { Dragzone, FormattedMessage as T } from '@/components'; -function CustomerAttachmentTabs() { +export function CustomerAttachmentTabs() { return (
); } - -export default CustomerAttachmentTabs; diff --git a/packages/webapp/src/containers/Customers/CustomerForm/CustomerFormAfterPrimarySection.tsx b/packages/webapp/src/containers/Customers/CustomerForm/CustomerFormAfterPrimarySection.tsx index fcaff318c..011fd3110 100644 --- a/packages/webapp/src/containers/Customers/CustomerForm/CustomerFormAfterPrimarySection.tsx +++ b/packages/webapp/src/containers/Customers/CustomerForm/CustomerFormAfterPrimarySection.tsx @@ -4,7 +4,7 @@ import intl from 'react-intl-universal'; import { ControlGroup } from '@blueprintjs/core'; import { FFormGroup, FInputGroup } from '@/components'; -export default function CustomerFormAfterPrimarySection({}) { +export function CustomerFormAfterPrimarySection({}) { return (
{/*------------ Customer email -----------*/} diff --git a/packages/webapp/src/containers/Customers/CustomerForm/CustomerFormPage.tsx b/packages/webapp/src/containers/Customers/CustomerForm/CustomerFormPage.tsx index c71702cfb..c97a0d9aa 100644 --- a/packages/webapp/src/containers/Customers/CustomerForm/CustomerFormPage.tsx +++ b/packages/webapp/src/containers/Customers/CustomerForm/CustomerFormPage.tsx @@ -13,7 +13,7 @@ import { * Customer form page. * @returns {JSX} */ -export default function CustomerFormPage() { +export function CustomerFormPage() { const { id } = useParams(); const customerId = parseInt(id, 10); diff --git a/packages/webapp/src/containers/Customers/CustomerForm/CustomerNotePanel.tsx b/packages/webapp/src/containers/Customers/CustomerForm/CustomerNotePanel.tsx index 53399f337..ea11baccb 100644 --- a/packages/webapp/src/containers/Customers/CustomerForm/CustomerNotePanel.tsx +++ b/packages/webapp/src/containers/Customers/CustomerForm/CustomerNotePanel.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { FFormGroup, FTextArea } from '@/components'; import intl from 'react-intl-universal'; -export default function CustomerNotePanel({ errors, touched, getFieldProps }) { +export function CustomerNotePanel({ errors, touched, getFieldProps }) { return ( diff --git a/packages/webapp/src/containers/Customers/CustomerForm/CustomersTabs.tsx b/packages/webapp/src/containers/Customers/CustomerForm/CustomersTabs.tsx index 893a2cd8f..89c454356 100644 --- a/packages/webapp/src/containers/Customers/CustomerForm/CustomersTabs.tsx +++ b/packages/webapp/src/containers/Customers/CustomerForm/CustomersTabs.tsx @@ -3,12 +3,12 @@ import React from 'react'; import intl from 'react-intl-universal'; import { Tabs, Tab } from '@blueprintjs/core'; -import CustomerAddressTabs from './CustomerAddressTabs'; -import CustomerAttachmentTabs from './CustomerAttachmentTabs'; +import { CustomerAddressTabs } from './CustomerAddressTabs'; +import { CustomerAttachmentTabs } from './CustomerAttachmentTabs'; import CustomerFinancialPanel from './CustomerFormFinancialSection'; -import CustomerNotePanel from './CustomerNotePanel'; +import { CustomerNotePanel } from './CustomerNotePanel'; -export default function CustomersTabs() { +export function CustomersTabs() { return (
import('@/containers/Alerts/Customers/CustomerDeleteAlert'), -); -const CustomerActivateAlert = React.lazy( - () => import('@/containers/Alerts/Customers/CustomerActivateAlert'), -); -const CustomerInactivateAlert = React.lazy( - () => import('@/containers/Alerts/Customers/CustomerInactivateAlert'), -); +const CustomerDeleteAlert = React.lazy(() => import('@/containers/Alerts/Customers/CustomerDeleteAlert').then(m => ({ default: m.CustomerDeleteAlert }))); +const CustomerActivateAlert = React.lazy(() => import('@/containers/Alerts/Customers/CustomerActivateAlert').then(m => ({ default: m.CustomerActivateAlert }))); +const CustomerInactivateAlert = React.lazy(() => import('@/containers/Alerts/Customers/CustomerInactivateAlert').then(m => ({ default: m.CustomerInactivateAlert }))); /** * Customers alert. */ -export default [ +export const CustomersAlerts = [ { name: 'customer-delete', component: CustomerDeleteAlert }, { name: 'customer-activate', component: CustomerActivateAlert }, { name: 'customer-inactivate', component: CustomerInactivateAlert }, diff --git a/packages/webapp/src/containers/Customers/CustomersImport.tsx b/packages/webapp/src/containers/Customers/CustomersImport.tsx index 25877349a..5b73436c3 100644 --- a/packages/webapp/src/containers/Customers/CustomersImport.tsx +++ b/packages/webapp/src/containers/Customers/CustomersImport.tsx @@ -3,7 +3,7 @@ import { DashboardInsider } from '@/components'; import { ImportView } from '../Import/ImportView'; import { useHistory } from 'react-router-dom'; -export default function CustomersImport() { +export function CustomersImport() { const history = useHistory(); const handleImportSuccess = () => { diff --git a/packages/webapp/src/containers/Customers/CustomersLanding/CustomersActionsBar.tsx b/packages/webapp/src/containers/Customers/CustomersLanding/CustomersActionsBar.tsx index b32238f27..86b68fe2b 100644 --- a/packages/webapp/src/containers/Customers/CustomersLanding/CustomersActionsBar.tsx +++ b/packages/webapp/src/containers/Customers/CustomersLanding/CustomersActionsBar.tsx @@ -213,7 +213,7 @@ function CustomerActionsBar({ ); } -export default compose( +export const CustomersActionsBar = compose( withCustomersActions, withSettingsActions, withCustomers(({ customersSelectedRows, customersTableState }) => ({ diff --git a/packages/webapp/src/containers/Customers/CustomersLanding/CustomersEmptyStatus.tsx b/packages/webapp/src/containers/Customers/CustomersLanding/CustomersEmptyStatus.tsx index 8dcc273e4..671c24906 100644 --- a/packages/webapp/src/containers/Customers/CustomersLanding/CustomersEmptyStatus.tsx +++ b/packages/webapp/src/containers/Customers/CustomersLanding/CustomersEmptyStatus.tsx @@ -5,7 +5,7 @@ import { useHistory } from 'react-router-dom'; import { Can, FormattedMessage as T, EmptyStatus } from '@/components'; import { AbilitySubject, CustomerAction } from '@/constants/abilityOption'; -export default function CustomersEmptyStatus() { +export function CustomersEmptyStatus() { const history = useHistory(); return ( diff --git a/packages/webapp/src/containers/Customers/CustomersLanding/CustomersList.tsx b/packages/webapp/src/containers/Customers/CustomersLanding/CustomersList.tsx index cab03e110..d2676489a 100644 --- a/packages/webapp/src/containers/Customers/CustomersLanding/CustomersList.tsx +++ b/packages/webapp/src/containers/Customers/CustomersLanding/CustomersList.tsx @@ -5,8 +5,8 @@ import '@/style/pages/Customers/List.scss'; import { DashboardPageContent } from '@/components'; -import CustomersActionsBar from './CustomersActionsBar'; -import CustomersTable from './CustomersTable'; +import { CustomersActionsBar } from './CustomersActionsBar'; +import { CustomersTable } from './CustomersTable'; import { CustomersListProvider } from './CustomersListProvider'; import { withCustomers } from './withCustomers'; @@ -17,7 +17,7 @@ import { compose } from '@/utils'; /** * Customers list. */ -function CustomersList({ +function CustomersListInner({ // #withCustomers customersTableState, customersTableStateChanged, @@ -49,10 +49,10 @@ function CustomersList({ ); } -export default compose( +export const CustomersList = compose( withCustomers(({ customersTableState, customersTableStateChanged }) => ({ customersTableState, customersTableStateChanged, })), withCustomersActions, -)(CustomersList); +)(CustomersListInner); diff --git a/packages/webapp/src/containers/Customers/CustomersLanding/CustomersTable.tsx b/packages/webapp/src/containers/Customers/CustomersLanding/CustomersTable.tsx index 5f8388f8b..89dc92e09 100644 --- a/packages/webapp/src/containers/Customers/CustomersLanding/CustomersTable.tsx +++ b/packages/webapp/src/containers/Customers/CustomersLanding/CustomersTable.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { useHistory } from 'react-router-dom'; -import CustomersEmptyStatus from './CustomersEmptyStatus'; +import { CustomersEmptyStatus } from './CustomersEmptyStatus'; import { TABLES } from '@/constants/tables'; import { @@ -29,7 +29,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Customers table. */ -function CustomersTable({ +function CustomersTableInner({ // #withCustomersActions setCustomersTableState, setCustomersSelectedRows, @@ -173,7 +173,7 @@ function CustomersTable({ ); } -export default compose( +export const CustomersTable = compose( withAlertActions, withDialogActions, withCustomersActions, @@ -182,4 +182,4 @@ export default compose( withSettings(({ customersSettings }) => ({ customersTableSize: customersSettings?.tableSize, })), -)(CustomersTable); +)(CustomersTableInner); diff --git a/packages/webapp/src/containers/Customers/CustomersLanding/CustomersViewsTabs.tsx b/packages/webapp/src/containers/Customers/CustomersLanding/CustomersViewsTabs.tsx index 673a7b40b..8c58d4232 100644 --- a/packages/webapp/src/containers/Customers/CustomersLanding/CustomersViewsTabs.tsx +++ b/packages/webapp/src/containers/Customers/CustomersLanding/CustomersViewsTabs.tsx @@ -14,7 +14,7 @@ import { withDashboardActions } from '@/containers/Dashboard/withDashboardAction /** * Customers views tabs. */ -function CustomersViewsTabs({ +function CustomersViewsTabsInner({ // #withCustomersActions setCustomersTableState, @@ -46,10 +46,10 @@ function CustomersViewsTabs({ ); } -export default compose( +export const CustomersViewsTabs = compose( withDashboardActions, withCustomersActions, withCustomers(({ customersTableState }) => ({ customersCurrentView: customersTableState.viewSlug, })), -)(CustomersViewsTabs); +)(CustomersViewsTabsInner); diff --git a/packages/webapp/src/containers/Dialogs/AccountDialog/AccountDialogContent.tsx b/packages/webapp/src/containers/Dialogs/AccountDialog/AccountDialogContent.tsx index a8500b4bf..1ca559384 100644 --- a/packages/webapp/src/containers/Dialogs/AccountDialog/AccountDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/AccountDialog/AccountDialogContent.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; import { AccountDialogProvider } from './AccountDialogProvider'; -import AccountDialogForm from './AccountDialogForm'; +import { AccountDialogForm } from './AccountDialogForm'; /** * Account dialog content. */ -export default function AccountDialogContent({ dialogName, payload }) { +export function AccountDialogContent({ dialogName, payload }) { return ( diff --git a/packages/webapp/src/containers/Dialogs/AccountDialog/AccountDialogForm.tsx b/packages/webapp/src/containers/Dialogs/AccountDialog/AccountDialogForm.tsx index c77c25895..6fa4e1ce2 100644 --- a/packages/webapp/src/containers/Dialogs/AccountDialog/AccountDialogForm.tsx +++ b/packages/webapp/src/containers/Dialogs/AccountDialog/AccountDialogForm.tsx @@ -5,7 +5,7 @@ import { Intent } from '@blueprintjs/core'; import { Formik } from 'formik'; import { AppToaster } from '@/components'; -import AccountDialogFormContent from './AccountDialogFormContent'; +import { AccountDialogFormContent } from './AccountDialogFormContent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { @@ -135,4 +135,4 @@ function AccountFormDialogContent({ ); } -export default compose(withDialogActions)(AccountFormDialogContent); +export const AccountDialogForm = compose(withDialogActions)(AccountFormDialogContent); diff --git a/packages/webapp/src/containers/Dialogs/AccountDialog/AccountDialogFormContent.tsx b/packages/webapp/src/containers/Dialogs/AccountDialog/AccountDialogFormContent.tsx index e9243633f..759738cff 100644 --- a/packages/webapp/src/containers/Dialogs/AccountDialog/AccountDialogFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/AccountDialog/AccountDialogFormContent.tsx @@ -184,7 +184,7 @@ function AccountFormDialogFields({ ); } -export default compose( +export const AccountDialogFormContent = compose( withAccounts(({ accountsTypes, accountsList }) => ({ accountsTypes, accounts: accountsList, diff --git a/packages/webapp/src/containers/Dialogs/AccountDialog/index.tsx b/packages/webapp/src/containers/Dialogs/AccountDialog/index.tsx index d03e076af..62db5d92a 100644 --- a/packages/webapp/src/containers/Dialogs/AccountDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/AccountDialog/index.tsx @@ -5,7 +5,7 @@ import { Dialog, DialogSuspense } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const AccountDialogContent = lazy(() => import('./AccountDialogContent')); +const AccountDialogContent = lazy(() => import('./AccountDialogContent').then(m => ({ default: m.AccountDialogContent }))); /** * Account form dialog. @@ -37,4 +37,4 @@ function AccountFormDialog({ ); } -export default compose(withDialogRedux())(AccountFormDialog); +export const index = compose(withDialogRedux())(AccountFormDialog); diff --git a/packages/webapp/src/containers/Dialogs/Accounts/AccountBulkDeleteDialog.tsx b/packages/webapp/src/containers/Dialogs/Accounts/AccountBulkDeleteDialog.tsx index eef9a1b4a..abd0ea6e7 100644 --- a/packages/webapp/src/containers/Dialogs/Accounts/AccountBulkDeleteDialog.tsx +++ b/packages/webapp/src/containers/Dialogs/Accounts/AccountBulkDeleteDialog.tsx @@ -4,7 +4,7 @@ import { Button, Classes, Dialog, Intent } from '@blueprintjs/core'; import { FormattedMessage as T, AppToaster } from '@/components'; import intl from 'react-intl-universal'; -import BulkDeleteDialogContent from '@/containers/Dialogs/components/BulkDeleteDialogContent'; +import { BulkDeleteDialogContent } from '@/containers/Dialogs/components/BulkDeleteDialogContent'; import { useBulkDeleteAccounts } from '@/hooks/query/accounts'; import withDialogRedux from '@/components/DialogReduxConnect'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; @@ -12,7 +12,7 @@ import { withAccountsTableActions } from '@/containers/Accounts/withAccountsTabl import { compose } from '@/utils'; import { handleDeleteErrors } from '@/containers/Accounts/utils'; -function AccountBulkDeleteDialog({ +function AccountBulkDeleteDialogInner({ dialogName, isOpen, payload: { @@ -93,9 +93,9 @@ function AccountBulkDeleteDialog({ ); } -export default compose( +export const AccountBulkDeleteDialog = compose( withDialogRedux(), withDialogActions, withAccountsTableActions, -)(AccountBulkDeleteDialog); +)(AccountBulkDeleteDialogInner); diff --git a/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostDialogContent.tsx b/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostDialogContent.tsx index 497c9a314..4bf18f1df 100644 --- a/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostDialogContent.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; import { AllocateLandedCostDialogProvider } from './AllocateLandedCostDialogProvider'; -import AllocateLandedCostForm from './AllocateLandedCostForm'; +import { AllocateLandedCostForm } from './AllocateLandedCostForm'; /** * Allocate landed cost dialog content. */ -export default function AllocateLandedCostDialogContent({ +export function AllocateLandedCostDialogContent({ // #ownProps dialogName, billId, diff --git a/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostEntriesTable.tsx b/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostEntriesTable.tsx index 2c2fa6d3f..52bb23233 100644 --- a/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostEntriesTable.tsx +++ b/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostEntriesTable.tsx @@ -10,7 +10,7 @@ import { useAllocateLandedCostEntriesTableColumns } from './utils'; /** * Allocate landed cost entries table. */ -export default function AllocateLandedCostEntriesTable({ +export function AllocateLandedCostEntriesTable({ onUpdateData, entries, }) { diff --git a/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFloatingActions.tsx index 5ec9bd0d6..ebc6d788d 100644 --- a/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFloatingActions.tsx @@ -17,7 +17,7 @@ import { compose } from '@/utils'; * Allocate landed cost floating actions. * @returns {React.JSX} */ -function AllocateLandedCostFloatingActions({ +function AllocateLandedCostFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -61,7 +61,7 @@ function AllocateLandedCostFloatingActions({ ); } -export default compose(withDialogActions)(AllocateLandedCostFloatingActions); +export const AllocateLandedCostFloatingActions = compose(withDialogActions)(AllocateLandedCostFloatingActionsInner); const AllocateDialogFooter = styled(DialogFooter)` display: flex; diff --git a/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostForm.tsx b/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostForm.tsx index cd07869fb..6c824108c 100644 --- a/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostForm.tsx +++ b/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostForm.tsx @@ -9,7 +9,7 @@ import '@/style/pages/AllocateLandedCost/AllocateLandedCostForm.scss'; import { AppToaster } from '@/components'; import { AllocateLandedCostFormSchema } from './AllocateLandedCostForm.schema'; import { useAllocateLandedConstDialogContext } from './AllocateLandedCostDialogProvider'; -import AllocateLandedCostFormContent from './AllocateLandedCostFormContent'; +import { AllocateLandedCostFormContent } from './AllocateLandedCostFormContent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose, transformToForm } from '@/utils'; import { defaultInitialValues } from './utils'; @@ -17,7 +17,7 @@ import { defaultInitialValues } from './utils'; /** * Allocate landed cost form. */ -function AllocateLandedCostForm({ +function AllocateLandedCostFormInner({ // #withDialogActions closeDialog, }) { @@ -101,4 +101,4 @@ function AllocateLandedCostForm({ ); } -export default compose(withDialogActions)(AllocateLandedCostForm); +export const AllocateLandedCostForm = compose(withDialogActions)(AllocateLandedCostFormInner); diff --git a/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFormBody.tsx b/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFormBody.tsx index 31339a202..81fedef19 100644 --- a/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFormBody.tsx +++ b/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFormBody.tsx @@ -3,9 +3,9 @@ import React from 'react'; import { FastField } from 'formik'; import { CLASSES } from '@/constants/classes'; import classNames from 'classnames'; -import AllocateLandedCostEntriesTable from './AllocateLandedCostEntriesTable'; +import { AllocateLandedCostEntriesTable } from './AllocateLandedCostEntriesTable'; -export default function AllocateLandedCostFormBody() { +export function AllocateLandedCostFormBody() { return (
diff --git a/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFormContent.tsx b/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFormContent.tsx index 94bf28592..d82854797 100644 --- a/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFormContent.tsx @@ -3,13 +3,13 @@ import React from 'react'; import { Form, useFormikContext } from 'formik'; import { FormObserver } from '@/components'; import { useAllocateLandedConstDialogContext } from './AllocateLandedCostDialogProvider'; -import AllocateLandedCostFloatingActions from './AllocateLandedCostFloatingActions'; -import AllocateLandedCostFormFields from './AllocateLandedCostFormFields'; +import { AllocateLandedCostFloatingActions } from './AllocateLandedCostFloatingActions'; +import { AllocateLandedCostFormFields } from './AllocateLandedCostFormFields'; /** * Allocate landed cost form content. */ -export default function AllocateLandedCostFormContent() { +export function AllocateLandedCostFormContent() { const { values } = useFormikContext(); // Allocate landed cost dialog context. diff --git a/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFormFields.tsx b/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFormFields.tsx index 73fe2ccb6..6c8a6bfcc 100644 --- a/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFormFields.tsx +++ b/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/AllocateLandedCostFormFields.tsx @@ -18,7 +18,7 @@ import { FieldRequiredHint } from '@/components'; import { CLASSES } from '@/constants/classes'; import { AllocateLandedCostType } from '@/constants/allocateLandedCostType'; -import AllocateLandedCostFormBody from './AllocateLandedCostFormBody'; +import { AllocateLandedCostFormBody } from './AllocateLandedCostFormBody'; import { allocateCostToEntries, resetAllocatedCostEntries, @@ -28,7 +28,7 @@ import { useAllocateLandedConstDialogContext } from './AllocateLandedCostDialogP /** * Allocate landed cost form fields. */ -export default function AllocateLandedCostFormFields() { +export function AllocateLandedCostFormFields() { // Allocated landed cost dialog. const { costTransactionEntries, landedCostTransactions, isLandedCostTransactionsLoading } = useAllocateLandedConstDialogContext(); diff --git a/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/index.tsx b/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/index.tsx index 5a9edfa81..c12ee41c2 100644 --- a/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/AllocateLandedCostDialog/index.tsx @@ -4,9 +4,7 @@ import { FormattedMessage as T, Dialog, DialogSuspense } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const AllocateLandedCostDialogContent = lazy(() => - import('./AllocateLandedCostDialogContent'), -); +const AllocateLandedCostDialogContent = lazy(() => import('./AllocateLandedCostDialogContent').then(m => ({ default: m.AllocateLandedCostDialogContent }))); /** * Allocate landed cost dialog. @@ -34,4 +32,4 @@ function AllocateLandedCostDialog({ ); } -export default compose(withDialogRedux())(AllocateLandedCostDialog); +export const index = compose(withDialogRedux())(AllocateLandedCostDialog); diff --git a/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeyDisplayView.tsx b/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeyDisplayView.tsx index c675bce58..03df1b4e7 100644 --- a/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeyDisplayView.tsx +++ b/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeyDisplayView.tsx @@ -17,7 +17,7 @@ import { AppToaster } from '@/components'; /** * API Key Display view component (used within the generate dialog). */ -function ApiKeyDisplayView({ +export function ApiKeyDisplayView({ dialogName, apiKey, onClose, @@ -67,6 +67,3 @@ function ApiKeyDisplayView({ ); } - -export default ApiKeyDisplayView; - diff --git a/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateDialog.tsx b/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateDialog.tsx index d9bfabf48..34fcf4a58 100644 --- a/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateDialog.tsx +++ b/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateDialog.tsx @@ -4,14 +4,12 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const ApiKeysGenerateDialogContent = React.lazy( - () => import('./ApiKeysGenerateDialogContent'), -); +const ApiKeysGenerateDialogContent = React.lazy(() => import('./ApiKeysGenerateDialogContent').then(m => ({ default: m.ApiKeysGenerateDialogContent }))); /** * API Keys Generate dialog. */ -function ApiKeysGenerateDialog({ dialogName, payload, isOpen }) { +function ApiKeysGenerateDialogInner({ dialogName, payload, isOpen }) { return ( ); } -export default compose(withDialogRedux())(ApiKeysGenerateDialog); +export const ApiKeysGenerateDialog = compose(withDialogRedux())(ApiKeysGenerateDialogInner); diff --git a/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateDialogContent.tsx b/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateDialogContent.tsx index f12d4895e..7ac98bdfe 100644 --- a/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateDialogContent.tsx @@ -5,9 +5,9 @@ import intl from 'react-intl-universal'; import { Intent } from '@blueprintjs/core'; import { AppToaster } from '@/components'; import { useGenerateApiKey } from '@/hooks/query'; -import ApiKeysGenerateFormContent from './ApiKeysGenerateFormContent'; -import ApiKeysGenerateFormSchema from './ApiKeysGenerateForm.schema'; -import ApiKeyDisplayView from './ApiKeyDisplayView'; +import { ApiKeysGenerateFormContent } from './ApiKeysGenerateFormContent'; +import { CreateApiKeyFormSchema as ApiKeysGenerateFormSchema } from './ApiKeysGenerateForm.schema'; +import { ApiKeyDisplayView } from './ApiKeyDisplayView'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; @@ -18,7 +18,7 @@ const defaultInitialValues = { /** * API Keys Generate form dialog content. */ -function ApiKeysGenerateDialogContent({ +function ApiKeysGenerateDialogContentInner({ // #withDialogActions closeDialog, dialogName, @@ -83,4 +83,4 @@ function ApiKeysGenerateDialogContent({ ); } -export default compose(withDialogActions)(ApiKeysGenerateDialogContent); +export const ApiKeysGenerateDialogContent = compose(withDialogActions)(ApiKeysGenerateDialogContentInner); diff --git a/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateForm.schema.tsx b/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateForm.schema.tsx index eabc5a65d..770a323e0 100644 --- a/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateForm.schema.tsx +++ b/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateForm.schema.tsx @@ -7,4 +7,3 @@ export const CreateApiKeyFormSchema = Yup.object().shape({ .max(255, 'Name must be at most 255 characters'), }); -export default CreateApiKeyFormSchema; diff --git a/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateFormContent.tsx b/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateFormContent.tsx index 8f1107a1c..807106ce3 100644 --- a/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/ApiKeysGenerateFormContent.tsx @@ -20,7 +20,7 @@ import { compose } from '@/utils'; /** * API Keys Generate form content. */ -function ApiKeysGenerateFormContent({ +function ApiKeysGenerateFormContentInner({ dialogName, // #withDialogActions closeDialog, @@ -64,4 +64,4 @@ function ApiKeysGenerateFormContent({ ); } -export default compose(withDialogActions)(ApiKeysGenerateFormContent); +export const ApiKeysGenerateFormContent = compose(withDialogActions)(ApiKeysGenerateFormContentInner); diff --git a/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/index.tsx b/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/index.tsx index 25ad63c08..98f9846fd 100644 --- a/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/ApiKeysGenerateDialog/index.tsx @@ -1 +1 @@ -export { default } from './ApiKeysGenerateDialog'; +export { ApiKeysGenerateDialog } from './ApiKeysGenerateDialog'; diff --git a/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtDialogContent.tsx b/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtDialogContent.tsx index 437098ddc..927650c52 100644 --- a/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtDialogContent.tsx @@ -3,12 +3,12 @@ import React from 'react'; import '@/style/pages/BadDebt/BadDebtDialog.scss'; import { BadDebtFormProvider } from './BadDebtFormProvider'; -import BadDebtForm from './BadDebtForm'; +import { BadDebtForm } from './BadDebtForm'; /** * Bad debt dialog content. */ -export default function BadDebtDialogContent({ +export function BadDebtDialogContent({ // #ownProps dialogName, invoice, diff --git a/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtForm.tsx b/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtForm.tsx index 02e85f882..dbecd9d78 100644 --- a/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtForm.tsx +++ b/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtForm.tsx @@ -10,7 +10,7 @@ import { AppToaster } from '@/components'; import { CreateBadDebtFormSchema } from './BadDebtForm.schema'; import { transformErrors } from './utils'; -import BadDebtFormContent from './BadDebtFormContent'; +import { BadDebtFormContent } from './BadDebtFormContent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withCurrentOrganization } from '@/containers/Organization/withCurrentOrganization'; @@ -25,7 +25,7 @@ const defaultInitialValues = { amount: '', }; -function BadDebtForm({ +function BadDebtFormInner({ // #withDialogActions closeDialog, @@ -79,7 +79,7 @@ function BadDebtForm({ ); } -export default compose( +export const BadDebtForm = compose( withDialogActions, withCurrentOrganization(), -)(BadDebtForm); +)(BadDebtFormInner); diff --git a/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtFormContent.tsx b/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtFormContent.tsx index f7d405405..9dad50834 100644 --- a/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtFormContent.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { Form } from 'formik'; -import BadDebtFormFields from './BadDebtFormFields'; -import BadDebtFormFloatingActions from './BadDebtFormFloatingActions'; +import { BadDebtFormFields } from './BadDebtFormFields'; +import { BadDebtFormFloatingActions } from './BadDebtFormFloatingActions'; /** * Bad debt form content. */ -export default function BadDebtFormContent() { +export function BadDebtFormContent() { return ( diff --git a/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtFormFields.tsx b/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtFormFields.tsx index 6724a9346..3e684fdc0 100644 --- a/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtFormFields.tsx +++ b/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtFormFields.tsx @@ -34,7 +34,7 @@ import intl from 'react-intl-universal'; /** * Bad debt form fields. */ -function BadDebtFormFields() { +export function BadDebtFormFields() { const amountfieldRef = useAutofocus(); const { accounts, invoice } = useBadDebtContext(); @@ -91,5 +91,3 @@ function BadDebtFormFields() {
); } - -export default BadDebtFormFields; diff --git a/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtFormFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtFormFloatingActions.tsx index 4e5046b5d..fe2703f23 100644 --- a/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/BadDebtDialog/BadDebtFormFloatingActions.tsx @@ -12,7 +12,7 @@ import { compose } from '@/utils'; /** * Bad bebt form floating actions. */ -function BadDebtFormFloatingActions({ +function BadDebtFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -46,4 +46,4 @@ function BadDebtFormFloatingActions({ ); } -export default compose(withDialogActions)(BadDebtFormFloatingActions); +export const BadDebtFormFloatingActions = compose(withDialogActions)(BadDebtFormFloatingActionsInner); diff --git a/packages/webapp/src/containers/Dialogs/BadDebtDialog/index.tsx b/packages/webapp/src/containers/Dialogs/BadDebtDialog/index.tsx index 5582626cb..f29bb2cb4 100644 --- a/packages/webapp/src/containers/Dialogs/BadDebtDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/BadDebtDialog/index.tsx @@ -5,7 +5,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from 'redux'; -const BadDebtDialogContent = React.lazy(() => import('./BadDebtDialogContent')); +const BadDebtDialogContent = React.lazy(() => import('./BadDebtDialogContent').then(m => ({ default: m.BadDebtDialogContent }))); /** * Bad debt dialog. @@ -26,4 +26,4 @@ function BadDebtDialog({ dialogName, payload: { invoiceId = null }, isOpen }) { ); } -export default compose(withDialogRedux())(BadDebtDialog); +export const index = compose(withDialogRedux())(BadDebtDialog); diff --git a/packages/webapp/src/containers/Dialogs/BillNumberDialog/BillNumberDialogContent.tsx b/packages/webapp/src/containers/Dialogs/BillNumberDialog/BillNumberDialogContent.tsx index 94a63a29c..be483e5df 100644 --- a/packages/webapp/src/containers/Dialogs/BillNumberDialog/BillNumberDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/BillNumberDialog/BillNumberDialogContent.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { DialogContent } from '@/components'; import { useQuery, useQueryClient } from '@tanstack/react-query'; -import ReferenceNumberForm from '@/containers/JournalNumber/ReferenceNumberForm'; +import { ReferenceNumberForm } from '@/containers/JournalNumber/ReferenceNumberForm'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withSettingsActions } from '@/containers/Settings/withSettingsActions'; @@ -16,7 +16,7 @@ import { compose, optionsMapToArray } from '@/utils'; * bill number dialog's content. */ -function BillNumberDialogContent({ +function BillNumberDialogContentInner({ // #withSettings nextNumber, numberPrefix, @@ -73,7 +73,7 @@ function BillNumberDialogContent({ ); } -export default compose( +export const BillNumberDialogContent = compose( withDialogActions, withSettingsActions, withSettings(({ billsettings }) => ({ @@ -81,4 +81,4 @@ export default compose( numberPrefix: billsettings?.number_prefix, })), withBillsActions, -)(BillNumberDialogContent); +)(BillNumberDialogContentInner); diff --git a/packages/webapp/src/containers/Dialogs/BillNumberDialog/index.tsx b/packages/webapp/src/containers/Dialogs/BillNumberDialog/index.tsx index 3e0fb6fcd..9a81cb08f 100644 --- a/packages/webapp/src/containers/Dialogs/BillNumberDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/BillNumberDialog/index.tsx @@ -5,7 +5,7 @@ import { Dialog, DialogSuspense } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const BillNumberDialogContent = lazy(() => import('./BillNumberDialogContent')); +const BillNumberDialogContent = lazy(() => import('./BillNumberDialogContent').then(m => ({ default: m.BillNumberDialogContent }))); function BillNumberDialog({ dialogName, payload = { id: null }, isOpen }) { return ( @@ -24,4 +24,4 @@ function BillNumberDialog({ dialogName, payload = { id: null }, isOpen }) { ); } -export default compose(withDialogRedux())(BillNumberDialog); +export const index = compose(withDialogRedux())(BillNumberDialog); diff --git a/packages/webapp/src/containers/Dialogs/Bills/BillBulkDeleteDialog.tsx b/packages/webapp/src/containers/Dialogs/Bills/BillBulkDeleteDialog.tsx index f64996156..889db4196 100644 --- a/packages/webapp/src/containers/Dialogs/Bills/BillBulkDeleteDialog.tsx +++ b/packages/webapp/src/containers/Dialogs/Bills/BillBulkDeleteDialog.tsx @@ -4,14 +4,14 @@ import { Button, Classes, Dialog, Intent } from '@blueprintjs/core'; import { FormattedMessage as T, AppToaster } from '@/components'; import intl from 'react-intl-universal'; -import BulkDeleteDialogContent from '@/containers/Dialogs/components/BulkDeleteDialogContent'; +import { BulkDeleteDialogContent } from '@/containers/Dialogs/components/BulkDeleteDialogContent'; import { useBulkDeleteBills } from '@/hooks/query/bills'; import withDialogRedux from '@/components/DialogReduxConnect'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withBillsActions } from '@/containers/Purchases/Bills/BillsLanding/withBillsActions'; import { compose } from '@/utils'; -function BillBulkDeleteDialog({ +function BillBulkDeleteDialogInner({ dialogName, isOpen, payload: { @@ -92,9 +92,9 @@ function BillBulkDeleteDialog({ ); } -export default compose( +export const BillBulkDeleteDialog = compose( withDialogRedux(), withDialogActions, withBillsActions, -)(BillBulkDeleteDialog); +)(BillBulkDeleteDialogInner); diff --git a/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateDialogContent.tsx b/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateDialogContent.tsx index c82dcb0cf..f826e0c5e 100644 --- a/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateDialogContent.tsx @@ -1,10 +1,10 @@ // @ts-nocheck import React from 'react'; -import BranchActivateForm from './BranchActivateForm'; +import { BranchActivateForm } from './BranchActivateForm'; import { BranchActivateFormProvider } from './BranchActivateFormProvider'; -export default function BranchActivateDialogContent({ +export function BranchActivateDialogContent({ // #ownProps dialogName, }) { diff --git a/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateForm.tsx b/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateForm.tsx index 268da7b92..25a1a9a66 100644 --- a/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateForm.tsx +++ b/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateForm.tsx @@ -7,7 +7,7 @@ import { Intent } from '@blueprintjs/core'; import { AppToaster } from '@/components'; import { useBranchActivateContext } from './BranchActivateFormProvider'; -import BranchActivateFormContent from './BranchActivateFormContent'; +import { BranchActivateFormContent } from './BranchActivateFormContent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; @@ -16,7 +16,7 @@ import { compose } from '@/utils'; /** * Branch activate form. */ -function BranchActivateForm({ +function BranchActivateFormInner({ // #withDialogActions closeDialog, }) { @@ -62,4 +62,4 @@ function BranchActivateForm({ ); } -export default compose(withDialogActions)(BranchActivateForm); +export const BranchActivateForm = compose(withDialogActions)(BranchActivateFormInner); diff --git a/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateFormContent.tsx b/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateFormContent.tsx index 1315d6caa..4c2100466 100644 --- a/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateFormContent.tsx @@ -3,12 +3,12 @@ import React from 'react'; import intl from 'react-intl-universal'; import { Form } from 'formik'; import { Classes } from '@blueprintjs/core'; -import BranchActivateFormFloatingActions from './BranchActivateFormFloatingActions'; +import { BranchActivateFormFloatingActions } from './BranchActivateFormFloatingActions'; /** * Branch activate form content. */ -export default function BranchActivateFormContent() { +export function BranchActivateFormContent() { return (
diff --git a/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateFormFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateFormFloatingActions.tsx index 2581e506f..b60dc80cb 100644 --- a/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/BranchActivateDialog/BranchActivateFormFloatingActions.tsx @@ -11,7 +11,7 @@ import { compose } from '@/utils'; /** * branch activate form floating actions. */ -function BranchActivateFormFloatingActions({ +function BranchActivateFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -46,4 +46,4 @@ function BranchActivateFormFloatingActions({ ); } -export default compose(withDialogActions)(BranchActivateFormFloatingActions); +export const BranchActivateFormFloatingActions = compose(withDialogActions)(BranchActivateFormFloatingActionsInner); diff --git a/packages/webapp/src/containers/Dialogs/BranchActivateDialog/index.tsx b/packages/webapp/src/containers/Dialogs/BranchActivateDialog/index.tsx index 440fbac62..b0b9c4e4b 100644 --- a/packages/webapp/src/containers/Dialogs/BranchActivateDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/BranchActivateDialog/index.tsx @@ -5,9 +5,7 @@ import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const BranchActivateDialogContent = React.lazy( - () => import('./BranchActivateDialogContent'), -); +const BranchActivateDialogContent = React.lazy(() => import('./BranchActivateDialogContent').then(m => ({ default: m.BranchActivateDialogContent }))); /** * Branch activate dialog. @@ -29,4 +27,4 @@ function BranchActivateDialog({ dialogName, payload: {}, isOpen }) { ); } -export default compose(withDialogRedux())(BranchActivateDialog); +export const index = compose(withDialogRedux())(BranchActivateDialog); diff --git a/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchForm.tsx b/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchForm.tsx index e7ae8d993..28f31328a 100644 --- a/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchForm.tsx +++ b/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchForm.tsx @@ -9,7 +9,7 @@ import { AppToaster } from '@/components'; import { CreateBranchFormSchema } from './BranchForm.schema'; import { transformErrors } from './utils'; -import BranchFormContent from './BranchFormContent'; +import { BranchFormContent } from './BranchFormContent'; import { useBranchFormContext } from './BranchFormProvider'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; @@ -26,7 +26,7 @@ const defaultInitialValues = { country: '', }; -function BranchForm({ +function BranchFormInner({ // #withDialogActions closeDialog, }) { @@ -80,4 +80,4 @@ function BranchForm({ /> ); } -export default compose(withDialogActions)(BranchForm); +export const BranchForm = compose(withDialogActions)(BranchFormInner); diff --git a/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormContent.tsx b/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormContent.tsx index 79fee9fb4..d04b8dae0 100644 --- a/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormContent.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { Form } from 'formik'; -import BranchFormFields from './BranchFormFields'; -import BranchFormFloatingActions from './BranchFormFloatingActions'; +import { BranchFormFields } from './BranchFormFields'; +import { BranchFormFloatingActions } from './BranchFormFloatingActions'; /** * Branch form content. */ -export default function BranchFormContent() { +export function BranchFormContent() { return ( diff --git a/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormDialogContent.tsx b/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormDialogContent.tsx index 6746d694b..022d9cb3e 100644 --- a/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormDialogContent.tsx @@ -4,12 +4,12 @@ import React from 'react'; import '@/style/pages/Branches/BranchFormDialog.scss'; import { BranchFormProvider } from './BranchFormProvider'; -import BranchForm from './BranchForm'; +import { BranchForm } from './BranchForm'; /** * Branch form dialog content. */ -export default function BranchFormDialogContent({ +export function BranchFormDialogContent({ // #ownProps dialogName, branchId, diff --git a/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormFields.tsx b/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormFields.tsx index 1d3de6a9d..e384c2436 100644 --- a/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormFields.tsx +++ b/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormFields.tsx @@ -13,7 +13,7 @@ import { /** * Branch form dialog fields. */ -function BranchFormFields() { +export function BranchFormFields() { return (
{/*------------ Branch Name -----------*/} @@ -100,9 +100,6 @@ function BranchFormFields() {
); } - -export default BranchFormFields; - const BranchAddressWrap = styled.div` margin-left: 160px; `; diff --git a/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormFloatingActions.tsx index 759f7da8c..380722b46 100644 --- a/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/BranchFormDialog/BranchFormFloatingActions.tsx @@ -12,7 +12,7 @@ import { compose } from '@/utils'; /** * Branch form floating actions. */ -function BranchFormFloatingActions({ +function BranchFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -44,4 +44,4 @@ function BranchFormFloatingActions({
); } -export default compose(withDialogActions)(BranchFormFloatingActions); +export const BranchFormFloatingActions = compose(withDialogActions)(BranchFormFloatingActionsInner); diff --git a/packages/webapp/src/containers/Dialogs/BranchFormDialog/index.tsx b/packages/webapp/src/containers/Dialogs/BranchFormDialog/index.tsx index 06a8dab10..dfe5c5c7f 100644 --- a/packages/webapp/src/containers/Dialogs/BranchFormDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/BranchFormDialog/index.tsx @@ -5,9 +5,7 @@ import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const BranchFormDialogContent = React.lazy( - () => import('./BranchFormDialogContent'), -); +const BranchFormDialogContent = React.lazy(() => import('./BranchFormDialogContent').then(m => ({ default: m.BranchFormDialogContent }))); /** * Branch form form dialog. @@ -38,4 +36,4 @@ function BranchFormDialog({ ); } -export default compose(withDialogRedux())(BranchFormDialog); +export const index = compose(withDialogRedux())(BranchFormDialog); diff --git a/packages/webapp/src/containers/Dialogs/ContactDuplicateDialog/ContactDuplicateDialogContent.tsx b/packages/webapp/src/containers/Dialogs/ContactDuplicateDialog/ContactDuplicateDialogContent.tsx index fa4f64840..15c040394 100644 --- a/packages/webapp/src/containers/Dialogs/ContactDuplicateDialog/ContactDuplicateDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/ContactDuplicateDialog/ContactDuplicateDialogContent.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; -import ContactDuplicateForm from './ContactDuplicateForm'; +import { ContactDuplicateForm } from './ContactDuplicateForm'; import { ContactDuplicateProvider } from './ContactDuplicateProvider'; import '@/style/pages/ContactDuplicate/ContactDuplicateDialog.scss'; -export default function ContactDuplicateDialogContent({ +export function ContactDuplicateDialogContent({ // #ownProp contact, dialogName, diff --git a/packages/webapp/src/containers/Dialogs/ContactDuplicateDialog/ContactDuplicateForm.tsx b/packages/webapp/src/containers/Dialogs/ContactDuplicateDialog/ContactDuplicateForm.tsx index 82dde6b0b..05504e148 100644 --- a/packages/webapp/src/containers/Dialogs/ContactDuplicateDialog/ContactDuplicateForm.tsx +++ b/packages/webapp/src/containers/Dialogs/ContactDuplicateDialog/ContactDuplicateForm.tsx @@ -14,7 +14,7 @@ import { ContactsOptions } from '@/constants/contactsOptions'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; -function ContactDuplicateForm({ +function ContactDuplicateFormInner({ // #withDialogActions closeDialog, }) { @@ -97,4 +97,4 @@ function ContactDuplicateForm({ ); } -export default compose(withDialogActions)(ContactDuplicateForm); +export const ContactDuplicateForm = compose(withDialogActions)(ContactDuplicateFormInner); diff --git a/packages/webapp/src/containers/Dialogs/ContactDuplicateDialog/index.tsx b/packages/webapp/src/containers/Dialogs/ContactDuplicateDialog/index.tsx index 1f5d51ae2..db2a20c1c 100644 --- a/packages/webapp/src/containers/Dialogs/ContactDuplicateDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/ContactDuplicateDialog/index.tsx @@ -5,9 +5,7 @@ import { Dialog, DialogSuspense } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const ContactDialogContent = lazy(() => - import('./ContactDuplicateDialogContent'), -); +const ContactDialogContent = lazy(() => import('./ContactDuplicateDialogContent').then(m => ({ default: m.ContactDuplicateDialogContent }))); /** * Contact duplicate dialog. */ @@ -31,4 +29,4 @@ function ContactDuplicateDialog({ dialogName, payload, isOpen }) { ); } -export default compose(withDialogRedux())(ContactDuplicateDialog); +export const index = compose(withDialogRedux())(ContactDuplicateDialog); diff --git a/packages/webapp/src/containers/Dialogs/CreditNoteNumberDialog/CreditNoteNumberDialogContent.tsx b/packages/webapp/src/containers/Dialogs/CreditNoteNumberDialog/CreditNoteNumberDialogContent.tsx index 93580767a..5294bfd2d 100644 --- a/packages/webapp/src/containers/Dialogs/CreditNoteNumberDialog/CreditNoteNumberDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/CreditNoteNumberDialog/CreditNoteNumberDialogContent.tsx @@ -4,7 +4,7 @@ import intl from 'react-intl-universal'; import { useSaveSettings } from '@/hooks/query'; import { CreditNoteNumberDialogProvider } from './CreditNoteNumberDialogProvider'; -import ReferenceNumberForm from '@/containers/JournalNumber/ReferenceNumberForm'; +import { ReferenceNumberForm } from '@/containers/JournalNumber/ReferenceNumberForm'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withSettings } from '@/containers/Settings/withSettings'; @@ -18,7 +18,7 @@ import { /** * credit note number dialog content */ -function CreditNoteNumberDialogContent({ +function CreditNoteNumberDialogContentInner({ // #ownProps initialValues, onConfirm, @@ -91,7 +91,7 @@ function CreditNoteNumberDialogContent({ ); } -export default compose( +export const CreditNoteNumberDialogContent = compose( withDialogActions, withSettingsActions, withSettings(({ creditNoteSettings }) => ({ @@ -99,4 +99,4 @@ export default compose( nextNumber: creditNoteSettings?.nextNumber, numberPrefix: creditNoteSettings?.numberPrefix, })), -)(CreditNoteNumberDialogContent); +)(CreditNoteNumberDialogContentInner); diff --git a/packages/webapp/src/containers/Dialogs/CreditNoteNumberDialog/index.tsx b/packages/webapp/src/containers/Dialogs/CreditNoteNumberDialog/index.tsx index bad3cb874..2aeac5979 100644 --- a/packages/webapp/src/containers/Dialogs/CreditNoteNumberDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/CreditNoteNumberDialog/index.tsx @@ -4,9 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose, saveInvoke } from '@/utils'; -const CreditNoteNumberDialogContent = React.lazy(() => - import('./CreditNoteNumberDialogContent'), -); +const CreditNoteNumberDialogContent = React.lazy(() => import('./CreditNoteNumberDialogContent').then(m => ({ default: m.CreditNoteNumberDialogContent }))); /** * Credit note number dialog. @@ -38,4 +36,4 @@ function CreditNoteNumberDialog({ ); } -export default compose(withDialogRedux())(CreditNoteNumberDialog); +export const index = compose(withDialogRedux())(CreditNoteNumberDialog); diff --git a/packages/webapp/src/containers/Dialogs/CreditNotePdfPreviewDialog/CreditNotePdfPreviewDialogContent.tsx b/packages/webapp/src/containers/Dialogs/CreditNotePdfPreviewDialog/CreditNotePdfPreviewDialogContent.tsx index 9f6f49bc0..b3e296de6 100644 --- a/packages/webapp/src/containers/Dialogs/CreditNotePdfPreviewDialog/CreditNotePdfPreviewDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/CreditNotePdfPreviewDialog/CreditNotePdfPreviewDialogContent.tsx @@ -8,7 +8,7 @@ import { usePdfCreditNote } from '@/hooks/query'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; -function CreditNotePdfPreviewDialogContent({ +function CreditNotePdfPreviewDialogContentInner({ subscriptionForm: { creditNoteId }, }) { const { isLoading, pdfUrl, filename } = usePdfCreditNote(creditNoteId); @@ -45,4 +45,4 @@ function CreditNotePdfPreviewDialogContent({ ); } -export default compose(withDialogActions)(CreditNotePdfPreviewDialogContent); +export const CreditNotePdfPreviewDialogContent = compose(withDialogActions)(CreditNotePdfPreviewDialogContentInner); diff --git a/packages/webapp/src/containers/Dialogs/CreditNotePdfPreviewDialog/index.tsx b/packages/webapp/src/containers/Dialogs/CreditNotePdfPreviewDialog/index.tsx index 5ae38d4a4..a2d90072a 100644 --- a/packages/webapp/src/containers/Dialogs/CreditNotePdfPreviewDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/CreditNotePdfPreviewDialog/index.tsx @@ -9,9 +9,7 @@ import withDialogRedux from '@/components/DialogReduxConnect'; import { CLASSES } from '@/constants/classes'; import { compose } from '@/utils'; -const PdfPreviewDialogContent = React.lazy(() => - import('./CreditNotePdfPreviewDialogContent'), -); +const PdfPreviewDialogContent = React.lazy(() => import('./CreditNotePdfPreviewDialogContent').then(m => ({ default: m.CreditNotePdfPreviewDialogContent }))); /** * Credit note PDF previwe dialog. @@ -40,4 +38,4 @@ function CreditNotePdfPreviewDialog({ ); } -export default compose(withDialogRedux())(CreditNotePdfPreviewDialog); +export const index = compose(withDialogRedux())(CreditNotePdfPreviewDialog); diff --git a/packages/webapp/src/containers/Dialogs/CreditNotes/CreditNoteBulkDeleteDialog.tsx b/packages/webapp/src/containers/Dialogs/CreditNotes/CreditNoteBulkDeleteDialog.tsx index f8ca7fe6f..ff12e384a 100644 --- a/packages/webapp/src/containers/Dialogs/CreditNotes/CreditNoteBulkDeleteDialog.tsx +++ b/packages/webapp/src/containers/Dialogs/CreditNotes/CreditNoteBulkDeleteDialog.tsx @@ -4,14 +4,14 @@ import { Button, Classes, Dialog, Intent } from '@blueprintjs/core'; import { FormattedMessage as T, AppToaster } from '@/components'; import intl from 'react-intl-universal'; -import BulkDeleteDialogContent from '@/containers/Dialogs/components/BulkDeleteDialogContent'; +import { BulkDeleteDialogContent } from '@/containers/Dialogs/components/BulkDeleteDialogContent'; import { useBulkDeleteCreditNotes } from '@/hooks/query/credit-note'; import withDialogRedux from '@/components/DialogReduxConnect'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withCreditNotesActions } from '@/containers/Sales/CreditNotes/CreditNotesLanding/withCreditNotesActions'; import { compose } from '@/utils'; -function CreditNoteBulkDeleteDialog({ +function CreditNoteBulkDeleteDialogInner({ dialogName, isOpen, payload: { @@ -96,9 +96,9 @@ function CreditNoteBulkDeleteDialog({ ); } -export default compose( +export const CreditNoteBulkDeleteDialog = compose( withDialogRedux(), withDialogActions, withCreditNotesActions, -)(CreditNoteBulkDeleteDialog); +)(CreditNoteBulkDeleteDialogInner); diff --git a/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyForm.tsx b/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyForm.tsx index b8a0232b4..63fe736d6 100644 --- a/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyForm.tsx +++ b/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyForm.tsx @@ -4,7 +4,7 @@ import intl from 'react-intl-universal'; import { Intent } from '@blueprintjs/core'; import { Formik } from 'formik'; import { AppToaster } from '@/components'; -import CurrencyFormContent from './CurrencyFormContent'; +import { CurrencyFormContent } from './CurrencyFormContent'; import { useCurrencyFormContext } from './CurrencyFormProvider'; import { @@ -24,7 +24,7 @@ const defaultInitialValues = { /** * Currency form. */ -function CurrencyForm({ +function CurrencyFormInner({ // #withDialogActions closeDialog, }) { @@ -102,4 +102,4 @@ function CurrencyForm({ ); } -export default compose(withDialogActions)(CurrencyForm); +export const CurrencyForm = compose(withDialogActions)(CurrencyFormInner); diff --git a/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormContent.tsx b/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormContent.tsx index 709f56f6c..b85127e78 100644 --- a/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormContent.tsx @@ -2,10 +2,10 @@ import React from 'react'; import { Form } from 'formik'; -import CurrencyFormFields from './CurrencyFormFields'; -import CurrencyFormFooter from './CurrencyFormFooter'; +import { CurrencyFormFields } from './CurrencyFormFields'; +import { CurrencyFormFooter } from './CurrencyFormFooter'; -export default function CurrencyFormContent() { +export function CurrencyFormContent() { return ( diff --git a/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormDialogContent.tsx b/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormDialogContent.tsx index 1c63e1dbd..243cb73f1 100644 --- a/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormDialogContent.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { CurrencyFormProvider } from './CurrencyFormProvider'; -import CurrencyForm from './CurrencyForm'; +import { CurrencyForm } from './CurrencyForm'; import { withCurrencyDetail } from '@/containers/Currencies/withCurrencyDetail'; import { compose } from '@/utils'; import '@/style/pages/Currency/CurrencyFormDialog.scss'; -function CurrencyFormDialogContent({ +function CurrencyFormDialogContentInner({ // #ownProp action, currencyCode, @@ -25,4 +25,4 @@ function CurrencyFormDialogContent({ ); } -export default compose(withCurrencyDetail)(CurrencyFormDialogContent); +export const CurrencyFormDialogContent = compose(withCurrencyDetail)(CurrencyFormDialogContentInner); diff --git a/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormFields.tsx b/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormFields.tsx index a419d3aee..4c1a5056c 100644 --- a/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormFields.tsx +++ b/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormFields.tsx @@ -16,7 +16,7 @@ import intl from 'react-intl-universal'; /** * Currency form fields. */ -export default function CurrencyFormFields() { +export function CurrencyFormFields() { const currencyNameFieldRef = useAutofocus(); const { isEditMode } = useCurrencyFormContext(); const { setFieldValue } = useFormikContext(); diff --git a/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormFooter.tsx b/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormFooter.tsx index 17ac49d25..5cf55d490 100644 --- a/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormFooter.tsx +++ b/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/CurrencyFormFooter.tsx @@ -12,7 +12,7 @@ import { compose } from '@/utils'; /** * Currency dialog form footer action. */ -function CurrencyFormFooter({ +function CurrencyFormFooterInner({ // #withDialogActions closeDialog, }) { @@ -38,4 +38,4 @@ function CurrencyFormFooter({ ); } -export default compose(withDialogActions)(CurrencyFormFooter); +export const CurrencyFormFooter = compose(withDialogActions)(CurrencyFormFooterInner); diff --git a/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/index.tsx b/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/index.tsx index f1c0e85f0..ea77826c0 100644 --- a/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/CurrencyFormDialog/index.tsx @@ -5,9 +5,7 @@ import { Dialog, DialogSuspense } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const CurrencyFormDialogContent = lazy(() => - import('./CurrencyFormDialogContent'), -); +const CurrencyFormDialogContent = lazy(() => import('./CurrencyFormDialogContent').then(m => ({ default: m.CurrencyFormDialogContent }))); /** * Currency form dialog. @@ -44,4 +42,4 @@ function CurrencyFormDialog({ ); } -export default compose(withDialogRedux())(CurrencyFormDialog); +export const index = compose(withDialogRedux())(CurrencyFormDialog); diff --git a/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceDialogContent.tsx b/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceDialogContent.tsx index 410cc3c61..94d7fd0f6 100644 --- a/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceDialogContent.tsx @@ -3,14 +3,14 @@ import React from 'react'; import '@/style/pages/CustomerOpeningBalance/CustomerOpeningBalance.scss'; -import CustomerOpeningBalanceForm from './CustomerOpeningBalanceForm'; +import { CustomerOpeningBalanceForm } from './CustomerOpeningBalanceForm'; import { CustomerOpeningBalanceFormProvider } from './CustomerOpeningBalanceFormProvider'; /** * Customer opening balance dialog content. * @returns */ -export default function CustomerOpeningBalanceDialogContent({ +export function CustomerOpeningBalanceDialogContent({ // #ownProps dialogName, customerId, diff --git a/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceFields.tsx b/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceFields.tsx index eb6d64601..389101c70 100644 --- a/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceFields.tsx +++ b/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceFields.tsx @@ -30,7 +30,7 @@ import intl from 'react-intl-universal'; * Customer Opening balance fields. * @returns */ -function CustomerOpeningBalanceFields({ +function CustomerOpeningBalanceFieldsInner({ // #withCurrentOrganization organization: { base_currency }, }) { @@ -111,4 +111,4 @@ function CustomerOpeningBalanceFields({
); } -export default compose(withCurrentOrganization())(CustomerOpeningBalanceFields); +export const CustomerOpeningBalanceFields = compose(withCurrentOrganization())(CustomerOpeningBalanceFieldsInner); diff --git a/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceForm.tsx b/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceForm.tsx index f36f0b991..b9071a6d8 100644 --- a/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceForm.tsx +++ b/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceForm.tsx @@ -10,7 +10,7 @@ import { AppToaster } from '@/components'; import { CreateCustomerOpeningBalanceFormSchema } from './CustomerOpeningBalanceForm.schema'; import { useCustomerOpeningBalanceContext } from './CustomerOpeningBalanceFormProvider'; -import CustomerOpeningBalanceFormContent from './CustomerOpeningBalanceFormContent'; +import { CustomerOpeningBalanceFormContent } from './CustomerOpeningBalanceFormContent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; @@ -26,7 +26,7 @@ const defaultInitialValues = { * Customer Opening balance form. * @returns */ -function CustomerOpeningBalanceForm({ +function CustomerOpeningBalanceFormInner({ // #withDialogActions closeDialog, }) { @@ -82,4 +82,4 @@ function CustomerOpeningBalanceForm({ ); } -export default compose(withDialogActions)(CustomerOpeningBalanceForm); +export const CustomerOpeningBalanceForm = compose(withDialogActions)(CustomerOpeningBalanceFormInner); diff --git a/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceFormContent.tsx b/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceFormContent.tsx index 764f3fcaa..afa2214a2 100644 --- a/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceFormContent.tsx @@ -2,14 +2,14 @@ import React from 'react'; import { Form } from 'formik'; -import CustomerOpeningBalanceFields from './CustomerOpeningBalanceFields'; -import CustomerOpeningBalanceFormFloatingActions from './CustomerOpeningBalanceFormFloatingActions'; +import { CustomerOpeningBalanceFields } from './CustomerOpeningBalanceFields'; +import { CustomerOpeningBalanceFormFloatingActions } from './CustomerOpeningBalanceFormFloatingActions'; /** * Customer Opening balance form content. * @returns */ -export default function CustomerOpeningBalanceFormContent() { +export function CustomerOpeningBalanceFormContent() { return ( diff --git a/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceFormFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceFormFloatingActions.tsx index fe23693dc..be19ad3dd 100644 --- a/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/CustomerOpeningBalanceFormFloatingActions.tsx @@ -12,7 +12,7 @@ import { compose } from '@/utils'; * Customer Opening balance floating actions. * @returns */ -function CustomerOpeningBalanceFormFloatingActions({ +function CustomerOpeningBalanceFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -45,6 +45,6 @@ function CustomerOpeningBalanceFormFloatingActions({
); } -export default compose(withDialogActions)( - CustomerOpeningBalanceFormFloatingActions, +export const CustomerOpeningBalanceFormFloatingActions = compose(withDialogActions)( + CustomerOpeningBalanceFormFloatingActionsInner, ); diff --git a/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/index.tsx b/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/index.tsx index 201d2e3bb..e0a54f002 100644 --- a/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/CustomerOpeningBalanceDialog/index.tsx @@ -6,9 +6,7 @@ import { Dialog, DialogSuspense } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const CustomerOpeningBalanceDialogContent = React.lazy(() => - import('./CustomerOpeningBalanceDialogContent'), -); +const CustomerOpeningBalanceDialogContent = React.lazy(() => import('./CustomerOpeningBalanceDialogContent').then(m => ({ default: m.CustomerOpeningBalanceDialogContent }))); /** * Customer opening balance dialog. @@ -38,4 +36,4 @@ function CustomerOpeningBalanceDialog({ ); } -export default compose(withDialogRedux())(CustomerOpeningBalanceDialog); +export const index = compose(withDialogRedux())(CustomerOpeningBalanceDialog); diff --git a/packages/webapp/src/containers/Dialogs/Customers/CustomerBulkDeleteDialog.tsx b/packages/webapp/src/containers/Dialogs/Customers/CustomerBulkDeleteDialog.tsx index 01fe964cd..bc00ed95f 100644 --- a/packages/webapp/src/containers/Dialogs/Customers/CustomerBulkDeleteDialog.tsx +++ b/packages/webapp/src/containers/Dialogs/Customers/CustomerBulkDeleteDialog.tsx @@ -4,14 +4,14 @@ import { Button, Classes, Dialog, Intent } from '@blueprintjs/core'; import { FormattedMessage as T, AppToaster } from '@/components'; import intl from 'react-intl-universal'; -import BulkDeleteDialogContent from '@/containers/Dialogs/components/BulkDeleteDialogContent'; +import { BulkDeleteDialogContent } from '@/containers/Dialogs/components/BulkDeleteDialogContent'; import { useBulkDeleteCustomers } from '@/hooks/query/customers'; import withDialogRedux from '@/components/DialogReduxConnect'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withCustomersActions } from '@/containers/Customers/CustomersLanding/withCustomersActions'; import { compose } from '@/utils'; -function CustomerBulkDeleteDialog({ +function CustomerBulkDeleteDialogInner({ dialogName, isOpen, payload: { @@ -96,9 +96,9 @@ function CustomerBulkDeleteDialog({ ); } -export default compose( +export const CustomerBulkDeleteDialog = compose( withDialogRedux(), withDialogActions, withCustomersActions, -)(CustomerBulkDeleteDialog); +)(CustomerBulkDeleteDialogInner); diff --git a/packages/webapp/src/containers/Dialogs/EstimateNumberDialog/EstimateNumberDialogContent.tsx b/packages/webapp/src/containers/Dialogs/EstimateNumberDialog/EstimateNumberDialogContent.tsx index e54733ae9..c3da16f58 100644 --- a/packages/webapp/src/containers/Dialogs/EstimateNumberDialog/EstimateNumberDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/EstimateNumberDialog/EstimateNumberDialogContent.tsx @@ -5,7 +5,7 @@ import intl from 'react-intl-universal'; import { DialogContent } from '@/components'; import { useSaveSettings, useSettingsEstimates } from '@/hooks/query'; -import ReferenceNumberForm from '@/containers/JournalNumber/ReferenceNumberForm'; +import { ReferenceNumberForm } from '@/containers/JournalNumber/ReferenceNumberForm'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withSettings } from '@/containers/Settings/withSettings'; @@ -18,7 +18,7 @@ import { /** * Estimate number dialog's content. */ -function EstimateNumberDialogContent({ +function EstimateNumberDialogContentInner({ // #withSettings nextNumber, numberPrefix, @@ -94,11 +94,11 @@ function EstimateNumberDialogContent({ ); } -export default compose( +export const EstimateNumberDialogContent = compose( withDialogActions, withSettings(({ estimatesSettings }) => ({ nextNumber: estimatesSettings?.nextNumber, numberPrefix: estimatesSettings?.numberPrefix, autoIncrement: estimatesSettings?.autoIncrement, })), -)(EstimateNumberDialogContent); +)(EstimateNumberDialogContentInner); diff --git a/packages/webapp/src/containers/Dialogs/EstimateNumberDialog/index.tsx b/packages/webapp/src/containers/Dialogs/EstimateNumberDialog/index.tsx index 64d87b5ee..29d1b433f 100644 --- a/packages/webapp/src/containers/Dialogs/EstimateNumberDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/EstimateNumberDialog/index.tsx @@ -4,9 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { saveInvoke, compose } from '@/utils'; -const EstimateNumberDialogContent = lazy( - () => import('./EstimateNumberDialogContent'), -); +const EstimateNumberDialogContent = lazy(() => import('./EstimateNumberDialogContent').then(m => ({ default: m.EstimateNumberDialogContent }))); /** * Estimate number dialog. @@ -40,4 +38,4 @@ function EstimateNumberDialog({ ); } -export default compose(withDialogRedux())(EstimateNumberDialog); +export const index = compose(withDialogRedux())(EstimateNumberDialog); diff --git a/packages/webapp/src/containers/Dialogs/EstimatePdfPreviewDialog/EstimatePdfPreviewDialogContent.tsx b/packages/webapp/src/containers/Dialogs/EstimatePdfPreviewDialog/EstimatePdfPreviewDialogContent.tsx index a38da5874..921016d2e 100644 --- a/packages/webapp/src/containers/Dialogs/EstimatePdfPreviewDialog/EstimatePdfPreviewDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/EstimatePdfPreviewDialog/EstimatePdfPreviewDialogContent.tsx @@ -8,7 +8,7 @@ import { usePdfEstimate } from '@/hooks/query'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; -function EstimatePdfPreviewDialogContent({ +function EstimatePdfPreviewDialogContentInner({ subscriptionForm: { estimateId }, dialogName, // #withDialogActions @@ -48,4 +48,4 @@ function EstimatePdfPreviewDialogContent({ ); } -export default compose(withDialogActions)(EstimatePdfPreviewDialogContent); +export const EstimatePdfPreviewDialogContent = compose(withDialogActions)(EstimatePdfPreviewDialogContentInner); diff --git a/packages/webapp/src/containers/Dialogs/EstimatePdfPreviewDialog/index.tsx b/packages/webapp/src/containers/Dialogs/EstimatePdfPreviewDialog/index.tsx index d952f7dcd..b31255fb4 100644 --- a/packages/webapp/src/containers/Dialogs/EstimatePdfPreviewDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/EstimatePdfPreviewDialog/index.tsx @@ -10,9 +10,7 @@ import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; // Lazy loading the content. -const PdfPreviewDialogContent = React.lazy(() => - import('./EstimatePdfPreviewDialogContent'), -); +const PdfPreviewDialogContent = React.lazy(() => import('./EstimatePdfPreviewDialogContent').then(m => ({ default: m.EstimatePdfPreviewDialogContent }))); /** * Estimate PDF preview dialog. @@ -42,4 +40,4 @@ function EstimatePdfPreviewDialog({ ); } -export default compose(withDialogRedux())(EstimatePdfPreviewDialog); +export const index = compose(withDialogRedux())(EstimatePdfPreviewDialog); diff --git a/packages/webapp/src/containers/Dialogs/Estimates/EstimateBulkDeleteDialog.tsx b/packages/webapp/src/containers/Dialogs/Estimates/EstimateBulkDeleteDialog.tsx index 7be017904..a0f777425 100644 --- a/packages/webapp/src/containers/Dialogs/Estimates/EstimateBulkDeleteDialog.tsx +++ b/packages/webapp/src/containers/Dialogs/Estimates/EstimateBulkDeleteDialog.tsx @@ -4,14 +4,14 @@ import { Button, Classes, Dialog, Intent } from '@blueprintjs/core'; import { FormattedMessage as T, AppToaster } from '@/components'; import intl from 'react-intl-universal'; -import BulkDeleteDialogContent from '@/containers/Dialogs/components/BulkDeleteDialogContent'; +import { BulkDeleteDialogContent } from '@/containers/Dialogs/components/BulkDeleteDialogContent'; import { useBulkDeleteEstimates } from '@/hooks/query/estimates'; import withDialogRedux from '@/components/DialogReduxConnect'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withEstimatesActions } from '@/containers/Sales/Estimates/EstimatesLanding/withEstimatesActions'; import { compose } from '@/utils'; -function EstimateBulkDeleteDialog({ +function EstimateBulkDeleteDialogInner({ dialogName, isOpen, payload: { @@ -96,9 +96,9 @@ function EstimateBulkDeleteDialog({ ); } -export default compose( +export const EstimateBulkDeleteDialog = compose( withDialogRedux(), withDialogActions, withEstimatesActions, -)(EstimateBulkDeleteDialog); +)(EstimateBulkDeleteDialogInner); diff --git a/packages/webapp/src/containers/Dialogs/Expenses/ExpenseBulkDeleteDialog.tsx b/packages/webapp/src/containers/Dialogs/Expenses/ExpenseBulkDeleteDialog.tsx index 9b9fcf69f..548794829 100644 --- a/packages/webapp/src/containers/Dialogs/Expenses/ExpenseBulkDeleteDialog.tsx +++ b/packages/webapp/src/containers/Dialogs/Expenses/ExpenseBulkDeleteDialog.tsx @@ -4,14 +4,14 @@ import { Button, Classes, Dialog, Intent } from '@blueprintjs/core'; import { FormattedMessage as T, AppToaster } from '@/components'; import intl from 'react-intl-universal'; -import BulkDeleteDialogContent from '@/containers/Dialogs/components/BulkDeleteDialogContent'; +import { BulkDeleteDialogContent } from '@/containers/Dialogs/components/BulkDeleteDialogContent'; import { useBulkDeleteExpenses } from '@/hooks/query/expenses'; import withDialogRedux from '@/components/DialogReduxConnect'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withExpensesActions } from '@/containers/Expenses/ExpensesLanding/withExpensesActions'; import { compose } from '@/utils'; -function ExpenseBulkDeleteDialog({ +function ExpenseBulkDeleteDialogInner({ dialogName, isOpen, payload: { @@ -96,9 +96,9 @@ function ExpenseBulkDeleteDialog({ ); } -export default compose( +export const ExpenseBulkDeleteDialog = compose( withDialogRedux(), withDialogActions, withExpensesActions, -)(ExpenseBulkDeleteDialog); +)(ExpenseBulkDeleteDialogInner); diff --git a/packages/webapp/src/containers/Dialogs/ExportDialog/ExportDialogContent.tsx b/packages/webapp/src/containers/Dialogs/ExportDialog/ExportDialogContent.tsx index e99608a47..d614009e3 100644 --- a/packages/webapp/src/containers/Dialogs/ExportDialog/ExportDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/ExportDialog/ExportDialogContent.tsx @@ -10,7 +10,7 @@ interface ExportDialogContentProps { /** * Account dialog content. */ -export default function ExportDialogContent({ +export function ExportDialogContent({ initialValues, }: ExportDialogContentProps) { return ; diff --git a/packages/webapp/src/containers/Dialogs/ExportDialog/index.tsx b/packages/webapp/src/containers/Dialogs/ExportDialog/index.tsx index 2ca7e562a..c83c8912d 100644 --- a/packages/webapp/src/containers/Dialogs/ExportDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/ExportDialog/index.tsx @@ -4,7 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const ExportDialogContent = lazy(() => import('./ExportDialogContent')); +const ExportDialogContent = lazy(() => import('./ExportDialogContent').then(m => ({ default: m.ExportDialogContent }))); // User form dialog. function ExportDialogRoot({ dialogName, payload, isOpen }) { diff --git a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/DecrementAdjustmentFields.tsx b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/DecrementAdjustmentFields.tsx index 9c1fdadc3..8ee862e0b 100644 --- a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/DecrementAdjustmentFields.tsx +++ b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/DecrementAdjustmentFields.tsx @@ -19,7 +19,7 @@ import intl from 'react-intl-universal'; /** * Decrement adjustment fields. */ -function DecrementAdjustmentFields() { +export function DecrementAdjustmentFields() { const decrementFieldRef = useAutofocus(); const { values, setFieldValue } = useFormikContext(); @@ -91,5 +91,3 @@ function DecrementAdjustmentFields() { ); } - -export default DecrementAdjustmentFields; diff --git a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/IncrementAdjustmentFields.tsx b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/IncrementAdjustmentFields.tsx index 69a910ad8..2e588c77f 100644 --- a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/IncrementAdjustmentFields.tsx +++ b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/IncrementAdjustmentFields.tsx @@ -14,7 +14,7 @@ import { toSafeNumber } from '@/utils'; import { decrementQuantity, incrementQuantity } from './utils'; import intl from 'react-intl-universal'; -export default function IncrementAdjustmentFields() { +export function IncrementAdjustmentFields() { const incrementFieldRef = useAutofocus(); const { values, setFieldValue } = useFormikContext(); diff --git a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFloatingActions.tsx index a146504ca..a4ad42ec7 100644 --- a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFloatingActions.tsx @@ -11,7 +11,7 @@ import { compose } from '@/utils'; /** * Inventory adjustment floating actions. */ -function InventoryAdjustmentFloatingActions({ +function InventoryAdjustmentFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -71,4 +71,4 @@ function InventoryAdjustmentFloatingActions({ ); } -export default compose(withDialogActions)(InventoryAdjustmentFloatingActions); +export const InventoryAdjustmentFloatingActions = compose(withDialogActions)(InventoryAdjustmentFloatingActionsInner); diff --git a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentForm.tsx b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentForm.tsx index 5ddf9733f..32efdc701 100644 --- a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentForm.tsx +++ b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentForm.tsx @@ -11,7 +11,7 @@ import '@/style/pages/Items/ItemAdjustmentDialog.scss'; import { AppToaster } from '@/components'; import { CreateInventoryAdjustmentFormSchema } from './InventoryAdjustmentForm.schema'; -import InventoryAdjustmentFormContent from './InventoryAdjustmentFormContent'; +import { InventoryAdjustmentFormContent } from './InventoryAdjustmentFormContent'; import { useInventoryAdjContext } from './InventoryAdjustmentFormProvider'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; @@ -35,7 +35,7 @@ const defaultInitialValues = { /** * Inventory adjustment form. */ -function InventoryAdjustmentForm({ +function InventoryAdjustmentFormInner({ // #withDialogActions closeDialog, }) { @@ -83,4 +83,4 @@ function InventoryAdjustmentForm({ ); } -export default compose(withDialogActions)(InventoryAdjustmentForm); +export const InventoryAdjustmentForm = compose(withDialogActions)(InventoryAdjustmentFormInner); diff --git a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormContent.tsx b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormContent.tsx index b3c5ca8d2..cd0b87929 100644 --- a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormContent.tsx @@ -1,13 +1,13 @@ // @ts-nocheck import React from 'react'; import { Form } from 'formik'; -import InventoryAdjustmentFormDialogFields from './InventoryAdjustmentFormDialogFields'; -import InventoryAdjustmentFloatingActions from './InventoryAdjustmentFloatingActions'; +import { InventoryAdjustmentFormDialogFields } from './InventoryAdjustmentFormDialogFields'; +import { InventoryAdjustmentFloatingActions } from './InventoryAdjustmentFloatingActions'; /** * Inventory adjustment form content. */ -export default function InventoryAdjustmentFormContent() { +export function InventoryAdjustmentFormContent() { return ( diff --git a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormDialogContent.tsx b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormDialogContent.tsx index 5fdc51667..44bbcf176 100644 --- a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormDialogContent.tsx @@ -4,12 +4,12 @@ import React from 'react'; import '@/style/pages/Items/ItemAdjustmentDialog.scss'; import { InventoryAdjustmentFormProvider } from './InventoryAdjustmentFormProvider'; -import InventoryAdjustmentForm from './InventoryAdjustmentForm'; +import { InventoryAdjustmentForm } from './InventoryAdjustmentForm'; /** * Inventory adjustment form dialog content. */ -export default function InventoryAdjustmentFormDialogContent({ +export function InventoryAdjustmentFormDialogContent({ // #ownProps dialogName, itemId diff --git a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormDialogFields.tsx b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormDialogFields.tsx index 4bfb6f569..c4964229e 100644 --- a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormDialogFields.tsx +++ b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormDialogFields.tsx @@ -29,7 +29,7 @@ import { Features, CLASSES } from '@/constants'; import { useInventoryAdjContext } from './InventoryAdjustmentFormProvider'; import { useFeatureCan } from '@/hooks/state'; -import InventoryAdjustmentQuantityFields from './InventoryAdjustmentQuantityFields'; +import { InventoryAdjustmentQuantityFields } from './InventoryAdjustmentQuantityFields'; import { diffQuantity, useSetPrimaryBranchToForm, @@ -40,7 +40,7 @@ import { /** * Inventory adjustment form dialogs fields. */ -export default function InventoryAdjustmentFormDialogFields() { +export function InventoryAdjustmentFormDialogFields() { // Features guard. const { featureCan } = useFeatureCan(); diff --git a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentQuantityFields.tsx b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentQuantityFields.tsx index 650b006b0..46a67307d 100644 --- a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentQuantityFields.tsx +++ b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentQuantityFields.tsx @@ -2,10 +2,10 @@ import React from 'react'; import { useFormikContext } from 'formik'; import { Choose, If } from '@/components'; -import IncrementAdjustmentFields from './IncrementAdjustmentFields'; -import DecrementAdjustmentFields from './DecrementAdjustmentFields'; +import { IncrementAdjustmentFields } from './IncrementAdjustmentFields'; +import { DecrementAdjustmentFields } from './DecrementAdjustmentFields'; -export default function InventoryAdjustmentQuantityFields() { +export function InventoryAdjustmentQuantityFields() { const { values } = useFormikContext(); return ( diff --git a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/index.tsx b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/index.tsx index e783499bd..e02cd8060 100644 --- a/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/InventoryAdjustmentFormDialog/index.tsx @@ -4,9 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const InventoryAdjustmentFormDialogContent = lazy( - () => import('./InventoryAdjustmentFormDialogContent'), -); +const InventoryAdjustmentFormDialogContent = lazy(() => import('./InventoryAdjustmentFormDialogContent').then(m => ({ default: m.InventoryAdjustmentFormDialogContent }))); /** * Inventory adjustments form dialog. @@ -35,4 +33,4 @@ function InventoryAdjustmentFormDialog({ ); } -export default compose(withDialogRedux())(InventoryAdjustmentFormDialog); +export const index = compose(withDialogRedux())(InventoryAdjustmentFormDialog); diff --git a/packages/webapp/src/containers/Dialogs/InviteUserDialog/InviteUserDialogContent.tsx b/packages/webapp/src/containers/Dialogs/InviteUserDialog/InviteUserDialogContent.tsx index 173cdfb7b..6a01fef55 100644 --- a/packages/webapp/src/containers/Dialogs/InviteUserDialog/InviteUserDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/InviteUserDialog/InviteUserDialogContent.tsx @@ -1,7 +1,7 @@ // @ts-nocheck import React from 'react'; -import InviteUserForm from './InviteUserForm'; +import { InviteUserForm } from './InviteUserForm'; import { InviteUserFormProvider } from './InviteUserFormProvider'; import '@/style/pages/Users/InviteFormDialog.scss'; @@ -9,7 +9,7 @@ import '@/style/pages/Users/InviteFormDialog.scss'; /** * Invite user dialog content. */ -export default function InviteUserDialogContent({ +export function InviteUserDialogContent({ action, userId, dialogName, diff --git a/packages/webapp/src/containers/Dialogs/InviteUserDialog/InviteUserForm.tsx b/packages/webapp/src/containers/Dialogs/InviteUserDialog/InviteUserForm.tsx index 401a4e859..2cd3a0624 100644 --- a/packages/webapp/src/containers/Dialogs/InviteUserDialog/InviteUserForm.tsx +++ b/packages/webapp/src/containers/Dialogs/InviteUserDialog/InviteUserForm.tsx @@ -9,7 +9,7 @@ import { AppToaster } from '@/components'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { InviteUserFormSchema } from './InviteUserDialog.schema'; -import InviteUserFormContent from './InviteUserFormContent'; +import { InviteUserFormContent } from './InviteUserFormContent'; import { useInviteUserFormContext } from './InviteUserFormProvider'; import { transformApiErrors } from './utils'; @@ -21,7 +21,7 @@ const initialValues = { role_id: '' } -function InviteUserForm({ +function InviteUserFormInner({ // #withDialogActions closeDialog, }) { @@ -79,4 +79,4 @@ function InviteUserForm({ ); } -export default compose(withDialogActions)(InviteUserForm); +export const InviteUserForm = compose(withDialogActions)(InviteUserFormInner); diff --git a/packages/webapp/src/containers/Dialogs/InviteUserDialog/InviteUserFormContent.tsx b/packages/webapp/src/containers/Dialogs/InviteUserDialog/InviteUserFormContent.tsx index 568e9a4dd..a2e89562b 100644 --- a/packages/webapp/src/containers/Dialogs/InviteUserDialog/InviteUserFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/InviteUserDialog/InviteUserFormContent.tsx @@ -16,7 +16,7 @@ import { useInviteUserFormContext } from './InviteUserFormProvider'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import intl from 'react-intl-universal'; -function InviteUserFormContent({ +function InviteUserFormContentInner({ // #withDialogActions closeDialog, }) { @@ -78,4 +78,4 @@ function InviteUserFormContent({ ); } -export default compose(withDialogActions)(InviteUserFormContent); +export const InviteUserFormContent = compose(withDialogActions)(InviteUserFormContentInner); diff --git a/packages/webapp/src/containers/Dialogs/InviteUserDialog/index.tsx b/packages/webapp/src/containers/Dialogs/InviteUserDialog/index.tsx index a3d50291f..09b6f66b1 100644 --- a/packages/webapp/src/containers/Dialogs/InviteUserDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/InviteUserDialog/index.tsx @@ -4,7 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const UserFormDialogContent = lazy(() => import('./InviteUserDialogContent')); +const UserFormDialogContent = lazy(() => import('./InviteUserDialogContent').then(m => ({ default: m.InviteUserDialogContent }))); // User form dialog. function UserFormDialog({ @@ -38,7 +38,7 @@ function UserFormDialog({ ); } -export default compose( +export const index = compose( // UserFormDialogConnect, withDialogRedux(), )(UserFormDialog); diff --git a/packages/webapp/src/containers/Dialogs/InvoiceNumberDialog/InvoiceNumberDialogContent.tsx b/packages/webapp/src/containers/Dialogs/InvoiceNumberDialog/InvoiceNumberDialogContent.tsx index 58856db4c..37bb81347 100644 --- a/packages/webapp/src/containers/Dialogs/InvoiceNumberDialog/InvoiceNumberDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/InvoiceNumberDialog/InvoiceNumberDialogContent.tsx @@ -4,7 +4,7 @@ import intl from 'react-intl-universal'; import { useSaveSettings } from '@/hooks/query'; import { InvoiceNumberDialogProvider } from './InvoiceNumberDialogProvider'; -import ReferenceNumberForm from '@/containers/JournalNumber/ReferenceNumberForm'; +import { ReferenceNumberForm } from '@/containers/JournalNumber/ReferenceNumberForm'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withSettings } from '@/containers/Settings/withSettings'; @@ -19,7 +19,7 @@ import { DialogsName } from '@/constants/dialogs'; /** * invoice number dialog's content. */ -function InvoiceNumberDialogContent({ +function InvoiceNumberDialogContentInner({ // #ownProps initialValues, onConfirm, @@ -93,7 +93,7 @@ function InvoiceNumberDialogContent({ ); } -export default compose( +export const InvoiceNumberDialogContent = compose( withDialogActions, withSettingsActions, withSettings(({ invoiceSettings }) => ({ @@ -101,4 +101,4 @@ export default compose( numberPrefix: invoiceSettings?.numberPrefix, autoIncrement: invoiceSettings?.autoIncrement, })), -)(InvoiceNumberDialogContent); +)(InvoiceNumberDialogContentInner); diff --git a/packages/webapp/src/containers/Dialogs/InvoiceNumberDialog/index.tsx b/packages/webapp/src/containers/Dialogs/InvoiceNumberDialog/index.tsx index 5a7d6bfb2..eca3a4a47 100644 --- a/packages/webapp/src/containers/Dialogs/InvoiceNumberDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/InvoiceNumberDialog/index.tsx @@ -4,9 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose, saveInvoke } from '@/utils'; -const InvoiceNumberDialogContent = lazy( - () => import('./InvoiceNumberDialogContent'), -); +const InvoiceNumberDialogContent = lazy(() => import('./InvoiceNumberDialogContent').then(m => ({ default: m.InvoiceNumberDialogContent }))); /** * Invoice number dialog. @@ -39,4 +37,4 @@ function InvoiceNumberDialog({ ); } -export default compose(withDialogRedux())(InvoiceNumberDialog); +export const index = compose(withDialogRedux())(InvoiceNumberDialog); diff --git a/packages/webapp/src/containers/Dialogs/InvoicePdfPreviewDialog/InvoicePdfPreviewDialogContent.tsx b/packages/webapp/src/containers/Dialogs/InvoicePdfPreviewDialog/InvoicePdfPreviewDialogContent.tsx index 452ea077f..449053954 100644 --- a/packages/webapp/src/containers/Dialogs/InvoicePdfPreviewDialog/InvoicePdfPreviewDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/InvoicePdfPreviewDialog/InvoicePdfPreviewDialogContent.tsx @@ -8,7 +8,7 @@ import { usePdfInvoice } from '@/hooks/query'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; -function InvoicePdfPreviewDialogContent({ +function InvoicePdfPreviewDialogContentInner({ subscriptionForm: { invoiceId }, // #withDialog closeDialog, @@ -47,4 +47,4 @@ function InvoicePdfPreviewDialogContent({ ); } -export default compose(withDialogActions)(InvoicePdfPreviewDialogContent); +export const InvoicePdfPreviewDialogContent = compose(withDialogActions)(InvoicePdfPreviewDialogContentInner); diff --git a/packages/webapp/src/containers/Dialogs/InvoicePdfPreviewDialog/index.tsx b/packages/webapp/src/containers/Dialogs/InvoicePdfPreviewDialog/index.tsx index 61d608f3f..d4bc87bb6 100644 --- a/packages/webapp/src/containers/Dialogs/InvoicePdfPreviewDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/InvoicePdfPreviewDialog/index.tsx @@ -10,9 +10,7 @@ import { CLASSES } from '@/constants/classes'; import { compose } from '@/utils'; // Lazy loading the content. -const PdfPreviewDialogContent = lazy(() => - import('./InvoicePdfPreviewDialogContent'), -); +const PdfPreviewDialogContent = lazy(() => import('./InvoicePdfPreviewDialogContent').then(m => ({ default: m.InvoicePdfPreviewDialogContent }))); /** * Invoice PDF preview dialog. @@ -38,4 +36,4 @@ function InvoicePdfPreviewDialog({ dialogName, payload, isOpen }) { ); } -export default compose(withDialogRedux())(InvoicePdfPreviewDialog); +export const index = compose(withDialogRedux())(InvoicePdfPreviewDialog); diff --git a/packages/webapp/src/containers/Dialogs/Invoices/InvoiceBulkDeleteDialog.tsx b/packages/webapp/src/containers/Dialogs/Invoices/InvoiceBulkDeleteDialog.tsx index e1a97bc08..b3b8b311f 100644 --- a/packages/webapp/src/containers/Dialogs/Invoices/InvoiceBulkDeleteDialog.tsx +++ b/packages/webapp/src/containers/Dialogs/Invoices/InvoiceBulkDeleteDialog.tsx @@ -9,14 +9,14 @@ import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withInvoiceActions } from '@/containers/Sales/Invoices/InvoicesLanding/withInvoiceActions'; import { useBulkDeleteInvoices } from '@/hooks/query/invoices'; import { AppToaster } from '@/components'; -import BulkDeleteDialogContent from '@/containers/Dialogs/components/BulkDeleteDialogContent'; +import { BulkDeleteDialogContent } from '@/containers/Dialogs/components/BulkDeleteDialogContent'; import { compose } from '@/utils'; /** * Invoice bulk delete dialog. */ -function InvoiceBulkDeleteDialog({ +function InvoiceBulkDeleteDialogInner({ dialogName, isOpen, payload: { @@ -101,8 +101,8 @@ function InvoiceBulkDeleteDialog({ ); } -export default compose( +export const InvoiceBulkDeleteDialog = compose( withDialogRedux(), withDialogActions, withInvoiceActions, -)(InvoiceBulkDeleteDialog); +)(InvoiceBulkDeleteDialogInner); diff --git a/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryForm.tsx b/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryForm.tsx index 0f0c7040b..824935efc 100644 --- a/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryForm.tsx +++ b/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryForm.tsx @@ -13,7 +13,7 @@ import { } from './itemCategoryForm.schema'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; -import ItemCategoryFormContent from './ItemCategoryFormContent'; +import { ItemCategoryForm as ItemCategoryFormContent } from './ItemCategoryFormContent'; const defaultInitialValues = { name: '', @@ -26,7 +26,7 @@ const defaultInitialValues = { /** * Item category form. */ -function ItemCategoryForm({ +function ItemCategoryFormInner({ // #withDialogActions closeDialog, }) { @@ -111,4 +111,4 @@ function ItemCategoryForm({ ); } -export default compose(withDialogActions)(ItemCategoryForm); +export const ItemCategoryForm = compose(withDialogActions)(ItemCategoryFormInner); diff --git a/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormContent.tsx b/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormContent.tsx index 9b23f9f5a..7bd918ea8 100644 --- a/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormContent.tsx @@ -1,10 +1,10 @@ // @ts-nocheck import React from 'react'; import { Form } from 'formik'; -import ItemCategoryFormFields from './ItemCategoryFormFields'; -import ItemCategoryFormFooter from './ItemCategoryFormFooter'; +import { ItemCategoryFormFields } from './ItemCategoryFormFields'; +import { ItemCategoryFormFooter } from './ItemCategoryFormFooter'; -export default function ItemCategoryForm() { +export function ItemCategoryForm() { return ( diff --git a/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormDialogContent.tsx b/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormDialogContent.tsx index 66c74c74f..da006e0e6 100644 --- a/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormDialogContent.tsx @@ -1,14 +1,14 @@ // @ts-nocheck import React from 'react'; import { ItemCategoryProvider } from './ItemCategoryProvider'; -import ItemCategoryForm from './ItemCategoryForm'; +import { ItemCategoryForm } from './ItemCategoryForm'; import '@/style/pages/ItemCategory/ItemCategoryDialog.scss'; /** * Item Category form dialog content. */ -export default function ItemCategoryFormDialogContent({ +export function ItemCategoryFormDialogContent({ // #ownProp itemCategoryId, dialogName, diff --git a/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormFields.tsx b/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormFields.tsx index f47fcccfa..cc3eaedab 100644 --- a/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormFields.tsx +++ b/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormFields.tsx @@ -15,7 +15,7 @@ import intl from 'react-intl-universal'; /** * Item category form fields. */ -export default function ItemCategoryFormFields() { +export function ItemCategoryFormFields() { const categoryNameFieldRef = useAutofocus(); return ( diff --git a/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormFooter.tsx b/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormFooter.tsx index e0b0cf212..b4ca6af9a 100644 --- a/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormFooter.tsx +++ b/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormFooter.tsx @@ -12,7 +12,7 @@ import { compose } from '@/utils'; /** * Item category form footer. */ -function ItemCategoryFormFooter({ +function ItemCategoryFormFooterInner({ // #withDialogActions closeDialog, }) { @@ -41,4 +41,4 @@ function ItemCategoryFormFooter({
); } -export default compose(withDialogActions)(ItemCategoryFormFooter); +export const ItemCategoryFormFooter = compose(withDialogActions)(ItemCategoryFormFooterInner); diff --git a/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/index.tsx b/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/index.tsx index 3a8b2ec51..adb98ea1b 100644 --- a/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/ItemCategoryDialog/index.tsx @@ -5,9 +5,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const ItemCategoryFormDialogContent = lazy(() => - import('./ItemCategoryFormDialogContent'), -); +const ItemCategoryFormDialogContent = lazy(() => import('./ItemCategoryFormDialogContent').then(m => ({ default: m.ItemCategoryFormDialogContent }))); /** * Item Category form dialog. @@ -43,4 +41,4 @@ function ItemCategoryFormDialog({ ); } -export default compose(withDialogRedux())(ItemCategoryFormDialog); +export const index = compose(withDialogRedux())(ItemCategoryFormDialog); diff --git a/packages/webapp/src/containers/Dialogs/Items/ItemBulkDeleteDialog.tsx b/packages/webapp/src/containers/Dialogs/Items/ItemBulkDeleteDialog.tsx index df485d39a..fa7f71337 100644 --- a/packages/webapp/src/containers/Dialogs/Items/ItemBulkDeleteDialog.tsx +++ b/packages/webapp/src/containers/Dialogs/Items/ItemBulkDeleteDialog.tsx @@ -4,14 +4,14 @@ import { Button, Classes, Dialog, Intent } from '@blueprintjs/core'; import { FormattedMessage as T, AppToaster } from '@/components'; import intl from 'react-intl-universal'; -import BulkDeleteDialogContent from '@/containers/Dialogs/components/BulkDeleteDialogContent'; +import { BulkDeleteDialogContent } from '@/containers/Dialogs/components/BulkDeleteDialogContent'; import { useBulkDeleteItems } from '@/hooks/query/items'; import withDialogRedux from '@/components/DialogReduxConnect'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withItemsActions } from '@/containers/Items/withItemsActions'; import { compose } from '@/utils'; -function ItemBulkDeleteDialog({ +function ItemBulkDeleteDialogInner({ dialogName, isOpen, payload: { @@ -95,9 +95,9 @@ function ItemBulkDeleteDialog({ ); } -export default compose( +export const ItemBulkDeleteDialog = compose( withDialogRedux(), withDialogActions, withItemsActions, -)(ItemBulkDeleteDialog); +)(ItemBulkDeleteDialogInner); diff --git a/packages/webapp/src/containers/Dialogs/JournalNumberDialog/JournalNumberDialogContent.tsx b/packages/webapp/src/containers/Dialogs/JournalNumberDialog/JournalNumberDialogContent.tsx index 58af31233..96374b33e 100644 --- a/packages/webapp/src/containers/Dialogs/JournalNumberDialog/JournalNumberDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/JournalNumberDialog/JournalNumberDialogContent.tsx @@ -4,7 +4,7 @@ import intl from 'react-intl-universal'; import { DialogContent } from '@/components'; import { useSaveSettings, useSettingsManualJournals } from '@/hooks/query'; -import ReferenceNumberForm from '@/containers/JournalNumber/ReferenceNumberForm'; +import { ReferenceNumberForm } from '@/containers/JournalNumber/ReferenceNumberForm'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withSettings } from '@/containers/Settings/withSettings'; @@ -19,7 +19,7 @@ import '@/style/pages/ManualJournal/JournalNumberDialog.scss'; /** * Journal number dialog's content. */ -function JournalNumberDialogContent({ +function JournalNumberDialogContentInner({ // #withSettings nextNumber, numberPrefix, @@ -93,11 +93,11 @@ function JournalNumberDialogContent({ ); } -export default compose( +export const JournalNumberDialogContent = compose( withDialogActions, withSettings(({ manualJournalsSettings }) => ({ nextNumber: manualJournalsSettings?.nextNumber, numberPrefix: manualJournalsSettings?.numberPrefix, autoIncrement: manualJournalsSettings?.autoIncrement, })), -)(JournalNumberDialogContent); +)(JournalNumberDialogContentInner); diff --git a/packages/webapp/src/containers/Dialogs/JournalNumberDialog/index.tsx b/packages/webapp/src/containers/Dialogs/JournalNumberDialog/index.tsx index 9ff848ca0..c5aad110e 100644 --- a/packages/webapp/src/containers/Dialogs/JournalNumberDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/JournalNumberDialog/index.tsx @@ -5,7 +5,7 @@ import { Dialog, DialogSuspense } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { saveInvoke, compose } from '@/utils'; -const JournalNumberDialogContent = lazy(() => import('./JournalNumberDialogContent')); +const JournalNumberDialogContent = lazy(() => import('./JournalNumberDialogContent').then(m => ({ default: m.JournalNumberDialogContent }))); function JournalNumberDialog({ dialogName, @@ -36,6 +36,6 @@ function JournalNumberDialog({ ); } -export default compose( +export const index = compose( withDialogRedux(), )(JournalNumberDialog); diff --git a/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsDialogContent.tsx b/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsDialogContent.tsx index fe1f6bce6..d518dc570 100644 --- a/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsDialogContent.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; import { LockingTransactionsFormProvider } from './LockingTransactionsFormProvider'; -import LockingTransactionsForm from './LockingTransactionsForm'; +import { LockingTransactionsForm } from './LockingTransactionsForm'; /** * Locking transactions dialog content. */ -export default function LockingTransactionsDialogContent({ +export function LockingTransactionsDialogContent({ // #ownProps dialogName, moduleName, diff --git a/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsForm.tsx b/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsForm.tsx index 735e87866..721223c86 100644 --- a/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsForm.tsx +++ b/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsForm.tsx @@ -11,7 +11,7 @@ import { AppToaster } from '@/components'; import { CreateLockingTransactionsFormSchema } from './LockingTransactionsForm.schema'; import { useLockingTransactionsContext } from './LockingTransactionsFormProvider'; -import LockingTransactionsFormContent from './LockingTransactionsFormContent'; +import { LockingTransactionsFormContent } from './LockingTransactionsFormContent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose, transformToForm } from '@/utils'; @@ -25,7 +25,7 @@ const defaultInitialValues = { /** * Locking Transactions Form. */ -function LockingTransactionsForm({ +function LockingTransactionsFormInner({ // #withDialogActions closeDialog, }) { @@ -87,4 +87,4 @@ function LockingTransactionsForm({ /> ); } -export default compose(withDialogActions)(LockingTransactionsForm); +export const LockingTransactionsForm = compose(withDialogActions)(LockingTransactionsFormInner); diff --git a/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsFormContent.tsx b/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsFormContent.tsx index a14e23727..b3ca19ea0 100644 --- a/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsFormContent.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { Form } from 'formik'; -import LockingTransactionsFormFields from './LockingTransactionsFormFields'; -import LockingTransactionsFormFloatingActions from './LockingTransactionsFormFloatingActions'; +import { LockingTransactionsFormFields } from './LockingTransactionsFormFields'; +import { LockingTransactionsFormFloatingActions } from './LockingTransactionsFormFloatingActions'; /** * locking Transactions form content. */ -export default function LockingTransactionsFormContent() { +export function LockingTransactionsFormContent() { return ( diff --git a/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsFormFields.tsx b/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsFormFields.tsx index a897da29b..a461fbae7 100644 --- a/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsFormFields.tsx +++ b/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsFormFields.tsx @@ -17,7 +17,7 @@ import intl from 'react-intl-universal'; /** * locking Transactions form fields. */ -export default function LockingTransactionsFormFields() { +export function LockingTransactionsFormFields() { const reasonFieldRef = useAutofocus(); return ( diff --git a/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsFormFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsFormFloatingActions.tsx index 9cf2a1841..5533d6e75 100644 --- a/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsFormFloatingActions.tsx @@ -11,7 +11,7 @@ import { compose } from '@/utils'; /** * locking Transactions floating actions. */ -function LockingTransactionsFormFloatingActions({ +function LockingTransactionsFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -44,6 +44,6 @@ function LockingTransactionsFormFloatingActions({ ); } -export default compose(withDialogActions)( - LockingTransactionsFormFloatingActions, +export const LockingTransactionsFormFloatingActions = compose(withDialogActions)( + LockingTransactionsFormFloatingActionsInner, ); diff --git a/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/index.tsx b/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/index.tsx index 39f2cae7a..e1503cc9b 100644 --- a/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/LockingTransactionsDialog/index.tsx @@ -4,9 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const LockingTransactionsDialogContent = React.lazy(() => - import('./LockingTransactionsDialogContent'), -); +const LockingTransactionsDialogContent = React.lazy(() => import('./LockingTransactionsDialogContent').then(m => ({ default: m.LockingTransactionsDialogContent }))); /** * Locking Transactions dialog @@ -36,4 +34,4 @@ function LockingTransactionsDialog({ ); } -export default compose(withDialogRedux())(LockingTransactionsDialog); +export const index = compose(withDialogRedux())(LockingTransactionsDialog); diff --git a/packages/webapp/src/containers/Dialogs/ManualJournals/ManualJournalBulkDeleteDialog.tsx b/packages/webapp/src/containers/Dialogs/ManualJournals/ManualJournalBulkDeleteDialog.tsx index 72bad4b28..6c60c9cc3 100644 --- a/packages/webapp/src/containers/Dialogs/ManualJournals/ManualJournalBulkDeleteDialog.tsx +++ b/packages/webapp/src/containers/Dialogs/ManualJournals/ManualJournalBulkDeleteDialog.tsx @@ -4,14 +4,14 @@ import { Button, Classes, Dialog, Intent } from '@blueprintjs/core'; import { FormattedMessage as T, AppToaster } from '@/components'; import intl from 'react-intl-universal'; -import BulkDeleteDialogContent from '@/containers/Dialogs/components/BulkDeleteDialogContent'; +import { BulkDeleteDialogContent } from '@/containers/Dialogs/components/BulkDeleteDialogContent'; import { useBulkDeleteManualJournals } from '@/hooks/query/manual-journals'; import withDialogRedux from '@/components/DialogReduxConnect'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withManualJournalsActions } from '@/containers/Accounting/JournalsLanding/withManualJournalsActions'; import { compose } from '@/utils'; -function ManualJournalBulkDeleteDialog({ +function ManualJournalBulkDeleteDialogInner({ dialogName, isOpen, payload: { @@ -98,9 +98,9 @@ function ManualJournalBulkDeleteDialog({ ); } -export default compose( +export const ManualJournalBulkDeleteDialog = compose( withDialogRedux(), withDialogActions, withManualJournalsActions, -)(ManualJournalBulkDeleteDialog); +)(ManualJournalBulkDeleteDialogInner); diff --git a/packages/webapp/src/containers/Dialogs/NotifyEstimateViaSMSDialog/NotifyEstimateViaSMSDialogContent.tsx b/packages/webapp/src/containers/Dialogs/NotifyEstimateViaSMSDialog/NotifyEstimateViaSMSDialogContent.tsx index 1a0b5c9c9..b7dd32098 100644 --- a/packages/webapp/src/containers/Dialogs/NotifyEstimateViaSMSDialog/NotifyEstimateViaSMSDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/NotifyEstimateViaSMSDialog/NotifyEstimateViaSMSDialogContent.tsx @@ -1,9 +1,9 @@ // @ts-nocheck import React from 'react'; import { NotifyEstimateViaSMSFormProvider } from './NotifyEstimateViaSMSFormProvider'; -import NotifyEstimateViaSMSForm from './NotifyEstimateViaSMSForm'; +import { NotifyEstimateViaSMSForm } from './NotifyEstimateViaSMSForm'; -export default function NotifyEstimateViaSMSDialogContent({ +export function NotifyEstimateViaSMSDialogContent({ // #ownProps dialogName, estimate, diff --git a/packages/webapp/src/containers/Dialogs/NotifyEstimateViaSMSDialog/NotifyEstimateViaSMSForm.tsx b/packages/webapp/src/containers/Dialogs/NotifyEstimateViaSMSDialog/NotifyEstimateViaSMSForm.tsx index b428ece43..1e3cf916b 100644 --- a/packages/webapp/src/containers/Dialogs/NotifyEstimateViaSMSDialog/NotifyEstimateViaSMSForm.tsx +++ b/packages/webapp/src/containers/Dialogs/NotifyEstimateViaSMSDialog/NotifyEstimateViaSMSForm.tsx @@ -5,7 +5,7 @@ import intl from 'react-intl-universal'; import { Intent } from '@blueprintjs/core'; import { AppToaster } from '@/components'; -import NotifyViaSMSForm from '@/containers/NotifyViaSMS/NotifyViaSMSForm'; +import { NotifyViaSMSForm } from '@/containers/NotifyViaSMS/NotifyViaSMSForm'; import { useEstimateViaSMSContext } from './NotifyEstimateViaSMSFormProvider'; import { transformErrors } from '@/containers/NotifyViaSMS/utils'; @@ -17,7 +17,7 @@ const notificationType = { label: intl.get('sms_notification.estimate_details.type'), }; -function NotifyEstimateViaSMSForm({ +function NotifyEstimateViaSMSFormInner({ // #withDialogActions closeDialog, }) { @@ -79,4 +79,4 @@ function NotifyEstimateViaSMSForm({ ); } -export default compose(withDialogActions)(NotifyEstimateViaSMSForm); +export const NotifyEstimateViaSMSForm = compose(withDialogActions)(NotifyEstimateViaSMSFormInner); diff --git a/packages/webapp/src/containers/Dialogs/NotifyEstimateViaSMSDialog/index.tsx b/packages/webapp/src/containers/Dialogs/NotifyEstimateViaSMSDialog/index.tsx index e433eec08..1a80bb175 100644 --- a/packages/webapp/src/containers/Dialogs/NotifyEstimateViaSMSDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/NotifyEstimateViaSMSDialog/index.tsx @@ -5,9 +5,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const NotifyEstimateViaSMSDialogContent = React.lazy( - () => import('./NotifyEstimateViaSMSDialogContent'), -); +const NotifyEstimateViaSMSDialogContent = React.lazy(() => import('./NotifyEstimateViaSMSDialogContent').then(m => ({ default: m.NotifyEstimateViaSMSDialogContent }))); function NotifyEstimateViaSMSDialog({ dialogName, @@ -33,4 +31,4 @@ function NotifyEstimateViaSMSDialog({ ); } -export default compose(withDialogRedux())(NotifyEstimateViaSMSDialog); +export const index = compose(withDialogRedux())(NotifyEstimateViaSMSDialog); diff --git a/packages/webapp/src/containers/Dialogs/NotifyInvoiceViaSMSDialog/NotifyInvoiceViaSMSDialogContent.tsx b/packages/webapp/src/containers/Dialogs/NotifyInvoiceViaSMSDialog/NotifyInvoiceViaSMSDialogContent.tsx index f43e1e3ab..4f930b165 100644 --- a/packages/webapp/src/containers/Dialogs/NotifyInvoiceViaSMSDialog/NotifyInvoiceViaSMSDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/NotifyInvoiceViaSMSDialog/NotifyInvoiceViaSMSDialogContent.tsx @@ -2,9 +2,9 @@ import React from 'react'; import { NotifyInvoiceViaSMSFormProvider } from './NotifyInvoiceViaSMSFormProvider'; -import NotifyInvoiceViaSMSForm from './NotifyInvoiceViaSMSForm'; +import { NotifyInvoiceViaSMSForm } from './NotifyInvoiceViaSMSForm'; -export default function NotifyInvoiceViaSMSDialogContent({ +export function NotifyInvoiceViaSMSDialogContent({ // #ownProps dialogName, invoiceId, diff --git a/packages/webapp/src/containers/Dialogs/NotifyInvoiceViaSMSDialog/NotifyInvoiceViaSMSForm.tsx b/packages/webapp/src/containers/Dialogs/NotifyInvoiceViaSMSDialog/NotifyInvoiceViaSMSForm.tsx index 64d43b59a..5e38c2fa1 100644 --- a/packages/webapp/src/containers/Dialogs/NotifyInvoiceViaSMSDialog/NotifyInvoiceViaSMSForm.tsx +++ b/packages/webapp/src/containers/Dialogs/NotifyInvoiceViaSMSDialog/NotifyInvoiceViaSMSForm.tsx @@ -5,7 +5,7 @@ import { pick } from 'lodash'; import { Intent } from '@blueprintjs/core'; import { AppToaster } from '@/components'; -import NotifyViaSMSForm from '@/containers/NotifyViaSMS/NotifyViaSMSForm'; +import { NotifyViaSMSForm } from '@/containers/NotifyViaSMS/NotifyViaSMSForm'; import { useNotifyInvoiceViaSMSContext } from './NotifyInvoiceViaSMSFormProvider'; import { transformErrors } from '@/containers/NotifyViaSMS/utils'; @@ -31,7 +31,7 @@ const notificationTypes = [ /** * Notify Invoice Via SMS Form. */ -function NotifyInvoiceViaSMSForm({ +function NotifyInvoiceViaSMSFormInner({ // #withDialogActions closeDialog, }) { @@ -106,4 +106,4 @@ function NotifyInvoiceViaSMSForm({ ); } -export default compose(withDialogActions)(NotifyInvoiceViaSMSForm); +export const NotifyInvoiceViaSMSForm = compose(withDialogActions)(NotifyInvoiceViaSMSFormInner); diff --git a/packages/webapp/src/containers/Dialogs/NotifyInvoiceViaSMSDialog/index.tsx b/packages/webapp/src/containers/Dialogs/NotifyInvoiceViaSMSDialog/index.tsx index 9f4c2e93d..c4504b3aa 100644 --- a/packages/webapp/src/containers/Dialogs/NotifyInvoiceViaSMSDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/NotifyInvoiceViaSMSDialog/index.tsx @@ -5,9 +5,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const NotifyInvoiceViaSMSDialogContent = React.lazy( - () => import('./NotifyInvoiceViaSMSDialogContent'), -); +const NotifyInvoiceViaSMSDialogContent = React.lazy(() => import('./NotifyInvoiceViaSMSDialogContent').then(m => ({ default: m.NotifyInvoiceViaSMSDialogContent }))); function NotifyInvoiceViaSMSDialog({ dialogName, @@ -33,4 +31,4 @@ function NotifyInvoiceViaSMSDialog({ ); } -export default compose(withDialogRedux())(NotifyInvoiceViaSMSDialog); +export const index = compose(withDialogRedux())(NotifyInvoiceViaSMSDialog); diff --git a/packages/webapp/src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/NotifyPaymentReceiveViaSMSContent.tsx b/packages/webapp/src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/NotifyPaymentReceiveViaSMSContent.tsx index 7658ca5f6..ab63842fa 100644 --- a/packages/webapp/src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/NotifyPaymentReceiveViaSMSContent.tsx +++ b/packages/webapp/src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/NotifyPaymentReceiveViaSMSContent.tsx @@ -2,9 +2,9 @@ import React from 'react'; import { NotifyPaymentReceiveViaFormProvider } from './NotifyPaymentReceiveViaFormProvider'; -import NotifyPaymentReceiveViaSMSForm from './NotifyPaymentReceiveViaSMSForm'; +import { NotifyPaymentReceiveViaSMSForm } from './NotifyPaymentReceiveViaSMSForm'; -export default function NotifyPaymentReceiveViaSMSContent({ +export function NotifyPaymentReceiveViaSMSContent({ // #ownProps dialogName, paymentReceive, diff --git a/packages/webapp/src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/NotifyPaymentReceiveViaSMSForm.tsx b/packages/webapp/src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/NotifyPaymentReceiveViaSMSForm.tsx index b18af64fd..d50db1830 100644 --- a/packages/webapp/src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/NotifyPaymentReceiveViaSMSForm.tsx +++ b/packages/webapp/src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/NotifyPaymentReceiveViaSMSForm.tsx @@ -5,7 +5,7 @@ import intl from 'react-intl-universal'; import { Intent } from '@blueprintjs/core'; import { AppToaster } from '@/components'; -import NotifyViaSMSForm from '@/containers/NotifyViaSMS/NotifyViaSMSForm'; +import { NotifyViaSMSForm } from '@/containers/NotifyViaSMS/NotifyViaSMSForm'; import { useNotifyPaymentReceiveViaSMSContext } from './NotifyPaymentReceiveViaFormProvider'; import { transformErrors } from '@/containers/NotifyViaSMS/utils'; @@ -20,7 +20,7 @@ const notificationType = { /** * Notify Payment Recive Via SMS Form. */ -function NotifyPaymentReceiveViaSMSForm({ +function NotifyPaymentReceiveViaSMSFormInner({ // #withDialogActions closeDialog, }) { @@ -85,4 +85,4 @@ function NotifyPaymentReceiveViaSMSForm({ /> ); } -export default compose(withDialogActions)(NotifyPaymentReceiveViaSMSForm); +export const NotifyPaymentReceiveViaSMSForm = compose(withDialogActions)(NotifyPaymentReceiveViaSMSFormInner); diff --git a/packages/webapp/src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/index.tsx b/packages/webapp/src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/index.tsx index aa0b66457..3a5f325aa 100644 --- a/packages/webapp/src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/NotifyPaymentReceiveViaSMSDialog/index.tsx @@ -4,9 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const NotifyPaymentReceiveViaSMSDialogContent = React.lazy( - () => import('./NotifyPaymentReceiveViaSMSContent'), -); +const NotifyPaymentReceiveViaSMSDialogContent = React.lazy(() => import('./NotifyPaymentReceiveViaSMSContent').then(m => ({ default: m.NotifyPaymentReceiveViaSMSContent }))); function NotifyPaymentReciveViaSMSDialog({ dialogName, @@ -31,4 +29,4 @@ function NotifyPaymentReciveViaSMSDialog({ ); } -export default compose(withDialogRedux())(NotifyPaymentReciveViaSMSDialog); +export const index = compose(withDialogRedux())(NotifyPaymentReciveViaSMSDialog); diff --git a/packages/webapp/src/containers/Dialogs/NotifyReceiptViaSMSDialog/NotifyReceiptViaSMSDialogContent.tsx b/packages/webapp/src/containers/Dialogs/NotifyReceiptViaSMSDialog/NotifyReceiptViaSMSDialogContent.tsx index 62ac0f67f..de6be82ad 100644 --- a/packages/webapp/src/containers/Dialogs/NotifyReceiptViaSMSDialog/NotifyReceiptViaSMSDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/NotifyReceiptViaSMSDialog/NotifyReceiptViaSMSDialogContent.tsx @@ -2,9 +2,9 @@ import React from 'react'; import { NotifyReceiptViaSMSFormProvider } from './NotifyReceiptViaSMSFormProvider'; -import NotifyReceiptViaSMSForm from './NotifyReceiptViaSMSForm'; +import { NotifyReceiptViaSMSForm } from './NotifyReceiptViaSMSForm'; -export default function NotifyReceiptViaSMSDialogContent({ +export function NotifyReceiptViaSMSDialogContent({ // #ownProps dialogName, receipt, diff --git a/packages/webapp/src/containers/Dialogs/NotifyReceiptViaSMSDialog/NotifyReceiptViaSMSForm.tsx b/packages/webapp/src/containers/Dialogs/NotifyReceiptViaSMSDialog/NotifyReceiptViaSMSForm.tsx index 97bc96b4d..7220f5897 100644 --- a/packages/webapp/src/containers/Dialogs/NotifyReceiptViaSMSDialog/NotifyReceiptViaSMSForm.tsx +++ b/packages/webapp/src/containers/Dialogs/NotifyReceiptViaSMSDialog/NotifyReceiptViaSMSForm.tsx @@ -5,7 +5,7 @@ import intl from 'react-intl-universal'; import { Intent } from '@blueprintjs/core'; import { AppToaster } from '@/components'; -import NotifyViaSMSForm from '@/containers/NotifyViaSMS/NotifyViaSMSForm'; +import { NotifyViaSMSForm } from '@/containers/NotifyViaSMS/NotifyViaSMSForm'; import { useNotifyReceiptViaSMSContext } from './NotifyReceiptViaSMSFormProvider'; import { transformErrors } from '@/containers/NotifyViaSMS/utils'; @@ -20,7 +20,7 @@ const notificationType = { /** * Notify Receipt Via SMS Form. */ -function NotifyReceiptViaSMSForm({ +function NotifyReceiptViaSMSFormInner({ // #withDialogActions closeDialog, }) { @@ -83,4 +83,4 @@ function NotifyReceiptViaSMSForm({ ); } -export default compose(withDialogActions)(NotifyReceiptViaSMSForm); +export const NotifyReceiptViaSMSForm = compose(withDialogActions)(NotifyReceiptViaSMSFormInner); diff --git a/packages/webapp/src/containers/Dialogs/NotifyReceiptViaSMSDialog/index.tsx b/packages/webapp/src/containers/Dialogs/NotifyReceiptViaSMSDialog/index.tsx index cfe0c5acf..1c5e4d119 100644 --- a/packages/webapp/src/containers/Dialogs/NotifyReceiptViaSMSDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/NotifyReceiptViaSMSDialog/index.tsx @@ -5,9 +5,7 @@ import { Dialog, DialogSuspense } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const NotifyReceiptViaSMSDialogContent = React.lazy(() => - import('./NotifyReceiptViaSMSDialogContent'), -); +const NotifyReceiptViaSMSDialogContent = React.lazy(() => import('./NotifyReceiptViaSMSDialogContent').then(m => ({ default: m.NotifyReceiptViaSMSDialogContent }))); function NotifyReceiptViaSMSDialog({ dialogName, @@ -33,4 +31,4 @@ function NotifyReceiptViaSMSDialog({ ); } -export default compose(withDialogRedux())(NotifyReceiptViaSMSDialog); +export const index = compose(withDialogRedux())(NotifyReceiptViaSMSDialog); diff --git a/packages/webapp/src/containers/Dialogs/PaymentReceiveNumberDialog/PaymentReceiveNumberDialogContent.tsx b/packages/webapp/src/containers/Dialogs/PaymentReceiveNumberDialog/PaymentReceiveNumberDialogContent.tsx index 987eb27ba..97174bb54 100644 --- a/packages/webapp/src/containers/Dialogs/PaymentReceiveNumberDialog/PaymentReceiveNumberDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/PaymentReceiveNumberDialog/PaymentReceiveNumberDialogContent.tsx @@ -5,7 +5,7 @@ import intl from 'react-intl-universal'; import { DialogContent } from '@/components'; import { useSaveSettings, useSettingsPaymentReceives } from '@/hooks/query'; -import ReferenceNumberForm from '@/containers/JournalNumber/ReferenceNumberForm'; +import { ReferenceNumberForm } from '@/containers/JournalNumber/ReferenceNumberForm'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withSettingsActions } from '@/containers/Settings/withSettingsActions'; @@ -96,7 +96,7 @@ function PaymentNumberDialogContent({ ); } -export default compose( +export const PaymentReceiveNumberDialogContent = compose( withDialogActions, withSettingsActions, withSettings(({ paymentReceiveSettings }) => ({ diff --git a/packages/webapp/src/containers/Dialogs/PaymentReceiveNumberDialog/index.tsx b/packages/webapp/src/containers/Dialogs/PaymentReceiveNumberDialog/index.tsx index ba9c02581..f41ceffc8 100644 --- a/packages/webapp/src/containers/Dialogs/PaymentReceiveNumberDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/PaymentReceiveNumberDialog/index.tsx @@ -4,9 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { saveInvoke, compose } from '@/utils'; -const PaymentReceiveNumbereDialogContent = lazy( - () => import('./PaymentReceiveNumberDialogContent'), -); +const PaymentReceiveNumbereDialogContent = lazy(() => import('./PaymentReceiveNumberDialogContent').then(m => ({ default: m.PaymentReceiveNumberDialogContent }))); /** * Payment receive number dialog. @@ -35,4 +33,4 @@ function PaymentReceiveNumberDialog({ ); } -export default compose(withDialogRedux())(PaymentReceiveNumberDialog); +export const index = compose(withDialogRedux())(PaymentReceiveNumberDialog); diff --git a/packages/webapp/src/containers/Dialogs/PaymentReceivePdfPreviewDialog/PaymentReceivePdfPreviewContent.tsx b/packages/webapp/src/containers/Dialogs/PaymentReceivePdfPreviewDialog/PaymentReceivePdfPreviewContent.tsx index a82851c2b..052ce8bdf 100644 --- a/packages/webapp/src/containers/Dialogs/PaymentReceivePdfPreviewDialog/PaymentReceivePdfPreviewContent.tsx +++ b/packages/webapp/src/containers/Dialogs/PaymentReceivePdfPreviewDialog/PaymentReceivePdfPreviewContent.tsx @@ -45,6 +45,6 @@ function PaymentReceivePdfPreviewDialogContent({ ); } -export default compose(withDialogActions)( +export const PaymentReceivePdfPreviewContent = compose(withDialogActions)( PaymentReceivePdfPreviewDialogContent, ); diff --git a/packages/webapp/src/containers/Dialogs/PaymentReceivePdfPreviewDialog/index.tsx b/packages/webapp/src/containers/Dialogs/PaymentReceivePdfPreviewDialog/index.tsx index a4a52fa65..46bf36bac 100644 --- a/packages/webapp/src/containers/Dialogs/PaymentReceivePdfPreviewDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/PaymentReceivePdfPreviewDialog/index.tsx @@ -10,9 +10,7 @@ import { CLASSES } from '@/constants/classes'; import { compose } from '@/utils'; // Lazy loading the content. -const PdfPreviewDialogContent = React.lazy(() => - import('./PaymentReceivePdfPreviewContent'), -); +const PdfPreviewDialogContent = React.lazy(() => import('./PaymentReceivePdfPreviewContent').then(m => ({ default: m.PaymentReceivePdfPreviewContent }))); /** * Payment receive PDF preview dialog. @@ -42,4 +40,4 @@ function PaymentReceivePdfPreviewDialog({ ); } -export default compose(withDialogRedux())(PaymentReceivePdfPreviewDialog); +export const index = compose(withDialogRedux())(PaymentReceivePdfPreviewDialog); diff --git a/packages/webapp/src/containers/Dialogs/PaymentsReceived/PaymentReceivedBulkDeleteDialog.tsx b/packages/webapp/src/containers/Dialogs/PaymentsReceived/PaymentReceivedBulkDeleteDialog.tsx index 74888cd44..c1485c3d1 100644 --- a/packages/webapp/src/containers/Dialogs/PaymentsReceived/PaymentReceivedBulkDeleteDialog.tsx +++ b/packages/webapp/src/containers/Dialogs/PaymentsReceived/PaymentReceivedBulkDeleteDialog.tsx @@ -4,14 +4,14 @@ import { Button, Classes, Dialog, Intent } from '@blueprintjs/core'; import { FormattedMessage as T, AppToaster } from '@/components'; import intl from 'react-intl-universal'; -import BulkDeleteDialogContent from '@/containers/Dialogs/components/BulkDeleteDialogContent'; +import { BulkDeleteDialogContent } from '@/containers/Dialogs/components/BulkDeleteDialogContent'; import { useBulkDeletePaymentReceives } from '@/hooks/query/payment-receives'; import withDialogRedux from '@/components/DialogReduxConnect'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withPaymentsReceivedActions } from '@/containers/Sales/PaymentsReceived/PaymentsLanding/withPaymentsReceivedActions'; import { compose } from '@/utils'; -function PaymentReceivedBulkDeleteDialog({ +function PaymentReceivedBulkDeleteDialogInner({ dialogName, isOpen, payload: { @@ -100,9 +100,9 @@ function PaymentReceivedBulkDeleteDialog({ ); } -export default compose( +export const PaymentReceivedBulkDeleteDialog = compose( withDialogRedux(), withDialogActions, withPaymentsReceivedActions, -)(PaymentReceivedBulkDeleteDialog); +)(PaymentReceivedBulkDeleteDialogInner); diff --git a/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFloatingActions.tsx index bbef8dbeb..bb6a0be81 100644 --- a/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFloatingActions.tsx @@ -8,7 +8,7 @@ import { useQuickPaymentMadeContext } from './QuickPaymentMadeFormProvider'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; -function QuickPaymentMadeFloatingActions({ +function QuickPaymentMadeFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -41,4 +41,4 @@ function QuickPaymentMadeFloatingActions({ ); } -export default compose(withDialogActions)(QuickPaymentMadeFloatingActions); +export const QuickPaymentMadeFloatingActions = compose(withDialogActions)(QuickPaymentMadeFloatingActionsInner); diff --git a/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeForm.tsx b/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeForm.tsx index c86a8d51f..7055624cf 100644 --- a/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeForm.tsx +++ b/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeForm.tsx @@ -7,7 +7,7 @@ import { omit } from 'lodash'; import { AppToaster } from '@/components'; import { CreateQuickPaymentMadeFormSchema } from './QuickPaymentMade.schema'; import { useQuickPaymentMadeContext } from './QuickPaymentMadeFormProvider'; -import QuickPaymentMadeFormContent from './QuickPaymentMadeFormContent'; +import { QuickPaymentMadeFormContent } from './QuickPaymentMadeFormContent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { defaultPaymentMade, transformBillToForm, transformErrors } from './utils'; @@ -16,7 +16,7 @@ import { compose } from '@/utils'; /** * Quick payment made form. */ -function QuickPaymentMadeForm({ +function QuickPaymentMadeFormInner({ // #withDialogActions closeDialog, }) { @@ -73,4 +73,4 @@ function QuickPaymentMadeForm({ ); } -export default compose(withDialogActions)(QuickPaymentMadeForm); +export const QuickPaymentMadeForm = compose(withDialogActions)(QuickPaymentMadeFormInner); diff --git a/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormContent.tsx b/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormContent.tsx index 1885e10d0..1cb8bc212 100644 --- a/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormContent.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; import { Form } from 'formik'; -import QuickPaymentMadeFormFields from './QuickPaymentMadeFormFields'; -import QuickPaymentMadeFloatingActions from './QuickPaymentMadeFloatingActions'; +import { QuickPaymentMadeFormFields } from './QuickPaymentMadeFormFields'; +import { QuickPaymentMadeFloatingActions } from './QuickPaymentMadeFloatingActions'; /** * Quick payment made form content. */ -export default function QuickPaymentMadeFormContent() { +export function QuickPaymentMadeFormContent() { return ( diff --git a/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormDialogContent.tsx b/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormDialogContent.tsx index f87fd78ac..5246c8b5d 100644 --- a/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormDialogContent.tsx @@ -4,12 +4,12 @@ import React from 'react'; import '@/style/pages/PaymentReceive/QuickPaymentReceiveDialog.scss'; import { QuickPaymentMadeFormProvider } from './QuickPaymentMadeFormProvider'; -import QuickPaymentMadeForm from './QuickPaymentMadeForm'; +import { QuickPaymentMadeForm } from './QuickPaymentMadeForm'; /** * Quick payment made form dialog content. */ -export default function QuickPaymentMadeFormDialogContent({ +export function QuickPaymentMadeFormDialogContent({ // #ownProps dialogName, bill, diff --git a/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormFields.tsx b/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormFields.tsx index 6a2cb885a..8fae162f8 100644 --- a/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormFields.tsx +++ b/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormFields.tsx @@ -38,7 +38,7 @@ import { compose } from '@/utils'; /** * Quick payment made form fields. */ -function QuickPaymentMadeFormFields({ +function QuickPaymentMadeFormFieldsInner({ // #withCurrentOrganization organization: { base_currency }, }) { @@ -164,7 +164,7 @@ function QuickPaymentMadeFormFields({ ); } -export default compose(withCurrentOrganization())(QuickPaymentMadeFormFields); +export const QuickPaymentMadeFormFields = compose(withCurrentOrganization())(QuickPaymentMadeFormFieldsInner); export const BranchRowDivider = styled.div` height: 1px; diff --git a/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/index.tsx b/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/index.tsx index e98ea1fa5..4563c5b42 100644 --- a/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/QuickPaymentMadeFormDialog/index.tsx @@ -4,9 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const QuickPaymentMadeFormDialogContent = lazy( - () => import('./QuickPaymentMadeFormDialogContent'), -); +const QuickPaymentMadeFormDialogContent = lazy(() => import('./QuickPaymentMadeFormDialogContent').then(m => ({ default: m.QuickPaymentMadeFormDialogContent }))); /** * Quick payment made form dialog. @@ -35,4 +33,4 @@ function QuickPaymentMadeFormDialog({ ); } -export default compose(withDialogRedux())(QuickPaymentMadeFormDialog); +export const index = compose(withDialogRedux())(QuickPaymentMadeFormDialog); diff --git a/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFloatingActions.tsx index e8e4b6958..c27c3ed33 100644 --- a/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFloatingActions.tsx @@ -8,7 +8,7 @@ import { useQuickPaymentReceiveContext } from './QuickPaymentReceiveFormProvider import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; -function QuickPaymentReceiveFloatingActions({ +function QuickPaymentReceiveFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -40,4 +40,4 @@ function QuickPaymentReceiveFloatingActions({
); } -export default compose(withDialogActions)(QuickPaymentReceiveFloatingActions); +export const QuickPaymentReceiveFloatingActions = compose(withDialogActions)(QuickPaymentReceiveFloatingActionsInner); diff --git a/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveForm.tsx b/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveForm.tsx index 5471d5325..35787712c 100644 --- a/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveForm.tsx +++ b/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveForm.tsx @@ -8,7 +8,7 @@ import { defaultTo, omit } from 'lodash'; import { AppToaster } from '@/components'; import { useQuickPaymentReceiveContext } from './QuickPaymentReceiveFormProvider'; import { CreateQuickPaymentReceiveFormSchema } from './QuickPaymentReceive.schema'; -import QuickPaymentReceiveFormContent from './QuickPaymentReceiveFormContent'; +import { QuickPaymentReceiveFormContent } from './QuickPaymentReceiveFormContent'; import { withSettings } from '@/containers/Settings/withSettings'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; @@ -22,7 +22,7 @@ import { compose, transactionNumber } from '@/utils'; /** * Quick payment receive form. */ -function QuickPaymentReceiveForm({ +function QuickPaymentReceiveFormInner({ // #withDialogActions closeDialog, @@ -99,7 +99,7 @@ function QuickPaymentReceiveForm({ ); } -export default compose( +export const QuickPaymentReceiveForm = compose( withDialogActions, withSettings(({ paymentReceiveSettings }) => ({ paymentReceiveNextNumber: paymentReceiveSettings?.nextNumber, @@ -107,4 +107,4 @@ export default compose( paymentReceiveAutoIncrement: paymentReceiveSettings?.autoIncrement, preferredDepositAccount: paymentReceiveSettings?.preferredDepositAccount, })), -)(QuickPaymentReceiveForm); +)(QuickPaymentReceiveFormInner); diff --git a/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFormContent.tsx b/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFormContent.tsx index 5304bfff8..8404e8ab6 100644 --- a/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFormContent.tsx @@ -1,13 +1,13 @@ // @ts-nocheck import React from 'react'; import { Form } from 'formik'; -import QuickPaymentReceiveFormFields from './QuickPaymentReceiveFormFields'; -import QuickPaymentReceiveFloatingActions from './QuickPaymentReceiveFloatingActions'; +import { QuickPaymentReceiveFormFields } from './QuickPaymentReceiveFormFields'; +import { QuickPaymentReceiveFloatingActions } from './QuickPaymentReceiveFloatingActions'; /** * Quick payment receive form content. */ -export default function QuickPaymentReceiveFormContent() { +export function QuickPaymentReceiveFormContent() { return ( diff --git a/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFormDialogContent.tsx b/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFormDialogContent.tsx index 8df83628c..b38299b55 100644 --- a/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFormDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFormDialogContent.tsx @@ -4,12 +4,12 @@ import React from 'react'; import '@/style/pages/PaymentReceive/QuickPaymentReceiveDialog.scss'; import { QuickPaymentReceiveFormProvider } from './QuickPaymentReceiveFormProvider'; -import QuickPaymentReceiveForm from './QuickPaymentReceiveForm'; +import { QuickPaymentReceiveForm } from './QuickPaymentReceiveForm'; /** * Quick payment receive form dialog content. */ -export default function QuickPaymentReceiveFormDialogContent({ +export function QuickPaymentReceiveFormDialogContent({ // #ownProps dialogName, invoice, diff --git a/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFormFields.tsx b/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFormFields.tsx index 0a24052ba..2b3dfd4f7 100644 --- a/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFormFields.tsx +++ b/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFormFields.tsx @@ -36,7 +36,7 @@ import { withSettings } from '@/containers/Settings/withSettings'; /** * Quick payment receive form fields. */ -function QuickPaymentReceiveFormFields({ +function QuickPaymentReceiveFormFieldsInner({ paymentReceiveAutoIncrement, // #withCurrentOrganization @@ -174,12 +174,12 @@ function QuickPaymentReceiveFormFields({ ); } -export default compose( +export const QuickPaymentReceiveFormFields = compose( withSettings(({ paymentReceiveSettings }) => ({ paymentReceiveAutoIncrement: paymentReceiveSettings?.autoIncrement, })), withCurrentOrganization(), -)(QuickPaymentReceiveFormFields); +)(QuickPaymentReceiveFormFieldsInner); export const BranchRowDivider = styled.div` height: 1px; diff --git a/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/index.tsx b/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/index.tsx index cf145145f..15cf38772 100644 --- a/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/QuickPaymentReceiveFormDialog/index.tsx @@ -5,9 +5,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const QuickPaymentReceiveFormDialogContent = lazy( - () => import('./QuickPaymentReceiveFormDialogContent'), -); +const QuickPaymentReceiveFormDialogContent = lazy(() => import('./QuickPaymentReceiveFormDialogContent').then(m => ({ default: m.QuickPaymentReceiveFormDialogContent }))); /** * Quick payment receive form dialog. @@ -36,4 +34,4 @@ function QuickPaymentReceiveFormDialog({ ); } -export default compose(withDialogRedux())(QuickPaymentReceiveFormDialog); +export const index = compose(withDialogRedux())(QuickPaymentReceiveFormDialog); diff --git a/packages/webapp/src/containers/Dialogs/ReceiptNumberDialog/ReceiptNumberDialogContent.tsx b/packages/webapp/src/containers/Dialogs/ReceiptNumberDialog/ReceiptNumberDialogContent.tsx index cb4bfd958..be35c14d7 100644 --- a/packages/webapp/src/containers/Dialogs/ReceiptNumberDialog/ReceiptNumberDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/ReceiptNumberDialog/ReceiptNumberDialogContent.tsx @@ -5,7 +5,7 @@ import intl from 'react-intl-universal'; import { DialogContent } from '@/components'; import { useSettingsReceipts, useSaveSettings } from '@/hooks/query'; -import ReferenceNumberForm from '@/containers/JournalNumber/ReferenceNumberForm'; +import { ReferenceNumberForm } from '@/containers/JournalNumber/ReferenceNumberForm'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withSettings } from '@/containers/Settings/withSettings'; @@ -19,7 +19,7 @@ import { /** * Receipt number dialog's content. */ -function ReceiptNumberDialogContent({ +function ReceiptNumberDialogContentInner({ // #ownProps receiptId, onConfirm, @@ -93,11 +93,11 @@ function ReceiptNumberDialogContent({ ); } -export default compose( +export const ReceiptNumberDialogContent = compose( withDialogActions, withSettings(({ receiptSettings }) => ({ nextNumber: receiptSettings?.nextNumber, numberPrefix: receiptSettings?.numberPrefix, autoIncrement: receiptSettings?.autoIncrement, })), -)(ReceiptNumberDialogContent); +)(ReceiptNumberDialogContentInner); diff --git a/packages/webapp/src/containers/Dialogs/ReceiptNumberDialog/index.tsx b/packages/webapp/src/containers/Dialogs/ReceiptNumberDialog/index.tsx index e741572e4..915fdbabb 100644 --- a/packages/webapp/src/containers/Dialogs/ReceiptNumberDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/ReceiptNumberDialog/index.tsx @@ -4,9 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose, saveInvoke } from '@/utils'; -const ReceiptNumberDialogContent = lazy( - () => import('./ReceiptNumberDialogContent'), -); +const ReceiptNumberDialogContent = lazy(() => import('./ReceiptNumberDialogContent').then(m => ({ default: m.ReceiptNumberDialogContent }))); /** * Sale receipt number dialog. @@ -39,4 +37,4 @@ function ReceiptNumberDialog({ ); } -export default compose(withDialogRedux())(ReceiptNumberDialog); +export const index = compose(withDialogRedux())(ReceiptNumberDialog); diff --git a/packages/webapp/src/containers/Dialogs/ReceiptPdfPreviewDialog/ReceiptPdfPreviewDialogContent.tsx b/packages/webapp/src/containers/Dialogs/ReceiptPdfPreviewDialog/ReceiptPdfPreviewDialogContent.tsx index 00e2de19f..99ddf80ef 100644 --- a/packages/webapp/src/containers/Dialogs/ReceiptPdfPreviewDialog/ReceiptPdfPreviewDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/ReceiptPdfPreviewDialog/ReceiptPdfPreviewDialogContent.tsx @@ -8,7 +8,7 @@ import { usePdfReceipt } from '@/hooks/query'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; -function ReceiptPdfPreviewDialogContent({ +function ReceiptPdfPreviewDialogContentInner({ subscriptionForm: { receiptId }, // #withDialogActions closeDialog, @@ -47,4 +47,4 @@ function ReceiptPdfPreviewDialogContent({ ); } -export default compose(withDialogActions)(ReceiptPdfPreviewDialogContent); +export const ReceiptPdfPreviewDialogContent = compose(withDialogActions)(ReceiptPdfPreviewDialogContentInner); diff --git a/packages/webapp/src/containers/Dialogs/ReceiptPdfPreviewDialog/index.tsx b/packages/webapp/src/containers/Dialogs/ReceiptPdfPreviewDialog/index.tsx index 51bbc9572..65ac6f4cb 100644 --- a/packages/webapp/src/containers/Dialogs/ReceiptPdfPreviewDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/ReceiptPdfPreviewDialog/index.tsx @@ -8,9 +8,7 @@ import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; // Lazy loading the content. -const PdfPreviewDialogContent = React.lazy(() => - import('./ReceiptPdfPreviewDialogContent'), -); +const PdfPreviewDialogContent = React.lazy(() => import('./ReceiptPdfPreviewDialogContent').then(m => ({ default: m.ReceiptPdfPreviewDialogContent }))); /** * Receipt Pdf preview dialog. @@ -39,4 +37,4 @@ function ReceiptPdfPreviewDialog({ ); } -export default compose(withDialogRedux())(ReceiptPdfPreviewDialog); +export const index = compose(withDialogRedux())(ReceiptPdfPreviewDialog); diff --git a/packages/webapp/src/containers/Dialogs/Receipts/ReceiptBulkDeleteDialog.tsx b/packages/webapp/src/containers/Dialogs/Receipts/ReceiptBulkDeleteDialog.tsx index 309a25b3d..ee98d80e3 100644 --- a/packages/webapp/src/containers/Dialogs/Receipts/ReceiptBulkDeleteDialog.tsx +++ b/packages/webapp/src/containers/Dialogs/Receipts/ReceiptBulkDeleteDialog.tsx @@ -4,14 +4,14 @@ import { Button, Classes, Dialog, Intent } from '@blueprintjs/core'; import { FormattedMessage as T, AppToaster } from '@/components'; import intl from 'react-intl-universal'; -import BulkDeleteDialogContent from '@/containers/Dialogs/components/BulkDeleteDialogContent'; +import { BulkDeleteDialogContent } from '@/containers/Dialogs/components/BulkDeleteDialogContent'; import { useBulkDeleteReceipts } from '@/hooks/query/receipts'; import withDialogRedux from '@/components/DialogReduxConnect'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withReceiptsActions } from '@/containers/Sales/Receipts/ReceiptsLanding/withReceiptsActions'; import { compose } from '@/utils'; -function ReceiptBulkDeleteDialog({ +function ReceiptBulkDeleteDialogInner({ dialogName, isOpen, payload: { @@ -96,9 +96,9 @@ function ReceiptBulkDeleteDialog({ ); } -export default compose( +export const ReceiptBulkDeleteDialog = compose( withDialogRedux(), withDialogActions, withReceiptsActions, -)(ReceiptBulkDeleteDialog); +)(ReceiptBulkDeleteDialogInner); diff --git a/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteDialogContent.tsx b/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteDialogContent.tsx index 3c7fc625d..d3700d82a 100644 --- a/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteDialogContent.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; import { ReconcileCreditNoteFormProvider } from './ReconcileCreditNoteFormProvider'; -import ReconcileCreditNoteForm from './ReconcileCreditNoteForm'; +import { ReconcileCreditNoteForm } from './ReconcileCreditNoteForm'; /** * Reconcile credit note dialog content. */ -export default function ReconcileCreditNoteDialogContent({ +export function ReconcileCreditNoteDialogContent({ // #ownProps dialogName, creditNoteId, diff --git a/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteEntriesTable.tsx b/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteEntriesTable.tsx index 15b6a4c41..d1ad320a6 100644 --- a/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteEntriesTable.tsx +++ b/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteEntriesTable.tsx @@ -16,7 +16,7 @@ import { useReconcileCreditNoteContext } from './ReconcileCreditNoteFormProvider /** * Reconcile credit note entries table. */ -export default function ReconcileCreditNoteEntriesTable({ +export function ReconcileCreditNoteEntriesTable({ onUpdateData, entries, errors, diff --git a/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteForm.tsx b/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteForm.tsx index aa3084bc4..1acbd98ff 100644 --- a/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteForm.tsx +++ b/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteForm.tsx @@ -8,7 +8,7 @@ import '@/style/pages/ReconcileCreditNote/ReconcileCreditNoteForm.scss'; import { AppToaster } from '@/components'; import { CreateReconcileCreditNoteFormSchema } from './ReconcileCreditNoteForm.schema'; import { useReconcileCreditNoteContext } from './ReconcileCreditNoteFormProvider'; -import ReconcileCreditNoteFormContent from './ReconcileCreditNoteFormContent'; +import { ReconcileCreditNoteFormContent } from './ReconcileCreditNoteFormContent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose, transformToForm } from '@/utils'; import { transformErrors } from './utils'; @@ -26,7 +26,7 @@ const defaultInitialValues = { /** * Reconcile credit note form. */ -function ReconcileCreditNoteForm({ +function ReconcileCreditNoteFormInner({ // #withDialogActions closeDialog, }) { @@ -95,4 +95,4 @@ function ReconcileCreditNoteForm({ ); } -export default compose(withDialogActions)(ReconcileCreditNoteForm); +export const ReconcileCreditNoteForm = compose(withDialogActions)(ReconcileCreditNoteFormInner); diff --git a/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteFormContent.tsx b/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteFormContent.tsx index 51a5732f2..99e6f7a41 100644 --- a/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteFormContent.tsx @@ -3,15 +3,15 @@ import React from 'react'; import { Form } from 'formik'; import { Choose } from '@/components'; -import ReconcileCreditNoteFormFields from './ReconcileCreditNoteFormFields'; -import ReconcileCreditNoteFormFloatingActions from './ReconcileCreditNoteFormFloatingActions'; +import { ReconcileCreditNoteFormFields } from './ReconcileCreditNoteFormFields'; +import { ReconcileCreditNoteFormFloatingActions } from './ReconcileCreditNoteFormFloatingActions'; import { EmptyStatuCallout } from './utils'; import { useReconcileCreditNoteContext } from './ReconcileCreditNoteFormProvider'; /** * Reconcile credit note form content. */ -export default function ReconcileCreditNoteFormContent() { +export function ReconcileCreditNoteFormContent() { const { isEmptyStatus } = useReconcileCreditNoteContext(); return ( diff --git a/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteFormFields.tsx b/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteFormFields.tsx index 5066d6ee3..ea0a91df9 100644 --- a/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteFormFields.tsx +++ b/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteFormFields.tsx @@ -13,14 +13,14 @@ import { } from '@/components'; import { subtract } from 'lodash'; import { getEntriesTotal } from '@/containers/Entries/utils'; -import ReconcileCreditNoteEntriesTable from './ReconcileCreditNoteEntriesTable'; +import { ReconcileCreditNoteEntriesTable } from './ReconcileCreditNoteEntriesTable'; import { useReconcileCreditNoteContext } from './ReconcileCreditNoteFormProvider'; import { formattedAmount } from '@/utils'; /** * Reconcile credit note form fields. */ -export default function ReconcileCreditNoteFormFields() { +export function ReconcileCreditNoteFormFields() { const { creditNote: { formatted_credits_remaining }, } = useReconcileCreditNoteContext(); diff --git a/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteFormFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteFormFloatingActions.tsx index 26b747775..821a7e030 100644 --- a/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/ReconcileCreditNoteFormFloatingActions.tsx @@ -11,7 +11,7 @@ import { compose } from '@/utils'; /** * Reconcile credit note floating actions. */ -function ReconcileCreditNoteFormFloatingActions({ +function ReconcileCreditNoteFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -43,6 +43,6 @@ function ReconcileCreditNoteFormFloatingActions({ ); } -export default compose(withDialogActions)( - ReconcileCreditNoteFormFloatingActions, +export const ReconcileCreditNoteFormFloatingActions = compose(withDialogActions)( + ReconcileCreditNoteFormFloatingActionsInner, ); diff --git a/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/index.tsx b/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/index.tsx index b8862a862..b2748d526 100644 --- a/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/ReconcileCreditNoteDialog/index.tsx @@ -4,9 +4,7 @@ import { FormattedMessage as T, Dialog, DialogSuspense } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const ReconcileCreditNoteDialogContent = React.lazy(() => - import('./ReconcileCreditNoteDialogContent'), -); +const ReconcileCreditNoteDialogContent = React.lazy(() => import('./ReconcileCreditNoteDialogContent').then(m => ({ default: m.ReconcileCreditNoteDialogContent }))); /** * Reconcile credit note dialog. @@ -34,4 +32,4 @@ function ReconcileCreditNoteDialog({ ); } -export default compose(withDialogRedux())(ReconcileCreditNoteDialog); +export const index = compose(withDialogRedux())(ReconcileCreditNoteDialog); diff --git a/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditDialogContent.tsx b/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditDialogContent.tsx index 9b3623b79..886260d3b 100644 --- a/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditDialogContent.tsx @@ -1,9 +1,9 @@ // @ts-nocheck import React from 'react'; import { ReconcileVendorCreditFormProvider } from './ReconcileVendorCreditFormProvider'; -import ReconcileVendorCreditForm from './ReconcileVendorCreditForm'; +import { ReconcileVendorCreditForm } from './ReconcileVendorCreditForm'; -export default function ReconcileVendorCreditDialogContent({ +export function ReconcileVendorCreditDialogContent({ // #ownProps dialogName, vendorCreditId, diff --git a/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditEntriesTable.tsx b/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditEntriesTable.tsx index dbc9a7465..1222a97fb 100644 --- a/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditEntriesTable.tsx +++ b/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditEntriesTable.tsx @@ -18,7 +18,7 @@ import { useReconcileVendorCreditContext } from './ReconcileVendorCreditFormProv /** * Reconcile vendor credit entries table. */ -export default function ReconcileVendorCreditEntriesTable({ +export function ReconcileVendorCreditEntriesTable({ onUpdateData, entries, errors, diff --git a/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditFloatingActions.tsx index c869ed6f7..c69c46730 100644 --- a/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditFloatingActions.tsx @@ -8,7 +8,7 @@ import { useReconcileVendorCreditContext } from './ReconcileVendorCreditFormProv import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; -function ReconcileVendorCreditFloatingActions({ +function ReconcileVendorCreditFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -40,4 +40,4 @@ function ReconcileVendorCreditFloatingActions({ ); } -export default compose(withDialogActions)(ReconcileVendorCreditFloatingActions); +export const ReconcileVendorCreditFloatingActions = compose(withDialogActions)(ReconcileVendorCreditFloatingActionsInner); diff --git a/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditForm.tsx b/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditForm.tsx index acad2870a..47c8b11da 100644 --- a/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditForm.tsx +++ b/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditForm.tsx @@ -9,7 +9,7 @@ import '@/style/pages/ReconcileVendorCredit/ReconcileVendorCreditForm.scss'; import { AppToaster } from '@/components'; import { CreateReconcileVendorCreditFormSchema } from './ReconcileVendorCreditForm.schema'; import { useReconcileVendorCreditContext } from './ReconcileVendorCreditFormProvider'; -import ReconcileVendorCreditFormContent from './ReconcileVendorCreditFormContent'; +import { ReconcileVendorCreditFormContent } from './ReconcileVendorCreditFormContent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose, transformToForm } from '@/utils'; @@ -26,7 +26,7 @@ const defaultInitialValues = { /** * Reconcile vendor credit form. */ -function ReconcileVendorCreditForm({ +function ReconcileVendorCreditFormInner({ // #withDialogActions closeDialog, }) { @@ -95,4 +95,4 @@ function ReconcileVendorCreditForm({ /> ); } -export default compose(withDialogActions)(ReconcileVendorCreditForm); +export const ReconcileVendorCreditForm = compose(withDialogActions)(ReconcileVendorCreditFormInner); diff --git a/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditFormContent.tsx b/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditFormContent.tsx index 8d55814c5..d848034c4 100644 --- a/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditFormContent.tsx @@ -4,11 +4,11 @@ import { Form } from 'formik'; import { Choose } from '@/components'; import { EmptyStatuCallout } from './utils'; -import ReconcileVendorCreditFormFields from './ReconcileVendorCreditFormFields'; -import ReconcileVendorCreditFloatingActions from './ReconcileVendorCreditFloatingActions'; +import { ReconcileVendorCreditFormFields } from './ReconcileVendorCreditFormFields'; +import { ReconcileVendorCreditFloatingActions } from './ReconcileVendorCreditFloatingActions'; import { useReconcileVendorCreditContext } from './ReconcileVendorCreditFormProvider'; -export default function ReconcileVendorCreditFormContent() { +export function ReconcileVendorCreditFormContent() { const { isEmptyStatus } = useReconcileVendorCreditContext(); return ( diff --git a/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditFormFields.tsx b/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditFormFields.tsx index 7c8a6a6cf..3506fc8c2 100644 --- a/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditFormFields.tsx +++ b/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/ReconcileVendorCreditFormFields.tsx @@ -13,11 +13,11 @@ import { TotalLineBorderStyle, TotalLineTextStyle, } from '@/components'; -import ReconcileVendorCreditEntriesTable from './ReconcileVendorCreditEntriesTable'; +import { ReconcileVendorCreditEntriesTable } from './ReconcileVendorCreditEntriesTable'; import { useReconcileVendorCreditContext } from './ReconcileVendorCreditFormProvider'; import { formattedAmount } from '@/utils'; -export default function ReconcileVendorCreditFormFields() { +export function ReconcileVendorCreditFormFields() { const { vendorCredit: { formatted_credits_remaining }, } = useReconcileVendorCreditContext(); diff --git a/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/index.tsx b/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/index.tsx index b6d375183..347bfb43e 100644 --- a/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/ReconcileVendorCreditDialog/index.tsx @@ -4,9 +4,7 @@ import { FormattedMessage as T, Dialog, DialogSuspense } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const ReconcileVendorCreditDialogContent = React.lazy(() => - import('./ReconcileVendorCreditDialogContent'), -); +const ReconcileVendorCreditDialogContent = React.lazy(() => import('./ReconcileVendorCreditDialogContent').then(m => ({ default: m.ReconcileVendorCreditDialogContent }))); /** * Reconcile vendor credit dialog. @@ -34,4 +32,4 @@ function ReconcileVendorCreditDialog({ ); } -export default compose(withDialogRedux())(ReconcileVendorCreditDialog); +export const index = compose(withDialogRedux())(ReconcileVendorCreditDialog); diff --git a/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteDialogContent.tsx b/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteDialogContent.tsx index 721c7199e..d3e415786 100644 --- a/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteDialogContent.tsx @@ -3,12 +3,12 @@ import React from 'react'; import '@/style/pages/RefundCreditNote/RefundCreditNote.scss'; import { RefundCreditNoteFormProvider } from './RefundCreditNoteFormProvider'; -import RefundCreditNoteForm from './RefundCreditNoteForm'; +import { RefundCreditNoteForm } from './RefundCreditNoteForm'; /** * Refund credit note dialog content. */ -export default function RefundCreditNoteDialogContent({ +export function RefundCreditNoteDialogContent({ // #ownProps dialogName, creditNoteId, diff --git a/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteFloatingActions.tsx index 0dba4a4bd..c8943c0e2 100644 --- a/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteFloatingActions.tsx @@ -11,7 +11,7 @@ import { compose } from '@/utils'; /** * Refund credit note floating actions. */ -function RefundCreditNoteFloatingActions({ +function RefundCreditNoteFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -43,4 +43,4 @@ function RefundCreditNoteFloatingActions({ ); } -export default compose(withDialogActions)(RefundCreditNoteFloatingActions); +export const RefundCreditNoteFloatingActions = compose(withDialogActions)(RefundCreditNoteFloatingActionsInner); diff --git a/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteForm.tsx b/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteForm.tsx index a834e41bf..028853658 100644 --- a/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteForm.tsx +++ b/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteForm.tsx @@ -9,7 +9,7 @@ import { omit } from 'lodash'; import { AppToaster } from '@/components'; import { useRefundCreditNoteContext } from './RefundCreditNoteFormProvider'; import { CreateRefundCreditNoteFormSchema } from './RefundCreditNoteForm.schema'; -import RefundCreditNoteFormContent from './RefundCreditNoteFormContent'; +import { RefundCreditNoteFormContent } from './RefundCreditNoteFormContent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; @@ -26,7 +26,7 @@ const defaultInitialValues = { /** * Refund credit note form. */ -function RefundCreditNoteForm({ +function RefundCreditNoteFormInner({ // #withDialogActions closeDialog, }) { @@ -75,4 +75,4 @@ function RefundCreditNoteForm({ /> ); } -export default compose(withDialogActions)(RefundCreditNoteForm); +export const RefundCreditNoteForm = compose(withDialogActions)(RefundCreditNoteFormInner); diff --git a/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteFormContent.tsx b/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteFormContent.tsx index aa01c9195..3ca31d085 100644 --- a/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteFormContent.tsx @@ -1,13 +1,13 @@ // @ts-nocheck import React from 'react'; import { Form } from 'formik'; -import RefundCreditNoteFormFields from './RefundCreditNoteFormFields'; -import RefundCreditNoteFloatingActions from './RefundCreditNoteFloatingActions'; +import { RefundCreditNoteFormFields } from './RefundCreditNoteFormFields'; +import { RefundCreditNoteFloatingActions } from './RefundCreditNoteFloatingActions'; /** * Refund credit note form content. */ -export default function RefundCreditNoteFormContent() { +export function RefundCreditNoteFormContent() { return ( diff --git a/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteFormFields.tsx b/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteFormFields.tsx index e93c0c32e..5df2864e3 100644 --- a/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteFormFields.tsx +++ b/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/RefundCreditNoteFormFields.tsx @@ -51,7 +51,7 @@ import { withCurrentOrganization } from '@/containers/Organization/withCurrentOr /** * Refund credit note form fields. */ -function RefundCreditNoteFormFields({ +function RefundCreditNoteFormFieldsInner({ // #withCurrentOrganization organization: { base_currency }, }) { @@ -175,7 +175,7 @@ function RefundCreditNoteFormFields({ ); } -export default compose(withCurrentOrganization())(RefundCreditNoteFormFields); +export const RefundCreditNoteFormFields = compose(withCurrentOrganization())(RefundCreditNoteFormFieldsInner); export const BranchRowDivider = styled.div` --x-divider-color: #ebf1f6; diff --git a/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/index.tsx b/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/index.tsx index 9eee8c856..0a7d79866 100644 --- a/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/RefundCreditNoteDialog/index.tsx @@ -5,9 +5,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const RefundCreditNoteDialogContent = React.lazy(() => - import('./RefundCreditNoteDialogContent'), -); +const RefundCreditNoteDialogContent = React.lazy(() => import('./RefundCreditNoteDialogContent').then(m => ({ default: m.RefundCreditNoteDialogContent }))); /** * Refund credit note dialog. @@ -36,4 +34,4 @@ function RefundCreditNoteDialog({ ); } -export default compose(withDialogRedux())(RefundCreditNoteDialog); +export const index = compose(withDialogRedux())(RefundCreditNoteDialog); diff --git a/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditDialogContent.tsx b/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditDialogContent.tsx index 36df26de9..b2fe98193 100644 --- a/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditDialogContent.tsx @@ -4,9 +4,9 @@ import React from 'react'; import '@/style/pages/RefundVendorCredit/RefundVendorCredit.scss'; import { RefundVendorCreditFormProvider } from './RefundVendorCreditFormProvider'; -import RefundVendorCreditForm from './RefundVendorCreditForm'; +import { RefundVendorCreditForm } from './RefundVendorCreditForm'; -export default function RefundVendorCreditDialogContent({ +export function RefundVendorCreditDialogContent({ // #ownProps dialogName, vendorCreditId, diff --git a/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFloatingActions.tsx index f4b6d3f3a..c3d9cc034 100644 --- a/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFloatingActions.tsx @@ -11,7 +11,7 @@ import { compose } from '@/utils'; /** * Refund vendor flaoting actions. */ -function RefundVendorCreditFloatingActions({ +function RefundVendorCreditFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -44,4 +44,4 @@ function RefundVendorCreditFloatingActions({ ); } -export default compose(withDialogActions)(RefundVendorCreditFloatingActions); +export const RefundVendorCreditFloatingActions = compose(withDialogActions)(RefundVendorCreditFloatingActionsInner); diff --git a/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditForm.tsx b/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditForm.tsx index 4e40208db..c9c0f5077 100644 --- a/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditForm.tsx +++ b/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditForm.tsx @@ -9,7 +9,7 @@ import { omit } from 'lodash'; import { AppToaster } from '@/components'; import { useRefundVendorCreditContext } from './RefundVendorCreditFormProvider'; import { CreateVendorRefundCreditFormSchema } from './RefundVendorCreditForm.schema'; -import RefundVendorCreditFormContent from './RefundVendorCreditFormContent'; +import { RefundVendorCreditFormContent } from './RefundVendorCreditFormContent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; @@ -26,7 +26,7 @@ const defaultInitialValues = { /** * Refund Vendor credit form. */ -function RefundVendorCreditForm({ +function RefundVendorCreditFormInner({ // #withDialogActions closeDialog, }) { @@ -77,4 +77,4 @@ function RefundVendorCreditForm({ ); } -export default compose(withDialogActions)(RefundVendorCreditForm); +export const RefundVendorCreditForm = compose(withDialogActions)(RefundVendorCreditFormInner); diff --git a/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFormContent.tsx b/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFormContent.tsx index 0880bf1a8..0b15b52dd 100644 --- a/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFormContent.tsx @@ -1,10 +1,10 @@ // @ts-nocheck import React from 'react'; import { Form } from 'formik'; -import RefundVendorCreditFormFields from './RefundVendorCreditFormFields'; -import RefundVendorCreditFloatingActions from './RefundVendorCreditFloatingActions'; +import { RefundVendorCreditFormFields } from './RefundVendorCreditFormFields'; +import { RefundVendorCreditFloatingActions } from './RefundVendorCreditFloatingActions'; -export default function RefundVendorCreditFormContent() { +export function RefundVendorCreditFormContent() { return ( diff --git a/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFormFields.tsx b/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFormFields.tsx index 399678370..908411435 100644 --- a/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFormFields.tsx +++ b/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFormFields.tsx @@ -35,7 +35,7 @@ import { withCurrentOrganization } from '@/containers/Organization/withCurrentOr /** * Refund Vendor credit form fields. */ -function RefundVendorCreditFormFields({ +function RefundVendorCreditFormFieldsInner({ // #withCurrentOrganization organization: { base_currency }, }) { @@ -159,7 +159,7 @@ function RefundVendorCreditFormFields({ ); } -export default compose(withCurrentOrganization())(RefundVendorCreditFormFields); +export const RefundVendorCreditFormFields = compose(withCurrentOrganization())(RefundVendorCreditFormFieldsInner); export const BranchRowDivider = styled.div` --x-divider-color: #ebf1f6; diff --git a/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/index.tsx b/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/index.tsx index fca8ec369..66dfac0ba 100644 --- a/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/RefundVendorCreditDialog/index.tsx @@ -5,9 +5,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const RefundVendorCreditDialogContent = React.lazy(() => - import('./RefundVendorCreditDialogContent'), -); +const RefundVendorCreditDialogContent = React.lazy(() => import('./RefundVendorCreditDialogContent').then(m => ({ default: m.RefundVendorCreditDialogContent }))); /** * Refund vendor credit dialog. @@ -36,4 +34,4 @@ function RefundVendorCreditDialog({ ); } -export default compose(withDialogRedux())(RefundVendorCreditDialog); +export const index = compose(withDialogRedux())(RefundVendorCreditDialog); diff --git a/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageDialogContent.tsx b/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageDialogContent.tsx index b45dcd7c1..25f6912b6 100644 --- a/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageDialogContent.tsx @@ -3,12 +3,12 @@ import React from 'react'; import '@/style/pages/SMSMessage/SMSMessage.scss'; import { SMSMessageDialogProvider } from './SMSMessageDialogProvider'; -import SMSMessageForm from './SMSMessageForm'; +import { SMSMessageForm } from './SMSMessageForm'; /** * SMS message dialog content. */ -export default function SMSMessageDialogContent({ +export function SMSMessageDialogContent({ // #ownProps dialogName, notificationkey, diff --git a/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageForm.tsx b/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageForm.tsx index c2559bc75..9bebdd2ae 100644 --- a/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageForm.tsx +++ b/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageForm.tsx @@ -7,7 +7,7 @@ import { Intent } from '@blueprintjs/core'; import { AppToaster } from '@/components'; -import SMSMessageFormContent from './SMSMessageFormContent'; +import { SMSMessageFormContent } from './SMSMessageFormContent'; import { CreateSMSMessageFormSchema } from './SMSMessageForm.schema'; import { useSMSMessageDialogContext } from './SMSMessageDialogProvider'; import { transformErrors } from './utils'; @@ -25,7 +25,7 @@ const defaultInitialValues = { /** * SMS Message form. */ -function SMSMessageForm({ +function SMSMessageFormInner({ // #withDialogActions closeDialog, }) { @@ -78,4 +78,4 @@ function SMSMessageForm({ ); } -export default compose(withDialogActions)(SMSMessageForm); +export const SMSMessageForm = compose(withDialogActions)(SMSMessageFormInner); diff --git a/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormContent.tsx b/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormContent.tsx index 9137be6c0..efb74537a 100644 --- a/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormContent.tsx @@ -6,8 +6,8 @@ import { Form, useFormikContext } from 'formik'; import { Classes } from '@blueprintjs/core'; import { castArray } from 'lodash'; -import SMSMessageFormFields from './SMSMessageFormFields'; -import SMSMessageFormFloatingActions from './SMSMessageFormFloatingActions'; +import { SMSMessageFormFields } from './SMSMessageFormFields'; +import { SMSMessageFormFloatingActions } from './SMSMessageFormFloatingActions'; import { useSMSMessageDialogContext } from './SMSMessageDialogProvider'; import { SMSMessagePreview } from '@/components'; @@ -16,7 +16,7 @@ import { getSMSUnits } from '@/containers/NotifyViaSMS/utils'; /** * SMS message form content. */ -export default function SMSMessageFormContent() { +export function SMSMessageFormContent() { // SMS message dialog context. const { smsNotification } = useSMSMessageDialogContext(); diff --git a/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFields.tsx b/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFields.tsx index b3f6fab20..0e9164deb 100644 --- a/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFields.tsx +++ b/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFields.tsx @@ -14,7 +14,7 @@ import intl from 'react-intl-universal'; /** * */ -export default function SMSMessageFormFields() { +export function SMSMessageFormFields() { // SMS message dialog context. const { smsNotification } = useSMSMessageDialogContext(); diff --git a/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFloatingActions.tsx index f184f6248..de99bad6f 100644 --- a/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFloatingActions.tsx @@ -16,7 +16,7 @@ import { compose } from '@/utils'; /** * SMS Message Form floating actions. */ -function SMSMessageFormFloatingActions({ +function SMSMessageFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -50,4 +50,4 @@ function SMSMessageFormFloatingActions({ ); } -export default compose(withDialogActions)(SMSMessageFormFloatingActions); +export const SMSMessageFormFloatingActions = compose(withDialogActions)(SMSMessageFormFloatingActionsInner); diff --git a/packages/webapp/src/containers/Dialogs/SMSMessageDialog/index.tsx b/packages/webapp/src/containers/Dialogs/SMSMessageDialog/index.tsx index 0bb5517a7..345f9ff24 100644 --- a/packages/webapp/src/containers/Dialogs/SMSMessageDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/SMSMessageDialog/index.tsx @@ -6,9 +6,7 @@ import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const SMSMessageDialogContent = React.lazy(() => - import('./SMSMessageDialogContent'), -); +const SMSMessageDialogContent = React.lazy(() => import('./SMSMessageDialogContent').then(m => ({ default: m.SMSMessageDialogContent }))); /** * SMS Message dialog. @@ -37,4 +35,4 @@ function SMSMessageDialog({ ); } -export default compose(withDialogRedux())(SMSMessageDialog); +export const index = compose(withDialogRedux())(SMSMessageDialog); diff --git a/packages/webapp/src/containers/Dialogs/TransactionNumberDialog/TransactionNumberDialogContent.tsx b/packages/webapp/src/containers/Dialogs/TransactionNumberDialog/TransactionNumberDialogContent.tsx index 89b14adc1..1f76014bf 100644 --- a/packages/webapp/src/containers/Dialogs/TransactionNumberDialog/TransactionNumberDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/TransactionNumberDialog/TransactionNumberDialogContent.tsx @@ -4,7 +4,7 @@ import intl from 'react-intl-universal'; import { useSaveSettings } from '@/hooks/query'; import { TransactionNumberDialogProvider } from './TransactionNumberDialogProvider'; -import ReferenceNumberForm from '@/containers/JournalNumber/ReferenceNumberForm'; +import { ReferenceNumberForm } from '@/containers/JournalNumber/ReferenceNumberForm'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withSettings } from '@/containers/Settings/withSettings'; @@ -18,7 +18,7 @@ import { compose } from '@/utils'; /** * Transaction number dialog content. */ -function TransactionNumberDialogContent({ +function TransactionNumberDialogContentInner({ // #ownProps initialValues, onConfirm, @@ -93,7 +93,7 @@ function TransactionNumberDialogContent({ ); } -export default compose( +export const TransactionNumberDialogContent = compose( withDialogActions, withSettingsActions, withSettings(({ cashflowSetting }) => ({ @@ -101,4 +101,4 @@ export default compose( numberPrefix: cashflowSetting?.numberPrefix, autoIncrement: cashflowSetting?.autoIncrement, })), -)(TransactionNumberDialogContent); +)(TransactionNumberDialogContentInner); diff --git a/packages/webapp/src/containers/Dialogs/TransactionNumberDialog/index.tsx b/packages/webapp/src/containers/Dialogs/TransactionNumberDialog/index.tsx index 68a98b505..f65433cb2 100644 --- a/packages/webapp/src/containers/Dialogs/TransactionNumberDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/TransactionNumberDialog/index.tsx @@ -4,9 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose, saveInvoke } from '@/utils'; -const TransactionNumberDialogContent = React.lazy( - () => import('./TransactionNumberDialogContent'), -); +const TransactionNumberDialogContent = React.lazy(() => import('./TransactionNumberDialogContent').then(m => ({ default: m.TransactionNumberDialogContent }))); /** * Transaction number dialog. @@ -39,4 +37,4 @@ function TransctionNumberDialog({ ); } -export default compose(withDialogRedux())(TransctionNumberDialog); +export const index = compose(withDialogRedux())(TransctionNumberDialog); diff --git a/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsDialogContent.tsx b/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsDialogContent.tsx index de9d70854..43012a642 100644 --- a/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsDialogContent.tsx @@ -2,12 +2,12 @@ import React from 'react'; import { UnlockingPartialTransactionsFormProvider } from './UnlockingPartialTransactionsFormProvider'; -import UnlockingPartialTransactionsForm from './UnlockingPartialTransactionsForm'; +import { UnlockingPartialTransactionsForm } from './UnlockingPartialTransactionsForm'; /** * Unlocking partail transactions dialog content. */ -export default function UnlockingPartialTransactionsDialogContent({ +export function UnlockingPartialTransactionsDialogContent({ // #ownProps moduleName, dialogName, diff --git a/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsForm.tsx b/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsForm.tsx index c19918c02..c56d98b58 100644 --- a/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsForm.tsx +++ b/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsForm.tsx @@ -11,7 +11,7 @@ import { AppToaster } from '@/components'; import { CreateUnLockingPartialTransactionsFormSchema } from './UnlockingPartialTransactionsForm.schema'; import { useUnlockingPartialTransactionsContext } from './UnlockingPartialTransactionsFormProvider'; -import UnlockingPartialTransactionsFormContent from './UnlockingPartialTransactionsFormContent'; +import { PartialUnlockingTransactionsFormContent as UnlockingPartialTransactionsFormContent } from './UnlockingPartialTransactionsFormContent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; @@ -26,7 +26,7 @@ const defaultInitialValues = { /** * Partial Unlocking transactions form. */ -function UnlockingPartialTransactionsForm({ +function UnlockingPartialTransactionsFormInner({ // #withDialogActions closeDialog, }) { @@ -77,4 +77,4 @@ function UnlockingPartialTransactionsForm({ ); } -export default compose(withDialogActions)(UnlockingPartialTransactionsForm); +export const UnlockingPartialTransactionsForm = compose(withDialogActions)(UnlockingPartialTransactionsFormInner); diff --git a/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsFormContent.tsx b/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsFormContent.tsx index 32b5edcb5..3ca79f858 100644 --- a/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsFormContent.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { Form } from 'formik'; -import UnlockingPartialTransactionsFormFields from './UnlockingPartialTransactionsFormFields'; -import UnlockingPartialTransactionsFormFloatingActions from './UnlockingPartialTransactionsFormFloatingActions'; +import { UnlockingPartialTransactionsFormFields } from './UnlockingPartialTransactionsFormFields'; +import { UnlockingPartialTransactionsFormFloatingActions } from './UnlockingPartialTransactionsFormFloatingActions'; /** * Partial Unlocking trsnactions form content. */ -export default function PartialUnlockingTransactionsFormContent() { +export function PartialUnlockingTransactionsFormContent() { return ( diff --git a/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsFormFields.tsx b/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsFormFields.tsx index d58e8f1d7..58158bdca 100644 --- a/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsFormFields.tsx +++ b/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsFormFields.tsx @@ -19,7 +19,7 @@ import intl from 'react-intl-universal'; /** * Parial Unlocking transactions form fields. */ -export default function UnlockingPartialTransactionsFormFields() { +export function UnlockingPartialTransactionsFormFields() { const reasonFieldRef = useAutofocus(); return ( diff --git a/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsFormFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsFormFloatingActions.tsx index f7f708ced..930661c44 100644 --- a/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsFormFloatingActions.tsx @@ -11,7 +11,7 @@ import { compose } from '@/utils'; /** * Partial Unlocking transactions floating actions */ -function UnlockingPartialTransactionsFormFloatingActions({ +function UnlockingPartialTransactionsFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -44,6 +44,6 @@ function UnlockingPartialTransactionsFormFloatingActions({ ); } -export default compose(withDialogActions)( - UnlockingPartialTransactionsFormFloatingActions, +export const UnlockingPartialTransactionsFormFloatingActions = compose(withDialogActions)( + UnlockingPartialTransactionsFormFloatingActionsInner, ); diff --git a/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/index.tsx b/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/index.tsx index d7406b257..822c91eab 100644 --- a/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/UnlockingPartialTransactionsDialog/index.tsx @@ -4,9 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const UnlockingPartialTransactionsDialogContent = React.lazy(() => - import('./UnlockingPartialTransactionsDialogContent'), -); +const UnlockingPartialTransactionsDialogContent = React.lazy(() => import('./UnlockingPartialTransactionsDialogContent').then(m => ({ default: m.UnlockingPartialTransactionsDialogContent }))); /** * UncLocking Partial transactions dialog. @@ -35,4 +33,4 @@ function UnLockingPartialTransactionsDilaog({ ); } -export default compose(withDialogRedux())(UnLockingPartialTransactionsDilaog); +export const index = compose(withDialogRedux())(UnLockingPartialTransactionsDilaog); diff --git a/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsDialogContent.tsx b/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsDialogContent.tsx index 4f77ecb75..56d4a172c 100644 --- a/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsDialogContent.tsx @@ -1,10 +1,10 @@ // @ts-nocheck import React from 'react'; -import UnlockingTransactionsForm from './UnlockingTransactionsForm'; +import { UnlockingTransactionsForm } from './UnlockingTransactionsForm'; import { UnlockingTransactionsFormProvider } from './UnlockingTransactionsFormProvider'; -export default function UnlockingTransactionsDialogContent({ +export function UnlockingTransactionsDialogContent({ // #ownProps moduleName, dialogName, diff --git a/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsForm.tsx b/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsForm.tsx index a42460f4f..5b1df2972 100644 --- a/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsForm.tsx +++ b/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsForm.tsx @@ -10,7 +10,7 @@ import { AppToaster } from '@/components'; import { CreateUnlockingTransactionsFormSchema } from './UnlockingTransactionsForm.schema'; import { useUnlockingTransactionsContext } from './UnlockingTransactionsFormProvider'; -import UnlockingTransactionsFormContent from './UnlockingTransactionsFormContent'; +import { UnlockingTransactionsFormContent } from './UnlockingTransactionsFormContent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; @@ -23,7 +23,7 @@ const defaultInitialValues = { /** * Unlocking transactions form. */ -function UnlockingTransactionsForm({ +function UnlockingTransactionsFormInner({ // #withDialogActions closeDialog, }) { @@ -74,4 +74,4 @@ function UnlockingTransactionsForm({ /> ); } -export default compose(withDialogActions)(UnlockingTransactionsForm); +export const UnlockingTransactionsForm = compose(withDialogActions)(UnlockingTransactionsFormInner); diff --git a/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsFormContent.tsx b/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsFormContent.tsx index da271fed6..7a6d2a6d4 100644 --- a/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsFormContent.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { Form } from 'formik'; -import UnlockingTransactionsFormFields from './UnlockingTransactionsFormFields'; -import UnlockingTransactionsFormFloatingActions from './UnlockingTransactionsFormFloatingActions'; +import { UnlockingTransactionsFormFields } from './UnlockingTransactionsFormFields'; +import { UnlockingTransactionsFormFloatingActions } from './UnlockingTransactionsFormFloatingActions'; /** * Unlocking transactions form content. */ -export default function UnlockingTransactionsFormContent() { +export function UnlockingTransactionsFormContent() { return ( diff --git a/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsFormFields.tsx b/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsFormFields.tsx index 037cc87bb..9803e5314 100644 --- a/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsFormFields.tsx +++ b/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsFormFields.tsx @@ -10,7 +10,7 @@ import intl from 'react-intl-universal'; /** * Unlocking transactions form fields. */ -export default function UnlockingTransactionsFormFields() { +export function UnlockingTransactionsFormFields() { const reasonFieldRef = useAutofocus(); return ( diff --git a/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsFormFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsFormFloatingActions.tsx index 625dcc3de..95915388e 100644 --- a/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsFormFloatingActions.tsx @@ -11,7 +11,7 @@ import { compose } from '@/utils'; /** * Unlocking transactions form floating actions. */ -function UnlockingTransactionsFormFloatingActions({ +function UnlockingTransactionsFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -44,6 +44,6 @@ function UnlockingTransactionsFormFloatingActions({ ); } -export default compose(withDialogActions)( - UnlockingTransactionsFormFloatingActions, +export const UnlockingTransactionsFormFloatingActions = compose(withDialogActions)( + UnlockingTransactionsFormFloatingActionsInner, ); diff --git a/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/index.tsx b/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/index.tsx index 6b90c2112..54c6ba35a 100644 --- a/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/UnlockingTransactionsDialog/index.tsx @@ -4,9 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const UnlockingTransactionsDialogContent = React.lazy(() => - import('./UnlockingTransactionsDialogContent'), -); +const UnlockingTransactionsDialogContent = React.lazy(() => import('./UnlockingTransactionsDialogContent').then(m => ({ default: m.UnlockingTransactionsDialogContent }))); /** * Unlocking transactions dialog. @@ -35,4 +33,4 @@ function UnlockingTransactionsDialog({ ); } -export default compose(withDialogRedux())(UnlockingTransactionsDialog); +export const index = compose(withDialogRedux())(UnlockingTransactionsDialog); diff --git a/packages/webapp/src/containers/Dialogs/UserFormDialog.connector.tsx b/packages/webapp/src/containers/Dialogs/UserFormDialog.connector.tsx index 33d7c72b1..e9def60e1 100644 --- a/packages/webapp/src/containers/Dialogs/UserFormDialog.connector.tsx +++ b/packages/webapp/src/containers/Dialogs/UserFormDialog.connector.tsx @@ -16,4 +16,4 @@ export const mapStateToProps = (state, props) => { }; }; -export default connect(mapStateToProps, null); +export const UserFormDialogConnector = connect(mapStateToProps, null); diff --git a/packages/webapp/src/containers/Dialogs/UserFormDialog/UserForm.tsx b/packages/webapp/src/containers/Dialogs/UserFormDialog/UserForm.tsx index fcb7de86f..d6a192300 100644 --- a/packages/webapp/src/containers/Dialogs/UserFormDialog/UserForm.tsx +++ b/packages/webapp/src/containers/Dialogs/UserFormDialog/UserForm.tsx @@ -9,7 +9,7 @@ import { AppToaster } from '@/components'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { UserFormSchema } from './UserForm.schema'; -import UserFormContent from './UserFormContent'; +import { UserFormContent } from './UserFormContent'; import { useUserFormContext } from './UserFormProvider'; import { transformErrors } from './utils'; @@ -25,7 +25,7 @@ const initialValues = { /** * User form. */ -function UserForm({ +function UserFormInner({ // #withDialogActions closeDialog, }) { @@ -79,4 +79,4 @@ function UserForm({ ); } -export default compose(withDialogActions)(UserForm); +export const UserForm = compose(withDialogActions)(UserFormInner); diff --git a/packages/webapp/src/containers/Dialogs/UserFormDialog/UserFormContent.tsx b/packages/webapp/src/containers/Dialogs/UserFormDialog/UserFormContent.tsx index ae6f2804f..4b1ed48fc 100644 --- a/packages/webapp/src/containers/Dialogs/UserFormDialog/UserFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/UserFormDialog/UserFormContent.tsx @@ -20,7 +20,7 @@ import intl from 'react-intl-universal'; /** * User form content. */ -function UserFormContent({ +function UserFormContentInner({ calloutCode, // #withDialogActions @@ -103,4 +103,4 @@ function UserFormContent({ ); } -export default compose(withDialogActions)(UserFormContent); +export const UserFormContent = compose(withDialogActions)(UserFormContentInner); diff --git a/packages/webapp/src/containers/Dialogs/UserFormDialog/UserFormDialogContent.tsx b/packages/webapp/src/containers/Dialogs/UserFormDialog/UserFormDialogContent.tsx index bc6109e41..6ee3563a9 100644 --- a/packages/webapp/src/containers/Dialogs/UserFormDialog/UserFormDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/UserFormDialog/UserFormDialogContent.tsx @@ -1,14 +1,14 @@ // @ts-nocheck import React from 'react'; -import UserForm from './UserForm'; +import { UserForm } from './UserForm'; import { UserFormProvider } from './UserFormProvider'; import '@/style/pages/Users/UserFormDialog.scss'; /** * User form dialog content. */ -export default function UserFormDialogContent({ userId, dialogName }) { +export function UserFormDialogContent({ userId, dialogName }) { return ( diff --git a/packages/webapp/src/containers/Dialogs/UserFormDialog/index.tsx b/packages/webapp/src/containers/Dialogs/UserFormDialog/index.tsx index c51b0fec5..84648fce4 100644 --- a/packages/webapp/src/containers/Dialogs/UserFormDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/UserFormDialog/index.tsx @@ -4,7 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const UserFormDialogContent = lazy(() => import('./UserFormDialogContent')); +const UserFormDialogContent = lazy(() => import('./UserFormDialogContent').then(m => ({ default: m.UserFormDialogContent }))); function UserFormDialog({ dialogName, @@ -31,4 +31,4 @@ function UserFormDialog({ ); } -export default compose(withDialogRedux())(UserFormDialog); +export const index = compose(withDialogRedux())(UserFormDialog); diff --git a/packages/webapp/src/containers/Dialogs/UsersListDialog.connector.tsx b/packages/webapp/src/containers/Dialogs/UsersListDialog.connector.tsx index 5370b6285..748b5436a 100644 --- a/packages/webapp/src/containers/Dialogs/UsersListDialog.connector.tsx +++ b/packages/webapp/src/containers/Dialogs/UsersListDialog.connector.tsx @@ -20,4 +20,4 @@ export const mapStateToProps = (state, props) => { }; }; -export default connect(mapStateToProps, null); +export const UsersListDialogConnector = connect(mapStateToProps, null); diff --git a/packages/webapp/src/containers/Dialogs/VendorCreditNumberDialog/VendorCreditNumberDialogContent.tsx b/packages/webapp/src/containers/Dialogs/VendorCreditNumberDialog/VendorCreditNumberDialogContent.tsx index 38113f980..4eb8b4830 100644 --- a/packages/webapp/src/containers/Dialogs/VendorCreditNumberDialog/VendorCreditNumberDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/VendorCreditNumberDialog/VendorCreditNumberDialogContent.tsx @@ -4,7 +4,7 @@ import intl from 'react-intl-universal'; import { useSaveSettings } from '@/hooks/query'; import { VendorCreditNumberDilaogProvider } from './VendorCreditNumberDilaogProvider'; -import ReferenceNumberForm from '@/containers/JournalNumber/ReferenceNumberForm'; +import { ReferenceNumberForm } from '@/containers/JournalNumber/ReferenceNumberForm'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withSettings } from '@/containers/Settings/withSettings'; @@ -18,7 +18,7 @@ import { /** * Vendor credit number dialog */ -function VendorCreditNumberDialogContent({ +function VendorCreditNumberDialogContentInner({ // #ownProps initialValues, onConfirm, @@ -92,7 +92,7 @@ function VendorCreditNumberDialogContent({ ); } -export default compose( +export const VendorCreditNumberDialogContent = compose( withDialogActions, withSettingsActions, withSettings(({ vendorsCreditNoteSetting }) => ({ @@ -100,4 +100,4 @@ export default compose( nextNumber: vendorsCreditNoteSetting?.nextNumber, numberPrefix: vendorsCreditNoteSetting?.numberPrefix, })), -)(VendorCreditNumberDialogContent); +)(VendorCreditNumberDialogContentInner); diff --git a/packages/webapp/src/containers/Dialogs/VendorCreditNumberDialog/index.tsx b/packages/webapp/src/containers/Dialogs/VendorCreditNumberDialog/index.tsx index a885c0699..3e07d4c07 100644 --- a/packages/webapp/src/containers/Dialogs/VendorCreditNumberDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/VendorCreditNumberDialog/index.tsx @@ -4,9 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose, saveInvoke } from '@/utils'; -const VendorCreditNumberDialogContent = React.lazy(() => - import('./VendorCreditNumberDialogContent'), -); +const VendorCreditNumberDialogContent = React.lazy(() => import('./VendorCreditNumberDialogContent').then(m => ({ default: m.VendorCreditNumberDialogContent }))); /** * Vendor Credit number dialog. @@ -38,4 +36,4 @@ function VendorCreditNumberDialog({ ); } -export default compose(withDialogRedux())(VendorCreditNumberDialog); +export const index = compose(withDialogRedux())(VendorCreditNumberDialog); diff --git a/packages/webapp/src/containers/Dialogs/VendorCredits/VendorCreditBulkDeleteDialog.tsx b/packages/webapp/src/containers/Dialogs/VendorCredits/VendorCreditBulkDeleteDialog.tsx index 890ecac9c..a06408a1a 100644 --- a/packages/webapp/src/containers/Dialogs/VendorCredits/VendorCreditBulkDeleteDialog.tsx +++ b/packages/webapp/src/containers/Dialogs/VendorCredits/VendorCreditBulkDeleteDialog.tsx @@ -4,14 +4,14 @@ import { Button, Classes, Dialog, Intent } from '@blueprintjs/core'; import { FormattedMessage as T, AppToaster } from '@/components'; import intl from 'react-intl-universal'; -import BulkDeleteDialogContent from '@/containers/Dialogs/components/BulkDeleteDialogContent'; +import { BulkDeleteDialogContent } from '@/containers/Dialogs/components/BulkDeleteDialogContent'; import { useBulkDeleteVendorCredits } from '@/hooks/query/vendor-credit'; import withDialogRedux from '@/components/DialogReduxConnect'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withVendorsCreditNotesActions } from '@/containers/Purchases/CreditNotes/CreditNotesLanding/withVendorsCreditNotesActions'; import { compose } from '@/utils'; -function VendorCreditBulkDeleteDialog({ +function VendorCreditBulkDeleteDialogInner({ dialogName, isOpen, payload: { @@ -98,9 +98,9 @@ function VendorCreditBulkDeleteDialog({ ); } -export default compose( +export const VendorCreditBulkDeleteDialog = compose( withDialogRedux(), withDialogActions, withVendorsCreditNotesActions, -)(VendorCreditBulkDeleteDialog); +)(VendorCreditBulkDeleteDialogInner); diff --git a/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceDialogContent.tsx b/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceDialogContent.tsx index dfd1aabda..2dad5b665 100644 --- a/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceDialogContent.tsx @@ -3,14 +3,14 @@ import React from 'react'; import '@/style/pages/VendorOpeningBalance/VendorOpeningBalance.scss'; -import VendorOpeningBalanceForm from './VendorOpeningBalanceForm'; +import { VendorOpeningBalanceForm } from './VendorOpeningBalanceForm'; import { VendorOpeningBalanceFormProvider } from './VendorOpeningBalanceFormProvider'; /** * Vendor Opening balance dialog content. * @returns */ -export default function VendorOpeningBalanceDialogContent({ +export function VendorOpeningBalanceDialogContent({ // #ownProps dialogName, vendorId, diff --git a/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceForm.tsx b/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceForm.tsx index 7bb9158ae..0e074f1c3 100644 --- a/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceForm.tsx +++ b/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceForm.tsx @@ -10,7 +10,7 @@ import { AppToaster } from '@/components'; import { CreateVendorOpeningBalanceFormSchema } from './VendorOpeningBalanceForm.schema'; import { useVendorOpeningBalanceContext } from './VendorOpeningBalanceFormProvider'; -import VendorOpeningBalanceFormContent from './VendorOpeningBalanceFormContent'; +import { VendorOpeningBalanceFormContent } from './VendorOpeningBalanceFormContent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; @@ -26,7 +26,7 @@ const defaultInitialValues = { * Vendor Opening balance form. * @returns */ -function VendorOpeningBalanceForm({ +function VendorOpeningBalanceFormInner({ // #withDialogActions closeDialog, }) { @@ -82,4 +82,4 @@ function VendorOpeningBalanceForm({ /> ); } -export default compose(withDialogActions)(VendorOpeningBalanceForm); +export const VendorOpeningBalanceForm = compose(withDialogActions)(VendorOpeningBalanceFormInner); diff --git a/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceFormContent.tsx b/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceFormContent.tsx index 2b4628655..48682a0d8 100644 --- a/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceFormContent.tsx @@ -2,14 +2,14 @@ import React from 'react'; import { Form } from 'formik'; -import VendorOpeningBalanceFormFields from './VendorOpeningBalanceFormFields'; -import VendorOpeningBalanceFormFloatingActions from './VendorOpeningBalanceFormFloatingActions'; +import { VendorOpeningBalanceFormFields } from './VendorOpeningBalanceFormFields'; +import { VendorOpeningBalanceFormFloatingActions } from './VendorOpeningBalanceFormFloatingActions'; /** * Vendor Opening balance form content. * @returns */ -function VendorOpeningBalanceFormContent() { +export function VendorOpeningBalanceFormContent() { return (
@@ -17,5 +17,3 @@ function VendorOpeningBalanceFormContent() { ); } - -export default VendorOpeningBalanceFormContent; diff --git a/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceFormFields.tsx b/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceFormFields.tsx index af5ad23dc..0e6f6c8a0 100644 --- a/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceFormFields.tsx +++ b/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceFormFields.tsx @@ -30,7 +30,7 @@ import intl from 'react-intl-universal'; * Vendor Opening balance form fields. * @returns */ -function VendorOpeningBalanceFormFields({ +function VendorOpeningBalanceFormFieldsInner({ // #withCurrentOrganization organization: { base_currency }, }) { @@ -110,6 +110,6 @@ function VendorOpeningBalanceFormFields({ ); } -export default compose(withCurrentOrganization())( - VendorOpeningBalanceFormFields, +export const VendorOpeningBalanceFormFields = compose(withCurrentOrganization())( + VendorOpeningBalanceFormFieldsInner, ); diff --git a/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceFormFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceFormFloatingActions.tsx index 22d56f201..09f6cec96 100644 --- a/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/VendorOpeningBalanceFormFloatingActions.tsx @@ -12,7 +12,7 @@ import { compose } from '@/utils'; * Vendor Opening balance floating actions. * @returns */ -function VendorOpeningBalanceFormFloatingActions({ +function VendorOpeningBalanceFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -45,6 +45,6 @@ function VendorOpeningBalanceFormFloatingActions({ ); } -export default compose(withDialogActions)( - VendorOpeningBalanceFormFloatingActions, +export const VendorOpeningBalanceFormFloatingActions = compose(withDialogActions)( + VendorOpeningBalanceFormFloatingActionsInner, ); diff --git a/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/index.tsx b/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/index.tsx index 91d73e53a..e7a3d0c40 100644 --- a/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/VendorOpeningBalanceDialog/index.tsx @@ -5,9 +5,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const VendorOpeningBalanceDialogContent = React.lazy( - () => import('./VendorOpeningBalanceDialogContent'), -); +const VendorOpeningBalanceDialogContent = React.lazy(() => import('./VendorOpeningBalanceDialogContent').then(m => ({ default: m.VendorOpeningBalanceDialogContent }))); /** * Vendor Opening balance dialog. @@ -36,4 +34,4 @@ function VendorOpeningBalanceDialog({ ); } -export default compose(withDialogRedux())(VendorOpeningBalanceDialog); +export const index = compose(withDialogRedux())(VendorOpeningBalanceDialog); diff --git a/packages/webapp/src/containers/Dialogs/Vendors/VendorBulkDeleteDialog.tsx b/packages/webapp/src/containers/Dialogs/Vendors/VendorBulkDeleteDialog.tsx index 2fbc0c64b..894244d12 100644 --- a/packages/webapp/src/containers/Dialogs/Vendors/VendorBulkDeleteDialog.tsx +++ b/packages/webapp/src/containers/Dialogs/Vendors/VendorBulkDeleteDialog.tsx @@ -4,14 +4,14 @@ import { Button, Classes, Dialog, Intent } from '@blueprintjs/core'; import { FormattedMessage as T, AppToaster } from '@/components'; import intl from 'react-intl-universal'; -import BulkDeleteDialogContent from '@/containers/Dialogs/components/BulkDeleteDialogContent'; +import { BulkDeleteDialogContent } from '@/containers/Dialogs/components/BulkDeleteDialogContent'; import { useBulkDeleteVendors } from '@/hooks/query/vendors'; import withDialogRedux from '@/components/DialogReduxConnect'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { withVendorsActions } from '@/containers/Vendors/VendorsLanding/withVendorsActions'; import { compose } from '@/utils'; -function VendorBulkDeleteDialog({ +function VendorBulkDeleteDialogInner({ dialogName, isOpen, payload: { @@ -95,9 +95,9 @@ function VendorBulkDeleteDialog({ ); } -export default compose( +export const VendorBulkDeleteDialog = compose( withDialogRedux(), withDialogActions, withVendorsActions, -)(VendorBulkDeleteDialog); +)(VendorBulkDeleteDialogInner); diff --git a/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateDialogContent.tsx b/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateDialogContent.tsx index ca92d0cee..bcc949ab1 100644 --- a/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateDialogContent.tsx @@ -1,10 +1,10 @@ // @ts-nocheck import React from 'react'; -import WarehouseActivateForm from './WarehouseActivateForm'; +import { WarehouseActivateForm } from './WarehouseActivateForm'; import { WarehouseActivateFormProvider } from './WarehouseActivateFormProvider'; -export default function WarehouseActivateDialogContent({ +export function WarehouseActivateDialogContent({ // #ownProps dialogName, }) { diff --git a/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateForm.tsx b/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateForm.tsx index 11175bc4d..f553435d7 100644 --- a/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateForm.tsx +++ b/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateForm.tsx @@ -7,7 +7,7 @@ import { Intent } from '@blueprintjs/core'; import { AppToaster } from '@/components'; import { useWarehouseActivateContext } from './WarehouseActivateFormProvider'; -import WarehouseActivateFormContent from './WarehouseActivateFormContent'; +import { WarehouseActivateFormContent } from './WarehouseActivateFormContent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; @@ -16,7 +16,7 @@ import { compose } from '@/utils'; /** * warehouse activate form. */ -function WarehouseActivateForm({ +function WarehouseActivateFormInner({ // #withDialogActions closeDialog, }) { @@ -61,4 +61,4 @@ function WarehouseActivateForm({ /> ); } -export default compose(withDialogActions)(WarehouseActivateForm); +export const WarehouseActivateForm = compose(withDialogActions)(WarehouseActivateFormInner); diff --git a/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateFormContent.tsx b/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateFormContent.tsx index 155d762de..16fdbea02 100644 --- a/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateFormContent.tsx @@ -3,12 +3,12 @@ import React from 'react'; import intl from 'react-intl-universal'; import { Form } from 'formik'; import { Classes } from '@blueprintjs/core'; -import WarehouseActivateFormFloatingActions from './WarehouseActivateFormFloatingActions'; +import { WarehouseActivateFormFloatingActions } from './WarehouseActivateFormFloatingActions'; /** * Warehouse activate form content. */ -export default function WarehouseActivateFormContent() { +export function WarehouseActivateFormContent() { return (
diff --git a/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateFormFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateFormFloatingActions.tsx index 8a27680ad..926f47582 100644 --- a/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateFormFloatingActions.tsx @@ -11,7 +11,7 @@ import { compose } from '@/utils'; /** * warehouse activate form floating actions. */ -function WarehouseActivateFormFloatingActions({ +function WarehouseActivateFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -44,4 +44,4 @@ function WarehouseActivateFormFloatingActions({
); } -export default compose(withDialogActions)(WarehouseActivateFormFloatingActions); +export const WarehouseActivateFormFloatingActions = compose(withDialogActions)(WarehouseActivateFormFloatingActionsInner); diff --git a/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/index.tsx b/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/index.tsx index ea0ac1272..e751aa2b9 100644 --- a/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/WarehouseActivateDialog/index.tsx @@ -5,9 +5,7 @@ import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const WarehouseActivateDialogContent = React.lazy( - () => import('./WarehouseActivateDialogContent'), -); +const WarehouseActivateDialogContent = React.lazy(() => import('./WarehouseActivateDialogContent').then(m => ({ default: m.WarehouseActivateDialogContent }))); /** * Warehouse activate dialog. @@ -29,4 +27,4 @@ function WarehouseActivateDialog({ dialogName, payload: {}, isOpen }) { ); } -export default compose(withDialogRedux())(WarehouseActivateDialog); +export const index = compose(withDialogRedux())(WarehouseActivateDialog); diff --git a/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseForm.tsx b/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseForm.tsx index 267425578..5691bedf5 100644 --- a/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseForm.tsx +++ b/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseForm.tsx @@ -8,7 +8,7 @@ import { Intent } from '@blueprintjs/core'; import { AppToaster } from '@/components'; import { CreateWarehouseFormSchema } from './WarehouseForm.schema'; import { useWarehouseFormContext } from './WarehouseFormProvider'; -import WarehouseFormContent from './WarehouseFormContent'; +import { WarehouseFormContent } from './WarehouseFormContent'; import { transformErrors } from './utils'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; @@ -29,7 +29,7 @@ const defaultInitialValues = { * Warehouse form. * @returns */ -function WarehouseForm({ +function WarehouseFormInner({ // #withDialogActions closeDialog, }) { @@ -90,4 +90,4 @@ function WarehouseForm({ ); } -export default compose(withDialogActions)(WarehouseForm); +export const WarehouseForm = compose(withDialogActions)(WarehouseFormInner); diff --git a/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormContent.tsx b/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormContent.tsx index 560fe06bc..1401d3512 100644 --- a/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormContent.tsx +++ b/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormContent.tsx @@ -2,14 +2,14 @@ import React from 'react'; import { Form } from 'formik'; -import WarehouseFormFields from './WarehouseFormFields'; -import WarehouseFormFloatingActions from './WarehouseFormFloatingActions'; +import { WarehouseFormFields } from './WarehouseFormFields'; +import { WarehouseFormFloatingActions } from './WarehouseFormFloatingActions'; /** * Warehouse form content. * @returns */ -export default function WarehouseFormContent() { +export function WarehouseFormContent() { return ( diff --git a/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormDialogContent.tsx b/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormDialogContent.tsx index 727373870..e94bf15eb 100644 --- a/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormDialogContent.tsx @@ -3,12 +3,12 @@ import React from 'react'; import '@/style/pages/Warehouses/warehouseFormDialog.scss'; import { WarehouseFormProvider } from './WarehouseFormProvider'; -import WarehouseForm from './WarehouseForm'; +import { WarehouseForm } from './WarehouseForm'; /** * Warehouse form dialog content. */ -export default function WarehouseFormDialogContent({ +export function WarehouseFormDialogContent({ // #ownProps dialogName, warehouseId, diff --git a/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormFields.tsx b/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormFields.tsx index 1859261a7..6dc903e9a 100644 --- a/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormFields.tsx +++ b/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormFields.tsx @@ -15,7 +15,7 @@ import { * Warehouse form fields. * @returns */ -export default function WarehouseFormFields() { +export function WarehouseFormFields() { return (
{/*------------ Warehouse Name -----------*/} diff --git a/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormFloatingActions.tsx b/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormFloatingActions.tsx index 90f36fb24..60744d6f5 100644 --- a/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/WarehouseFormFloatingActions.tsx @@ -13,7 +13,7 @@ import { compose } from '@/utils'; * Warehouse form floating actions. * @returns */ -function WarehouseFormFloatingActions({ +function WarehouseFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -46,4 +46,4 @@ function WarehouseFormFloatingActions({ ); } -export default compose(withDialogActions)(WarehouseFormFloatingActions); +export const WarehouseFormFloatingActions = compose(withDialogActions)(WarehouseFormFloatingActionsInner); diff --git a/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/index.tsx b/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/index.tsx index 40e0e6d7c..941b1572e 100644 --- a/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/WarehouseFormDialog/index.tsx @@ -5,9 +5,7 @@ import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const WarehouseFormDialogContent = React.lazy( - () => import('./WarehouseFormDialogContent'), -); +const WarehouseFormDialogContent = React.lazy(() => import('./WarehouseFormDialogContent').then(m => ({ default: m.WarehouseFormDialogContent }))); /** * Warehouse form form dialog. @@ -41,4 +39,4 @@ function WarehouseFormDialog({ ); } -export default compose(withDialogRedux())(WarehouseFormDialog); +export const index = compose(withDialogRedux())(WarehouseFormDialog); diff --git a/packages/webapp/src/containers/Dialogs/WarehouseTransferNumberDialog/WarehouseTransferNumberDialogContent.tsx b/packages/webapp/src/containers/Dialogs/WarehouseTransferNumberDialog/WarehouseTransferNumberDialogContent.tsx index 101c1cc38..289be519c 100644 --- a/packages/webapp/src/containers/Dialogs/WarehouseTransferNumberDialog/WarehouseTransferNumberDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/WarehouseTransferNumberDialog/WarehouseTransferNumberDialogContent.tsx @@ -2,7 +2,7 @@ import React from 'react'; import intl from 'react-intl-universal'; -import ReferenceNumberForm from '@/containers/JournalNumber/ReferenceNumberForm'; +import { ReferenceNumberForm } from '@/containers/JournalNumber/ReferenceNumberForm'; import { useSaveSettings } from '@/hooks/query'; import { WarehouseTransferNumberDialogProvider } from './WarehouseTransferNumberDialogProvider'; @@ -18,7 +18,7 @@ import { /** * Warehouse transfer no dialog content. */ -function WarehouseTransferNumberDialogContent({ +function WarehouseTransferNumberDialogContentInner({ // #ownProps initialValues, onConfirm, @@ -93,7 +93,7 @@ function WarehouseTransferNumberDialogContent({ ); } -export default compose( +export const WarehouseTransferNumberDialogContent = compose( withDialogActions, withSettingsActions, withSettings(({ warehouseTransferSettings }) => ({ @@ -101,4 +101,4 @@ export default compose( nextNumber: warehouseTransferSettings?.nextNumber, numberPrefix: warehouseTransferSettings?.numberPrefix, })), -)(WarehouseTransferNumberDialogContent); +)(WarehouseTransferNumberDialogContentInner); diff --git a/packages/webapp/src/containers/Dialogs/WarehouseTransferNumberDialog/index.tsx b/packages/webapp/src/containers/Dialogs/WarehouseTransferNumberDialog/index.tsx index ee49d2a27..ef1c904ae 100644 --- a/packages/webapp/src/containers/Dialogs/WarehouseTransferNumberDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/WarehouseTransferNumberDialog/index.tsx @@ -4,9 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose, saveInvoke } from '@/utils'; -const WarehouseTransferNumberDialogContent = React.lazy( - () => import('./WarehouseTransferNumberDialogContent'), -); +const WarehouseTransferNumberDialogContent = React.lazy(() => import('./WarehouseTransferNumberDialogContent').then(m => ({ default: m.WarehouseTransferNumberDialogContent }))); /** * Warehouse transfer number dialog. @@ -37,4 +35,4 @@ function WarehouseTransferNumberDilaog({ ); } -export default compose(withDialogRedux())(WarehouseTransferNumberDilaog); +export const index = compose(withDialogRedux())(WarehouseTransferNumberDilaog); diff --git a/packages/webapp/src/containers/Dialogs/components/BulkDeleteDialogContent.tsx b/packages/webapp/src/containers/Dialogs/components/BulkDeleteDialogContent.tsx index 856700473..490d7fb5f 100644 --- a/packages/webapp/src/containers/Dialogs/components/BulkDeleteDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/components/BulkDeleteDialogContent.tsx @@ -12,7 +12,7 @@ interface BulkDeleteDialogContentProps { resourcePluralLabel: string; } -function BulkDeleteDialogContent({ +export function BulkDeleteDialogContent({ totalSelected, deletableCount, undeletableCount, @@ -78,6 +78,3 @@ function BulkDeleteDialogContent({
); } - -export default BulkDeleteDialogContent; - diff --git a/packages/webapp/src/containers/Dialogs/keyboardShortcutsDialog/KeyboardShortcutsDialogContent.tsx b/packages/webapp/src/containers/Dialogs/keyboardShortcutsDialog/KeyboardShortcutsDialogContent.tsx index bd3bbc81a..c8c0de966 100644 --- a/packages/webapp/src/containers/Dialogs/keyboardShortcutsDialog/KeyboardShortcutsDialogContent.tsx +++ b/packages/webapp/src/containers/Dialogs/keyboardShortcutsDialog/KeyboardShortcutsDialogContent.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; import { DialogContent } from '@/components'; -import ShortcutsTable from '../../KeyboardShortcuts/ShortcutsTable'; -import KeyboardShortcutsFooter from './KeyboardShortcutsFooter'; +import { ShortcutsTable } from '../../KeyboardShortcuts/ShortcutsTable'; +import { KeyboardShortcutsFooter } from './KeyboardShortcutsFooter'; import '@/style/pages/keyboardShortcuts/KeyboardShortcutDialog.scss'; -export default function KeyboardShortcutsDialogContent() { +export function KeyboardShortcutsDialogContent() { return ( diff --git a/packages/webapp/src/containers/Dialogs/keyboardShortcutsDialog/KeyboardShortcutsFooter.tsx b/packages/webapp/src/containers/Dialogs/keyboardShortcutsDialog/KeyboardShortcutsFooter.tsx index ad1d0a0d0..65df5aeea 100644 --- a/packages/webapp/src/containers/Dialogs/keyboardShortcutsDialog/KeyboardShortcutsFooter.tsx +++ b/packages/webapp/src/containers/Dialogs/keyboardShortcutsDialog/KeyboardShortcutsFooter.tsx @@ -6,7 +6,7 @@ import { FormattedMessage as T } from '@/components'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; -function KeyboardShortcutsFooter({ +function KeyboardShortcutsFooterInner({ // #withDialogActions closeDialog, }) { @@ -23,4 +23,4 @@ function KeyboardShortcutsFooter({ ); } -export default compose(withDialogActions)(KeyboardShortcutsFooter); +export const KeyboardShortcutsFooter = compose(withDialogActions)(KeyboardShortcutsFooterInner); diff --git a/packages/webapp/src/containers/Dialogs/keyboardShortcutsDialog/index.tsx b/packages/webapp/src/containers/Dialogs/keyboardShortcutsDialog/index.tsx index ff21048ae..c82db6b3c 100644 --- a/packages/webapp/src/containers/Dialogs/keyboardShortcutsDialog/index.tsx +++ b/packages/webapp/src/containers/Dialogs/keyboardShortcutsDialog/index.tsx @@ -4,9 +4,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const KeyboardShortcutsContent = lazy( - () => import('./KeyboardShortcutsDialogContent'), -); +const KeyboardShortcutsContent = lazy(() => import('./KeyboardShortcutsDialogContent').then(m => ({ default: m.KeyboardShortcutsDialogContent }))); /** * Keyboard shortcuts dialog. @@ -26,4 +24,4 @@ function KeyboardShortcutsDialog({ dialogName, isOpen }) { ); } -export default compose(withDialogRedux())(KeyboardShortcutsDialog); +export const index = compose(withDialogRedux())(KeyboardShortcutsDialog); diff --git a/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerActionBar.tsx b/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerActionBar.tsx index ddb1fe095..ac6da754d 100644 --- a/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerActionBar.tsx +++ b/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerActionBar.tsx @@ -33,7 +33,7 @@ import { CLASSES } from '@/constants'; /** * Account drawer action bar. */ -function AccountDrawerActionBar({ +function AccountDrawerActionBarInner({ // #withDialog openDialog, @@ -140,7 +140,7 @@ function AccountDrawerActionBar({ ); } -export default compose( +export const AccountDrawerActionBar = compose( withDialogActions, withAlertActions, -)(AccountDrawerActionBar); +)(AccountDrawerActionBarInner); diff --git a/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerContent.tsx b/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerContent.tsx index 908a26f59..525084297 100644 --- a/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerContent.tsx @@ -5,12 +5,12 @@ import { DrawerBody } from '@/components'; import '@/style/components/Drawers/AccountDrawer.scss'; import { AccountDrawerProvider } from './AccountDrawerProvider'; -import AccountDrawerDetails from './AccountDrawerDetails'; +import { AccountDrawerDetails } from './AccountDrawerDetails'; /** * Account drawer content. */ -export default function AccountDrawerContent({ +export function AccountDrawerContent({ // #ownProp accountId, name, diff --git a/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerDetails.tsx b/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerDetails.tsx index 0383f16bb..139c39379 100644 --- a/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerDetails.tsx +++ b/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerDetails.tsx @@ -3,14 +3,14 @@ import React from 'react'; import { Card } from '@/components'; -import AccountDrawerActionBar from './AccountDrawerActionBar'; -import AccountDrawerHeader from './AccountDrawerHeader'; -import AccountDrawerTable from './AccountDrawerTable'; +import { AccountDrawerActionBar } from './AccountDrawerActionBar'; +import { AccountDrawerHeader } from './AccountDrawerHeader'; +import { AccountDrawerTable } from './AccountDrawerTable'; /** * Account view details. */ -export default function AccountDrawerDetails() { +export function AccountDrawerDetails() { return (
diff --git a/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerHeader.tsx b/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerHeader.tsx index 8aadd9dac..babca40de 100644 --- a/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerHeader.tsx +++ b/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerHeader.tsx @@ -14,7 +14,7 @@ import intl from 'react-intl-universal'; /** * Account drawer header. */ -export default function AccountDrawerHeader() { +export function AccountDrawerHeader() { const { account } = useAccountDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerTable.tsx b/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerTable.tsx index d40745eb3..89f9cf5ce 100644 --- a/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerTable.tsx +++ b/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerTable.tsx @@ -20,7 +20,7 @@ import { compose } from '@/utils'; /** * account drawer table. */ -function AccountDrawerTable({ closeDrawer }) { +function AccountDrawerTableInner({ closeDrawer }) { const { accounts, drawerName } = useAccountDrawerContext(); // Handle view more link click. @@ -67,7 +67,7 @@ function AccountDrawerDataTable() { ); } -export default compose(withDrawerActions)(AccountDrawerTable); +export const AccountDrawerTable = compose(withDrawerActions)(AccountDrawerTableInner); const TableFooter = styled.div` --x-border-color: #d2dde2; diff --git a/packages/webapp/src/containers/Drawers/AccountDrawer/index.tsx b/packages/webapp/src/containers/Drawers/AccountDrawer/index.tsx index c31c42400..0c7fed233 100644 --- a/packages/webapp/src/containers/Drawers/AccountDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/AccountDrawer/index.tsx @@ -5,7 +5,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const AccountDrawerContent = lazy(() => import('./AccountDrawerContent')); +const AccountDrawerContent = lazy(() => import('./AccountDrawerContent').then(m => ({ default: m.AccountDrawerContent }))); /** * Account drawer. @@ -30,4 +30,4 @@ function AccountDrawer({ ); } -export default compose(withDrawers())(AccountDrawer); +export const index = compose(withDrawers())(AccountDrawer); diff --git a/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailActionsBar.tsx b/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailActionsBar.tsx index 146a860e7..f1c10b2a8 100644 --- a/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailActionsBar.tsx +++ b/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailActionsBar.tsx @@ -33,7 +33,7 @@ import { BillMenuItem } from './utils'; import { safeCallback, compose } from '@/utils'; import { DRAWERS } from '@/constants/drawers'; -function BillDetailActionsBar({ +function BillDetailActionsBarInner({ // #withDialogActions openDialog, @@ -122,8 +122,8 @@ function BillDetailActionsBar({ ); } -export default compose( +export const BillDetailActionsBar = compose( withDialogActions, withDrawerActions, withAlertActions, -)(BillDetailActionsBar); +)(BillDetailActionsBarInner); diff --git a/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailFooter.tsx b/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailFooter.tsx index 820f56f5e..825d8cdf0 100644 --- a/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailFooter.tsx +++ b/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailFooter.tsx @@ -15,7 +15,7 @@ import intl from 'react-intl-universal'; * Bill detail footer. * @returns {React.JSX} */ -export default function BillDetailFooter() { +export function BillDetailFooter() { const { bill } = useBillDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailHeader.tsx b/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailHeader.tsx index 6b68ff838..e9bac6b67 100644 --- a/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailHeader.tsx +++ b/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailHeader.tsx @@ -22,7 +22,7 @@ import { BillDetailsStatus } from './utils'; /** * Bill detail header. */ -export default function BillDetailHeader() { +export function BillDetailHeader() { const { bill } = useBillDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailTab.tsx b/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailTab.tsx index 2cc3571af..8bc2cdf34 100644 --- a/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailTab.tsx +++ b/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailTab.tsx @@ -1,16 +1,16 @@ // @ts-nocheck import React from 'react'; -import BillDetailHeader from './BillDetailHeader'; -import BillDetailTable from './BillDetailTable'; -import BillDetailFooter from './BillDetailFooter'; +import { BillDetailHeader } from './BillDetailHeader'; +import { BillDetailTable } from './BillDetailTable'; +import { BillDetailFooter } from './BillDetailFooter'; import { CommercialDocBox } from '@/components'; import { BillDetailTableFooter } from './BillDetailTableFooter'; /** * Bill detail panel tab. */ -export default function BillDetailTab() { +export function BillDetailTab() { return ( diff --git a/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailTable.tsx b/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailTable.tsx index ea5ba5481..72eef56e7 100644 --- a/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailTable.tsx +++ b/packages/webapp/src/containers/Drawers/BillDrawer/BillDetailTable.tsx @@ -8,7 +8,7 @@ import { useBillReadonlyEntriesTableColumns } from './utils'; import { TableStyle } from '@/constants'; -export default function BillDetailTable() { +export function BillDetailTable() { const { bill: { entries }, } = useBillDrawerContext(); diff --git a/packages/webapp/src/containers/Drawers/BillDrawer/BillDrawerContent.tsx b/packages/webapp/src/containers/Drawers/BillDrawer/BillDrawerContent.tsx index ff99cfa40..60b384182 100644 --- a/packages/webapp/src/containers/Drawers/BillDrawer/BillDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/BillDrawer/BillDrawerContent.tsx @@ -3,12 +3,12 @@ import React from 'react'; import { DrawerBody } from '@/components'; import { BillDrawerProvider } from './BillDrawerProvider'; -import BillDrawerDetails from './BillDrawerDetails'; +import { BillDetails as BillDrawerDetails } from './BillDrawerDetails'; /** * Bill drawer content. */ -export default function BillDrawerContent({ +export function BillDrawerContent({ // #ownProp billId, }) { diff --git a/packages/webapp/src/containers/Drawers/BillDrawer/BillDrawerDetails.tsx b/packages/webapp/src/containers/Drawers/BillDrawer/BillDrawerDetails.tsx index f734a198e..e5f7097c7 100644 --- a/packages/webapp/src/containers/Drawers/BillDrawer/BillDrawerDetails.tsx +++ b/packages/webapp/src/containers/Drawers/BillDrawer/BillDrawerDetails.tsx @@ -7,11 +7,11 @@ import styled from 'styled-components'; import { DrawerMainTabs } from '@/components'; import { useAbilityContext } from '@/hooks/utils'; import { PaymentMadeAction, AbilitySubject } from '@/constants/abilityOption'; -import BillDetailTab from './BillDetailTab'; -import LocatedLandedCostTable from './LocatedLandedCostTable'; -import BillGLEntriesTable from './BillGLEntriesTable'; -import BillPaymentTransactionTable from './BillPaymentTransactions/BillPaymentTransactionTable'; -import BillDetailActionsBar from './BillDetailActionsBar'; +import { BillDetailTab } from './BillDetailTab'; +import { LocatedLandedCostTable } from './LocatedLandedCostTable'; +import { BillGLEntriesTable } from './BillGLEntriesTable'; +import { BillPaymentTransactionTable } from './BillPaymentTransactions/BillPaymentTransactionTable'; +import { BillDetailActionsBar } from './BillDetailActionsBar'; /** * Bill details tabs. @@ -53,7 +53,7 @@ function BillDetailsTabs() { /** * Bill view detail. */ -export default function BillDetails() { +export function BillDetails() { return ( diff --git a/packages/webapp/src/containers/Drawers/BillDrawer/BillGLEntriesTable.tsx b/packages/webapp/src/containers/Drawers/BillDrawer/BillGLEntriesTable.tsx index 499dc2453..f88fdc1bf 100644 --- a/packages/webapp/src/containers/Drawers/BillDrawer/BillGLEntriesTable.tsx +++ b/packages/webapp/src/containers/Drawers/BillDrawer/BillGLEntriesTable.tsx @@ -7,15 +7,14 @@ import { Card } from '@/components'; import { useTransactionsByReference } from '@/hooks/query'; import { useBillDrawerContext } from './BillDrawerProvider'; -import JournalEntriesTable, { - AmountDisplayedBaseCurrencyMessage, -} from '../../JournalEntriesTable/JournalEntriesTable'; +import { + AmountDisplayedBaseCurrencyMessage, JournalEntriesTable } from '../../JournalEntriesTable/JournalEntriesTable'; /** * Bill GL entries table. * @returns {React.JSX} */ -export default function BillGLEntriesTable() { +export function BillGLEntriesTable() { const { billId } = useBillDrawerContext(); // Handle fetch transaction by reference. diff --git a/packages/webapp/src/containers/Drawers/BillDrawer/BillPaymentTransactions/BillPaymentTransactionTable.tsx b/packages/webapp/src/containers/Drawers/BillDrawer/BillPaymentTransactions/BillPaymentTransactionTable.tsx index 0be847640..16027d8e4 100644 --- a/packages/webapp/src/containers/Drawers/BillDrawer/BillPaymentTransactions/BillPaymentTransactionTable.tsx +++ b/packages/webapp/src/containers/Drawers/BillDrawer/BillPaymentTransactions/BillPaymentTransactionTable.tsx @@ -17,7 +17,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Bill payment transactions datatable. */ -function BillPaymentTransactionTable({ +function BillPaymentTransactionTableInner({ // #withAlertActions openAlert, @@ -72,7 +72,7 @@ function BillPaymentTransactionTable({ ); } -export default compose( +export const BillPaymentTransactionTable = compose( withAlertActions, withDrawerActions, -)(BillPaymentTransactionTable); +)(BillPaymentTransactionTableInner); diff --git a/packages/webapp/src/containers/Drawers/BillDrawer/LocatedLandedCostTable.tsx b/packages/webapp/src/containers/Drawers/BillDrawer/LocatedLandedCostTable.tsx index 56e281b03..003f2c4c5 100644 --- a/packages/webapp/src/containers/Drawers/BillDrawer/LocatedLandedCostTable.tsx +++ b/packages/webapp/src/containers/Drawers/BillDrawer/LocatedLandedCostTable.tsx @@ -21,7 +21,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Located landed cost table. */ -function LocatedLandedCostTable({ +function LocatedLandedCostTableInner({ // #withAlertActions openAlert, @@ -76,7 +76,7 @@ function LocatedLandedCostTable({ ); } -export default compose( +export const LocatedLandedCostTable = compose( withAlertActions, withDrawerActions, -)(LocatedLandedCostTable); +)(LocatedLandedCostTableInner); diff --git a/packages/webapp/src/containers/Drawers/BillDrawer/index.tsx b/packages/webapp/src/containers/Drawers/BillDrawer/index.tsx index c5817cc08..1e8883764 100644 --- a/packages/webapp/src/containers/Drawers/BillDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/BillDrawer/index.tsx @@ -5,7 +5,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const BillDrawerContent = React.lazy(() => import('./BillDrawerContent')); +const BillDrawerContent = React.lazy(() => import('./BillDrawerContent').then(m => ({ default: m.BillDrawerContent }))); /** * Bill drawer. @@ -30,4 +30,4 @@ function BillDrawer({ ); } -export default compose(withDrawers())(BillDrawer); +export const index = compose(withDrawers())(BillDrawer); diff --git a/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerActionBar.tsx b/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerActionBar.tsx index 19aa729ea..56553f6e0 100644 --- a/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerActionBar.tsx +++ b/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerActionBar.tsx @@ -22,7 +22,7 @@ import { compose } from '@/utils'; /** * Cashflow transaction drawer action bar. */ -function CashflowTransactionDrawerActionBar({ +function CashflowTransactionDrawerActionBarInner({ // #withAlertsDialog openAlert, }) { @@ -67,4 +67,4 @@ function CashflowTransactionDrawerActionBar({ ); } -export default compose(withAlertActions)(CashflowTransactionDrawerActionBar); +export const CashflowTransactionDrawerActionBar = compose(withAlertActions)(CashflowTransactionDrawerActionBarInner); diff --git a/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerContent.tsx b/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerContent.tsx index 8ed3283b4..4b225713d 100644 --- a/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerContent.tsx @@ -5,12 +5,12 @@ import '@/style/components/Drawers/CashflowTransactionDrawer.scss'; import { DrawerBody } from '@/components'; import { CashflowTransactionDrawerProvider } from './CashflowTransactionDrawerProvider'; -import CashflowTransactionDrawerDetails from './CashflowTransactionDrawerDetails'; +import { CashflowTransactionDrawerDetails } from './CashflowTransactionDrawerDetails'; /** * Cash flow transction drawer content. */ -export default function CashflowTransactionDrawerContent({ +export function CashflowTransactionDrawerContent({ // #ownProp referenceId, }) { diff --git a/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerDetails.tsx b/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerDetails.tsx index 22544b57b..7c206fbdb 100644 --- a/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerDetails.tsx +++ b/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerDetails.tsx @@ -3,15 +3,15 @@ import React from 'react'; import { Card, CommercialDocBox } from '@/components'; -import CashflowTransactionDrawerActionBar from './CashflowTransactionDrawerActionBar'; -import CashflowTransactionDrawerHeader from './CashflowTransactionDrawerHeader'; -import CashflowTransactionDrawerTable from './CashflowTransactionDrawerTable'; -import CashflowTransactionDrawerTableFooter from './CashflowTransactionDrawerTableFooter'; +import { CashflowTransactionDrawerActionBar } from './CashflowTransactionDrawerActionBar'; +import { CashflowTransactionDrawerHeader } from './CashflowTransactionDrawerHeader'; +import { CashflowTransactionDrawerTable } from './CashflowTransactionDrawerTable'; +import { CashflowTransactionDrawerTableFooter } from './CashflowTransactionDrawerTableFooter'; import { CashflowTransactionDrawerFooter } from './CashflowTransactionDrawerFooter'; /** * Cashflow transaction view details. */ -export default function CashflowTransactionDrawerDetails() { +export function CashflowTransactionDrawerDetails() { return (
diff --git a/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerHeader.tsx b/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerHeader.tsx index f1f3ce9d0..270b5a122 100644 --- a/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerHeader.tsx +++ b/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerHeader.tsx @@ -16,7 +16,7 @@ import intl from 'react-intl-universal'; /** * Cashlflow transaction drawer detail Header. */ -export default function CashflowTransactionDrawerHeader() { +export function CashflowTransactionDrawerHeader() { const { cashflowTransaction } = useCashflowTransactionDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerTable.tsx b/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerTable.tsx index f80949c30..89141eda1 100644 --- a/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerTable.tsx +++ b/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerTable.tsx @@ -10,7 +10,7 @@ import { TableStyle } from '@/constants'; /** * Cashflow transaction drawer table. */ -export default function CashflowTransactionDrawerTable() { +export function CashflowTransactionDrawerTable() { const columns = useCashflowTransactionColumns(); const { cashflowTransaction: { transactions }, diff --git a/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerTableFooter.tsx b/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerTableFooter.tsx index b46f6c0fe..24a334b97 100644 --- a/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerTableFooter.tsx +++ b/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/CashflowTransactionDrawerTableFooter.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { useCashflowTransactionDrawerContext } from './CashflowTransactionDrawerProvider'; import { T, FormatNumber } from '@/components'; -export default function CashflowTransactionDrawerTableFooter() { +export function CashflowTransactionDrawerTableFooter() { const { cashflowTransaction: { formatted_amount }, } = useCashflowTransactionDrawerContext(); diff --git a/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/index.tsx b/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/index.tsx index 5e2721829..2a74bdd12 100644 --- a/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/CashflowTransactionDetailDrawer/index.tsx @@ -6,9 +6,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const CashFlowTransactionDrawerContent = React.lazy(() => - import('./CashflowTransactionDrawerContent'), -); +const CashFlowTransactionDrawerContent = React.lazy(() => import('./CashflowTransactionDrawerContent').then(m => ({ default: m.CashflowTransactionDrawerContent }))); /** * Cash flow transaction drawer @@ -33,4 +31,4 @@ function CashflowTransactionDetailDrawer({ ); } -export default compose(withDrawers())(CashflowTransactionDetailDrawer); +export const index = compose(withDrawers())(CashflowTransactionDetailDrawer); diff --git a/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetail.tsx b/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetail.tsx index 48ad9974f..c8a4d7309 100644 --- a/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetail.tsx +++ b/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetail.tsx @@ -1,13 +1,13 @@ // @ts-nocheck import React from 'react'; -import ContactDetailActionsBar from './ContactDetailActionsBar'; -import ContactDetailList from './ContactDetailList'; +import { ContactDetailActionsBar } from './ContactDetailActionsBar'; +import { ContactDetailList } from './ContactDetailList'; import { Card } from '@/components'; /** * contact detail. */ -export default function ContactDetail() { +export function ContactDetail() { return (
diff --git a/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetailActionsBar.tsx b/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetailActionsBar.tsx index dfa09477b..06e0c324f 100644 --- a/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetailActionsBar.tsx +++ b/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetailActionsBar.tsx @@ -19,7 +19,7 @@ import { DrawerActionsBar, Icon, FormattedMessage as T } from '@/components'; import { safeCallback, compose } from '@/utils'; -function ContactDetailActionsBar({ +function ContactDetailActionsBarInner({ // #withAlertActions openAlert, @@ -67,7 +67,7 @@ function ContactDetailActionsBar({ ); } -export default compose( +export const ContactDetailActionsBar = compose( withDrawerActions, withAlertActions, -)(ContactDetailActionsBar); +)(ContactDetailActionsBarInner); diff --git a/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetailDrawerContent.tsx b/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetailDrawerContent.tsx index 666fe118d..d7c189f42 100644 --- a/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetailDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetailDrawerContent.tsx @@ -1,7 +1,7 @@ // @ts-nocheck import React from 'react'; -import ContactDetail from './ContactDetail'; +import { ContactDetail } from './ContactDetail'; import { ContactDetailDrawerProvider } from './ContactDetailDrawerProvider'; import '@/style/components/Drawers/ViewDetail/ViewDetail.scss'; @@ -9,7 +9,7 @@ import '@/style/components/Drawers/ViewDetail/ViewDetail.scss'; /** * Contact detail drawer content. */ -export default function ContactDetailDrawerContent({ +export function ContactDetailDrawerContent({ // #ownProp contact, }) { diff --git a/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetailList.tsx b/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetailList.tsx index 5fbe3cd67..7f467f9ba 100644 --- a/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetailList.tsx +++ b/packages/webapp/src/containers/Drawers/ContactDetailDrawer/ContactDetailList.tsx @@ -5,7 +5,7 @@ import { Money } from '@/components'; import { useContactDetailDrawerContext } from './ContactDetailDrawerProvider'; import { DetailItem } from '@/components/Details'; -export default function ContactDetailList({}) { +export function ContactDetailList({}) { const { contact } = useContactDetailDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/ContactDetailDrawer/index.tsx b/packages/webapp/src/containers/Drawers/ContactDetailDrawer/index.tsx index 933557ea6..11a83cd68 100644 --- a/packages/webapp/src/containers/Drawers/ContactDetailDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/ContactDetailDrawer/index.tsx @@ -5,9 +5,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const ContactDetailDrawerContent = React.lazy(() => - import('./ContactDetailDrawerContent'), -); +const ContactDetailDrawerContent = React.lazy(() => import('./ContactDetailDrawerContent').then(m => ({ default: m.ContactDetailDrawerContent }))); /** * Contact detail drawer. @@ -28,4 +26,4 @@ function ContactDetailDrawer({ ); } -export default compose(withDrawers())(ContactDetailDrawer); +export const index = compose(withDrawers())(ContactDetailDrawer); diff --git a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetail.tsx b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetail.tsx index 8c9f5e06f..033018a4b 100644 --- a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetail.tsx +++ b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetail.tsx @@ -6,10 +6,10 @@ import { Tab } from '@blueprintjs/core'; import { useAbilityContext } from '@/hooks/utils'; import { DrawerMainTabs } from '@/components'; -import CreditNoteDetailActionsBar from './CreditNoteDetailActionsBar'; -import CreditNoteDetailPanel from './CreditNoteDetailPanel'; -import RefundCreditNoteTransactionsTable from './RefundCreditNoteTransactions/RefundCreditNoteTransactionsTable'; -import ReconcileCreditNoteTransactionsTable from './ReconcileCreditNoteTransactions/ReconcileCreditNoteTransactionsTable'; +import { CreditNoteDetailActionsBar } from './CreditNoteDetailActionsBar'; +import { CreditNoteDetailPanel } from './CreditNoteDetailPanel'; +import { RefundCreditNoteTransactionsTable } from './RefundCreditNoteTransactions/RefundCreditNoteTransactionsTable'; +import { ReconcileCreditNoteTransactionsTable } from './ReconcileCreditNoteTransactions/ReconcileCreditNoteTransactionsTable'; import { CreditNoteGLEntriesTable } from './JournalEntriesTransactions/JournalEntriesTransactionsTable'; import { CreditNoteAction, AbilitySubject } from '@/constants/abilityOption'; @@ -17,7 +17,7 @@ import { CreditNoteAction, AbilitySubject } from '@/constants/abilityOption'; * Credit Note view detail. * @returns {React.JSX} */ -export default function CreditNoteDetail() { +export function CreditNoteDetail() { return ( diff --git a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailActionsBar.tsx b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailActionsBar.tsx index c4f89a776..93c111245 100644 --- a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailActionsBar.tsx +++ b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailActionsBar.tsx @@ -31,7 +31,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Credit note detail actions bar. */ -function CreditNoteDetailActionsBar({ +function CreditNoteDetailActionsBarInner({ // #withDialogActions openDialog, @@ -124,8 +124,8 @@ function CreditNoteDetailActionsBar({ ); } -export default compose( +export const CreditNoteDetailActionsBar = compose( withDialogActions, withAlertActions, withDrawerActions, -)(CreditNoteDetailActionsBar); +)(CreditNoteDetailActionsBarInner); diff --git a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailDrawerContent.tsx b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailDrawerContent.tsx index 5c49cad10..e8137eee3 100644 --- a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailDrawerContent.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { DrawerBody } from '@/components'; -import CreditNoteDetail from './CreditNoteDetail'; +import { CreditNoteDetail } from './CreditNoteDetail'; import { CreditNoteDetailDrawerProvider } from './CreditNoteDetailDrawerProvider'; /** * Credit note detail drawer content. */ -export default function CreditNoteDetailDrawerContent({ +export function CreditNoteDetailDrawerContent({ // #ownProp creditNoteId, }) { diff --git a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailFooter.tsx b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailFooter.tsx index a85d199b4..ed83f7ce6 100644 --- a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailFooter.tsx +++ b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailFooter.tsx @@ -15,7 +15,7 @@ import intl from 'react-intl-universal'; * Credit note detail footer * @returns {React.JSX} */ -export default function CreditNoteDetailFooter() { +export function CreditNoteDetailFooter() { const { creditNote } = useCreditNoteDetailDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailHeader.tsx b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailHeader.tsx index 362306360..e6905a0a4 100644 --- a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailHeader.tsx +++ b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailHeader.tsx @@ -22,7 +22,7 @@ import { CreditNoteDetailsStatus } from './utils'; /** * Credit note details drawer header. */ -export default function CreditNoteDetailHeader() { +export function CreditNoteDetailHeader() { const { creditNote } = useCreditNoteDetailDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailPanel.tsx b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailPanel.tsx index 5d52714d0..7af4ecd19 100644 --- a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailPanel.tsx +++ b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailPanel.tsx @@ -3,15 +3,15 @@ import React from 'react'; import { CommercialDocBox } from '@/components'; -import CreditNoteDetailHeader from './CreditNoteDetailHeader'; -import CreditNoteDetailTable from './CreditNoteDetailTable'; -import CreditNoteDetailTableFooter from './CreditNoteDetailTableFooter'; -import CreditNoteDetailFooter from './CreditNoteDetailFooter'; +import { CreditNoteDetailHeader } from './CreditNoteDetailHeader'; +import { CreditNoteDetailTable } from './CreditNoteDetailTable'; +import { CreditNoteDetailTableFooter } from './CreditNoteDetailTableFooter'; +import { CreditNoteDetailFooter } from './CreditNoteDetailFooter'; /** * Credit note details panel. */ -export default function CreditNoteDetailPanel() { +export function CreditNoteDetailPanel() { return ( diff --git a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailTable.tsx b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailTable.tsx index ae520cc27..686e023dd 100644 --- a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailTable.tsx +++ b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailTable.tsx @@ -10,7 +10,7 @@ import { useCreditNoteReadOnlyEntriesColumns } from './utils'; * Credit note detail table. * @returns {React.JSX} */ -export default function CreditNoteDetailTable() { +export function CreditNoteDetailTable() { const { creditNote: { entries }, } = useCreditNoteDetailDrawerContext(); diff --git a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailTableFooter.tsx b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailTableFooter.tsx index f89fa389b..81a8a00c4 100644 --- a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailTableFooter.tsx +++ b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailTableFooter.tsx @@ -12,7 +12,7 @@ import { useCreditNoteDetailDrawerContext } from './CreditNoteDetailDrawerProvid /** * Credit note details panel footer. */ -export default function CreditNoteDetailTableFooter() { +export function CreditNoteDetailTableFooter() { const { creditNote } = useCreditNoteDetailDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/JournalEntriesTransactions/JournalEntriesTransactionsTable.tsx b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/JournalEntriesTransactions/JournalEntriesTransactionsTable.tsx index 0ebdcc523..3fc01a64b 100644 --- a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/JournalEntriesTransactions/JournalEntriesTransactionsTable.tsx +++ b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/JournalEntriesTransactions/JournalEntriesTransactionsTable.tsx @@ -6,9 +6,8 @@ import { useCreditNoteDetailDrawerContext } from '../CreditNoteDetailDrawerProvi import { useTransactionsByReference } from '@/hooks/query'; import { useJournalEntriesTransactionsColumns } from './components'; -import JournalEntriesTable, { - AmountDisplayedBaseCurrencyMessage, -} from '@/containers/JournalEntriesTable/JournalEntriesTable'; +import { + AmountDisplayedBaseCurrencyMessage, JournalEntriesTable } from '@/containers/JournalEntriesTable/JournalEntriesTable'; /** * Journal entries table. diff --git a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/ReconcileCreditNoteTransactions/ReconcileCreditNoteTransactionsTable.tsx b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/ReconcileCreditNoteTransactions/ReconcileCreditNoteTransactionsTable.tsx index 1f0034a12..892a12760 100644 --- a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/ReconcileCreditNoteTransactions/ReconcileCreditNoteTransactionsTable.tsx +++ b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/ReconcileCreditNoteTransactions/ReconcileCreditNoteTransactionsTable.tsx @@ -47,4 +47,4 @@ function RefundCreditNoteTransactionsTable({ ); } -export default compose(withAlertActions)(RefundCreditNoteTransactionsTable); +export const ReconcileCreditNoteTransactionsTable = compose(withAlertActions)(RefundCreditNoteTransactionsTable); diff --git a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/RefundCreditNoteTransactions/RefundCreditNoteTransactionsTable.tsx b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/RefundCreditNoteTransactions/RefundCreditNoteTransactionsTable.tsx index bcb2f5054..e875aeb8c 100644 --- a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/RefundCreditNoteTransactions/RefundCreditNoteTransactionsTable.tsx +++ b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/RefundCreditNoteTransactions/RefundCreditNoteTransactionsTable.tsx @@ -16,7 +16,7 @@ import { compose } from '@/utils'; /** * Refund credit note transactions table. */ -function RefundCreditNoteTransactionsTable({ +function RefundCreditNoteTransactionsTableInner({ // #withAlertActions openAlert, }) { @@ -45,4 +45,4 @@ function RefundCreditNoteTransactionsTable({ ); } -export default compose(withAlertActions)(RefundCreditNoteTransactionsTable); +export const RefundCreditNoteTransactionsTable = compose(withAlertActions)(RefundCreditNoteTransactionsTableInner); diff --git a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/index.tsx b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/index.tsx index 1d2579935..f6c2d1c1c 100644 --- a/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/CreditNoteDetailDrawer/index.tsx @@ -5,9 +5,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const CreditNoteDetailDrawerContent = React.lazy(() => - import('./CreditNoteDetailDrawerContent'), -); +const CreditNoteDetailDrawerContent = React.lazy(() => import('./CreditNoteDetailDrawerContent').then(m => ({ default: m.CreditNoteDetailDrawerContent }))); /** * Credit note detail drawer. @@ -31,4 +29,4 @@ function CreditNoteDetailDrawer({ ); } -export default compose(withDrawers())(CreditNoteDetailDrawer); +export const index = compose(withDrawers())(CreditNoteDetailDrawer); diff --git a/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetails.tsx b/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetails.tsx index 257f74a89..e41de62d4 100644 --- a/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetails.tsx +++ b/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetails.tsx @@ -4,15 +4,15 @@ import clsx from 'classnames'; import { Card } from '@/components'; -import CustomerDetailsActionsBar from './CustomerDetailsActionsBar'; -import CustomerDetailsHeader from './CustomerDetailsHeader'; +import { CustomerDetailsActionsBar } from './CustomerDetailsActionsBar'; +import { CustomerDetailsHeader } from './CustomerDetailsHeader'; import Style from './CustomerDetailsDrawer.module.scss'; /** * contact detail. */ -export default function CustomerDetails() { +export function CustomerDetails() { return (
diff --git a/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsActionsBar.tsx b/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsActionsBar.tsx index 9dbfa395a..773abdcd5 100644 --- a/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsActionsBar.tsx +++ b/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsActionsBar.tsx @@ -43,7 +43,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Customer details actions bar. */ -function CustomerDetailsActionsBar({ +function CustomerDetailsActionsBarInner({ // #withDialogActions openDialog, @@ -167,8 +167,8 @@ function CustomerDetailsActionsBar({ ); } -export default compose( +export const CustomerDetailsActionsBar = compose( withDrawerActions, withAlertActions, withDialogActions, -)(CustomerDetailsActionsBar); +)(CustomerDetailsActionsBarInner); diff --git a/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsDrawerContent.tsx b/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsDrawerContent.tsx index 36cde93c7..1a17c52d6 100644 --- a/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsDrawerContent.tsx @@ -3,12 +3,12 @@ import React from 'react'; import { DrawerBody } from '@/components'; import { CustomerDetailsDrawerProvider } from './CustomerDetailsDrawerProvider'; -import CustomerDetails from './CustomerDetails'; +import { CustomerDetails } from './CustomerDetails'; /** * Contact detail drawer content. */ -export default function CustomerDetailsDrawerContent({ +export function CustomerDetailsDrawerContent({ // #ownProp customerId, }) { diff --git a/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsHeader.tsx b/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsHeader.tsx index 79d30871c..c68428dd7 100644 --- a/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsHeader.tsx +++ b/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsHeader.tsx @@ -12,7 +12,7 @@ import Style from './CustomerDetailsDrawer.module.scss'; /** * Customer details header. */ -export default function CustomerDetailsHeader() { +export function CustomerDetailsHeader() { const { customer } = useCustomerDetailsDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/index.tsx b/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/index.tsx index 06dcdd4dd..67f9b7c14 100644 --- a/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/index.tsx @@ -5,9 +5,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const CustomerDetailsDrawerContent = React.lazy(() => - import('./CustomerDetailsDrawerContent'), -); +const CustomerDetailsDrawerContent = React.lazy(() => import('./CustomerDetailsDrawerContent').then(m => ({ default: m.CustomerDetailsDrawerContent }))); /** * Contact detail drawer. @@ -28,4 +26,4 @@ function CustomerDetailsDrawer({ ); } -export default compose(withDrawers())(CustomerDetailsDrawer); +export const index = compose(withDrawers())(CustomerDetailsDrawer); diff --git a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetail.tsx b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetail.tsx index 4199497a8..9d966fc98 100644 --- a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetail.tsx +++ b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetail.tsx @@ -6,8 +6,8 @@ import { Tab } from '@blueprintjs/core'; import { DrawerMainTabs } from '@/components'; -import EstimateDetailActionsBar from './EstimateDetailActionsBar'; -import EstimateDetailPanel from './EstimateDetailPanel'; +import { EstimateDetailActionsBar } from './EstimateDetailActionsBar'; +import { EstimateDetailTab as EstimateDetailPanel } from './EstimateDetailPanel'; /** * Estimate details tabs. @@ -28,7 +28,7 @@ function EstimateDetailsTabs() { /** * Estimate view detail */ -export default function EstimateDetail() { +export function EstimateDetail() { return ( diff --git a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailActionsBar.tsx b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailActionsBar.tsx index 35f6d2d33..af0e963c8 100644 --- a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailActionsBar.tsx +++ b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailActionsBar.tsx @@ -34,7 +34,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Estimate read-only details actions bar of the drawer. */ -function EstimateDetailActionsBar({ +function EstimateDetailActionsBarInner({ // #withDialogActions openDialog, @@ -144,8 +144,8 @@ function EstimateDetailActionsBar({ ); } -export default compose( +export const EstimateDetailActionsBar = compose( withDialogActions, withAlertActions, withDrawerActions, -)(EstimateDetailActionsBar); +)(EstimateDetailActionsBarInner); diff --git a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailDrawerContent.tsx b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailDrawerContent.tsx index e40371479..39a578257 100644 --- a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailDrawerContent.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { DrawerBody } from '@/components'; -import EstimateDetail from './EstimateDetail'; +import { EstimateDetail } from './EstimateDetail'; import { EstimateDetailDrawerProvider } from './EstimateDetailDrawerProvider'; /** * Estimate detail drawer content. */ -export default function EstimateDetailDrawerContent({ +export function EstimateDetailDrawerContent({ // #ownProp estimateId, }) { diff --git a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailFooter.tsx b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailFooter.tsx index d1fa94908..252f3edb1 100644 --- a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailFooter.tsx +++ b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailFooter.tsx @@ -15,7 +15,7 @@ import intl from 'react-intl-universal'; * Estimate details footer. * @returns {React.JSX} */ -export default function EstimateDetailFooter() { +export function EstimateDetailFooter() { const { estimate } = useEstimateDetailDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailHeader.tsx b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailHeader.tsx index 559389ba3..1ecae60d6 100644 --- a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailHeader.tsx +++ b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailHeader.tsx @@ -22,7 +22,7 @@ import { EstimateDetailsStatus } from './components'; /** * Estimate read-only details drawer header. */ -export default function EstimateDetailHeader() { +export function EstimateDetailHeader() { const { estimate } = useEstimateDetailDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailPanel.tsx b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailPanel.tsx index dab62799c..105763998 100644 --- a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailPanel.tsx +++ b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailPanel.tsx @@ -3,13 +3,13 @@ import React from 'react'; import { CommercialDocBox } from '@/components'; -import EstimateDetailHeader from './EstimateDetailHeader'; -import EstimateDetailTable from './EstimateDetailTable'; -import EstimateDetailTableFooter from './EstimateDetailTableFooter'; -import EstimateDetailFooter from './EstimateDetailFooter'; +import { EstimateDetailHeader } from './EstimateDetailHeader'; +import { EstimateDetailTable } from './EstimateDetailTable'; +import { EstimateDetailTableFooter } from './EstimateDetailTableFooter'; +import { EstimateDetailFooter } from './EstimateDetailFooter'; -export default function EstimateDetailTab() { +export function EstimateDetailTab() { return ( diff --git a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailTable.tsx b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailTable.tsx index ee9ecada8..c3f0cb6f5 100644 --- a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailTable.tsx +++ b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailTable.tsx @@ -11,7 +11,7 @@ import { TableStyle } from '@/constants'; /** * Estimate detail table. */ -export default function EstimateDetailTable() { +export function EstimateDetailTable() { const { estimate: { entries }, } = useEstimateDetailDrawerContext(); diff --git a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailTableFooter.tsx b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailTableFooter.tsx index f2f02f8aa..8d6376692 100644 --- a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailTableFooter.tsx +++ b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailTableFooter.tsx @@ -14,7 +14,7 @@ import { useEstimateDetailDrawerContext } from './EstimateDetailDrawerProvider'; /** * Estimate details panel footer content. */ -export default function EstimateDetailTableFooter() { +export function EstimateDetailTableFooter() { const { estimate } = useEstimateDetailDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/index.tsx b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/index.tsx index 53f6a8586..a916fbed2 100644 --- a/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/EstimateDetailDrawer/index.tsx @@ -5,9 +5,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const EstimateDetailDrawerContent = React.lazy(() => - import('./EstimateDetailDrawerContent'), -); +const EstimateDetailDrawerContent = React.lazy(() => import('./EstimateDetailDrawerContent').then(m => ({ default: m.EstimateDetailDrawerContent }))); function EstimateDetailDrawer({ name, @@ -30,4 +28,4 @@ function EstimateDetailDrawer({ ); } -export default compose(withDrawers())(EstimateDetailDrawer); +export const index = compose(withDrawers())(EstimateDetailDrawer); diff --git a/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerActionBar.tsx b/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerActionBar.tsx index 82c8602f0..11342bab4 100644 --- a/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerActionBar.tsx +++ b/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerActionBar.tsx @@ -26,7 +26,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Expense drawer action bar. */ -function ExpenseDrawerActionBar({ +function ExpenseDrawerActionBarInner({ // #withAlertsDialog openAlert, @@ -75,7 +75,7 @@ function ExpenseDrawerActionBar({ ); } -export default compose( +export const ExpenseDrawerActionBar = compose( withAlertActions, withDrawerActions, -)(ExpenseDrawerActionBar); +)(ExpenseDrawerActionBarInner); diff --git a/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerContent.tsx b/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerContent.tsx index eb9571ba5..b8a3299ff 100644 --- a/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerContent.tsx @@ -4,12 +4,12 @@ import React from 'react'; import { DrawerBody } from '@/components'; import { ExpenseDrawerProvider } from './ExpenseDrawerProvider'; -import ExpenseDrawerDetails from './ExpenseDrawerDetails'; +import { ExpenseDrawerDetails } from './ExpenseDrawerDetails'; /** * Expense drawer content. */ -export default function ExpenseDrawerContent({ +export function ExpenseDrawerContent({ // #ownProp expenseId, }) { diff --git a/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerDetails.tsx b/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerDetails.tsx index 0194373df..a62d96c8f 100644 --- a/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerDetails.tsx +++ b/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerDetails.tsx @@ -4,15 +4,15 @@ import styled from 'styled-components'; import { CommercialDocBox } from '@/components'; -import ExpenseDrawerActionBar from './ExpenseDrawerActionBar'; -import ExpenseDrawerHeader from './ExpenseDrawerHeader'; -import ExpenseDrawerTable from './ExpenseDrawerTable'; -import ExpenseDrawerFooter from './ExpenseDrawerFooter'; +import { ExpenseDrawerActionBar } from './ExpenseDrawerActionBar'; +import { ExpenseDrawerHeader } from './ExpenseDrawerHeader'; +import { ExpenseDrawerTable } from './ExpenseDrawerTable'; +import { ExpenseDrawerFooter } from './ExpenseDrawerFooter'; /** * Expense view details. */ -export default function ExpenseDrawerDetails() { +export function ExpenseDrawerDetails() { return ( diff --git a/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerFooter.tsx b/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerFooter.tsx index 48b3b2514..acdd2600c 100644 --- a/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerFooter.tsx +++ b/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerFooter.tsx @@ -14,7 +14,7 @@ import { TotalLine } from '@/components'; /** * Footer details of expense readonly details. */ -export default function ExpenseDrawerFooter() { +export function ExpenseDrawerFooter() { const { expense } = useExpenseDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerHeader.tsx b/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerHeader.tsx index 80929d271..d36df5e7b 100644 --- a/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerHeader.tsx +++ b/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerHeader.tsx @@ -20,7 +20,7 @@ import intl from 'react-intl-universal'; /** * Expense drawer content. */ -export default function ExpenseDrawerHeader() { +export function ExpenseDrawerHeader() { const { expense } = useExpenseDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerTable.tsx b/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerTable.tsx index dd0d4ccb6..9ae179135 100644 --- a/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerTable.tsx +++ b/packages/webapp/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerTable.tsx @@ -11,7 +11,7 @@ import { TableStyle } from '@/constants'; /** * Expense details table. */ -export default function ExpenseDrawerTable() { +export function ExpenseDrawerTable() { // Expense readonly entries columns. const columns = useExpenseReadEntriesColumns(); diff --git a/packages/webapp/src/containers/Drawers/ExpenseDrawer/index.tsx b/packages/webapp/src/containers/Drawers/ExpenseDrawer/index.tsx index 60b871596..874483ffe 100644 --- a/packages/webapp/src/containers/Drawers/ExpenseDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/ExpenseDrawer/index.tsx @@ -5,7 +5,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const ExpenseDrawerContent = lazy(() => import('./ExpenseDrawerContent')); +const ExpenseDrawerContent = lazy(() => import('./ExpenseDrawerContent').then(m => ({ default: m.ExpenseDrawerContent }))); /** * Expense drawer. @@ -31,4 +31,4 @@ function ExpenseDrawer({ ); } -export default compose(withDrawers())(ExpenseDrawer); +export const index = compose(withDrawers())(ExpenseDrawer); diff --git a/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetail.tsx b/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetail.tsx index 1f83e890c..949ee90a0 100644 --- a/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetail.tsx +++ b/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetail.tsx @@ -5,15 +5,15 @@ import styled from 'styled-components'; import { Tab } from '@blueprintjs/core'; import { DrawerMainTabs } from '@/components'; -import InventoryAdjustmentDetailTab from './InventoryAdjustmentDetailTab'; -import InventoryAdjustmentDetailActionsBar from './InventoryAdjustmentDetailActionsBar'; -import InventoryAdjustmentDetailGLEntriesPanel from './InventoryAdjustmentDetailGLEntriesPanel'; +import { InventoryAdjustmentDetailTab } from './InventoryAdjustmentDetailTab'; +import { InventoryAdjustmentDetailActionsBar } from './InventoryAdjustmentDetailActionsBar'; +import { InventoryAdjustmentDetailGLEntriesPanel } from './InventoryAdjustmentDetailGLEntriesPanel'; /** * Inventory adjustment detail * @returns {React.JSX} */ -export default function InventoryAdjustmentDetail() { +export function InventoryAdjustmentDetail() { return ( diff --git a/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailActionsBar.tsx b/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailActionsBar.tsx index 61bdcac16..ae597b34a 100644 --- a/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailActionsBar.tsx +++ b/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailActionsBar.tsx @@ -22,7 +22,7 @@ import { compose } from '@/utils'; /** * Inventory adjustment detail actions bar. */ -function InventoryAdjustmentDetailActionsBar({ +function InventoryAdjustmentDetailActionsBarInner({ // #withAlertActions openAlert, }) { @@ -53,4 +53,4 @@ function InventoryAdjustmentDetailActionsBar({ ); } -export default compose(withAlertActions)(InventoryAdjustmentDetailActionsBar); +export const InventoryAdjustmentDetailActionsBar = compose(withAlertActions)(InventoryAdjustmentDetailActionsBarInner); diff --git a/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailGLEntriesPanel.tsx b/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailGLEntriesPanel.tsx index 331c38272..8fb18de6e 100644 --- a/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailGLEntriesPanel.tsx +++ b/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailGLEntriesPanel.tsx @@ -6,15 +6,14 @@ import { Card } from '@/components'; import { useTransactionsByReference } from '@/hooks/query'; import { useInventoryAdjustmentDrawerContext } from './InventoryAdjustmentDrawerProvider'; -import JournalEntriesTable, { - AmountDisplayedBaseCurrencyMessage, -} from '../../JournalEntriesTable/JournalEntriesTable'; +import { + AmountDisplayedBaseCurrencyMessage, JournalEntriesTable } from '../../JournalEntriesTable/JournalEntriesTable'; /** * Inentory adjustment detail GL entries panel. * @returns {React.JSX} */ -export default function InventoryAdjustmentDetailGLEntriesPanel() { +export function InventoryAdjustmentDetailGLEntriesPanel() { const { inventoryId } = useInventoryAdjustmentDrawerContext(); // Handle fetch transaction by reference. diff --git a/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailHeader.tsx b/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailHeader.tsx index 22aec2d0e..a74373ce5 100644 --- a/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailHeader.tsx +++ b/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailHeader.tsx @@ -13,7 +13,7 @@ import InventoryAdjustmentDrawerCls from '@/style/components/Drawers/InventoryAd /** * Inventory detail header. */ -export default function InventoryAdjustmentDetailHeader() { +export function InventoryAdjustmentDetailHeader() { const { inventoryAdjustment } = useInventoryAdjustmentDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailTab.tsx b/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailTab.tsx index e6d59c293..16ef6c49a 100644 --- a/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailTab.tsx +++ b/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailTab.tsx @@ -4,10 +4,10 @@ import styled from 'styled-components'; import { CommercialDocBox } from '@/components'; -import InventoryAdjustmentDetailHeader from './InventoryAdjustmentDetailHeader'; -import InventoryAdjustmentDetailTable from './InventoryAdjustmentDetailTable'; +import { InventoryAdjustmentDetailHeader } from './InventoryAdjustmentDetailHeader'; +import { InventoryAdjustmentDetailTable } from './InventoryAdjustmentDetailTable'; -export default function InventoryAdjustmentDetailTab() { +export function InventoryAdjustmentDetailTab() { return ( diff --git a/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailTable.tsx b/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailTable.tsx index 0926b7ec0..d51709a10 100644 --- a/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailTable.tsx +++ b/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailTable.tsx @@ -8,7 +8,7 @@ import { useInventoryAdjustmentDrawerContext } from './InventoryAdjustmentDrawer /** * Inventory adjustment detail entries table. */ -export default function InventoryAdjustmentDetailTable() { +export function InventoryAdjustmentDetailTable() { // Inventory adjustment entries columns. const columns = useInventoryAdjustmentEntriesColumns(); diff --git a/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDrawerContent.tsx b/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDrawerContent.tsx index b2cafcc6d..4a4d3980f 100644 --- a/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDrawerContent.tsx @@ -3,12 +3,12 @@ import React from 'react'; import { DrawerBody } from '@/components'; import { InventoryAdjustmentDrawerProvider } from './InventoryAdjustmentDrawerProvider'; -import InventoryAdjustmentDetail from './InventoryAdjustmentDetail'; +import { InventoryAdjustmentDetail } from './InventoryAdjustmentDetail'; /** * Inventory adjustment drawer content. */ -export default function InventoryAdjustmentDrawerContent({ inventoryId }) { +export function InventoryAdjustmentDrawerContent({ inventoryId }) { return ( diff --git a/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/index.tsx b/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/index.tsx index cbca91829..88ec03b5a 100644 --- a/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/InventoryAdjustmentDetailDrawer/index.tsx @@ -6,9 +6,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const InventoryAdjustmentDrawerContent = React.lazy(() => - import('./InventoryAdjustmentDrawerContent'), -); +const InventoryAdjustmentDrawerContent = React.lazy(() => import('./InventoryAdjustmentDrawerContent').then(m => ({ default: m.InventoryAdjustmentDrawerContent }))); /** * Inventory adjustment detail drawer. @@ -33,4 +31,4 @@ function InventoryAdjustmentDetailDrawer({ ); } -export default compose(withDrawers())(InventoryAdjustmentDetailDrawer); +export const index = compose(withDrawers())(InventoryAdjustmentDetailDrawer); diff --git a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetail.tsx b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetail.tsx index 159394cbb..26076555f 100644 --- a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetail.tsx +++ b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetail.tsx @@ -7,10 +7,10 @@ import { Tab } from '@blueprintjs/core'; import { useAbilityContext } from '@/hooks/utils'; import { DrawerMainTabs } from '@/components'; import { PaymentReceiveAction, AbilitySubject } from '@/constants/abilityOption'; -import InvoiceDetailActionsBar from './InvoiceDetailActionsBar'; -import InvoiceGLEntriesTable from './InvoiceGLEntriesTable'; -import InvoicePaymentTransactionsTable from './InvoicePaymentTransactions/InvoicePaymentTransactionsTable'; -import InvoiceDetailTab from './InvoiceDetailTab'; +import { InvoiceDetailActionsBar } from './InvoiceDetailActionsBar'; +import { InvoiceGLEntriesTable } from './InvoiceGLEntriesTable'; +import { InvoicePaymentTransactionsTable } from './InvoicePaymentTransactions/InvoicePaymentTransactionsTable'; +import { InvoiceDetailTab } from './InvoiceDetailTab'; /** * Invoice details tabs. @@ -52,7 +52,7 @@ function InvoiceDetailsTabs() { * Invoice view detail. * @returns {React.JSX} */ -export default function InvoiceDetail() { +export function InvoiceDetail() { return ( diff --git a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx index 1c3231ddd..74f71d589 100644 --- a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx +++ b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx @@ -39,7 +39,7 @@ import { ArrowBottomLeft } from '@/icons/ArrowBottomLeft'; /** * Invoice details action bar. */ -function InvoiceDetailActionsBar({ +function InvoiceDetailActionsBarInner({ // #withDialogActions openDialog, @@ -188,8 +188,8 @@ function InvoiceDetailActionsBar({ ); } -export default compose( +export const InvoiceDetailActionsBar = compose( withDialogActions, withDrawerActions, withAlertActions, -)(InvoiceDetailActionsBar); +)(InvoiceDetailActionsBarInner); diff --git a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailDrawerContent.tsx b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailDrawerContent.tsx index b159720c5..c628a1d95 100644 --- a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailDrawerContent.tsx @@ -1,14 +1,14 @@ // @ts-nocheck import React from 'react'; import { DrawerBody } from '@/components'; -import InvoiceDetail from './InvoiceDetail'; +import { InvoiceDetail } from './InvoiceDetail'; import { InvoiceDetailDrawerProvider } from './InvoiceDetailDrawerProvider'; /** * Invoice detail drawer content. * @returns {React.JSX} */ -export default function InvoiceDetailDrawerContent({ +export function InvoiceDetailDrawerContent({ // #ownProp invoiceId, }) { diff --git a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailHeader.tsx b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailHeader.tsx index ea27e90c1..01bef2f59 100644 --- a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailHeader.tsx +++ b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailHeader.tsx @@ -20,7 +20,7 @@ import { InvoiceDetailsStatus } from './utils'; /** * Invoice detail header. */ -export default function InvoiceDetailHeader() { +export function InvoiceDetailHeader() { const { invoice } = useInvoiceDetailDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailTab.tsx b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailTab.tsx index 20a64e8a9..14d3f32d8 100644 --- a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailTab.tsx +++ b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailTab.tsx @@ -3,15 +3,15 @@ import React from 'react'; import { CommercialDocBox } from '@/components'; -import InvoiceDetailHeader from './InvoiceDetailHeader'; -import InvoiceDetailTable from './InvoiceDetailTable'; +import { InvoiceDetailHeader } from './InvoiceDetailHeader'; +import { InvoiceDetailTable } from './InvoiceDetailTable'; import { InvoiceDetailTableFooter } from './InvoiceDetailTableFooter'; import { InvoiceDetailFooter } from './InvoiceDetailFooter'; /** * Invoice readonly details tab panel. */ -export default function InvoiceDetailTab() { +export function InvoiceDetailTab() { return ( diff --git a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailTable.tsx b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailTable.tsx index da566b1e5..5ab436069 100644 --- a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailTable.tsx +++ b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailTable.tsx @@ -12,7 +12,7 @@ import { TableStyle } from '@/constants'; /** * Invoice readonly details entries table columns. */ -export default function InvoiceDetailTable() { +export function InvoiceDetailTable() { // Invoice readonly entries table columns. const columns = useInvoiceReadonlyEntriesColumns(); diff --git a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceGLEntriesTable.tsx b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceGLEntriesTable.tsx index 30fcea77d..89571914e 100644 --- a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceGLEntriesTable.tsx +++ b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceGLEntriesTable.tsx @@ -6,15 +6,14 @@ import { Card } from '@/components'; import { useTransactionsByReference } from '@/hooks/query'; import { useInvoiceDetailDrawerContext } from './InvoiceDetailDrawerProvider'; -import JournalEntriesTable, { - AmountDisplayedBaseCurrencyMessage, -} from '../../JournalEntriesTable/JournalEntriesTable'; +import { + AmountDisplayedBaseCurrencyMessage, JournalEntriesTable } from '../../JournalEntriesTable/JournalEntriesTable'; /** * Invoice GL entries table. * @returns {React.JSX} */ -export default function InvoiceGLEntriesTable() { +export function InvoiceGLEntriesTable() { const { invoiceId } = useInvoiceDetailDrawerContext(); // Handle fetch transaction by reference. diff --git a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoicePaymentTransactions/InvoicePaymentTransactionsTable.tsx b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoicePaymentTransactions/InvoicePaymentTransactionsTable.tsx index 44be51783..21395c7c6 100644 --- a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoicePaymentTransactions/InvoicePaymentTransactionsTable.tsx +++ b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoicePaymentTransactions/InvoicePaymentTransactionsTable.tsx @@ -21,7 +21,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Invoice payment transactions datatable. */ -function InvoicePaymentTransactionsTable({ +function InvoicePaymentTransactionsTableInner({ // #withAlertActions openAlert, @@ -77,7 +77,7 @@ function InvoicePaymentTransactionsTable({ ); } -export default compose( +export const InvoicePaymentTransactionsTable = compose( withAlertActions, withDrawerActions, -)(InvoicePaymentTransactionsTable); +)(InvoicePaymentTransactionsTableInner); diff --git a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/index.tsx b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/index.tsx index c8e4fb4bb..199f19f32 100644 --- a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/index.tsx @@ -5,9 +5,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const InvoiceDetailDrawerContent = React.lazy(() => - import('./InvoiceDetailDrawerContent'), -); +const InvoiceDetailDrawerContent = React.lazy(() => import('./InvoiceDetailDrawerContent').then(m => ({ default: m.InvoiceDetailDrawerContent }))); /** * Invoice Detail drawer. @@ -31,4 +29,4 @@ function InvoiceDetailDrawer({ ); } -export default compose(withDrawers())(InvoiceDetailDrawer); +export const index = compose(withDrawers())(InvoiceDetailDrawer); diff --git a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemContentDetails.tsx b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemContentDetails.tsx index 54d68d2bf..d61094d62 100644 --- a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemContentDetails.tsx +++ b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemContentDetails.tsx @@ -1,13 +1,13 @@ // @ts-nocheck import React from 'react'; -import ItemDetailTab from './ItemDetailTab'; -import ItemDetailActionsBar from './ItemDetailActionsBar'; +import { ItemDetailTab } from './ItemDetailTab'; +import { ItemDetailActionsBar } from './ItemDetailActionsBar'; /** * Item detail. */ -export default function ItemDetail() { +export function ItemDetail() { return (
diff --git a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailActionsBar.tsx b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailActionsBar.tsx index 053474301..d6471458c 100644 --- a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailActionsBar.tsx +++ b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailActionsBar.tsx @@ -29,7 +29,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Item action-bar of readonly details drawer. */ -function ItemDetailActionsBar({ +function ItemDetailActionsBarInner({ // #withAlertActions openAlert, @@ -79,7 +79,7 @@ function ItemDetailActionsBar({ ); } -export default compose( +export const ItemDetailActionsBar = compose( withDrawerActions, withAlertActions, -)(ItemDetailActionsBar); +)(ItemDetailActionsBarInner); diff --git a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailDrawerContent.tsx b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailDrawerContent.tsx index bafc0b347..ac54f956e 100644 --- a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailDrawerContent.tsx @@ -4,13 +4,13 @@ import React from 'react'; import '@/style/components/Drawers/ItemDrawer.scss'; import { DrawerBody } from '@/components'; -import ItemContentDetails from './ItemContentDetails'; +import { ItemDetail as ItemContentDetails } from './ItemContentDetails'; import { ItemDetailDrawerProvider } from './ItemDetailDrawerProvider'; /** * Item detail drawer content. */ -export default function ItemDetailDrawerContent({ +export function ItemDetailDrawerContent({ // #ownProp itemId, }) { diff --git a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailHeader.tsx b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailHeader.tsx index 5e10c3507..49a4386fd 100644 --- a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailHeader.tsx +++ b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailHeader.tsx @@ -10,7 +10,7 @@ import { useItemDetailDrawerContext } from './ItemDetailDrawerProvider'; /** * Item header drawer of readonly details. */ -export default function ItemDetailHeader() { +export function ItemDetailHeader() { const { item } = useItemDetailDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailTab.tsx b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailTab.tsx index f7f7109c4..f8ee48a8d 100644 --- a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailTab.tsx +++ b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemDetailTab.tsx @@ -4,13 +4,13 @@ import { Tab } from '@blueprintjs/core'; import { DrawerMainTabs, FormattedMessage as T } from '@/components'; import { ItemPaymentTransactions } from './ItemPaymentTransactions'; -import ItemDetailHeader from './ItemDetailHeader'; -import WarehousesLocationsTable from './WarehousesLocations'; +import { ItemDetailHeader } from './ItemDetailHeader'; +import { WarehouseLocationsTable as WarehousesLocationsTable } from './WarehousesLocations'; import { Features } from '@/constants'; import { useFeatureCan } from '@/hooks/state'; -export default function ItemDetailTab() { +export function ItemDetailTab() { const { featureCan } = useFeatureCan(); return ( diff --git a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/BillPaymentTransactions/index.tsx b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/BillPaymentTransactions/index.tsx index 4a49ba301..8f7e1967b 100644 --- a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/BillPaymentTransactions/index.tsx +++ b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/BillPaymentTransactions/index.tsx @@ -69,7 +69,7 @@ function BillPaymentTransactions({ /> ); } -export default compose( +export const index = compose( withAlertActions, withDrawerActions, )(BillPaymentTransactions); diff --git a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/EstimatePaymentTransactions/index.tsx b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/EstimatePaymentTransactions/index.tsx index 2946eef69..00c6c41b5 100644 --- a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/EstimatePaymentTransactions/index.tsx +++ b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/EstimatePaymentTransactions/index.tsx @@ -72,7 +72,7 @@ function EstimatePaymentTransactions({ /> ); } -export default compose( +export const index = compose( withAlertActions, withDrawerActions, )(EstimatePaymentTransactions); diff --git a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/InvoicePaymentTransactions/index.tsx b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/InvoicePaymentTransactions/index.tsx index 1aaa9cf61..51441bbc5 100644 --- a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/InvoicePaymentTransactions/index.tsx +++ b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/InvoicePaymentTransactions/index.tsx @@ -74,7 +74,7 @@ function InvoicePaymentTransactions({ ); } -export default compose( +export const index = compose( withAlertActions, withDrawerActions, )(InvoicePaymentTransactions); diff --git a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/ItemPaymentTransactionContent.tsx b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/ItemPaymentTransactionContent.tsx index 4338572fb..eabbb25af 100644 --- a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/ItemPaymentTransactionContent.tsx +++ b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/ItemPaymentTransactionContent.tsx @@ -1,11 +1,11 @@ // @ts-nocheck import React from 'react'; -import InvoicePaymentTransactions from './InvoicePaymentTransactions'; -import EstimatePaymentTransactions from './EstimatePaymentTransactions'; -import ReceiptPaymentTransactions from './ReceiptPaymentTransactions'; -import BillPaymentTransactions from './BillPaymentTransactions'; +import { index as InvoicePaymentTransactions } from './InvoicePaymentTransactions'; +import { index as EstimatePaymentTransactions } from './EstimatePaymentTransactions'; +import { index as ReceiptPaymentTransactions } from './ReceiptPaymentTransactions'; +import { index as BillPaymentTransactions } from './BillPaymentTransactions'; -export default function ItemPaymentTransactionsContent({ tansactionType }) { +export function ItemPaymentTransactionsContent({ tansactionType }) { const handleType = () => { switch (tansactionType) { case 'invoices': diff --git a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/ReceiptPaymentTransactions/index.tsx b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/ReceiptPaymentTransactions/index.tsx index a0815d825..55d0593fb 100644 --- a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/ReceiptPaymentTransactions/index.tsx +++ b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/ReceiptPaymentTransactions/index.tsx @@ -71,7 +71,7 @@ function ReceiptPaymentTransactions({ ); } -export default compose( +export const index = compose( withAlertActions, withDrawerActions, )(ReceiptPaymentTransactions); diff --git a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/index.tsx b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/index.tsx index 910ec5482..0be0c7672 100644 --- a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/index.tsx +++ b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/index.tsx @@ -4,7 +4,7 @@ import styled from 'styled-components'; import { Card } from '@/components'; import { ItemManuTransaction } from './utils'; -import ItemPaymentTransactionContent from './ItemPaymentTransactionContent'; +import { ItemPaymentTransactionsContent as ItemPaymentTransactionContent } from './ItemPaymentTransactionContent'; import { useItemDetailDrawerContext } from '../ItemDetailDrawerProvider'; diff --git a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/WarehousesLocations/index.tsx b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/WarehousesLocations/index.tsx index 8e23c9f18..5d94edcf6 100644 --- a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/WarehousesLocations/index.tsx +++ b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/WarehousesLocations/index.tsx @@ -12,7 +12,7 @@ import { useItemWarehouseLocation } from '@/hooks/query'; /** * Warehouses locations table columns. */ -export default function WarehouseLocationsTable() { +export function WarehouseLocationsTable() { // Warehouses locations table columns. const columns = useWarehouseLocationsColumns(); diff --git a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/index.tsx b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/index.tsx index 4c686f303..a82629b85 100644 --- a/packages/webapp/src/containers/Drawers/ItemDetailDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/ItemDetailDrawer/index.tsx @@ -5,9 +5,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const ItemDetailDrawerContent = React.lazy(() => - import('./ItemDetailDrawerContent'), -); +const ItemDetailDrawerContent = React.lazy(() => import('./ItemDetailDrawerContent').then(m => ({ default: m.ItemDetailDrawerContent }))); /** * Item Detail drawer. @@ -32,4 +30,4 @@ function ItemDetailDrawer({ ); } -export default compose(withDrawers())(ItemDetailDrawer); +export const index = compose(withDrawers())(ItemDetailDrawer); diff --git a/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerActionBar.tsx b/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerActionBar.tsx index 147d61a59..74208c3b1 100644 --- a/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerActionBar.tsx +++ b/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerActionBar.tsx @@ -27,7 +27,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Manual journal action bar. */ -function ManualJournalDrawerActionBar({ +function ManualJournalDrawerActionBarInner({ // #withAlertsDialog openAlert, @@ -74,7 +74,7 @@ function ManualJournalDrawerActionBar({ ); } -export default compose( +export const ManualJournalDrawerActionBar = compose( withAlertActions, withDrawerActions, -)(ManualJournalDrawerActionBar); +)(ManualJournalDrawerActionBarInner); diff --git a/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerContent.tsx b/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerContent.tsx index 1ea56faed..d9cccae2e 100644 --- a/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerContent.tsx @@ -5,12 +5,12 @@ import '@/style/components/Drawers/ManualJournalDrawer.scss'; import { DrawerBody } from '@/components'; import { ManualJournalDrawerProvider } from './ManualJournalDrawerProvider'; -import ManualJournalDrawerDetails from './ManualJournalDrawerDetails'; +import { ManualJournalDrawerDetails } from './ManualJournalDrawerDetails'; /** * Manual Journal drawer content. */ -export default function ManualJournalDrawerContent({ +export function ManualJournalDrawerContent({ // #ownProp manualJournalId, }) { diff --git a/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerDetails.tsx b/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerDetails.tsx index a7b559f00..60b4c98d2 100644 --- a/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerDetails.tsx +++ b/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerDetails.tsx @@ -4,15 +4,15 @@ import styled from 'styled-components'; import { CommercialDocBox } from '@/components'; -import ManualJournalDrawerActionBar from './ManualJournalDrawerActionBar'; -import ManualJournalDrawerHeader from './ManualJournalDrawerHeader'; -import ManualJournalDrawerTable from './ManualJournalDrawerTable'; -import ManualJournalDrawerFooter from './ManualJournalDrawerFooter'; +import { ManualJournalDrawerActionBar } from './ManualJournalDrawerActionBar'; +import { ManualJournalDrawerHeader } from './ManualJournalDrawerHeader'; +import { ManualJournalDrawerTable } from './ManualJournalDrawerTable'; +import { ManualJournalDrawerFooter } from './ManualJournalDrawerFooter'; /** * Manual journal view details. */ -export default function ManualJournalDrawerDetails() { +export function ManualJournalDrawerDetails() { return ( diff --git a/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerFooter.tsx b/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerFooter.tsx index 70d9e4eb5..3b43b56ee 100644 --- a/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerFooter.tsx +++ b/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerFooter.tsx @@ -15,7 +15,7 @@ import { /** * Manual journal readonly details footer. */ -export default function ManualJournalDrawerFooter() { +export function ManualJournalDrawerFooter() { const { manualJournal: { amount, formatted_amount }, } = useManualJournalDrawerContext(); diff --git a/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerHeader.tsx b/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerHeader.tsx index e8453b131..50707ab4e 100644 --- a/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerHeader.tsx +++ b/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerHeader.tsx @@ -19,7 +19,7 @@ import intl from 'react-intl-universal'; /** * Manual journal details header. */ -export default function ManualJournalDrawerHeader() { +export function ManualJournalDrawerHeader() { const { manualJournal } = useManualJournalDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerTable.tsx b/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerTable.tsx index 71db42bb6..321b5f9cf 100644 --- a/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerTable.tsx +++ b/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerTable.tsx @@ -10,7 +10,7 @@ import { TableStyle } from '@/constants'; /** * Manual journal drawer table. */ -export default function ManualJournalDrawerTable() { +export function ManualJournalDrawerTable() { // Retrieves the readonly manual journal entries columns. const columns = useManualJournalEntriesColumns(); diff --git a/packages/webapp/src/containers/Drawers/ManualJournalDrawer/index.tsx b/packages/webapp/src/containers/Drawers/ManualJournalDrawer/index.tsx index 9e01925cc..6f170437b 100644 --- a/packages/webapp/src/containers/Drawers/ManualJournalDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/ManualJournalDrawer/index.tsx @@ -5,9 +5,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const ManualJournalDrawerContent = lazy(() => - import('./ManualJournalDrawerContent'), -); +const ManualJournalDrawerContent = lazy(() => import('./ManualJournalDrawerContent').then(m => ({ default: m.ManualJournalDrawerContent }))); /** * Manual journal drawer. @@ -33,4 +31,4 @@ function ManualJournalDrawer({ ); } -export default compose(withDrawers())(ManualJournalDrawer); +export const index = compose(withDrawers())(ManualJournalDrawer); diff --git a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailActionsBar.tsx b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailActionsBar.tsx index 7a299bcb2..0ef0fdd0c 100644 --- a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailActionsBar.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailActionsBar.tsx @@ -29,7 +29,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Payment made - Details panel - actions bar. */ -function PaymentMadeDetailActionsBar({ +function PaymentMadeDetailActionsBarInner({ // #withAlertActions openAlert, @@ -78,8 +78,8 @@ function PaymentMadeDetailActionsBar({ ); } -export default compose( +export const PaymentMadeDetailActionsBar = compose( withDialogActions, withDrawerActions, withAlertActions, -)(PaymentMadeDetailActionsBar); +)(PaymentMadeDetailActionsBarInner); diff --git a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailContent.tsx b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailContent.tsx index 1dbae4c54..9a51df4fc 100644 --- a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailContent.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailContent.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { DrawerBody } from '@/components'; -import PaymentMadeDetails from './PaymentMadeDetails'; +import { PaymentMadeDetail as PaymentMadeDetails } from './PaymentMadeDetails'; import { PaymentMadeDetailProvider } from './PaymentMadeDetailProvider'; /** * Payment made detail content. */ -export default function PaymentMadeDetailContent({ +export function PaymentMadeDetailContent({ // #ownProp paymentMadeId, }) { diff --git a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailHeader.tsx b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailHeader.tsx index 6f88eb968..f4405f0b8 100644 --- a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailHeader.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailHeader.tsx @@ -19,7 +19,7 @@ import { usePaymentMadeDetailContext } from './PaymentMadeDetailProvider'; /** * Payment made - detail panel - header. */ -export default function PaymentMadeDetailHeader() { +export function PaymentMadeDetailHeader() { const { paymentMade } = usePaymentMadeDetailContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailTab.tsx b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailTab.tsx index 23d4c3b87..1b21d43b8 100644 --- a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailTab.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailTab.tsx @@ -3,16 +3,16 @@ import React from 'react'; import { CommercialDocBox } from '@/components'; -import PaymentMadeDetailHeader from './PaymentMadeDetailHeader'; -import PaymentMadeDetailTable from './PaymentMadeDetailTable'; -import PaymentMadeDetailTableFooter from './PaymentMadeDetailTableFooter'; +import { PaymentMadeDetailHeader } from './PaymentMadeDetailHeader'; +import { PaymentMadeDetailTable } from './PaymentMadeDetailTable'; +import { PaymentMadeDetailTableFooter } from './PaymentMadeDetailTableFooter'; import { PaymentMadeDetailFooter } from './PaymentMadeDetailFooter'; /** * Payment made detail tab. * @returns {React.JSX} */ -export default function PaymentMadeDetailTab() { +export function PaymentMadeDetailTab() { return ( diff --git a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailTable.tsx b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailTable.tsx index 9d26fbbcf..4b476e19d 100644 --- a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailTable.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailTable.tsx @@ -11,7 +11,7 @@ import { TableStyle } from '@/constants'; /** * Payment made read-only details table. */ -export default function PaymentMadeDetailTable() { +export function PaymentMadeDetailTable() { // Retrieve payment made entries columns. const columns = usePaymentMadeEntriesColumns(); diff --git a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailTableFooter.tsx b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailTableFooter.tsx index 8efa22d45..362145c2f 100644 --- a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailTableFooter.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailTableFooter.tsx @@ -14,7 +14,7 @@ import { usePaymentMadeDetailContext } from './PaymentMadeDetailProvider'; /** * Payment made - Details panel - Footer. */ -export default function PaymentMadeDetailTableFooter() { +export function PaymentMadeDetailTableFooter() { const { paymentMade } = usePaymentMadeDetailContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetails.tsx b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetails.tsx index c87bd761e..dc71a2611 100644 --- a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetails.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetails.tsx @@ -6,9 +6,9 @@ import { Tab } from '@blueprintjs/core'; import { DrawerMainTabs } from '@/components'; -import PaymentMadeDetailActionsBar from './PaymentMadeDetailActionsBar'; -import PaymentMadeDetailTab from './PaymentMadeDetailTab'; -import PaymentMadeGLEntriesPanel from './PaymentMadeGLEntriesPanel'; +import { PaymentMadeDetailActionsBar } from './PaymentMadeDetailActionsBar'; +import { PaymentMadeDetailTab } from './PaymentMadeDetailTab'; +import { PaymentMadeGLEntriesPanel } from './PaymentMadeGLEntriesPanel'; /** * Payment made - view detail. @@ -36,7 +36,7 @@ function PaymentMadeDetailsTabs() { * Payment made view detail. * @returns {React.JSX} */ -export default function PaymentMadeDetail() { +export function PaymentMadeDetail() { return ( diff --git a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeGLEntriesPanel.tsx b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeGLEntriesPanel.tsx index 1c8daba70..e69f4ee3b 100644 --- a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeGLEntriesPanel.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeGLEntriesPanel.tsx @@ -3,9 +3,8 @@ import React from 'react'; import styled from 'styled-components'; import { Card } from '@/components'; -import JournalEntriesTable, { - AmountDisplayedBaseCurrencyMessage, -} from '../../JournalEntriesTable/JournalEntriesTable'; +import { + AmountDisplayedBaseCurrencyMessage, JournalEntriesTable } from '../../JournalEntriesTable/JournalEntriesTable'; import { useTransactionsByReference } from '@/hooks/query'; import { usePaymentMadeDetailContext } from './PaymentMadeDetailProvider'; @@ -14,7 +13,7 @@ import { usePaymentMadeDetailContext } from './PaymentMadeDetailProvider'; * Payment made GL entries table panel. * @returns {React.JSX} */ -export default function PaymentMadeGLEntriesPanel() { +export function PaymentMadeGLEntriesPanel() { const { paymentMadeId } = usePaymentMadeDetailContext(); // Handle fetch transaction by reference. diff --git a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/index.tsx b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/index.tsx index e1ef1c74b..1a38f5823 100644 --- a/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentMadeDetailDrawer/index.tsx @@ -5,9 +5,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const PaymentMadeDetailContent = React.lazy(() => - import('./PaymentMadeDetailContent'), -); +const PaymentMadeDetailContent = React.lazy(() => import('./PaymentMadeDetailContent').then(m => ({ default: m.PaymentMadeDetailContent }))); /** * Payment made detail drawer. @@ -32,4 +30,4 @@ function PaymentMadeDetailDrawer({ ); } -export default compose(withDrawers())(PaymentMadeDetailDrawer); +export const index = compose(withDrawers())(PaymentMadeDetailDrawer); diff --git a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveActionsBar.tsx b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveActionsBar.tsx index 689a21afb..fc584cd72 100644 --- a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveActionsBar.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveActionsBar.tsx @@ -128,7 +128,7 @@ function PaymentsReceivedActionsBar({ ); } -export default compose( +export const PaymentReceiveActionsBar = compose( withDialogActions, withDrawerActions, withAlertActions, diff --git a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetail.tsx b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetail.tsx index 2cccc7c3f..39cf8cfdb 100644 --- a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetail.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetail.tsx @@ -6,8 +6,8 @@ import { Tab } from '@blueprintjs/core'; import { DrawerMainTabs } from '@/components'; -import PaymentReceiveDetailTab from './PaymentReceiveDetailTab'; -import PaymentReceiveActionsBar from './PaymentReceiveActionsBar'; +import { PaymentReceiveDetailTab } from './PaymentReceiveDetailTab'; +import { PaymentReceiveActionsBar } from './PaymentReceiveActionsBar'; import { PaymentReceiveGLEntriesPanel } from './PaymentReceiveGLEntriesPanel'; /** @@ -35,7 +35,7 @@ function PaymentReceiveDetailsTabs() { * Payment receive view detail. * @returns {React.JSX} */ -export default function PaymentReceiveDetail() { +export function PaymentReceiveDetail() { return ( diff --git a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailContent.tsx b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailContent.tsx index 93d582228..d0d02bd9f 100644 --- a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailContent.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailContent.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { DrawerBody } from '@/components'; -import PaymentReceiveDetail from './PaymentReceiveDetail'; +import { PaymentReceiveDetail } from './PaymentReceiveDetail'; import { PaymentReceiveDetailProvider } from './PaymentReceiveDetailProvider'; /** * Payment receive detail content. */ -export default function PaymentReceiveDetailContent({ +export function PaymentReceiveDetailContent({ // #ownProp paymentReceiveId, }) { diff --git a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailFooter.tsx b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailFooter.tsx index 04e0e4bf8..6becac717 100644 --- a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailFooter.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailFooter.tsx @@ -15,7 +15,7 @@ import intl from 'react-intl-universal'; * Payment receive detail footer. * @returns {React.JSX} */ -export default function PaymentReceiveDetailFooter() { +export function PaymentReceiveDetailFooter() { const { paymentReceive } = usePaymentReceiveDetailContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailHeader.tsx b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailHeader.tsx index 88b2443a0..00561de14 100644 --- a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailHeader.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailHeader.tsx @@ -17,7 +17,7 @@ import { usePaymentReceiveDetailContext } from './PaymentReceiveDetailProvider'; /** * Payment receive detail header. */ -export default function PaymentReceiveDetailHeader() { +export function PaymentReceiveDetailHeader() { const { paymentReceive } = usePaymentReceiveDetailContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailTab.tsx b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailTab.tsx index f352e6b97..ea5ee5d07 100644 --- a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailTab.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailTab.tsx @@ -3,16 +3,16 @@ import styled from 'styled-components'; import { CommercialDocBox } from '@/components'; -import PaymentReceiveDetailHeader from './PaymentReceiveDetailHeader'; -import PaymentReceiveDetailTable from './PaymentReceiveDetailTable'; -import PaymentReceiveDetailTableFooter from './PaymentReceiveDetailTableFooter'; -import PaymentReceiveDetailFooter from './PaymentReceiveDetailFooter'; +import { PaymentReceiveDetailHeader } from './PaymentReceiveDetailHeader'; +import { PaymentReceiveDetailTable } from './PaymentReceiveDetailTable'; +import { PaymentReceiveDetailTableFooter } from './PaymentReceiveDetailTableFooter'; +import { PaymentReceiveDetailFooter } from './PaymentReceiveDetailFooter'; /** * Payment receive - overview panel. * @returns {React.JSX} */ -export default function PaymentReceiveDetailTab() { +export function PaymentReceiveDetailTab() { return ( diff --git a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailTable.tsx b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailTable.tsx index e9a6f0401..8406c0804 100644 --- a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailTable.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailTable.tsx @@ -11,7 +11,7 @@ import { TableStyle } from '@/constants'; /** * Payment receive readonly details table. */ -export default function PaymentReceiveDetailTable() { +export function PaymentReceiveDetailTable() { const columns = usePaymentReceiveEntriesColumns(); const { diff --git a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailTableFooter.tsx b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailTableFooter.tsx index 868aecc0d..45da7cd34 100644 --- a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailTableFooter.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailTableFooter.tsx @@ -15,7 +15,7 @@ import { usePaymentReceiveDetailContext } from './PaymentReceiveDetailProvider'; * Payment receive detail table footer. * @returns {React.JSX} */ -export default function PaymentReceiveDetailTableFooter() { +export function PaymentReceiveDetailTableFooter() { const { paymentReceive } = usePaymentReceiveDetailContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveGLEntriesPanel.tsx b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveGLEntriesPanel.tsx index 049738795..868fe5e57 100644 --- a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveGLEntriesPanel.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveGLEntriesPanel.tsx @@ -2,9 +2,8 @@ import styled from 'styled-components'; import { Card } from '@/components'; -import JournalEntriesTable, { - AmountDisplayedBaseCurrencyMessage, -} from '../../JournalEntriesTable/JournalEntriesTable'; +import { + AmountDisplayedBaseCurrencyMessage, JournalEntriesTable } from '../../JournalEntriesTable/JournalEntriesTable'; import { useTransactionsByReference } from '@/hooks/query'; import { usePaymentReceiveDetailContext } from './PaymentReceiveDetailProvider'; diff --git a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/index.tsx b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/index.tsx index 9467baa3e..fde04dd9c 100644 --- a/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/PaymentReceiveDetailDrawer/index.tsx @@ -5,9 +5,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const PaymentReceiveDetailContent = React.lazy(() => - import('./PaymentReceiveDetailContent'), -); +const PaymentReceiveDetailContent = React.lazy(() => import('./PaymentReceiveDetailContent').then(m => ({ default: m.PaymentReceiveDetailContent }))); /** * Payment receive detail drawer @@ -32,4 +30,4 @@ function PaymentReceiveDetailDrawer({ ); } -export default compose(withDrawers())(PaymentReceiveDetailDrawer); +export const index = compose(withDrawers())(PaymentReceiveDetailDrawer); diff --git a/packages/webapp/src/containers/Drawers/QuickCreateCustomerDrawer/QuickCreateCustomerDrawerContent.tsx b/packages/webapp/src/containers/Drawers/QuickCreateCustomerDrawer/QuickCreateCustomerDrawerContent.tsx index a9fb80b30..3ca8e7a73 100644 --- a/packages/webapp/src/containers/Drawers/QuickCreateCustomerDrawer/QuickCreateCustomerDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/QuickCreateCustomerDrawer/QuickCreateCustomerDrawerContent.tsx @@ -5,13 +5,13 @@ import { DrawerBody, FormattedMessage as T, } from '@/components'; -import QuickCustomerFormDrawer from './QuickCustomerFormDrawer'; +import { QuickCustomerFormDrawer } from './QuickCustomerFormDrawer'; import { DRAWERS } from '@/constants/drawers'; /** * Quick create/edit customer drawer. */ -export default function QuickCreateCustomerDrawerContent({ +export function QuickCreateCustomerDrawerContent({ displayName, autofillRef, }) { diff --git a/packages/webapp/src/containers/Drawers/QuickCreateCustomerDrawer/QuickCustomerFormDrawer.tsx b/packages/webapp/src/containers/Drawers/QuickCreateCustomerDrawer/QuickCustomerFormDrawer.tsx index 7c4330a91..78c3f8f1d 100644 --- a/packages/webapp/src/containers/Drawers/QuickCreateCustomerDrawer/QuickCustomerFormDrawer.tsx +++ b/packages/webapp/src/containers/Drawers/QuickCreateCustomerDrawer/QuickCustomerFormDrawer.tsx @@ -27,7 +27,7 @@ function DrawerCustomerFormLoading({ children }) { /** * Quick customer form of the drawer. */ -function QuickCustomerFormDrawer({ +function QuickCustomerFormDrawerInner({ displayName, autofillRef, closeDrawer, @@ -63,4 +63,4 @@ function QuickCustomerFormDrawer({ ); } -export default R.compose(withDrawerActions)(QuickCustomerFormDrawer); +export const QuickCustomerFormDrawer = R.compose(withDrawerActions)(QuickCustomerFormDrawerInner); diff --git a/packages/webapp/src/containers/Drawers/QuickCreateCustomerDrawer/index.tsx b/packages/webapp/src/containers/Drawers/QuickCreateCustomerDrawer/index.tsx index e535d62fb..343beda14 100644 --- a/packages/webapp/src/containers/Drawers/QuickCreateCustomerDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/QuickCreateCustomerDrawer/index.tsx @@ -4,9 +4,7 @@ import { Drawer, DrawerSuspense } from '@/components'; import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const QuickCreateCustomerDrawerContent = React.lazy( - () => import('./QuickCreateCustomerDrawerContent'), -); +const QuickCreateCustomerDrawerContent = React.lazy(() => import('./QuickCreateCustomerDrawerContent').then(m => ({ default: m.QuickCreateCustomerDrawerContent }))); /** * Quick Create customer @@ -35,4 +33,4 @@ function QuickCreateCustomerDrawer({ ); } -export default compose(withDrawers())(QuickCreateCustomerDrawer); +export const index = compose(withDrawers())(QuickCreateCustomerDrawer); diff --git a/packages/webapp/src/containers/Drawers/QuickCreateItemDrawer/QuickCreateItemDrawerContent.tsx b/packages/webapp/src/containers/Drawers/QuickCreateItemDrawer/QuickCreateItemDrawerContent.tsx index eba648e37..c681e8cf3 100644 --- a/packages/webapp/src/containers/Drawers/QuickCreateItemDrawer/QuickCreateItemDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/QuickCreateItemDrawer/QuickCreateItemDrawerContent.tsx @@ -6,12 +6,12 @@ import { FormattedMessage as T, } from '@/components'; import { DRAWERS } from '@/constants/drawers'; -import QuickCreateItemDrawerForm from './QuickCreateItemDrawerForm'; +import { QuickCreateItemDrawerForm } from './QuickCreateItemDrawerForm'; /** * Quick create/edit item drawer content. */ -export default function QuickCreateItemDrawerContent({ itemName }) { +export function QuickCreateItemDrawerContent({ itemName }) { return ( {children}; } -export default R.compose( +export const QuickCreateItemDrawerForm = R.compose( withDrawerActions, withDashboardActions, -)(QuickCreateItemDrawerForm); +)(QuickCreateItemDrawerFormInner); const ItemFormCard = styled(Card)` margin: 15px; diff --git a/packages/webapp/src/containers/Drawers/QuickCreateItemDrawer/index.tsx b/packages/webapp/src/containers/Drawers/QuickCreateItemDrawer/index.tsx index 073a73e76..b627242da 100644 --- a/packages/webapp/src/containers/Drawers/QuickCreateItemDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/QuickCreateItemDrawer/index.tsx @@ -5,9 +5,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const QuickCretaeItemDrawerContent = React.lazy(() => - import('./QuickCreateItemDrawerContent'), -); +const QuickCretaeItemDrawerContent = React.lazy(() => import('./QuickCreateItemDrawerContent').then(m => ({ default: m.QuickCreateItemDrawerContent }))); /** * Quick create item. @@ -35,4 +33,4 @@ function QuickCreateItemDrawer({ ); } -export default compose(withDrawers())(QuickCreateItemDrawer); +export const index = compose(withDrawers())(QuickCreateItemDrawer); diff --git a/packages/webapp/src/containers/Drawers/QuickWriteVendorDrawer/QuickVendorFormDrawer.tsx b/packages/webapp/src/containers/Drawers/QuickWriteVendorDrawer/QuickVendorFormDrawer.tsx index bd5957016..851b6a13c 100644 --- a/packages/webapp/src/containers/Drawers/QuickWriteVendorDrawer/QuickVendorFormDrawer.tsx +++ b/packages/webapp/src/containers/Drawers/QuickWriteVendorDrawer/QuickVendorFormDrawer.tsx @@ -32,7 +32,7 @@ function DrawerVendorFormLoading({ children }) { /** * Quick vendor form of the drawer. */ -function QuickVendorFormDrawer({ +function QuickVendorFormDrawerInner({ displayName, closeDrawer, vendorId, @@ -72,8 +72,8 @@ function QuickVendorFormDrawer({ ); } -export default R.compose( +export const QuickVendorFormDrawer = R.compose( withDrawerActions, withDashboardActions, -)(QuickVendorFormDrawer); +)(QuickVendorFormDrawerInner); diff --git a/packages/webapp/src/containers/Drawers/QuickWriteVendorDrawer/QuickWriteVendorDrawerContent.tsx b/packages/webapp/src/containers/Drawers/QuickWriteVendorDrawer/QuickWriteVendorDrawerContent.tsx index 2f75f99b7..77dc55f64 100644 --- a/packages/webapp/src/containers/Drawers/QuickWriteVendorDrawer/QuickWriteVendorDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/QuickWriteVendorDrawer/QuickWriteVendorDrawerContent.tsx @@ -6,13 +6,13 @@ import { FormattedMessage as T, } from '@/components'; -import QuickVendorFormDrawer from './QuickVendorFormDrawer'; +import { QuickVendorFormDrawer } from './QuickVendorFormDrawer'; import { DRAWERS } from '@/constants/drawers'; /** * Quick create/edit vendor drawer. */ -export default function QuickWriteVendorDrawerContent({ displayName, autofillRef }) { +export function QuickWriteVendorDrawerContent({ displayName, autofillRef }) { return ( - import('./QuickWriteVendorDrawerContent'), -); +const QuickWriteVendorDrawerContent = React.lazy(() => import('./QuickWriteVendorDrawerContent').then(m => ({ default: m.QuickWriteVendorDrawerContent }))); /** * Quick Write vendor. @@ -33,4 +31,4 @@ function QuickWriteVendorDrawer({ ); } -export default R.compose(withDrawers())(QuickWriteVendorDrawer); +export const index = R.compose(withDrawers())(QuickWriteVendorDrawer); diff --git a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetail.tsx b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetail.tsx index d9bd74f23..f974da248 100644 --- a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetail.tsx +++ b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetail.tsx @@ -5,15 +5,15 @@ import styled from 'styled-components'; import { Tab } from '@blueprintjs/core'; import { DrawerMainTabs } from '@/components'; -import ReceiptDetailTab from './ReceiptDetailTab'; -import ReceiptDetailActionBar from './ReceiptDetailActionBar'; +import { ReceiptDetailTab } from './ReceiptDetailTab'; +import { ReceiptDetailActionBar } from './ReceiptDetailActionBar'; import { ReceiptDetailsGLEntriesPanel } from './ReceiptDetailsGLEntriesPanel'; /** * Receipt view detail. * @returns {React.JSX} */ -export default function ReceiptDetail() { +export function ReceiptDetail() { return ( diff --git a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailActionBar.tsx b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailActionBar.tsx index 88adb0851..a34cb8194 100644 --- a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailActionBar.tsx +++ b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailActionBar.tsx @@ -29,7 +29,7 @@ import { DRAWERS } from '@/constants/drawers'; * Receipt details actions bar. * @returns {React.JSX} */ -function ReceiptDetailActionBar({ +function ReceiptDetailActionBarInner({ // #withDialogActions openDialog, @@ -114,8 +114,8 @@ function ReceiptDetailActionBar({ ); } -export default compose( +export const ReceiptDetailActionBar = compose( withDialogActions, withDrawerActions, withAlertActions, -)(ReceiptDetailActionBar); +)(ReceiptDetailActionBarInner); diff --git a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailDrawerContent.tsx b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailDrawerContent.tsx index 6d4eed24a..1cae4eec4 100644 --- a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailDrawerContent.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { DrawerBody } from '@/components'; -import ReceiptDetail from './ReceiptDetail'; +import { ReceiptDetail } from './ReceiptDetail'; import { ReceiptDetailDrawerProvider } from './ReceiptDetailDrawerProvider'; /** * Receipt detail drawer content. */ -export default function ReceiptDetailDrawerContent({ +export function ReceiptDetailDrawerContent({ // #ownProp receiptId, }) { diff --git a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailFooter.tsx b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailFooter.tsx index b91cb5af3..b60ab2584 100644 --- a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailFooter.tsx +++ b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailFooter.tsx @@ -15,7 +15,7 @@ import intl from 'react-intl-universal'; * Receipt details footer * @returns {React.JSX} */ -export default function ReceiptDetailFooter() { +export function ReceiptDetailFooter() { const { receipt } = useReceiptDetailDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailHeader.tsx b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailHeader.tsx index 78f969031..828133f8c 100644 --- a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailHeader.tsx +++ b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailHeader.tsx @@ -21,7 +21,7 @@ import { ReceiptDetailsStatus } from './components'; /** * Receipt details header. */ -export default function ReceiptDetailHeader() { +export function ReceiptDetailHeader() { const { receipt } = useReceiptDetailDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailTab.tsx b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailTab.tsx index 42f2ac7d9..4e8c5a647 100644 --- a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailTab.tsx +++ b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailTab.tsx @@ -4,12 +4,12 @@ import styled from 'styled-components'; import { CommercialDocBox } from '@/components'; -import ReceiptDetailHeader from './ReceiptDetailHeader'; -import ReceiptDetailTable from './ReceiptDetailTable'; -import ReceiptDetailTableFooter from './ReceiptDetailTableFooter'; -import ReceiptDetailFooter from './ReceiptDetailFooter'; +import { ReceiptDetailHeader } from './ReceiptDetailHeader'; +import { ReceiptDetailTable } from './ReceiptDetailTable'; +import { ReceiptDetailTableFooter } from './ReceiptDetailTableFooter'; +import { ReceiptDetailFooter } from './ReceiptDetailFooter'; -export default function ReceiptDetailTab() { +export function ReceiptDetailTab() { return ( diff --git a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailTable.tsx b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailTable.tsx index 5740847f0..8f03821ee 100644 --- a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailTable.tsx +++ b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailTable.tsx @@ -11,7 +11,7 @@ import { TableStyle } from '@/constants'; /** * Receipt readonly details table columns. */ -export default function ReceiptDetailTable() { +export function ReceiptDetailTable() { // Receipt details drawer context. const { receipt: { entries }, diff --git a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailTableFooter.tsx b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailTableFooter.tsx index d2b841598..177f8eff2 100644 --- a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailTableFooter.tsx +++ b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailTableFooter.tsx @@ -14,7 +14,7 @@ import { useReceiptDetailDrawerContext } from './ReceiptDetailDrawerProvider'; /** * Receipts read-only details table footer. */ -export default function ReceiptDetailTableFooter() { +export function ReceiptDetailTableFooter() { const { receipt } = useReceiptDetailDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailsGLEntriesPanel.tsx b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailsGLEntriesPanel.tsx index 354879efa..9489abeba 100644 --- a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailsGLEntriesPanel.tsx +++ b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailsGLEntriesPanel.tsx @@ -6,9 +6,8 @@ import { Card } from '@/components'; import { useTransactionsByReference } from '@/hooks/query'; import { useReceiptDetailDrawerContext } from './ReceiptDetailDrawerProvider'; -import JournalEntriesTable, { - AmountDisplayedBaseCurrencyMessage, -} from '../../JournalEntriesTable/JournalEntriesTable'; +import { + AmountDisplayedBaseCurrencyMessage, JournalEntriesTable } from '../../JournalEntriesTable/JournalEntriesTable'; /** * Receipt details GL entries panel. diff --git a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/index.tsx b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/index.tsx index 268f81cea..b41f28c6d 100644 --- a/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/ReceiptDetailDrawer/index.tsx @@ -5,9 +5,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const ReceiptDetailDrawerContent = React.lazy(() => - import('./ReceiptDetailDrawerContent'), -); +const ReceiptDetailDrawerContent = React.lazy(() => import('./ReceiptDetailDrawerContent').then(m => ({ default: m.ReceiptDetailDrawerContent }))); /** * Receipt Detail drawer. @@ -32,4 +30,4 @@ function ReceiptDetailDrawer({ ); } -export default compose(withDrawers())(ReceiptDetailDrawer); +export const index = compose(withDrawers())(ReceiptDetailDrawer); diff --git a/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetail.tsx b/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetail.tsx index 36bb3602d..c1516ed98 100644 --- a/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetail.tsx +++ b/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetail.tsx @@ -5,14 +5,14 @@ import styled from 'styled-components'; import { Tab } from '@blueprintjs/core'; import { DrawerMainTabs } from '@/components'; -import RefundCreditNoteDetailTab from './RefundCreditNoteDetailTab'; -import RefundCreditNoteDetailActionsBar from './RefundCreditNoteDetailActionsBar'; +import { RefundCreditNoteDetailTab } from './RefundCreditNoteDetailTab'; +import { RefundCreditNoteDetailActionsBar } from './RefundCreditNoteDetailActionsBar'; /** * Refund credit note detail. * @returns {React.JSX} */ -export default function RefundCreditNoteDetail() { +export function RefundCreditNoteDetail() { return ( diff --git a/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetailActionsBar.tsx b/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetailActionsBar.tsx index f21786392..8f145311f 100644 --- a/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetailActionsBar.tsx +++ b/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetailActionsBar.tsx @@ -18,7 +18,7 @@ import { compose } from '@/utils'; /** * Refund credit note actions bar. */ -function RefundCreditNoteDetailActionsBar({ +function RefundCreditNoteDetailActionsBarInner({ // #withAlertActions openAlert, }) { @@ -46,4 +46,4 @@ function RefundCreditNoteDetailActionsBar({ ); } -export default compose(withAlertActions)(RefundCreditNoteDetailActionsBar); +export const RefundCreditNoteDetailActionsBar = compose(withAlertActions)(RefundCreditNoteDetailActionsBarInner); diff --git a/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetailHeader.tsx b/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetailHeader.tsx index 40498d2e9..5f0777f51 100644 --- a/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetailHeader.tsx +++ b/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetailHeader.tsx @@ -12,7 +12,7 @@ import { import { useRefundCreditNoteDrawerContext } from './RefundCreditNoteDrawerProvider'; -export default function RefundCreditNoteDetailHeader() { +export function RefundCreditNoteDetailHeader() { const { refundCreditTransaction } = useRefundCreditNoteDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetailTab.tsx b/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetailTab.tsx index 9eaca6638..a956cc4de 100644 --- a/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetailTab.tsx +++ b/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDetailTab.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { CommercialDocBox } from '@/components'; -import RefundCreditNoteDetailHeader from './RefundCreditNoteDetailHeader'; +import { RefundCreditNoteDetailHeader } from './RefundCreditNoteDetailHeader'; /** * Refund credit note detail tab. * @returns */ -export default function RefundCreditNoteDetailTab() { +export function RefundCreditNoteDetailTab() { return ( diff --git a/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDrawerContent.tsx b/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDrawerContent.tsx index 32dc4fc0a..ea96cd8e3 100644 --- a/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/RefundCreditNoteDrawerContent.tsx @@ -3,12 +3,12 @@ import React from 'react'; import { DrawerBody } from '@/components'; import { RefundCreditNoteDrawerProvider } from './RefundCreditNoteDrawerProvider'; -import RefundCreditNoteDetail from './RefundCreditNoteDetail'; +import { RefundCreditNoteDetail } from './RefundCreditNoteDetail'; /** * Refund credit note drawer content. */ -export default function RefundCreditNoteDrawerContent({ refundTransactionId }) { +export function RefundCreditNoteDrawerContent({ refundTransactionId }) { return ( diff --git a/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/index.tsx b/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/index.tsx index 8e8ae152b..93fd78b0f 100644 --- a/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/RefundCreditNoteDetailDrawer/index.tsx @@ -6,9 +6,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const RefundCreditNoteDrawerContent = React.lazy(() => - import('./RefundCreditNoteDrawerContent'), -); +const RefundCreditNoteDrawerContent = React.lazy(() => import('./RefundCreditNoteDrawerContent').then(m => ({ default: m.RefundCreditNoteDrawerContent }))); /** * Refund credit note detail. @@ -35,4 +33,4 @@ function RefundCreditNoteDetailDrawer({ ); } -export default compose(withDrawers())(RefundCreditNoteDetailDrawer); +export const index = compose(withDrawers())(RefundCreditNoteDetailDrawer); diff --git a/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetail.tsx b/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetail.tsx index ec31d64ed..20ef1f124 100644 --- a/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetail.tsx +++ b/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetail.tsx @@ -5,14 +5,14 @@ import styled from 'styled-components'; import { Tab } from '@blueprintjs/core'; import { DrawerMainTabs } from '@/components'; -import RefundVendorCreditDetailTab from './RefundVendorCreditDetailTab' -import RefundVendorCreditDetailActionsBar from './RefundVendorCreditDetailActionsBar'; +import { RefundVendorCreditDetailTab } from './RefundVendorCreditDetailTab' +import { RefundVendorCreditDetailActionsBar } from './RefundVendorCreditDetailActionsBar'; /** * Refund vendor credit detail. * @returns {React.JSX} */ -export default function RefundVendorCreditDetail() { +export function RefundVendorCreditDetail() { return ( diff --git a/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetailActionsBar.tsx b/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetailActionsBar.tsx index 52225cece..ae0dbc6a4 100644 --- a/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetailActionsBar.tsx +++ b/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetailActionsBar.tsx @@ -17,7 +17,7 @@ import { compose } from '@/utils'; /** * Refund vendor credit actions bar. */ -function RefundVendorCreditDetailActionsBar({ +function RefundVendorCreditDetailActionsBarInner({ // #withAlertActions openAlert, }) { @@ -45,4 +45,4 @@ function RefundVendorCreditDetailActionsBar({ ); } -export default compose(withAlertActions)(RefundVendorCreditDetailActionsBar); +export const RefundVendorCreditDetailActionsBar = compose(withAlertActions)(RefundVendorCreditDetailActionsBarInner); diff --git a/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetailHeader.tsx b/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetailHeader.tsx index 5724d60c6..cda3fbd81 100644 --- a/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetailHeader.tsx +++ b/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetailHeader.tsx @@ -12,7 +12,7 @@ import { import { useRefundVendorCreditNoteDrawerContext } from './RefundVendorCreditDrawerProvider'; -export default function RefundVendorCreditDetailHeader() { +export function RefundVendorCreditDetailHeader() { const { refundVendorTransaction } = useRefundVendorCreditNoteDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetailTab.tsx b/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetailTab.tsx index d7cde8c8a..70bc1ae09 100644 --- a/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetailTab.tsx +++ b/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDetailTab.tsx @@ -2,12 +2,12 @@ import React from 'react'; import { CommercialDocBox } from '@/components'; -import RefundVendorCreditDetailHeader from './RefundVendorCreditDetailHeader'; +import { RefundVendorCreditDetailHeader } from './RefundVendorCreditDetailHeader'; /** * Refund vendor credit detail tab. */ -export default function RefundVendorCreditDetailTab() { +export function RefundVendorCreditDetailTab() { return ( diff --git a/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDrawerContent.tsx b/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDrawerContent.tsx index 45639cb80..d8e6f7406 100644 --- a/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/RefundVendorCreditDrawerContent.tsx @@ -3,13 +3,13 @@ import React from 'react'; import { DrawerBody } from '@/components'; import { RefundVendorCreditDrawerProvider } from './RefundVendorCreditDrawerProvider'; -import RefundVendorCreditDetail from './RefundVendorCreditDetail'; +import { RefundVendorCreditDetail } from './RefundVendorCreditDetail'; /** * Refund vendor credit drawer content. * @returns */ -export default function RefundVendorCreditDrawerContent({ +export function RefundVendorCreditDrawerContent({ refundTransactionId, }) { return ( diff --git a/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/index.tsx b/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/index.tsx index d6da06f65..b6ce16e1a 100644 --- a/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/RefundVendorCreditDetailDrawer/index.tsx @@ -6,9 +6,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const RefundVendorCreditDrawerContent = React.lazy(() => - import('./RefundVendorCreditDrawerContent'), -); +const RefundVendorCreditDrawerContent = React.lazy(() => import('./RefundVendorCreditDrawerContent').then(m => ({ default: m.RefundVendorCreditDrawerContent }))); /** * Refund credit note detail. @@ -36,4 +34,4 @@ function RefundCreditNoteDetailDrawer({ ); } -export default compose(withDrawers())(RefundCreditNoteDetailDrawer); +export const index = compose(withDrawers())(RefundCreditNoteDetailDrawer); diff --git a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/JournalEntriesTransactions/JournalEntriesTransactionsTable.tsx b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/JournalEntriesTransactions/JournalEntriesTransactionsTable.tsx index 060aebe02..6cb07ee5d 100644 --- a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/JournalEntriesTransactions/JournalEntriesTransactionsTable.tsx +++ b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/JournalEntriesTransactions/JournalEntriesTransactionsTable.tsx @@ -6,9 +6,8 @@ import { useVendorCreditDetailDrawerContext } from '../VendorCreditDetailDrawerP import { useTransactionsByReference } from '@/hooks/query'; import { useJournalEntriesTransactionsColumns } from './components'; -import JournalEntriesTable, { - AmountDisplayedBaseCurrencyMessage, -} from '@/containers/JournalEntriesTable/JournalEntriesTable'; +import { + AmountDisplayedBaseCurrencyMessage, JournalEntriesTable } from '@/containers/JournalEntriesTable/JournalEntriesTable'; /** * Journal entries vendor credit transactions table. diff --git a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/ReconcileVendorCreditTransactions/ReconcileVendorCreditTransactionsTable.tsx b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/ReconcileVendorCreditTransactions/ReconcileVendorCreditTransactionsTable.tsx index 99142a784..d670c0029 100644 --- a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/ReconcileVendorCreditTransactions/ReconcileVendorCreditTransactionsTable.tsx +++ b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/ReconcileVendorCreditTransactions/ReconcileVendorCreditTransactionsTable.tsx @@ -15,7 +15,7 @@ import { compose } from '@/utils'; /** * Reconcile vendor credit transactions table. */ -function ReconcileVendorCreditTransactionsTable({ +function ReconcileVendorCreditTransactionsTableInner({ // #withAlertActions openAlert, }) { @@ -43,6 +43,6 @@ function ReconcileVendorCreditTransactionsTable({ ); } -export default compose(withAlertActions)( - ReconcileVendorCreditTransactionsTable, +export const ReconcileVendorCreditTransactionsTable = compose(withAlertActions)( + ReconcileVendorCreditTransactionsTableInner, ); diff --git a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/RefundVendorCreditTransactions/RefundVendorCreditTransactionsTable.tsx b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/RefundVendorCreditTransactions/RefundVendorCreditTransactionsTable.tsx index 80a8bab6a..19328999b 100644 --- a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/RefundVendorCreditTransactions/RefundVendorCreditTransactionsTable.tsx +++ b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/RefundVendorCreditTransactions/RefundVendorCreditTransactionsTable.tsx @@ -16,7 +16,7 @@ import { compose } from '@/utils'; /** * Refund vendor transactions table. */ -function RefundVendorCreditTransactionsTable({ +function RefundVendorCreditTransactionsTableInner({ // #withAlertActions openAlert, }) { @@ -44,4 +44,4 @@ function RefundVendorCreditTransactionsTable({ ); } -export default compose(withAlertActions)(RefundVendorCreditTransactionsTable); +export const RefundVendorCreditTransactionsTable = compose(withAlertActions)(RefundVendorCreditTransactionsTableInner); diff --git a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetail.tsx b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetail.tsx index b32dea399..51104fb4c 100644 --- a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetail.tsx +++ b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetail.tsx @@ -6,10 +6,10 @@ import { Tab } from '@blueprintjs/core'; import { useAbilityContext } from '@/hooks/utils'; import { DrawerMainTabs } from '@/components'; -import VendorCreditDetailActionsBar from './VendorCreditDetailActionsBar'; -import VendorCreditDetailPanel from './VendorCreditDetailPanel'; -import RefundVendorCreditTransactionsTable from './RefundVendorCreditTransactions/RefundVendorCreditTransactionsTable'; -import ReconcileVendorCreditTransactionsTable from './ReconcileVendorCreditTransactions/ReconcileVendorCreditTransactionsTable'; +import { VendorCreditDetailActionsBar } from './VendorCreditDetailActionsBar'; +import { VendorCreditDetailPanel } from './VendorCreditDetailPanel'; +import { RefundVendorCreditTransactionsTable } from './RefundVendorCreditTransactions/RefundVendorCreditTransactionsTable'; +import { ReconcileVendorCreditTransactionsTable } from './ReconcileVendorCreditTransactions/ReconcileVendorCreditTransactionsTable'; import { VendorCreditGLEntriesTable } from './JournalEntriesTransactions/JournalEntriesTransactionsTable'; import { VendorCreditAction, AbilitySubject } from '@/constants/abilityOption'; @@ -17,7 +17,7 @@ import { VendorCreditAction, AbilitySubject } from '@/constants/abilityOption'; * Vendor credit view detail. * */ -export default function VendorCreditDetail() { +export function VendorCreditDetail() { return ( diff --git a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailActionsBar.tsx b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailActionsBar.tsx index 70ec99f1d..d53d17f17 100644 --- a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailActionsBar.tsx +++ b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailActionsBar.tsx @@ -30,7 +30,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Vendor credit detail actions bar. */ -function VendorCreditDetailActionsBar({ +function VendorCreditDetailActionsBarInner({ // #withDialogActions openDialog, @@ -109,8 +109,8 @@ function VendorCreditDetailActionsBar({ ); } -export default compose( +export const VendorCreditDetailActionsBar = compose( withDialogActions, withAlertActions, withDrawerActions, -)(VendorCreditDetailActionsBar); +)(VendorCreditDetailActionsBarInner); diff --git a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailDrawerContent.tsx b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailDrawerContent.tsx index d443eb321..fc88335ee 100644 --- a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailDrawerContent.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { DrawerBody } from '@/components'; -import VendorCreditDetail from './VendorCreditDetail'; +import { VendorCreditDetail } from './VendorCreditDetail'; import { VendorCreditDetailDrawerProvider } from './VendorCreditDetailDrawerProvider'; /** * Vendor credit detail drawer content. */ -export default function VendorCreditDetailDrawerContent({ vendorCreditId }) { +export function VendorCreditDetailDrawerContent({ vendorCreditId }) { return ( diff --git a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailDrawerFooter.tsx b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailDrawerFooter.tsx index 17c9a4192..3ff1da57d 100644 --- a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailDrawerFooter.tsx +++ b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailDrawerFooter.tsx @@ -14,7 +14,7 @@ import { useVendorCreditDetailDrawerContext } from './VendorCreditDetailDrawerPr /** * Vendor Credit detail panel footer. */ -export default function VendorCreditDetailDrawerFooter() { +export function VendorCreditDetailDrawerFooter() { const { vendorCredit } = useVendorCreditDetailDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailHeader.tsx b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailHeader.tsx index 59186cc8b..2828dead8 100644 --- a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailHeader.tsx +++ b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailHeader.tsx @@ -21,7 +21,7 @@ import { VendorCreditDetailsStatus } from './utils'; /** * Vendor credit detail drawer header. */ -export default function VendorCreditDetailHeader() { +export function VendorCreditDetailHeader() { const { vendorCredit } = useVendorCreditDetailDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailPanel.tsx b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailPanel.tsx index 49d84bcbd..3655f7c26 100644 --- a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailPanel.tsx +++ b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailPanel.tsx @@ -3,16 +3,16 @@ import React from 'react'; import { CommercialDocBox } from '@/components'; -import VendorCreditDetailHeader from './VendorCreditDetailHeader'; -import VendorCreditDetailTable from './VendorCreditDetailTable'; -import VendorCreditDetailDrawerFooter from './VendorCreditDetailDrawerFooter'; +import { VendorCreditDetailHeader } from './VendorCreditDetailHeader'; +import { VendorCreditDetailTable } from './VendorCreditDetailTable'; +import { VendorCreditDetailDrawerFooter } from './VendorCreditDetailDrawerFooter'; import { VendorCreditDetailFooter } from './VendorCreditDetailFooter'; /** * Vendor credit details panel. * @returns {React.JSX} */ -export default function VendorCreditDetailPanel() { +export function VendorCreditDetailPanel() { return ( diff --git a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailTable.tsx b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailTable.tsx index 58bdcaefa..5a65b076a 100644 --- a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailTable.tsx +++ b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/VendorCreditDetailTable.tsx @@ -11,7 +11,7 @@ import { TableStyle } from '@/constants'; /** * Vendor Credit detail table. */ -export default function VendorCreditDetailTable() { +export function VendorCreditDetailTable() { const { vendorCredit: { entries }, } = useVendorCreditDetailDrawerContext(); diff --git a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/index.tsx b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/index.tsx index 5ead86e80..d1b2f464e 100644 --- a/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/VendorCreditDetailDrawer/index.tsx @@ -5,9 +5,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const VendorCreditDetailDrawerContent = React.lazy(() => - import('./VendorCreditDetailDrawerContent'), -); +const VendorCreditDetailDrawerContent = React.lazy(() => import('./VendorCreditDetailDrawerContent').then(m => ({ default: m.VendorCreditDetailDrawerContent }))); /** * Vendor Credit detail drawer. @@ -32,4 +30,4 @@ function VendorCreditDetailDrawer({ ); } -export default compose(withDrawers())(VendorCreditDetailDrawer); +export const index = compose(withDrawers())(VendorCreditDetailDrawer); diff --git a/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetails.tsx b/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetails.tsx index e2d15f1ff..f1102739f 100644 --- a/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetails.tsx +++ b/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetails.tsx @@ -4,15 +4,15 @@ import clsx from 'classnames'; import { Card } from '@/components'; -import VendorDetailsActionsBar from './VendorDetailsActionsBar'; -import VendorDetailsHeader from './VendorDetailsHeader'; +import { VendorDetailsActionsBar } from './VendorDetailsActionsBar'; +import { VendorDetailsHeader } from './VendorDetailsHeader'; import Style from './VendorDetailsDrawer.module.scss'; /** * contact detail. */ -export default function CustomerDetails() { +export function CustomerDetails() { return (
diff --git a/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsActionsBar.tsx b/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsActionsBar.tsx index 65c233e7e..6bf50a04b 100644 --- a/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsActionsBar.tsx +++ b/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsActionsBar.tsx @@ -40,7 +40,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Vendor details actions bar. */ -function VendorDetailsActionsBar({ +function VendorDetailsActionsBarInner({ // #withDialogActions openDialog, @@ -139,8 +139,8 @@ function VendorDetailsActionsBar({ ); } -export default compose( +export const VendorDetailsActionsBar = compose( withDrawerActions, withAlertActions, withDialogActions, -)(VendorDetailsActionsBar); +)(VendorDetailsActionsBarInner); diff --git a/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsDrawerContent.tsx b/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsDrawerContent.tsx index ad5e4a837..5918b0bf7 100644 --- a/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsDrawerContent.tsx @@ -3,12 +3,12 @@ import React from 'react'; import { VendorDetailsDrawerProvider } from './VendorDetailsDrawerProvider'; import { DrawerBody } from '@/components'; -import VendorDetails from './VendorDetails'; +import { CustomerDetails as VendorDetails } from './VendorDetails'; /** * Contact detail drawer content. */ -export default function VendorDetailsDrawerContent({ +export function VendorDetailsDrawerContent({ // #ownProp vendorId, }) { diff --git a/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsHeader.tsx b/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsHeader.tsx index 8154063a0..b33c8f0c4 100644 --- a/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsHeader.tsx +++ b/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsHeader.tsx @@ -13,7 +13,7 @@ import Style from './VendorDetailsDrawer.module.scss'; /** * Vendor details header. */ -export default function VendorDetailsHeader() { +export function VendorDetailsHeader() { const { vendor } = useVendorDetailsDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/index.tsx b/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/index.tsx index e5da0ac69..be839bcae 100644 --- a/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/VendorDetailsDrawer/index.tsx @@ -5,9 +5,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const VendorDetailsDrawerContent = React.lazy(() => - import('./VendorDetailsDrawerContent'), -); +const VendorDetailsDrawerContent = React.lazy(() => import('./VendorDetailsDrawerContent').then(m => ({ default: m.VendorDetailsDrawerContent }))); /** * Vendor details drawer. @@ -28,4 +26,4 @@ function VendorDetailsDrawer({ ); } -export default compose(withDrawers())(VendorDetailsDrawer); +export const index = compose(withDrawers())(VendorDetailsDrawer); diff --git a/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetail.tsx b/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetail.tsx index ecb0dcdb4..e478b11da 100644 --- a/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetail.tsx +++ b/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetail.tsx @@ -5,14 +5,14 @@ import styled from 'styled-components'; import { Tab } from '@blueprintjs/core'; import { DrawerMainTabs } from '@/components'; -import WarehouseTransferDetailPanel from './WarehouseTransferDetailPanel'; -import WarehouseTransferDetailActionsBar from './WarehouseTransferDetailActionsBar'; +import { WarehouseTransferDetailPanel } from './WarehouseTransferDetailPanel'; +import { WarehouseTransferDetailActionsBar } from './WarehouseTransferDetailActionsBar'; /** * Warehouse transfer view detail. * @returns {React.JSX} */ -export default function WarehouseTransferDetail() { +export function WarehouseTransferDetail() { return ( diff --git a/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailActionsBar.tsx b/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailActionsBar.tsx index 066c8d73a..45cf40eed 100644 --- a/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailActionsBar.tsx +++ b/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailActionsBar.tsx @@ -22,7 +22,7 @@ import { compose } from '@/utils'; /** * Warehouse transfer detail actions bar. */ -function WarehouseTransferDetailActionsBar({ +function WarehouseTransferDetailActionsBarInner({ // #withAlertActions openAlert, @@ -66,8 +66,8 @@ function WarehouseTransferDetailActionsBar({ ); } -export default compose( +export const WarehouseTransferDetailActionsBar = compose( withDialogActions, withAlertActions, withDrawerActions, -)(WarehouseTransferDetailActionsBar); +)(WarehouseTransferDetailActionsBarInner); diff --git a/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailDrawerContent.tsx b/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailDrawerContent.tsx index 74451b2fd..db139c862 100644 --- a/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailDrawerContent.tsx +++ b/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailDrawerContent.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { DrawerBody } from '@/components'; -import WarehouseTransferDetail from './WarehouseTransferDetail'; +import { WarehouseTransferDetail } from './WarehouseTransferDetail'; import { WarehouseTransferDetailDrawerProvider } from './WarehouseTransferDetailDrawerProvider'; /** * Warehouse transfer detail drawer content. */ -export default function WarehouseTransferDetailDrawerContent({ +export function WarehouseTransferDetailDrawerContent({ // #ownProp warehouseTransferId, }) { diff --git a/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailHeader.tsx b/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailHeader.tsx index 1bd3972f6..2e55939e3 100644 --- a/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailHeader.tsx +++ b/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailHeader.tsx @@ -19,7 +19,7 @@ import { useWarehouseDetailDrawerContext } from './WarehouseTransferDetailDrawer /** * Warehouse transfer details drawer header. */ -export default function WarehouseTransferDetailHeader() { +export function WarehouseTransferDetailHeader() { const { warehouseTransfer } = useWarehouseDetailDrawerContext(); return ( diff --git a/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailPanel.tsx b/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailPanel.tsx index 3ff6ee056..b5b976c56 100644 --- a/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailPanel.tsx +++ b/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailPanel.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { CommercialDocBox } from '@/components'; -import WarehouseTransferDetailHeader from './WarehouseTransferDetailHeader'; -import WarehouseTransferDetailTable from './WarehouseTransferDetailTable'; +import { WarehouseTransferDetailHeader } from './WarehouseTransferDetailHeader'; +import { WarehouseTransferDetailTable } from './WarehouseTransferDetailTable'; /** * Warehouse transfer details panel. */ -export default function WarehouseTransferDetailPanel() { +export function WarehouseTransferDetailPanel() { return ( diff --git a/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailTable.tsx b/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailTable.tsx index 4be518b7a..e807c8e96 100644 --- a/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailTable.tsx +++ b/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailTable.tsx @@ -10,7 +10,7 @@ import { useWarehouseDetailDrawerContext } from './WarehouseTransferDetailDrawer * Warehouse transfer detail table. * @returns {React.JSX} */ -export default function WarehouseTransferDetailTable() { +export function WarehouseTransferDetailTable() { // Warehouse transfer entries table columns. const columns = useWarehouseTransferReadOnlyEntriesColumns(); diff --git a/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/index.tsx b/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/index.tsx index a36418317..f05853be7 100644 --- a/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/index.tsx +++ b/packages/webapp/src/containers/Drawers/WarehouseTransferDetailDrawer/index.tsx @@ -5,9 +5,7 @@ import { withDrawers } from '@/containers/Drawer/withDrawers'; import { compose } from '@/utils'; -const WarehouseTransferDetailDrawerContent = React.lazy(() => - import('./WarehouseTransferDetailDrawerContent'), -); +const WarehouseTransferDetailDrawerContent = React.lazy(() => import('./WarehouseTransferDetailDrawerContent').then(m => ({ default: m.WarehouseTransferDetailDrawerContent }))); /** * Warehouse transfer detail drawer. @@ -34,4 +32,4 @@ function WarehouseTransferDetailDrawer({ ); } -export default compose(withDrawers())(WarehouseTransferDetailDrawer); +export const index = compose(withDrawers())(WarehouseTransferDetailDrawer); diff --git a/packages/webapp/src/containers/Entries/ItemsEntriesTable.tsx b/packages/webapp/src/containers/Entries/ItemsEntriesTable.tsx index 664a4a72b..0d26ff6f2 100644 --- a/packages/webapp/src/containers/Entries/ItemsEntriesTable.tsx +++ b/packages/webapp/src/containers/Entries/ItemsEntriesTable.tsx @@ -31,7 +31,7 @@ interface ItemsEntriesTableProps { /** * Items entries table. */ -function ItemsEntriesTable(props: ItemsEntriesTableProps) { +export function ItemsEntriesTable(props: ItemsEntriesTableProps) { const { value, initialValue, onChange } = props; const [localValue, handleChange] = useUncontrolled({ @@ -137,5 +137,3 @@ ItemsEntriesTable.defaultProps = { minLinesNumber: 1, enableTaxRates: true, }; - -export default ItemsEntriesTable; diff --git a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFloatingActions.tsx b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFloatingActions.tsx index 49bb3bf81..cb17b3cd1 100644 --- a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFloatingActions.tsx +++ b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFloatingActions.tsx @@ -20,7 +20,7 @@ import { useExpenseFormContext } from './ExpenseFormPageProvider'; /** * Expense form floating actions. */ -export default function ExpenseFloatingFooter() { +export function ExpenseFloatingFooter() { const history = useHistory(); // Formik context. diff --git a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseForm.tsx b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseForm.tsx index 433172d8d..8eb3444de 100644 --- a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseForm.tsx +++ b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseForm.tsx @@ -7,11 +7,11 @@ import { Formik, Form } from 'formik'; import { useHistory } from 'react-router-dom'; import { css } from '@emotion/css'; -import ExpenseFormBody from './ExpenseFormBody'; -import ExpenseFormHeader from './ExpenseFormHeader'; -import ExpenseFloatingFooter from './ExpenseFloatingActions'; -import ExpenseFormFooter from './ExpenseFormFooter'; -import ExpenseFormTopBar from './ExpenseFormTopBar'; +import { ExpenseFormBody } from './ExpenseFormBody'; +import { ExpenseFormHeader } from './ExpenseFormHeader'; +import { ExpenseFloatingFooter } from './ExpenseFloatingActions'; +import { ExpenseFormFooter } from './ExpenseFormFooter'; +import { ExpenseFormTopBar } from './ExpenseFormTopBar'; import { useExpenseFormContext } from './ExpenseFormPageProvider'; @@ -36,7 +36,7 @@ import { compose } from '@/utils'; /** * Expense form. */ -function ExpenseForm({ +function ExpenseFormInner({ // #withSettings preferredPaymentAccount, // #withCurrentOrganization @@ -168,7 +168,7 @@ function ExpenseForm({ ); } -export default compose( +export const ExpenseForm = compose( withDashboardActions, withSettings(({ expenseSettings }) => ({ preferredPaymentAccount: parseInt( @@ -177,4 +177,4 @@ export default compose( ), })), withCurrentOrganization(), -)(ExpenseForm); +)(ExpenseFormInner); diff --git a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormBody.tsx b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormBody.tsx index 0ff2d93db..287c8b43b 100644 --- a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormBody.tsx +++ b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormBody.tsx @@ -1,7 +1,7 @@ // @ts-nocheck import React from 'react'; -import ExpenseFormEntriesField from './ExpenseFormEntriesField'; +import { ExpenseFormEntriesField } from './ExpenseFormEntriesField'; -export default function ExpenseFormBody() { +export function ExpenseFormBody() { return ; } diff --git a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormEntriesField.tsx b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormEntriesField.tsx index 7fe23d398..56eaf6568 100644 --- a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormEntriesField.tsx +++ b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormEntriesField.tsx @@ -1,14 +1,14 @@ // @ts-nocheck import { FastField } from 'formik'; import React from 'react'; -import ExpenseFormEntriesTable from './ExpenseFormEntriesTable'; +import { ExpenseFormEntriesTable } from './ExpenseFormEntriesTable'; import { useExpenseFormContext } from './ExpenseFormPageProvider'; import { defaultExpenseEntry, accountsFieldShouldUpdate } from './utils'; /** * Expense form entries field. */ -export default function ExpenseFormEntriesField({ linesNumber = 4 }) { +export function ExpenseFormEntriesField({ linesNumber = 4 }) { // Expense form context. const { accounts, projects } = useExpenseFormContext(); diff --git a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormEntriesTable.tsx b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormEntriesTable.tsx index 9fb4bac88..56f5805d2 100644 --- a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormEntriesTable.tsx +++ b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormEntriesTable.tsx @@ -16,7 +16,7 @@ import { /** * Expenses form entries. */ -export default function ExpenseFormEntriesTable({ +export function ExpenseFormEntriesTable({ // #ownPorps entries, defaultEntry, diff --git a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormFooter.tsx b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormFooter.tsx index a4f0226b3..68e2deeb5 100644 --- a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormFooter.tsx +++ b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormFooter.tsx @@ -6,7 +6,7 @@ import { ExpenseFormFooterLeft } from './ExpenseFormFooterLeft'; import { ExpenseFormFooterRight } from './ExpenseFormFooterRight'; import { UploadAttachmentButton } from '@/containers/Attachments/UploadAttachmentButton'; -export default function ExpenseFormFooter() { +export function ExpenseFormFooter() { return ( diff --git a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormHeader.tsx b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormHeader.tsx index cec91befe..8f48ac87e 100644 --- a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormHeader.tsx +++ b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormHeader.tsx @@ -1,13 +1,13 @@ // @ts-nocheck import React from 'react'; -import ExpenseFormHeaderFields from './ExpenseFormHeaderFields'; +import { ExpenseFormHeader as ExpenseFormHeaderFields } from './ExpenseFormHeaderFields'; import { PageForm, PageFormBigNumber } from '@/components'; import { useExpenseTotalFormatted } from './utils'; import intl from 'react-intl-universal'; // Expense form header. -export default function ExpenseFormHeader() { +export function ExpenseFormHeader() { const totalFormatted = useExpenseTotalFormatted(); return ( diff --git a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormHeaderFields.tsx b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormHeaderFields.tsx index b854a1a3f..d50e7adb6 100644 --- a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormHeaderFields.tsx +++ b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormHeaderFields.tsx @@ -53,7 +53,7 @@ const getFieldsStyle = (theme: Theme) => css` /** * Expense form header. */ -export default function ExpenseFormHeader() { +export function ExpenseFormHeader() { const { currencies, accounts, customers } = useExpenseFormContext(); const theme = useTheme(); const fieldsClassName = getFieldsStyle(theme); diff --git a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormPage.tsx b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormPage.tsx index 892fd1673..d7743235e 100644 --- a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormPage.tsx +++ b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormPage.tsx @@ -1,13 +1,13 @@ // @ts-nocheck import React from 'react'; import { useParams } from 'react-router-dom'; -import ExpenseForm from './ExpenseForm'; +import { ExpenseForm } from './ExpenseForm'; import { ExpenseFormPageProvider } from './ExpenseFormPageProvider'; /** * Expense page form. */ -export default function ExpenseFormPage() { +export function ExpenseFormPage() { const { id } = useParams(); const expenseId = parseInt(id, 10); diff --git a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormTopBar.tsx b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormTopBar.tsx index 20f00eecb..fcebcea38 100644 --- a/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormTopBar.tsx +++ b/packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormTopBar.tsx @@ -17,7 +17,7 @@ import { useExpenseFormContext } from './ExpenseFormPageProvider'; * Expenses form topbar. * @returns */ -export default function ExpenseFormTopBar() { +export function ExpenseFormTopBar() { // Features guard. const { featureCan } = useFeatureCan(); diff --git a/packages/webapp/src/containers/Expenses/ExpensesAlerts.tsx b/packages/webapp/src/containers/Expenses/ExpensesAlerts.tsx index 5b772b42c..6aa4e639c 100644 --- a/packages/webapp/src/containers/Expenses/ExpensesAlerts.tsx +++ b/packages/webapp/src/containers/Expenses/ExpensesAlerts.tsx @@ -1,17 +1,13 @@ // @ts-nocheck import React from 'react'; -const ExpenseDeleteAlert = React.lazy( - () => import('@/containers/Alerts/Expenses/ExpenseDeleteAlert'), -); -const ExpensePublishAlert = React.lazy( - () => import('@/containers/Alerts/Expenses/ExpensePublishAlert'), -); +const ExpenseDeleteAlert = React.lazy(() => import('@/containers/Alerts/Expenses/ExpenseDeleteAlert').then(m => ({ default: m.ExpenseDeleteAlert }))); +const ExpensePublishAlert = React.lazy(() => import('@/containers/Alerts/Expenses/ExpensePublishAlert').then(m => ({ default: m.ExpensePublishAlert }))); /** * Accounts alert. */ -export default [ +export const ExpensesAlerts = [ { name: 'expense-delete', component: ExpenseDeleteAlert }, { name: 'expense-publish', component: ExpensePublishAlert }, ]; diff --git a/packages/webapp/src/containers/Expenses/ExpensesImport.tsx b/packages/webapp/src/containers/Expenses/ExpensesImport.tsx index d6da7e0e5..3af0059bb 100644 --- a/packages/webapp/src/containers/Expenses/ExpensesImport.tsx +++ b/packages/webapp/src/containers/Expenses/ExpensesImport.tsx @@ -3,7 +3,7 @@ import { useHistory } from 'react-router-dom'; import { DashboardInsider } from '@/components'; import { ImportView } from '../Import/ImportView'; -export default function ExpensesImport() { +export function ExpensesImport() { const history = useHistory(); const handleCancelBtnClick = () => { diff --git a/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpenseActionsBar.tsx b/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpenseActionsBar.tsx index 82f11b836..3c25291c1 100644 --- a/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpenseActionsBar.tsx +++ b/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpenseActionsBar.tsx @@ -208,7 +208,7 @@ function ExpensesActionsBar({ ); } -export default compose( +export const ExpenseActionsBar = compose( withDialogActions, withExpensesActions, withSettingsActions, diff --git a/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpenseDataTable.tsx b/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpenseDataTable.tsx index daa9302f3..16791b9a6 100644 --- a/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpenseDataTable.tsx +++ b/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpenseDataTable.tsx @@ -13,7 +13,7 @@ import { } from '@/components'; import { TABLES } from '@/constants/tables'; -import ExpensesEmptyStatus from './ExpensesEmptyStatus'; +import { InvoicesEmptyStatus as ExpensesEmptyStatus } from './ExpensesEmptyStatus'; import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions'; import { withExpensesActions } from './withExpensesActions'; @@ -152,7 +152,7 @@ function ExpensesDataTable({ ); } -export default compose( +export const ExpenseDataTable = compose( withDashboardActions, withAlertActions, withDrawerActions, diff --git a/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpenseViewTabs.tsx b/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpenseViewTabs.tsx index e1a254bae..ce5f28a73 100644 --- a/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpenseViewTabs.tsx +++ b/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpenseViewTabs.tsx @@ -13,7 +13,7 @@ import { compose, transfromViewsToTabs } from '@/utils'; /** * Expesne views tabs. */ -function ExpenseViewTabs({ +function ExpenseViewTabsInner({ // #withExpensesActions setExpensesTableState, @@ -50,9 +50,9 @@ function ExpenseViewTabs({ ); } -export default compose( +export const ExpenseViewTabs = compose( withExpensesActions, withExpenses(({ expensesTableState }) => ({ expensesCurrentView: expensesTableState.viewSlug, })), -)(ExpenseViewTabs); +)(ExpenseViewTabsInner); diff --git a/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpensesEmptyStatus.tsx b/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpensesEmptyStatus.tsx index 25868b29b..8f5d4b8b5 100644 --- a/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpensesEmptyStatus.tsx +++ b/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpensesEmptyStatus.tsx @@ -5,7 +5,7 @@ import { useHistory } from 'react-router-dom'; import { EmptyStatus, Can, FormattedMessage as T } from '@/components'; import { AbilitySubject, ExpenseAction } from '@/constants/abilityOption'; -export default function InvoicesEmptyStatus() { +export function InvoicesEmptyStatus() { const history = useHistory(); return ( diff --git a/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpensesList.tsx b/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpensesList.tsx index 2e1c393aa..aa8f53315 100644 --- a/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpensesList.tsx +++ b/packages/webapp/src/containers/Expenses/ExpensesLanding/ExpensesList.tsx @@ -5,8 +5,8 @@ import '@/style/pages/Expense/List.scss'; import { DashboardPageContent } from '@/components'; -import ExpenseActionsBar from './ExpenseActionsBar'; -import ExpenseDataTable from './ExpenseDataTable'; +import { ExpenseActionsBar } from './ExpenseActionsBar'; +import { ExpenseDataTable } from './ExpenseDataTable'; import { withExpenses } from './withExpenses'; import { withExpensesActions } from './withExpensesActions'; @@ -17,7 +17,7 @@ import { ExpensesListProvider } from './ExpensesListProvider'; /** * Expenses list. */ -function ExpensesList({ +function ExpensesListInner({ // #withExpenses expensesTableState, expensesTableStateChanged, @@ -47,10 +47,10 @@ function ExpensesList({ ); } -export default compose( +export const ExpensesList = compose( withExpenses(({ expensesTableState, expensesTableStateChanged }) => ({ expensesTableState, expensesTableStateChanged, })), withExpensesActions, -)(ExpensesList); +)(ExpensesListInner); diff --git a/packages/webapp/src/containers/FinancialStatements/ARAgingSummary/ARAgingSummaryActionsBar.tsx b/packages/webapp/src/containers/FinancialStatements/ARAgingSummary/ARAgingSummaryActionsBar.tsx index 9fdccba54..2bf1f9639 100644 --- a/packages/webapp/src/containers/FinancialStatements/ARAgingSummary/ARAgingSummaryActionsBar.tsx +++ b/packages/webapp/src/containers/FinancialStatements/ARAgingSummary/ARAgingSummaryActionsBar.tsx @@ -10,14 +10,11 @@ import { } from '@blueprintjs/core'; import { DashboardActionsBar, FormattedMessage as T, Icon } from '@/components'; import classNames from 'classnames'; - import NumberFormatDropdown from '@/components/NumberFormatDropdown'; - import { useARAgingSummaryContext } from './ARAgingSummaryProvider'; import { withARAgingSummaryActions, WithARAgingSummaryActionsProps } from './withARAgingSummaryActions'; import { withARAgingSummary } from './withARAgingSummary'; import { withDialogActions, WithDialogActionsProps } from '@/containers/Dialog/withDialogActions'; - import { compose, safeInvoke } from '@/utils'; import { ARAgingSummaryExportMenu } from './components'; import { DialogsName } from '@/constants/dialogs'; @@ -45,15 +42,12 @@ function ARAgingSummaryActionsBarInner({ const handleFilterToggleClick = () => { toggleDisplayFilterDrawer(); }; - const handleRecalcReport = () => { refetch(); }; - const handleNumberFormatSubmit = (numberFormat: Record) => { safeInvoke(onNumberFormatSubmit, numberFormat); }; - const handlePrintBtnClick = () => { openDialog(DialogsName.ARAgingSummaryPdfPreview); }; diff --git a/packages/webapp/src/containers/GlobalErrors/GlobalErrors.tsx b/packages/webapp/src/containers/GlobalErrors/GlobalErrors.tsx index 5e882bf0e..aec9dc15e 100644 --- a/packages/webapp/src/containers/GlobalErrors/GlobalErrors.tsx +++ b/packages/webapp/src/containers/GlobalErrors/GlobalErrors.tsx @@ -11,7 +11,7 @@ let toastKeySessionExpired; let toastKeySomethingWrong; let toastTooManyRequests; -function GlobalErrors({ +function GlobalErrorsInner({ // #withGlobalErrors globalErrors, @@ -98,4 +98,4 @@ function GlobalErrors({ return null; } -export default compose(withGlobalErrors, withGlobalErrorsActions)(GlobalErrors); +export const GlobalErrors = compose(withGlobalErrors, withGlobalErrorsActions)(GlobalErrorsInner); diff --git a/packages/webapp/src/containers/Homepage/AccountsPayableSection.tsx b/packages/webapp/src/containers/Homepage/AccountsPayableSection.tsx index 6e01c3aee..a9acd1894 100644 --- a/packages/webapp/src/containers/Homepage/AccountsPayableSection.tsx +++ b/packages/webapp/src/containers/Homepage/AccountsPayableSection.tsx @@ -1,8 +1,8 @@ // @ts-nocheck import React from 'react'; -import ShortcutBoxesSection from './ShortcutBoxesSection'; +import { ShortcutBoxesSection } from './ShortcutBoxesSection'; import { accountsPayable } from '@/constants/homepageOptions'; -export default function AccountsPayableSection() { +export function AccountsPayableSection() { return ; } diff --git a/packages/webapp/src/containers/Homepage/AccountsReceivableSection.tsx b/packages/webapp/src/containers/Homepage/AccountsReceivableSection.tsx index c2a40209a..2b068e1da 100644 --- a/packages/webapp/src/containers/Homepage/AccountsReceivableSection.tsx +++ b/packages/webapp/src/containers/Homepage/AccountsReceivableSection.tsx @@ -1,8 +1,8 @@ // @ts-nocheck import React from 'react'; -import ShortcutBoxesSection from './ShortcutBoxesSection'; +import { ShortcutBoxesSection } from './ShortcutBoxesSection'; import { accountsReceivable } from '@/constants/homepageOptions'; -export default function AccountsReceivableSection() { +export function AccountsReceivableSection() { return ; } diff --git a/packages/webapp/src/containers/Homepage/FinancialAccountingSection.tsx b/packages/webapp/src/containers/Homepage/FinancialAccountingSection.tsx index 6911347a0..a7018f6e6 100644 --- a/packages/webapp/src/containers/Homepage/FinancialAccountingSection.tsx +++ b/packages/webapp/src/containers/Homepage/FinancialAccountingSection.tsx @@ -1,8 +1,8 @@ // @ts-nocheck import React from 'react'; -import ShortcutBoxesSection from './ShortcutBoxesSection'; +import { ShortcutBoxesSection } from './ShortcutBoxesSection'; import { financialAccounting } from '@/constants/homepageOptions'; -export default function FinancialAccountingSection() { +export function FinancialAccountingSection() { return ; } diff --git a/packages/webapp/src/containers/Homepage/Homepage.tsx b/packages/webapp/src/containers/Homepage/Homepage.tsx index 4f1678a08..617ec1138 100644 --- a/packages/webapp/src/containers/Homepage/Homepage.tsx +++ b/packages/webapp/src/containers/Homepage/Homepage.tsx @@ -2,7 +2,7 @@ import React, { useEffect } from 'react'; import { DashboardInsider } from '@/components/Dashboard'; -import HomepageContent from './HomepageContent'; +import { HomepageContent } from './HomepageContent'; import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions'; import { withCurrentOrganization } from '@/containers/Organization/withCurrentOrganization'; @@ -30,7 +30,7 @@ function DashboardHomepage({ ); } -export default compose( +export const Homepage = compose( withDashboardActions, withCurrentOrganization(({ organization }) => ({ organization })), )(DashboardHomepage); diff --git a/packages/webapp/src/containers/Homepage/HomepageContent.tsx b/packages/webapp/src/containers/Homepage/HomepageContent.tsx index 26c9b91d7..93f11f91f 100644 --- a/packages/webapp/src/containers/Homepage/HomepageContent.tsx +++ b/packages/webapp/src/containers/Homepage/HomepageContent.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; -import AccountsReceivableSection from './AccountsReceivableSection'; -import AccountsPayableSection from './AccountsPayableSection'; -import FinancialAccountingSection from './FinancialAccountingSection'; -import ProductsServicesSection from './ProductsServicesSection'; +import { AccountsReceivableSection } from './AccountsReceivableSection'; +import { AccountsPayableSection } from './AccountsPayableSection'; +import { FinancialAccountingSection } from './FinancialAccountingSection'; +import { ProductsServicesSection } from './ProductsServicesSection'; import '@/style/pages/HomePage/HomePage.scss'; -function HomepageContent() { +export function HomepageContent() { return (
@@ -16,5 +16,3 @@ function HomepageContent() {
); } - -export default HomepageContent; diff --git a/packages/webapp/src/containers/Homepage/ProductsServicesSection.tsx b/packages/webapp/src/containers/Homepage/ProductsServicesSection.tsx index bf623089b..102aa52bf 100644 --- a/packages/webapp/src/containers/Homepage/ProductsServicesSection.tsx +++ b/packages/webapp/src/containers/Homepage/ProductsServicesSection.tsx @@ -1,8 +1,8 @@ // @ts-nocheck import React from 'react'; -import ShortcutBoxesSection from './ShortcutBoxesSection'; +import { ShortcutBoxesSection } from './ShortcutBoxesSection'; import { productsServices } from '@/constants/homepageOptions'; -export default function ProductsServicesSection() { +export function ProductsServicesSection() { return ; } diff --git a/packages/webapp/src/containers/Homepage/ShortcutBoxesSection.tsx b/packages/webapp/src/containers/Homepage/ShortcutBoxesSection.tsx index c1b7be91c..5cc3452d5 100644 --- a/packages/webapp/src/containers/Homepage/ShortcutBoxesSection.tsx +++ b/packages/webapp/src/containers/Homepage/ShortcutBoxesSection.tsx @@ -28,7 +28,7 @@ function ShortcutBoxes({ sectionTitle, shortcuts }) { ); } -export default function ShortcutBoxesSection({ section }) { +export function ShortcutBoxesSection({ section }) { const BoxSection = useFilterShortcutBoxesSection(section); return ; } diff --git a/packages/webapp/src/containers/InventoryAdjustments/InventoryAdjustmentList.tsx b/packages/webapp/src/containers/InventoryAdjustments/InventoryAdjustmentList.tsx index 200a3d906..f1aaf4919 100644 --- a/packages/webapp/src/containers/InventoryAdjustments/InventoryAdjustmentList.tsx +++ b/packages/webapp/src/containers/InventoryAdjustments/InventoryAdjustmentList.tsx @@ -6,7 +6,7 @@ import '@/style/pages/InventoryAdjustments/List.scss'; import { DashboardContentTable, DashboardPageContent } from '@/components'; import { InventoryAdjustmentsProvider } from './InventoryAdjustmentsProvider'; -import InventoryAdjustmentTable from './InventoryAdjustmentTable'; +import { InventoryAdjustmentTable } from './InventoryAdjustmentTable'; import { withInventoryAdjustments } from './withInventoryAdjustments'; @@ -15,7 +15,7 @@ import { compose, transformTableStateToQuery } from '@/utils'; /** * Inventory Adjustment List. */ -function InventoryAdjustmentList({ +function InventoryAdjustmentListInner({ // #withInventoryAdjustments inventoryAdjustmentTableState, }) { @@ -32,8 +32,8 @@ function InventoryAdjustmentList({ ); } -export default compose( +export const InventoryAdjustmentList = compose( withInventoryAdjustments(({ inventoryAdjustmentTableState }) => ({ inventoryAdjustmentTableState, })), -)(InventoryAdjustmentList); +)(InventoryAdjustmentListInner); diff --git a/packages/webapp/src/containers/InventoryAdjustments/InventoryAdjustmentTable.tsx b/packages/webapp/src/containers/InventoryAdjustments/InventoryAdjustmentTable.tsx index 24fe2fa64..55546ae8a 100644 --- a/packages/webapp/src/containers/InventoryAdjustments/InventoryAdjustmentTable.tsx +++ b/packages/webapp/src/containers/InventoryAdjustments/InventoryAdjustmentTable.tsx @@ -111,7 +111,7 @@ function InventoryAdjustmentDataTable({ ); } -export default compose( +export const InventoryAdjustmentTable = compose( withAlertActions, withInventoryAdjustmentActions, withDrawerActions, diff --git a/packages/webapp/src/containers/InventoryAdjustments/InventoryAdjustmentsAlerts.tsx b/packages/webapp/src/containers/InventoryAdjustments/InventoryAdjustmentsAlerts.tsx index 3a3dbacee..5444315f0 100644 --- a/packages/webapp/src/containers/InventoryAdjustments/InventoryAdjustmentsAlerts.tsx +++ b/packages/webapp/src/containers/InventoryAdjustments/InventoryAdjustmentsAlerts.tsx @@ -1,15 +1,11 @@ // @ts-nocheck import React from 'react'; -const InventoryAdjustmentDeleteAlert = React.lazy( - () => import('@/containers/Alerts/Items/InventoryAdjustmentDeleteAlert'), -); +const InventoryAdjustmentDeleteAlert = React.lazy(() => import('@/containers/Alerts/Items/InventoryAdjustmentDeleteAlert').then(m => ({ default: m.InventoryAdjustmentDeleteAlert }))); -const InventoryAdjustmentPublishAlert = React.lazy( - () => import('@/containers/Alerts/Items/InventoryAdjustmentPublishAlert'), -); +const InventoryAdjustmentPublishAlert = React.lazy(() => import('@/containers/Alerts/Items/InventoryAdjustmentPublishAlert').then(m => ({ default: m.InventoryAdjustmentPublishAlert }))); -export default [ +export const InventoryAdjustmentsAlerts = [ { name: 'inventory-adjustment-delete', component: InventoryAdjustmentDeleteAlert, diff --git a/packages/webapp/src/containers/Items/ItemForm.tsx b/packages/webapp/src/containers/Items/ItemForm.tsx index 271673a27..ca946a4c0 100644 --- a/packages/webapp/src/containers/Items/ItemForm.tsx +++ b/packages/webapp/src/containers/Items/ItemForm.tsx @@ -4,7 +4,7 @@ import intl from 'react-intl-universal'; import styled from 'styled-components'; import { useHistory } from 'react-router-dom'; -import ItemFormFormik from './ItemFormFormik'; +import { ItemFormFormik } from './ItemFormFormik'; import { useDashboardPageTitle } from '@/hooks/state'; import { useItemFormContext, ItemFormProvider } from './ItemFormProvider'; @@ -49,7 +49,7 @@ function ItemFormPageLoading({ children }) { * Item form of the page. * @returns {JSX} */ -export default function ItemForm({ itemId }) { +export function ItemForm({ itemId }) { // History context. const history = useHistory(); diff --git a/packages/webapp/src/containers/Items/ItemFormBody.tsx b/packages/webapp/src/containers/Items/ItemFormBody.tsx index 0d7540573..a1f82399c 100644 --- a/packages/webapp/src/containers/Items/ItemFormBody.tsx +++ b/packages/webapp/src/containers/Items/ItemFormBody.tsx @@ -34,7 +34,7 @@ import intl from 'react-intl-universal'; /** * Item form body. */ -function ItemFormBody({ organization: { base_currency } }) { +function ItemFormBodyInner({ organization: { base_currency } }) { const { accounts, taxRates } = useItemFormContext(); const { values } = useFormikContext(); @@ -244,4 +244,4 @@ function ItemFormBody({ organization: { base_currency } }) { ); } -export default compose(withCurrentOrganization())(ItemFormBody); +export const ItemFormBody = compose(withCurrentOrganization())(ItemFormBodyInner); diff --git a/packages/webapp/src/containers/Items/ItemFormFloatingActions.tsx b/packages/webapp/src/containers/Items/ItemFormFloatingActions.tsx index c61806210..7844a58b3 100644 --- a/packages/webapp/src/containers/Items/ItemFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Items/ItemFormFloatingActions.tsx @@ -13,7 +13,7 @@ import intl from 'react-intl-universal'; /** * Item form floating actions. */ -export default function ItemFormFloatingActions({ onCancel }) { +export function ItemFormFloatingActions({ onCancel }) { // Item form context. const { setSubmitPayload, isNewMode } = useItemFormContext(); diff --git a/packages/webapp/src/containers/Items/ItemFormFormik.tsx b/packages/webapp/src/containers/Items/ItemFormFormik.tsx index 45bc74e92..773d710d3 100644 --- a/packages/webapp/src/containers/Items/ItemFormFormik.tsx +++ b/packages/webapp/src/containers/Items/ItemFormFormik.tsx @@ -9,10 +9,10 @@ import '@/style/pages/Items/Form.scss'; import { CLASSES } from '@/constants/classes'; import { AppToaster } from '@/components'; -import ItemFormBody from './ItemFormBody'; -import ItemFormPrimarySection from './ItemFormPrimarySection'; -import ItemFormFloatingActions from './ItemFormFloatingActions'; -import ItemFormInventorySection from './ItemFormInventorySection'; +import { ItemFormBody } from './ItemFormBody'; +import { ItemFormPrimarySection } from './ItemFormPrimarySection'; +import { ItemFormFloatingActions } from './ItemFormFloatingActions'; +import { ItemFormInventorySection } from './ItemFormInventorySection'; import { transformSubmitRequestErrors, @@ -25,7 +25,7 @@ import { safeInvoke } from '@/utils'; /** * Item form. */ -export default function ItemFormFormik({ +export function ItemFormFormik({ // #ownProps initialValues: initialValuesComponent, onSubmitSuccess, diff --git a/packages/webapp/src/containers/Items/ItemFormInventorySection.tsx b/packages/webapp/src/containers/Items/ItemFormInventorySection.tsx index d1e89a428..6406f8276 100644 --- a/packages/webapp/src/containers/Items/ItemFormInventorySection.tsx +++ b/packages/webapp/src/containers/Items/ItemFormInventorySection.tsx @@ -18,7 +18,7 @@ import intl from 'react-intl-universal'; /** * Item form inventory sections. */ -function ItemFormInventorySection({ organization: { base_currency } }) { +function ItemFormInventorySectionInner({ organization: { base_currency } }) { const { accounts } = useItemFormContext(); return ( @@ -53,4 +53,4 @@ function ItemFormInventorySection({ organization: { base_currency } }) { ); } -export default compose(withCurrentOrganization())(ItemFormInventorySection); +export const ItemFormInventorySection = compose(withCurrentOrganization())(ItemFormInventorySectionInner); diff --git a/packages/webapp/src/containers/Items/ItemFormPage.tsx b/packages/webapp/src/containers/Items/ItemFormPage.tsx index 222fedd07..d744f8225 100644 --- a/packages/webapp/src/containers/Items/ItemFormPage.tsx +++ b/packages/webapp/src/containers/Items/ItemFormPage.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; import { useParams } from 'react-router-dom'; -import ItemForm from './ItemForm'; +import { ItemForm } from './ItemForm'; /** * Item form page. */ -export default function ItemFormPage() { +export function ItemFormPage() { const { id } = useParams(); const idInteger = parseInt(id, 10); diff --git a/packages/webapp/src/containers/Items/ItemFormPrimarySection.tsx b/packages/webapp/src/containers/Items/ItemFormPrimarySection.tsx index 03f59877c..c18feb806 100644 --- a/packages/webapp/src/containers/Items/ItemFormPrimarySection.tsx +++ b/packages/webapp/src/containers/Items/ItemFormPrimarySection.tsx @@ -29,7 +29,7 @@ import intl from 'react-intl-universal'; /** * Item form primary section. */ -export default function ItemFormPrimarySection() { +export function ItemFormPrimarySection() { // Item form context. const { isNewMode, item, itemsCategories } = useItemFormContext(); diff --git a/packages/webapp/src/containers/Items/ItemsActionsBar.tsx b/packages/webapp/src/containers/Items/ItemsActionsBar.tsx index 1a4713ac0..233ec07b4 100644 --- a/packages/webapp/src/containers/Items/ItemsActionsBar.tsx +++ b/packages/webapp/src/containers/Items/ItemsActionsBar.tsx @@ -43,7 +43,7 @@ import { useBulkDeleteItemsDialog } from './hooks/use-bulk-delete-items-dialog'; /** * Items actions bar. */ -function ItemsActionsBar({ +function ItemsActionsBarInner({ // #withItems itemsSelectedRows, itemsFilterRoles, @@ -214,7 +214,7 @@ function ItemsActionsBar({ ); } -export default compose( +export const ItemsActionsBar = compose( withSettingsActions, withItems(({ itemsSelectedRows, itemsTableState }) => ({ itemsSelectedRows, @@ -226,4 +226,4 @@ export default compose( })), withItemsActions, withDialogActions, -)(ItemsActionsBar); +)(ItemsActionsBarInner); diff --git a/packages/webapp/src/containers/Items/ItemsAlerts.tsx b/packages/webapp/src/containers/Items/ItemsAlerts.tsx index 9b1978730..8a5b3334c 100644 --- a/packages/webapp/src/containers/Items/ItemsAlerts.tsx +++ b/packages/webapp/src/containers/Items/ItemsAlerts.tsx @@ -1,29 +1,18 @@ // @ts-nocheck import React from 'react'; -const ItemDeleteAlert = React.lazy( - () => import('@/containers/Alerts/Items/ItemDeleteAlert'), -); +const ItemDeleteAlert = React.lazy(() => import('@/containers/Alerts/Items/ItemDeleteAlert').then(m => ({ default: m.ItemDeleteAlert }))); -const ItemInactivateAlert = React.lazy( - () => import('@/containers/Alerts/Items/ItemInactivateAlert'), -); +const ItemInactivateAlert = React.lazy(() => import('@/containers/Alerts/Items/ItemInactivateAlert').then(m => ({ default: m.ItemInactivateAlert }))); -const ItemActivateAlert = React.lazy( - () => import('@/containers/Alerts/Items/ItemActivateAlert'), -); +const ItemActivateAlert = React.lazy(() => import('@/containers/Alerts/Items/ItemActivateAlert').then(m => ({ default: m.ItemActivateAlert }))); -const cancelUnlockingPartialAlert = React.lazy( - () => - import( - '@/containers/Alerts/TransactionLocking/cancelUnlockingPartialAlert' - ), -); +const cancelUnlockingPartialAlert = React.lazy(() => import('@/containers/Alerts/TransactionLocking/cancelUnlockingPartialAlert').then(m => ({ default: m.cancelUnlockingPartialAlert }))); /** * Items alert. */ -export default [ +export const ItemsAlerts = [ { name: 'item-delete', component: ItemDeleteAlert, diff --git a/packages/webapp/src/containers/Items/ItemsDataTable.tsx b/packages/webapp/src/containers/Items/ItemsDataTable.tsx index 4dbd15ccf..c096941bd 100644 --- a/packages/webapp/src/containers/Items/ItemsDataTable.tsx +++ b/packages/webapp/src/containers/Items/ItemsDataTable.tsx @@ -10,7 +10,7 @@ import { TableSkeletonHeader, } from '@/components'; -import ItemsEmptyStatus from './ItemsEmptyStatus'; +import { ItemsEmptyStatus } from './ItemsEmptyStatus'; import { withItemsActions } from './withItemsActions'; import { withAlertActions } from '@/containers/Alert/withAlertActions'; @@ -28,7 +28,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Items datatable. */ -function ItemsDataTable({ +function ItemsDataTableInner({ // #withItemsActions setItemsTableState, setItemsSelectedRows, @@ -183,7 +183,7 @@ function ItemsDataTable({ ); } -export default compose( +export const ItemsDataTable = compose( withItemsActions, withAlertActions, withDrawerActions, @@ -192,4 +192,4 @@ export default compose( itemsTableSize: itemsSettings.tableSize, })), withItems(({ itemsTableState }) => ({ itemsTableState })) -)(ItemsDataTable); +)(ItemsDataTableInner); diff --git a/packages/webapp/src/containers/Items/ItemsEmptyStatus.tsx b/packages/webapp/src/containers/Items/ItemsEmptyStatus.tsx index 65779e502..a94103a8c 100644 --- a/packages/webapp/src/containers/Items/ItemsEmptyStatus.tsx +++ b/packages/webapp/src/containers/Items/ItemsEmptyStatus.tsx @@ -5,7 +5,7 @@ import { useHistory } from 'react-router-dom'; import { Can, FormattedMessage as T, EmptyStatus } from '@/components'; import { ItemAction, AbilitySubject } from '@/constants/abilityOption'; -export default function ItemsEmptyStatus() { +export function ItemsEmptyStatus() { const history = useHistory(); return ( diff --git a/packages/webapp/src/containers/Items/ItemsFooter.tsx b/packages/webapp/src/containers/Items/ItemsFooter.tsx index 87bf354b2..7ef2c046b 100644 --- a/packages/webapp/src/containers/Items/ItemsFooter.tsx +++ b/packages/webapp/src/containers/Items/ItemsFooter.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { Intent, Button } from '@blueprintjs/core'; import { FormattedMessage as T } from '@/components'; -export default function ItemFloatingFooter({ +export function ItemFloatingFooter({ formik: { isSubmitting }, onSubmitClick, onCancelClick, diff --git a/packages/webapp/src/containers/Items/ItemsImportPage.tsx b/packages/webapp/src/containers/Items/ItemsImportPage.tsx index 371b26652..501bd4e12 100644 --- a/packages/webapp/src/containers/Items/ItemsImportPage.tsx +++ b/packages/webapp/src/containers/Items/ItemsImportPage.tsx @@ -3,7 +3,7 @@ import { DashboardInsider } from '@/components'; import { ImportView } from '../Import/ImportView'; import { useHistory } from 'react-router-dom'; -export default function ItemsImportpage() { +export function ItemsImportpage() { const history = useHistory(); const handleImportSuccess = () => { diff --git a/packages/webapp/src/containers/Items/ItemsImportable.tsx b/packages/webapp/src/containers/Items/ItemsImportable.tsx index 989bbdcaf..9a4d82ca4 100644 --- a/packages/webapp/src/containers/Items/ItemsImportable.tsx +++ b/packages/webapp/src/containers/Items/ItemsImportable.tsx @@ -2,7 +2,7 @@ import { DashboardInsider } from '@/components'; import { ImportView } from '../Import/ImportView'; -export default function ItemsImport() { +export function ItemsImport() { return ( diff --git a/packages/webapp/src/containers/Items/ItemsList.tsx b/packages/webapp/src/containers/Items/ItemsList.tsx index afa56b9c0..c03f5d95f 100644 --- a/packages/webapp/src/containers/Items/ItemsList.tsx +++ b/packages/webapp/src/containers/Items/ItemsList.tsx @@ -7,8 +7,8 @@ import '@/style/pages/Items/List.scss'; import { DashboardPageContent } from '@/components'; import { ItemsListProvider } from './ItemsListProvider'; -import ItemsActionsBar from './ItemsActionsBar'; -import ItemsDataTable from './ItemsDataTable'; +import { ItemsActionsBar } from './ItemsActionsBar'; +import { ItemsDataTable } from './ItemsDataTable'; import { withItems } from './withItems'; import { withItemsActions } from './withItemsActions'; @@ -16,7 +16,7 @@ import { withItemsActions } from './withItemsActions'; /** * Items list. */ -function ItemsList({ +function ItemsListInner({ // #withItems itemsTableState, itemsTableStateChanged, @@ -46,10 +46,10 @@ function ItemsList({ ); } -export default compose( +export const ItemsList = compose( withItemsActions, withItems(({ itemsTableState, itemsTableStateChanged }) => ({ itemsTableState, itemsTableStateChanged, })), -)(ItemsList); +)(ItemsListInner); diff --git a/packages/webapp/src/containers/Items/ItemsViewsTabs.tsx b/packages/webapp/src/containers/Items/ItemsViewsTabs.tsx index 0916ad944..8b197b4db 100644 --- a/packages/webapp/src/containers/Items/ItemsViewsTabs.tsx +++ b/packages/webapp/src/containers/Items/ItemsViewsTabs.tsx @@ -13,7 +13,7 @@ import { compose, transfromViewsToTabs } from '@/utils'; /** * Items views tabs. */ -function ItemsViewsTabs({ +function ItemsViewsTabsInner({ // #withItemsActions setItemsTableState, @@ -44,10 +44,10 @@ function ItemsViewsTabs({ ); } -export default compose( +export const ItemsViewsTabs = compose( withRouter, withItems(({ itemsTableState }) => ({ itemsCurrentView: itemsTableState?.viewSlug, })), withItemsActions, -)(ItemsViewsTabs); +)(ItemsViewsTabsInner); diff --git a/packages/webapp/src/containers/ItemsCategories/ItemCategoriesImport.tsx b/packages/webapp/src/containers/ItemsCategories/ItemCategoriesImport.tsx index 2de6684e1..0dd27f160 100644 --- a/packages/webapp/src/containers/ItemsCategories/ItemCategoriesImport.tsx +++ b/packages/webapp/src/containers/ItemsCategories/ItemCategoriesImport.tsx @@ -3,7 +3,7 @@ import { DashboardInsider } from '@/components'; import { ImportView } from '../Import/ImportView'; import { useHistory } from 'react-router-dom'; -export default function ItemCategoriesImport() { +export function ItemCategoriesImport() { const history = useHistory(); const handleImportSuccess = () => { diff --git a/packages/webapp/src/containers/ItemsCategories/ItemCategoriesList.tsx b/packages/webapp/src/containers/ItemsCategories/ItemCategoriesList.tsx index 78e1eeea5..d4a3442b6 100644 --- a/packages/webapp/src/containers/ItemsCategories/ItemCategoriesList.tsx +++ b/packages/webapp/src/containers/ItemsCategories/ItemCategoriesList.tsx @@ -7,8 +7,8 @@ import '@/style/pages/ItemsCategories/List.scss'; import { DashboardContentTable, DashboardPageContent } from '@/components'; import { ItemsCategoriesProvider } from './ItemsCategoriesProvider'; -import ItemCategoriesTable from './ItemCategoriesTable'; -import ItemsCategoryActionsBar from './ItemsCategoryActionsBar'; +import { ItemCategoriesTable } from './ItemCategoriesTable'; +import { ItemsCategoryActionsBar } from './ItemsCategoryActionsBar'; import { withItemCategories } from './withItemCategories'; /** @@ -31,7 +31,7 @@ function ItemCategoryList({ ); } -export default R.compose( +export const ItemCategoriesList = R.compose( withItemCategories(({ itemsCategoriesTableState }) => ({ itemsCategoriesTableState, })), diff --git a/packages/webapp/src/containers/ItemsCategories/ItemCategoriesTable.tsx b/packages/webapp/src/containers/ItemsCategories/ItemCategoriesTable.tsx index 852f10f1d..99c1aa54b 100644 --- a/packages/webapp/src/containers/ItemsCategories/ItemCategoriesTable.tsx +++ b/packages/webapp/src/containers/ItemsCategories/ItemCategoriesTable.tsx @@ -65,4 +65,4 @@ function ItemsCategoryTable({ ); } -export default compose(withDialogActions, withAlertActions)(ItemsCategoryTable); +export const ItemCategoriesTable = compose(withDialogActions, withAlertActions)(ItemsCategoryTable); diff --git a/packages/webapp/src/containers/ItemsCategories/ItemsCategoriesAlerts.tsx b/packages/webapp/src/containers/ItemsCategories/ItemsCategoriesAlerts.tsx index 64bdd194c..4c2902cb3 100644 --- a/packages/webapp/src/containers/ItemsCategories/ItemsCategoriesAlerts.tsx +++ b/packages/webapp/src/containers/ItemsCategories/ItemsCategoriesAlerts.tsx @@ -1,10 +1,8 @@ // @ts-nocheck import React from 'react'; -const ItemCategoryDeleteAlert = React.lazy( - () => import('@/containers/Alerts/Items/ItemCategoryDeleteAlert'), -); +const ItemCategoryDeleteAlert = React.lazy(() => import('@/containers/Alerts/Items/ItemCategoryDeleteAlert').then(m => ({ default: m.ItemCategoryDeleteAlert }))); -export default [ +export const ItemsCategoriesAlerts = [ { name: 'item-category-delete', component: ItemCategoryDeleteAlert }, ]; diff --git a/packages/webapp/src/containers/ItemsCategories/ItemsCategoryActionsBar.tsx b/packages/webapp/src/containers/ItemsCategories/ItemsCategoryActionsBar.tsx index f07ca7d2d..bf493915d 100644 --- a/packages/webapp/src/containers/ItemsCategories/ItemsCategoryActionsBar.tsx +++ b/packages/webapp/src/containers/ItemsCategories/ItemsCategoryActionsBar.tsx @@ -28,7 +28,7 @@ import { DialogsName } from '@/constants/dialogs'; /** * Items categories actions bar. */ -function ItemsCategoryActionsBar({ +function ItemsCategoryActionsBarInner({ // #withItemCategories itemCategoriesSelectedRows = [], categoriesFilterConditions, @@ -117,7 +117,7 @@ function ItemsCategoryActionsBar({ ); } -export default compose( +export const ItemsCategoryActionsBar = compose( withDialogActions, withItemCategories( ({ itemCategoriesSelectedRows, itemsCategoriesTableState }) => ({ @@ -127,4 +127,4 @@ export default compose( ), withAlertActions, withItemCategoriesActions, -)(ItemsCategoryActionsBar); +)(ItemsCategoryActionsBarInner); diff --git a/packages/webapp/src/containers/JournalEntriesTable/JournalEntriesTable.tsx b/packages/webapp/src/containers/JournalEntriesTable/JournalEntriesTable.tsx index 0175bba56..41d452fb0 100644 --- a/packages/webapp/src/containers/JournalEntriesTable/JournalEntriesTable.tsx +++ b/packages/webapp/src/containers/JournalEntriesTable/JournalEntriesTable.tsx @@ -13,7 +13,7 @@ import { useGLEntriesTableColumns } from './utils'; /** * Journal entries table. */ -export default function JournalEntriesTable({ transactions, ...restProps }) { +export function JournalEntriesTable({ transactions, ...restProps }) { const columns = useGLEntriesTableColumns(); return ( diff --git a/packages/webapp/src/containers/JournalNumber/ReferenceNumberForm.tsx b/packages/webapp/src/containers/JournalNumber/ReferenceNumberForm.tsx index 0581bd6d8..20a464a81 100644 --- a/packages/webapp/src/containers/JournalNumber/ReferenceNumberForm.tsx +++ b/packages/webapp/src/containers/JournalNumber/ReferenceNumberForm.tsx @@ -7,7 +7,7 @@ import { Intent, Button, Classes } from '@blueprintjs/core'; import '@/style/pages/ReferenceNumber/ReferenceNumber.scss'; import { FormattedMessage as T, FormObserver } from '@/components'; -import ReferenceNumberFormContent from './ReferenceNumberFormContent'; +import { ReferenceNumberFormContent } from './ReferenceNumberFormContent'; import { transformValuesToForm } from './utils'; import { saveInvoke, transformToForm } from '@/utils'; @@ -29,7 +29,7 @@ const validationSchema = Yup.object().shape({ /** * Reference number form. */ -export default function ReferenceNumberForm({ +export function ReferenceNumberForm({ initialValues, description, onSubmit, diff --git a/packages/webapp/src/containers/JournalNumber/ReferenceNumberFormContent.tsx b/packages/webapp/src/containers/JournalNumber/ReferenceNumberFormContent.tsx index 823944f7d..cf508f1fa 100644 --- a/packages/webapp/src/containers/JournalNumber/ReferenceNumberFormContent.tsx +++ b/packages/webapp/src/containers/JournalNumber/ReferenceNumberFormContent.tsx @@ -15,7 +15,7 @@ import intl from 'react-intl-universal'; /** * Reference number form content. */ -export default function ReferenceNumberFormContent() { +export function ReferenceNumberFormContent() { return ( <> {/* ------------- Auto increment mode ------------- */} diff --git a/packages/webapp/src/containers/KeyboardShortcuts/ShortcutsTable.tsx b/packages/webapp/src/containers/KeyboardShortcuts/ShortcutsTable.tsx index e39c2957b..a190b2d8b 100644 --- a/packages/webapp/src/containers/KeyboardShortcuts/ShortcutsTable.tsx +++ b/packages/webapp/src/containers/KeyboardShortcuts/ShortcutsTable.tsx @@ -7,7 +7,7 @@ import { useKeywordShortcuts } from '@/hooks/dashboard'; /** * keyboard shortcuts table. */ -export default function ShortcutsTable() { +export function ShortcutsTable() { const keywordShortcuts = useKeywordShortcuts(); const columns = useMemo( diff --git a/packages/webapp/src/containers/NotifyViaSMS/NotifyViaSMSForm.tsx b/packages/webapp/src/containers/NotifyViaSMS/NotifyViaSMSForm.tsx index 7e32a46eb..82c237747 100644 --- a/packages/webapp/src/containers/NotifyViaSMS/NotifyViaSMSForm.tsx +++ b/packages/webapp/src/containers/NotifyViaSMS/NotifyViaSMSForm.tsx @@ -9,8 +9,8 @@ import { Callout, Classes, Intent } from '@blueprintjs/core'; import '@/style/pages/NotifyConactViaSMS/NotifyConactViaSMSDialog.scss'; import { CreateNotifyViaSMSFormSchema } from './NotifyViaSMSForm.schema'; -import NotifyViaSMSFormFields from './NotifyViaSMSFormFields'; -import NotifyViaSMSFormFloatingActions from './NotifyViaSMSFormFloatingActions'; +import { NotifyViaSMSFormFields } from './NotifyViaSMSFormFields'; +import { NotifyViaSMSFormFloatingActions } from './NotifyViaSMSFormFloatingActions'; import { FormObserver, SMSMessagePreview } from '@/components'; import { transformToForm, safeInvoke } from '@/utils'; @@ -53,7 +53,7 @@ function SMSMessagePreviewSection() { /** * Notify Via SMS Form. */ -function NotifyViaSMSForm({ +export function NotifyViaSMSForm({ initialValues: initialValuesComponent, notificationTypes, onSubmit, @@ -131,9 +131,6 @@ function NotifyViaSMSAlerts({ calloutCodes }) { ), ]; } - -export default NotifyViaSMSForm; - const NotifyContent = styled.div` display: flex; `; diff --git a/packages/webapp/src/containers/NotifyViaSMS/NotifyViaSMSFormFields.tsx b/packages/webapp/src/containers/NotifyViaSMS/NotifyViaSMSFormFields.tsx index e214029a1..e84a026c7 100644 --- a/packages/webapp/src/containers/NotifyViaSMS/NotifyViaSMSFormFields.tsx +++ b/packages/webapp/src/containers/NotifyViaSMS/NotifyViaSMSFormFields.tsx @@ -15,7 +15,7 @@ import { CLASSES } from '@/constants/classes'; import { inputIntent } from '@/utils'; import intl from 'react-intl-universal'; -export default function NotifyViaSMSFormFields({ notificationTypes }) { +export function NotifyViaSMSFormFields({ notificationTypes }) { return ( diff --git a/packages/webapp/src/containers/PaymentPortal/PaymentPortalPage.tsx b/packages/webapp/src/containers/PaymentPortal/PaymentPortalPage.tsx index b6edd5a51..821bf6463 100644 --- a/packages/webapp/src/containers/PaymentPortal/PaymentPortalPage.tsx +++ b/packages/webapp/src/containers/PaymentPortal/PaymentPortalPage.tsx @@ -9,7 +9,7 @@ import styles from './PaymentPortal.module.scss'; import { useEffect } from 'react'; import { hsl, lighten, parseToHsl } from 'polished'; -export default function PaymentPortalPage() { +export function PaymentPortalPage() { const { linkId } = useParams<{ linkId: string }>(); return ( diff --git a/packages/webapp/src/containers/Preferences/Accountant/Accountant.tsx b/packages/webapp/src/containers/Preferences/Accountant/Accountant.tsx index 7df91e377..e5fd04b50 100644 --- a/packages/webapp/src/containers/Preferences/Accountant/Accountant.tsx +++ b/packages/webapp/src/containers/Preferences/Accountant/Accountant.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; -import AccountantFormPage from './AccountantFormPage'; +import { AccountantFormPage } from './AccountantFormPage'; import { AccountantFormProvider } from './AccountantFormProvider'; /** * Accountant preferences. */ -export default function AccountantPreferences() { +export function AccountantPreferences() { return ( diff --git a/packages/webapp/src/containers/Preferences/Accountant/AccountantForm.tsx b/packages/webapp/src/containers/Preferences/Accountant/AccountantForm.tsx index 457f3ae5a..a9fa0022d 100644 --- a/packages/webapp/src/containers/Preferences/Accountant/AccountantForm.tsx +++ b/packages/webapp/src/containers/Preferences/Accountant/AccountantForm.tsx @@ -21,7 +21,7 @@ import { useAccountantFormContext } from './AccountantFormProvider'; /** * Accountant form. */ -export default function AccountantForm() { +export function AccountantForm() { const history = useHistory(); const { accounts } = useAccountantFormContext(); const { isSubmitting } = useFormikContext(); diff --git a/packages/webapp/src/containers/Preferences/Accountant/AccountantFormPage.tsx b/packages/webapp/src/containers/Preferences/Accountant/AccountantFormPage.tsx index 00fc995ad..7c53b9e67 100644 --- a/packages/webapp/src/containers/Preferences/Accountant/AccountantFormPage.tsx +++ b/packages/webapp/src/containers/Preferences/Accountant/AccountantFormPage.tsx @@ -10,7 +10,7 @@ import { AppToaster } from '@/components'; import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions'; import { withSettings } from '@/containers/Settings/withSettings'; -import AccountantForm from './AccountantForm'; +import { AccountantForm } from './AccountantForm'; import { AccountantSchema } from './Accountant.schema'; import { useAccountantFormContext } from './AccountantFormProvider'; import { transferObjectOptionsToArray } from './utils'; @@ -36,7 +36,7 @@ const defaultFormValues = flatten({ }); // Accountant preferences. -function AccountantFormPage({ +function AccountantFormPageInner({ //# withDashboardActions changePreferencesPageTitle, @@ -84,9 +84,9 @@ function AccountantFormPage({ ); } -export default compose( +export const AccountantFormPage = compose( withSettings(({ allSettings }) => ({ allSettings, })), withDashboardActions, -)(AccountantFormPage); +)(AccountantFormPageInner); diff --git a/packages/webapp/src/containers/Preferences/Accountant/AccountantFormProvider.tsx b/packages/webapp/src/containers/Preferences/Accountant/AccountantFormProvider.tsx index c9a08f117..d45b27047 100644 --- a/packages/webapp/src/containers/Preferences/Accountant/AccountantFormProvider.tsx +++ b/packages/webapp/src/containers/Preferences/Accountant/AccountantFormProvider.tsx @@ -6,7 +6,7 @@ import styled from 'styled-components'; import { Card } from '@/components'; import { CLASSES } from '@/constants/classes'; import { useAccounts, useSaveSettings, useSettings } from '@/hooks/query'; -import PreferencesPageLoader from '../PreferencesPageLoader'; +import { PreferencesPageLoader } from '../PreferencesPageLoader'; const AccountantFormContext = React.createContext(); diff --git a/packages/webapp/src/containers/Preferences/ApiKeys/ApiKeys.tsx b/packages/webapp/src/containers/Preferences/ApiKeys/ApiKeys.tsx index 6758c12ef..86951127d 100644 --- a/packages/webapp/src/containers/Preferences/ApiKeys/ApiKeys.tsx +++ b/packages/webapp/src/containers/Preferences/ApiKeys/ApiKeys.tsx @@ -7,7 +7,7 @@ import styled from 'styled-components'; import { Card } from '@/components'; import { CLASSES } from '@/constants/classes'; import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions'; -import ApiKeysDataTable from './ApiKeysDataTable'; +import { ApiKeysDataTable } from './ApiKeysDataTable'; import { compose } from '@/utils'; /** @@ -39,4 +39,4 @@ const ApiKeysPreferencesCard = styled(Card)` padding: 0; `; -export default compose(withDashboardActions)(ApiKeysPreferences); +export const ApiKeys = compose(withDashboardActions)(ApiKeysPreferences); diff --git a/packages/webapp/src/containers/Preferences/ApiKeys/ApiKeysActions.tsx b/packages/webapp/src/containers/Preferences/ApiKeys/ApiKeysActions.tsx index e79fa4fb2..aa092e059 100644 --- a/packages/webapp/src/containers/Preferences/ApiKeys/ApiKeysActions.tsx +++ b/packages/webapp/src/containers/Preferences/ApiKeys/ApiKeysActions.tsx @@ -7,7 +7,7 @@ import { Icon, FormattedMessage as T } from '@/components'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; -function ApiKeysActions({ openDialog, closeDialog }) { +function ApiKeysActionsInner({ openDialog, closeDialog }) { const onClickGenerateApiKey = () => { openDialog('api-keys-generate'); }; @@ -25,5 +25,5 @@ function ApiKeysActions({ openDialog, closeDialog }) { ); } -export default compose(withDialogActions)(ApiKeysActions); +export const ApiKeysActions = compose(withDialogActions)(ApiKeysActionsInner); diff --git a/packages/webapp/src/containers/Preferences/ApiKeys/ApiKeysDataTable.tsx b/packages/webapp/src/containers/Preferences/ApiKeys/ApiKeysDataTable.tsx index 9c9468440..2985a580a 100644 --- a/packages/webapp/src/containers/Preferences/ApiKeys/ApiKeysDataTable.tsx +++ b/packages/webapp/src/containers/Preferences/ApiKeys/ApiKeysDataTable.tsx @@ -12,7 +12,7 @@ import intl from 'react-intl-universal'; /** * API Keys datatable. */ -function ApiKeysDataTable({ +function ApiKeysDataTableInner({ // #withDialogActions openDialog, @@ -62,4 +62,4 @@ function ApiKeysDataTable({ ); } -export default compose(withDialogActions, withAlertActions)(ApiKeysDataTable); +export const ApiKeysDataTable = compose(withDialogActions, withAlertActions)(ApiKeysDataTableInner); diff --git a/packages/webapp/src/containers/Preferences/Branches/Branches.tsx b/packages/webapp/src/containers/Preferences/Branches/Branches.tsx index 6d507f839..5b8fbe826 100644 --- a/packages/webapp/src/containers/Preferences/Branches/Branches.tsx +++ b/packages/webapp/src/containers/Preferences/Branches/Branches.tsx @@ -2,15 +2,15 @@ import React from 'react'; import intl from 'react-intl-universal'; -import BranchesDataTable from './BranchesDataTable'; -import BranchesEmptyStatus from './BranchesEmptyStatus'; +import { BranchesDataTable } from './BranchesDataTable'; +import { BranchesEmptyStatus } from './BranchesEmptyStatus'; import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions'; import { useBranchesContext } from './BranchesProvider'; import { compose } from '@/utils'; -function Branches({ +function BranchesInner({ // #withDashboardActions changePreferencesPageTitle, }) { @@ -26,4 +26,4 @@ function Branches({ ); } -export default compose(withDashboardActions)(Branches); +export const Branches = compose(withDashboardActions)(BranchesInner); diff --git a/packages/webapp/src/containers/Preferences/Branches/BranchesActions.tsx b/packages/webapp/src/containers/Preferences/Branches/BranchesActions.tsx index 73b003dc2..d5811e5c8 100644 --- a/packages/webapp/src/containers/Preferences/Branches/BranchesActions.tsx +++ b/packages/webapp/src/containers/Preferences/Branches/BranchesActions.tsx @@ -7,7 +7,7 @@ import { FeatureCan, FormattedMessage as T, Icon } from '@/components'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; -function BranchesActions({ +function BranchesActionsInner({ //#ownProps openDialog, }) { @@ -30,4 +30,4 @@ function BranchesActions({ ); } -export default compose(withDialogActions)(BranchesActions); +export const BranchesActions = compose(withDialogActions)(BranchesActionsInner); diff --git a/packages/webapp/src/containers/Preferences/Branches/BranchesAlerts.tsx b/packages/webapp/src/containers/Preferences/Branches/BranchesAlerts.tsx index 051ffc83c..59def6255 100644 --- a/packages/webapp/src/containers/Preferences/Branches/BranchesAlerts.tsx +++ b/packages/webapp/src/containers/Preferences/Branches/BranchesAlerts.tsx @@ -1,8 +1,6 @@ // @ts-nocheck import React from 'react'; -const BranchDeleteAlert = React.lazy( - () => import('@/containers/Alerts/Branches/BranchDeleteAlert'), -); +const BranchDeleteAlert = React.lazy(() => import('@/containers/Alerts/Branches/BranchDeleteAlert').then(m => ({ default: m.BranchDeleteAlert }))); -export default [{ name: 'branch-delete', component: BranchDeleteAlert }]; +export const BranchesAlerts = [{ name: 'branch-delete', component: BranchDeleteAlert }]; diff --git a/packages/webapp/src/containers/Preferences/Branches/BranchesDataTable.tsx b/packages/webapp/src/containers/Preferences/Branches/BranchesDataTable.tsx index 10adbde4e..6eeb8988d 100644 --- a/packages/webapp/src/containers/Preferences/Branches/BranchesDataTable.tsx +++ b/packages/webapp/src/containers/Preferences/Branches/BranchesDataTable.tsx @@ -19,7 +19,7 @@ import { compose } from '@/utils'; /** * Branches data table. */ -function BranchesDataTable({ +function BranchesDataTableInner({ // #withDialogAction openDialog, @@ -76,7 +76,7 @@ function BranchesDataTable({ ); } -export default compose(withDialogActions, withAlertActions)(BranchesDataTable); +export const BranchesDataTable = compose(withDialogActions, withAlertActions)(BranchesDataTableInner); const BranchesTableCard = styled(Card)` padding: 0; diff --git a/packages/webapp/src/containers/Preferences/Branches/BranchesEmptyStatus.tsx b/packages/webapp/src/containers/Preferences/Branches/BranchesEmptyStatus.tsx index 451f85d27..080779de2 100644 --- a/packages/webapp/src/containers/Preferences/Branches/BranchesEmptyStatus.tsx +++ b/packages/webapp/src/containers/Preferences/Branches/BranchesEmptyStatus.tsx @@ -6,7 +6,7 @@ import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; -function BranchesEmptyStatus({ +function BranchesEmptyStatusInner({ // #withDialogActions openDialog, }) { @@ -37,4 +37,4 @@ function BranchesEmptyStatus({ /> ); } -export default compose(withDialogActions)(BranchesEmptyStatus); +export const BranchesEmptyStatus = compose(withDialogActions)(BranchesEmptyStatusInner); diff --git a/packages/webapp/src/containers/Preferences/Branches/index.tsx b/packages/webapp/src/containers/Preferences/Branches/index.tsx index f2f9a2e85..5a2aeda0c 100644 --- a/packages/webapp/src/containers/Preferences/Branches/index.tsx +++ b/packages/webapp/src/containers/Preferences/Branches/index.tsx @@ -2,12 +2,12 @@ import React from 'react'; import { BranchesProvider } from './BranchesProvider'; -import Branches from './Branches'; +import { Branches } from './Branches'; /** * Branches . */ -export default function BranchesPreferences() { +export function BranchesPreferences() { return ( diff --git a/packages/webapp/src/containers/Preferences/Branding/PreferencesBrandingPage.tsx b/packages/webapp/src/containers/Preferences/Branding/PreferencesBrandingPage.tsx index 5a35d5ae9..57aea3f20 100644 --- a/packages/webapp/src/containers/Preferences/Branding/PreferencesBrandingPage.tsx +++ b/packages/webapp/src/containers/Preferences/Branding/PreferencesBrandingPage.tsx @@ -29,4 +29,4 @@ function PreferencesBrandingPageRoot({ changePreferencesPageTitle }) { ); } -export default R.compose(withDashboardActions)(PreferencesBrandingPageRoot); +export const PreferencesBrandingPage = R.compose(withDashboardActions)(PreferencesBrandingPageRoot); diff --git a/packages/webapp/src/containers/Preferences/CreditNotes/PreferencesCreditNotesFormBoot.tsx b/packages/webapp/src/containers/Preferences/CreditNotes/PreferencesCreditNotesFormBoot.tsx index 0eb34f3d4..37341d037 100644 --- a/packages/webapp/src/containers/Preferences/CreditNotes/PreferencesCreditNotesFormBoot.tsx +++ b/packages/webapp/src/containers/Preferences/CreditNotes/PreferencesCreditNotesFormBoot.tsx @@ -4,7 +4,7 @@ import styled from 'styled-components'; import classNames from 'classnames'; import { CLASSES } from '@/constants/classes'; import { useSettings } from '@/hooks/query'; -import PreferencesPageLoader from '../PreferencesPageLoader'; +import { PreferencesPageLoader } from '../PreferencesPageLoader'; import { Card } from '@/components'; const PreferencesCreditNotesFormContext = React.createContext(); diff --git a/packages/webapp/src/containers/Preferences/Currencies/Currencies.tsx b/packages/webapp/src/containers/Preferences/Currencies/Currencies.tsx index 0cb88c967..b2d455113 100644 --- a/packages/webapp/src/containers/Preferences/Currencies/Currencies.tsx +++ b/packages/webapp/src/containers/Preferences/Currencies/Currencies.tsx @@ -5,9 +5,9 @@ import styled from 'styled-components'; import { Card } from '@/components'; import { CLASSES } from '@/constants/classes'; -import CurrenciesList from './CurrenciesList'; +import { CurrenciesList } from './CurrenciesList'; -export default function PreferencesCurrenciesPage() { +export function PreferencesCurrenciesPage() { return (
{ openDialog('currency-form'); }, [openDialog]); @@ -23,4 +23,4 @@ function CurrenciesActions({ openDialog }) { ); } -export default compose(withDialogActions)(CurrenciesActions); +export const CurrenciesActions = compose(withDialogActions)(CurrenciesActionsInner); diff --git a/packages/webapp/src/containers/Preferences/Currencies/CurrenciesAlerts.tsx b/packages/webapp/src/containers/Preferences/Currencies/CurrenciesAlerts.tsx index 9394c7aff..59a075852 100644 --- a/packages/webapp/src/containers/Preferences/Currencies/CurrenciesAlerts.tsx +++ b/packages/webapp/src/containers/Preferences/Currencies/CurrenciesAlerts.tsx @@ -1,7 +1,5 @@ // @ts-nocheck import React from 'react'; -const CurrencyDeleteAlert = React.lazy( - () => import('@/containers/Alerts/Currencies/CurrencyDeleteAlert'), -); -export default [{ name: 'currency-delete', component: CurrencyDeleteAlert }]; +const CurrencyDeleteAlert = React.lazy(() => import('@/containers/Alerts/Currencies/CurrencyDeleteAlert').then(m => ({ default: m.CurrencyDeleteAlert }))); +export const CurrenciesAlerts = [{ name: 'currency-delete', component: CurrencyDeleteAlert }]; diff --git a/packages/webapp/src/containers/Preferences/Currencies/CurrenciesDataTable.tsx b/packages/webapp/src/containers/Preferences/Currencies/CurrenciesDataTable.tsx index 919ab4d58..01709fa14 100644 --- a/packages/webapp/src/containers/Preferences/Currencies/CurrenciesDataTable.tsx +++ b/packages/webapp/src/containers/Preferences/Currencies/CurrenciesDataTable.tsx @@ -15,7 +15,7 @@ import styled from 'styled-components'; /** * Currencies table. */ -function CurrenciesDataTable({ +function CurrenciesDataTableInner({ // #ownProps tableProps, @@ -65,10 +65,10 @@ function CurrenciesDataTable({ ); } -export default compose( +export const CurrenciesDataTable = compose( withDialogActions, withAlertActions, -)(CurrenciesDataTable); +)(CurrenciesDataTableInner); const CurrencieDataTable = styled(DataTable)` .table .th, diff --git a/packages/webapp/src/containers/Preferences/Currencies/CurrenciesList.tsx b/packages/webapp/src/containers/Preferences/Currencies/CurrenciesList.tsx index 30efc934d..16b93601f 100644 --- a/packages/webapp/src/containers/Preferences/Currencies/CurrenciesList.tsx +++ b/packages/webapp/src/containers/Preferences/Currencies/CurrenciesList.tsx @@ -3,13 +3,13 @@ import React, { useEffect } from 'react'; import intl from 'react-intl-universal'; import { CurrenciesProvider } from './CurrenciesProvider'; -import CurrenciesDataTable from './CurrenciesDataTable'; +import { CurrenciesDataTable } from './CurrenciesDataTable'; import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions'; import { compose } from '@/utils'; -function CurrenciesList({ +function CurrenciesListInner({ // #withDashboardActions changePreferencesPageTitle, }) { @@ -24,4 +24,4 @@ function CurrenciesList({ ); } -export default compose(withDashboardActions)(CurrenciesList); +export const CurrenciesList = compose(withDashboardActions)(CurrenciesListInner); diff --git a/packages/webapp/src/containers/Preferences/DefaultRoute.tsx b/packages/webapp/src/containers/Preferences/DefaultRoute.tsx index 35c4e6e97..92cb8a712 100644 --- a/packages/webapp/src/containers/Preferences/DefaultRoute.tsx +++ b/packages/webapp/src/containers/Preferences/DefaultRoute.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { Redirect } from 'react-router-dom'; -export default function DefaultRoute() { +export function DefaultRoute() { const defaultTab = '/preferences/general'; return (); diff --git a/packages/webapp/src/containers/Preferences/Estimates/PreferencesEstimatesFormBoot.tsx b/packages/webapp/src/containers/Preferences/Estimates/PreferencesEstimatesFormBoot.tsx index d39d3c817..78a52ca2b 100644 --- a/packages/webapp/src/containers/Preferences/Estimates/PreferencesEstimatesFormBoot.tsx +++ b/packages/webapp/src/containers/Preferences/Estimates/PreferencesEstimatesFormBoot.tsx @@ -3,7 +3,7 @@ import React from 'react'; import classNames from 'classnames'; import { CLASSES } from '@/constants/classes'; import { useSettings } from '@/hooks/query'; -import PreferencesPageLoader from '../PreferencesPageLoader'; +import { PreferencesPageLoader } from '../PreferencesPageLoader'; import styled from 'styled-components'; import { Card } from '@/components'; diff --git a/packages/webapp/src/containers/Preferences/General/General.tsx b/packages/webapp/src/containers/Preferences/General/General.tsx index fccb3c84b..c007bf5fc 100644 --- a/packages/webapp/src/containers/Preferences/General/General.tsx +++ b/packages/webapp/src/containers/Preferences/General/General.tsx @@ -1,13 +1,13 @@ // @ts-nocheck import React from 'react'; -import GeneralFormPage from './GeneralFormPage'; +import { GeneralFormPage } from './GeneralFormPage'; import { GeneralFormProvider } from './GeneralFormProvider'; /** * Preferences - General form. */ -export default function GeneralPreferences() { +export function GeneralPreferences() { return ( diff --git a/packages/webapp/src/containers/Preferences/General/GeneralForm.tsx b/packages/webapp/src/containers/Preferences/General/GeneralForm.tsx index 5f6784567..9e6940944 100644 --- a/packages/webapp/src/containers/Preferences/General/GeneralForm.tsx +++ b/packages/webapp/src/containers/Preferences/General/GeneralForm.tsx @@ -8,7 +8,6 @@ import { TimezonePicker, getTimezoneMetadata } from '@blueprintjs/timezone'; import { ErrorMessage } from 'formik'; import { useHistory } from 'react-router-dom'; import { getAllCountries } from '@bigcapital/utils'; - import { FieldRequiredHint, FormattedMessage as T, @@ -24,7 +23,6 @@ import { getAllCurrenciesOptions } from '@/constants/currencies'; import { getFiscalYear } from '@/constants/fiscalYearOptions'; import { getLanguages } from '@/constants/languagesOptions'; import { useGeneralFormContext } from './GeneralFormProvider'; - import { shouldBaseCurrencyUpdate } from './utils'; import { SelectButton } from '@/components/Forms/Select'; import intl from 'react-intl-universal'; @@ -33,7 +31,7 @@ const Countries = getAllCountries(); /** * Preferences general form. */ -export default function PreferencesGeneralForm({ isSubmitting }) { +export function PreferencesGeneralForm({ isSubmitting }) { const history = useHistory(); const FiscalYear = getFiscalYear(); diff --git a/packages/webapp/src/containers/Preferences/General/GeneralFormPage.tsx b/packages/webapp/src/containers/Preferences/General/GeneralFormPage.tsx index 131145af5..d38d97336 100644 --- a/packages/webapp/src/containers/Preferences/General/GeneralFormPage.tsx +++ b/packages/webapp/src/containers/Preferences/General/GeneralFormPage.tsx @@ -7,7 +7,7 @@ import { Intent } from '@blueprintjs/core'; import '@/style/pages/Preferences/GeneralForm.scss'; import { AppToaster } from '@/components'; -import GeneralForm from './GeneralForm'; +import { PreferencesGeneralForm as GeneralForm } from './GeneralForm'; import { PreferencesGeneralSchema } from './General.schema'; import { useGeneralFormContext } from './GeneralFormProvider'; import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions'; @@ -30,7 +30,7 @@ const defaultValues = { /** * Preferences - General form Page. */ -function GeneralFormPage({ +function GeneralFormPageInner({ // #withDashboardActions changePreferencesPageTitle, }) { @@ -79,4 +79,4 @@ function GeneralFormPage({ ); } -export default compose(withDashboardActions)(GeneralFormPage); +export const GeneralFormPage = compose(withDashboardActions)(GeneralFormPageInner); diff --git a/packages/webapp/src/containers/Preferences/General/GeneralFormProvider.tsx b/packages/webapp/src/containers/Preferences/General/GeneralFormProvider.tsx index 4b7b1fe9e..92b4b3d67 100644 --- a/packages/webapp/src/containers/Preferences/General/GeneralFormProvider.tsx +++ b/packages/webapp/src/containers/Preferences/General/GeneralFormProvider.tsx @@ -11,7 +11,7 @@ import { useDateFormats, useOrgBaseCurrencyMutateAbilities, } from '@/hooks/query'; -import PreferencesPageLoader from '../PreferencesPageLoader'; +import { PreferencesPageLoader } from '../PreferencesPageLoader'; const GeneralFormContext = createContext(); diff --git a/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoiceFormBoot.tsx b/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoiceFormBoot.tsx index 2cd42db21..e5b54bfb0 100644 --- a/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoiceFormBoot.tsx +++ b/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoiceFormBoot.tsx @@ -4,7 +4,7 @@ import classNames from 'classnames'; import styled from 'styled-components'; import { CLASSES } from '@/constants/classes'; import { useSettings } from '@/hooks/query'; -import PreferencesPageLoader from '../PreferencesPageLoader'; +import { PreferencesPageLoader } from '../PreferencesPageLoader'; import { Card } from '@/components'; const PreferencesInvoiceFormContext = React.createContext(); diff --git a/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoiceFormPage.tsx b/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoiceFormPage.tsx index 5f7ee8eae..d931be2d0 100644 --- a/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoiceFormPage.tsx +++ b/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoiceFormPage.tsx @@ -23,7 +23,7 @@ const defaultValues = { /** * Preferences - Invoices. */ -function PreferencesInvoiceFormPage({ +function PreferencesInvoiceFormPageInner({ // #withDashboardActions changePreferencesPageTitle, @@ -74,9 +74,9 @@ function PreferencesInvoiceFormPage({ ); } -export default compose( +export const PreferencesInvoiceFormPage = compose( withDashboardActions, withSettings(({ invoiceSettings }) => ({ invoiceSettings: invoiceSettings, })), -)(PreferencesInvoiceFormPage); +)(PreferencesInvoiceFormPageInner); diff --git a/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoices.tsx b/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoices.tsx index da349ea9a..92523cb63 100644 --- a/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoices.tsx +++ b/packages/webapp/src/containers/Preferences/Invoices/PreferencesInvoices.tsx @@ -1,11 +1,11 @@ // @ts-nocheck import { PreferencesInvoicesBoot } from './PreferencesInvoiceFormBoot'; -import PreferencesInvoiceFormPage from './PreferencesInvoiceFormPage'; +import { PreferencesInvoiceFormPage } from './PreferencesInvoiceFormPage'; /** * items preferences. */ -export default function PreferencesInvoices() { +export function PreferencesInvoices() { return ( diff --git a/packages/webapp/src/containers/Preferences/Item/ItemPreferencesForm.tsx b/packages/webapp/src/containers/Preferences/Item/ItemPreferencesForm.tsx index 06218bb75..0e43ee64e 100644 --- a/packages/webapp/src/containers/Preferences/Item/ItemPreferencesForm.tsx +++ b/packages/webapp/src/containers/Preferences/Item/ItemPreferencesForm.tsx @@ -18,7 +18,7 @@ import { useItemPreferencesFormContext } from './ItemPreferencesFormProvider'; /** * Item preferences form. */ -export default function ItemForm() { +export function ItemForm() { const history = useHistory(); const { accounts } = useItemPreferencesFormContext(); diff --git a/packages/webapp/src/containers/Preferences/Item/ItemPreferencesFormPage.tsx b/packages/webapp/src/containers/Preferences/Item/ItemPreferencesFormPage.tsx index 4af832cab..ee51ad4e5 100644 --- a/packages/webapp/src/containers/Preferences/Item/ItemPreferencesFormPage.tsx +++ b/packages/webapp/src/containers/Preferences/Item/ItemPreferencesFormPage.tsx @@ -6,7 +6,7 @@ import { Intent } from '@blueprintjs/core'; import { AppToaster } from '@/components'; import { omit } from 'lodash'; import { ItemPreferencesSchema } from './ItemPreferences.schema'; -import ItemPreferencesForm from './ItemPreferencesForm'; +import { ItemForm as ItemPreferencesForm } from './ItemPreferencesForm'; import { useItemPreferencesFormContext } from './ItemPreferencesFormProvider'; import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions'; @@ -27,7 +27,7 @@ const defaultFormValues = { }; // item form page preferences. -function ItemPreferencesFormPage({ +function ItemPreferencesFormPageInner({ // #withSettings itemsSettings, @@ -80,7 +80,7 @@ function ItemPreferencesFormPage({ ); } -export default compose( +export const ItemPreferencesFormPage = compose( withSettings(({ itemsSettings }) => ({ itemsSettings })), withDashboardActions, -)(ItemPreferencesFormPage); +)(ItemPreferencesFormPageInner); diff --git a/packages/webapp/src/containers/Preferences/Item/ItemPreferencesFormProvider.tsx b/packages/webapp/src/containers/Preferences/Item/ItemPreferencesFormProvider.tsx index 692d0d285..d89c70b79 100644 --- a/packages/webapp/src/containers/Preferences/Item/ItemPreferencesFormProvider.tsx +++ b/packages/webapp/src/containers/Preferences/Item/ItemPreferencesFormProvider.tsx @@ -6,7 +6,7 @@ import styled from 'styled-components'; import { CLASSES } from '@/constants/classes'; import { Card } from '@/components'; import { useSettingsItems, useAccounts, useSaveSettings } from '@/hooks/query'; -import PreferencesPageLoader from '../PreferencesPageLoader'; +import { PreferencesPageLoader } from '../PreferencesPageLoader'; const ItemFormContext = createContext(); diff --git a/packages/webapp/src/containers/Preferences/Item/index.tsx b/packages/webapp/src/containers/Preferences/Item/index.tsx index b940e566a..68baeafe3 100644 --- a/packages/webapp/src/containers/Preferences/Item/index.tsx +++ b/packages/webapp/src/containers/Preferences/Item/index.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; -import ItemPreferencesFormPage from './ItemPreferencesFormPage'; +import { ItemPreferencesFormPage } from './ItemPreferencesFormPage'; import { ItemPreferencesFormProvider } from './ItemPreferencesFormProvider'; /** * items preferences. */ -export default function ItemsPreferences() { +export function ItemsPreferences() { return ( diff --git a/packages/webapp/src/containers/Preferences/PaymentMethods/PreferencesPaymentMethodsPage.tsx b/packages/webapp/src/containers/Preferences/PaymentMethods/PreferencesPaymentMethodsPage.tsx index 510c66fba..b79474616 100644 --- a/packages/webapp/src/containers/Preferences/PaymentMethods/PreferencesPaymentMethodsPage.tsx +++ b/packages/webapp/src/containers/Preferences/PaymentMethods/PreferencesPaymentMethodsPage.tsx @@ -15,7 +15,7 @@ import { DRAWERS } from '@/constants/drawers'; * Payment methods page. * @returns {JSX.Element} */ -export default function PreferencesPaymentMethodsPage() { +export function PreferencesPaymentMethodsPage() { const changePageTitle = useChangePreferencesPageTitle(); useEffect(() => { diff --git a/packages/webapp/src/containers/Preferences/PaymentMethods/PreferencesStripeCallback.tsx b/packages/webapp/src/containers/Preferences/PaymentMethods/PreferencesStripeCallback.tsx index 3ead35ee6..50c805869 100644 --- a/packages/webapp/src/containers/Preferences/PaymentMethods/PreferencesStripeCallback.tsx +++ b/packages/webapp/src/containers/Preferences/PaymentMethods/PreferencesStripeCallback.tsx @@ -9,7 +9,7 @@ function useQuery() { return React.useMemo(() => new URLSearchParams(search), [search]); } -export default function PreferencesStripeCallback() { +export function PreferencesStripeCallback() { const query = useQuery(); const code = query.get('code') as string; const { mutateAsync: stripeAccountCallback } = useSetStripeAccountCallback(); diff --git a/packages/webapp/src/containers/Preferences/PaymentMethods/alerts/DeleteStripeConnectionAlert.tsx b/packages/webapp/src/containers/Preferences/PaymentMethods/alerts/DeleteStripeConnectionAlert.tsx index dcc6b8a00..d8d99f33a 100644 --- a/packages/webapp/src/containers/Preferences/PaymentMethods/alerts/DeleteStripeConnectionAlert.tsx +++ b/packages/webapp/src/containers/Preferences/PaymentMethods/alerts/DeleteStripeConnectionAlert.tsx @@ -62,7 +62,7 @@ function DeleteStripeAccountAlert({ ); } -export default compose( +export const DeleteStripeConnectionAlert = compose( withAlertStoreConnect(), withAlertActions, )(DeleteStripeAccountAlert); diff --git a/packages/webapp/src/containers/Preferences/PaymentMethods/alerts/PaymentMethodsAlerts.ts b/packages/webapp/src/containers/Preferences/PaymentMethods/alerts/PaymentMethodsAlerts.ts index 099d098c9..2e46d7af5 100644 --- a/packages/webapp/src/containers/Preferences/PaymentMethods/alerts/PaymentMethodsAlerts.ts +++ b/packages/webapp/src/containers/Preferences/PaymentMethods/alerts/PaymentMethodsAlerts.ts @@ -1,9 +1,7 @@ // @ts-nocheck import React from 'react'; -const DeleteStripeConnectionAlert = React.lazy( - () => import('./DeleteStripeConnectionAlert'), -); +const DeleteStripeConnectionAlert = React.lazy(() => import('./DeleteStripeConnectionAlert').then(m => ({ default: m.DeleteStripeConnectionAlert }))); export const PaymentMethodsAlerts = [ { diff --git a/packages/webapp/src/containers/Preferences/PreferencesPageLoader.tsx b/packages/webapp/src/containers/Preferences/PreferencesPageLoader.tsx index 34304aa83..830fc1571 100644 --- a/packages/webapp/src/containers/Preferences/PreferencesPageLoader.tsx +++ b/packages/webapp/src/containers/Preferences/PreferencesPageLoader.tsx @@ -2,7 +2,7 @@ import { useIsDarkMode } from '@/hooks/useDarkMode'; import ContentLoader from 'react-content-loader'; -export default function PreferencesPageLoader(props) { +export function PreferencesPageLoader(props) { const isDarkmode = useIsDarkMode(); return ( diff --git a/packages/webapp/src/containers/Preferences/Receipts/PreferencesReceiptsFormBoot.tsx b/packages/webapp/src/containers/Preferences/Receipts/PreferencesReceiptsFormBoot.tsx index 539980a4e..2ea41166e 100644 --- a/packages/webapp/src/containers/Preferences/Receipts/PreferencesReceiptsFormBoot.tsx +++ b/packages/webapp/src/containers/Preferences/Receipts/PreferencesReceiptsFormBoot.tsx @@ -4,7 +4,7 @@ import classNames from 'classnames'; import styled from 'styled-components'; import { CLASSES } from '@/constants/classes'; import { useSettings } from '@/hooks/query'; -import PreferencesPageLoader from '../PreferencesPageLoader'; +import { PreferencesPageLoader } from '../PreferencesPageLoader'; import { Card } from '@/components'; const PreferencesReceiptsFormContext = React.createContext(); diff --git a/packages/webapp/src/containers/Preferences/SMSIntegration/SMSIntegrationTabs.tsx b/packages/webapp/src/containers/Preferences/SMSIntegration/SMSIntegrationTabs.tsx index 9416ad712..d23de7081 100644 --- a/packages/webapp/src/containers/Preferences/SMSIntegration/SMSIntegrationTabs.tsx +++ b/packages/webapp/src/containers/Preferences/SMSIntegration/SMSIntegrationTabs.tsx @@ -6,7 +6,7 @@ import classNames from 'classnames'; import { Tabs, Tab } from '@blueprintjs/core'; import { CLASSES } from '@/constants/classes'; -import SMSMessagesDataTable from './SMSMessagesDataTable'; +import { SMSMessagesDataTable } from './SMSMessagesDataTable'; import { Card } from '@/components'; import '@/style/pages/Preferences/SMSIntegration.scss'; @@ -19,7 +19,7 @@ import { compose } from '@/utils'; * SMS Integration Tabs. * @returns {React.JSX} */ -function SMSIntegrationTabs({ +function SMSIntegrationTabsInner({ // #withDashboardActions changePreferencesPageTitle, }) { @@ -46,7 +46,7 @@ function SMSIntegrationTabs({ ); } -export default compose(withDashboardActions)(SMSIntegrationTabs); +export const SMSIntegrationTabs = compose(withDashboardActions)(SMSIntegrationTabsInner); const SMSIntegrationCard = styled(Card)` padding: 0; diff --git a/packages/webapp/src/containers/Preferences/SMSIntegration/SMSMessagesDataTable.tsx b/packages/webapp/src/containers/Preferences/SMSIntegration/SMSMessagesDataTable.tsx index cfcde5e20..8d410484b 100644 --- a/packages/webapp/src/containers/Preferences/SMSIntegration/SMSMessagesDataTable.tsx +++ b/packages/webapp/src/containers/Preferences/SMSIntegration/SMSMessagesDataTable.tsx @@ -16,7 +16,7 @@ import { compose } from '@/utils'; /** * SMS Message data table. */ -function SMSMessagesDataTable({ +function SMSMessagesDataTableInner({ // #withDialogAction openDialog, }) { @@ -87,7 +87,7 @@ function SMSMessagesDataTable({ ); } -export default compose(withDialogActions)(SMSMessagesDataTable); +export const SMSMessagesDataTable = compose(withDialogActions)(SMSMessagesDataTableInner); const SMSNotificationsTable = styled(DataTable)` .table .tbody .tr .td { diff --git a/packages/webapp/src/containers/Preferences/SMSIntegration/index.tsx b/packages/webapp/src/containers/Preferences/SMSIntegration/index.tsx index 7dc76a276..ded1420c1 100644 --- a/packages/webapp/src/containers/Preferences/SMSIntegration/index.tsx +++ b/packages/webapp/src/containers/Preferences/SMSIntegration/index.tsx @@ -2,12 +2,12 @@ import React from 'react'; import { SMSIntegrationProvider } from './SMSIntegrationProvider'; -import SMSIntegrationTabs from './SMSIntegrationTabs'; +import { SMSIntegrationTabs } from './SMSIntegrationTabs'; /** * SMS SMS Integration */ -export default function SMSIntegration() { +export function SMSIntegration() { return ( diff --git a/packages/webapp/src/containers/Preferences/Users/Roles/RolesAlerts.tsx b/packages/webapp/src/containers/Preferences/Users/Roles/RolesAlerts.tsx index 5dac00412..495d5d507 100644 --- a/packages/webapp/src/containers/Preferences/Users/Roles/RolesAlerts.tsx +++ b/packages/webapp/src/containers/Preferences/Users/Roles/RolesAlerts.tsx @@ -1,11 +1,9 @@ // @ts-nocheck import React from 'react'; -const RoleDeleteAlert = React.lazy( - () => import('@/containers/Alerts/Roles/RoleDeleteAlert'), -); +const RoleDeleteAlert = React.lazy(() => import('@/containers/Alerts/Roles/RoleDeleteAlert').then(m => ({ default: m.RoleDeleteAlert }))); /** * Roles alerts */ -export default [{ name: 'role-delete', component: RoleDeleteAlert }]; +export const RolesAlerts = [{ name: 'role-delete', component: RoleDeleteAlert }]; diff --git a/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesForm.tsx b/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesForm.tsx index f51539cbd..3e39c4831 100644 --- a/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesForm.tsx +++ b/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesForm.tsx @@ -12,7 +12,7 @@ import { AppToaster, FormattedMessage as T } from '@/components'; import { CreateRolesFormSchema, EditRolesFormSchema } from './RolesForm.schema'; import { useRolesFormContext } from './RolesFormProvider'; import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions'; -import RolesFormContent from './RolesFormContent'; +import { RolesFormContent } from './RolesFormContent'; import { getNewRoleInitialValues, transformToArray, @@ -31,7 +31,7 @@ const defaultValues = { /** * Preferences - Roles Form. */ -function RolesForm({ +function RolesFormInner({ // #withDashboardActions changePreferencesPageTitle, }) { @@ -106,4 +106,4 @@ function RolesForm({ ); } -export default compose(withDashboardActions)(RolesForm); +export const RolesForm = compose(withDashboardActions)(RolesFormInner); diff --git a/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesFormContent.tsx b/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesFormContent.tsx index 7e9c96286..c6fc516fb 100644 --- a/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesFormContent.tsx +++ b/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesFormContent.tsx @@ -11,7 +11,7 @@ import { RoleFormObserver } from './RoleFormObserver'; * Preferences - Roles Form content. * @returns {React.JSX} */ -export default function RolesFormContent() { +export function RolesFormContent() { return ( diff --git a/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesFormPage.tsx b/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesFormPage.tsx index a3acc20f5..ec9c41d07 100644 --- a/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesFormPage.tsx +++ b/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesFormPage.tsx @@ -2,12 +2,12 @@ import React from 'react'; import { useParams } from 'react-router-dom'; import { RolesFormProvider } from './RolesFormProvider'; -import RolesForm from './RolesForm'; +import { RolesForm } from './RolesForm'; /** * Roles Form page. */ -export default function RolesFormPage() { +export function RolesFormPage() { const { id } = useParams(); const idInteger = parseInt(id, 10); diff --git a/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesFormProvider.tsx b/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesFormProvider.tsx index cfc312c2c..2985e42a6 100644 --- a/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesFormProvider.tsx +++ b/packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RolesFormProvider.tsx @@ -9,7 +9,7 @@ import { usePermissionsSchema, useRolePermission, } from '@/hooks/query'; -import PreferencesPageLoader from '@/containers/Preferences/PreferencesPageLoader'; +import { PreferencesPageLoader } from '@/containers/Preferences/PreferencesPageLoader'; const RolesFormContext = React.createContext(); diff --git a/packages/webapp/src/containers/Preferences/Users/Roles/RolesLanding/RolesDataTable.tsx b/packages/webapp/src/containers/Preferences/Users/Roles/RolesLanding/RolesDataTable.tsx index c11d0e494..312e2d890 100644 --- a/packages/webapp/src/containers/Preferences/Users/Roles/RolesLanding/RolesDataTable.tsx +++ b/packages/webapp/src/containers/Preferences/Users/Roles/RolesLanding/RolesDataTable.tsx @@ -16,7 +16,7 @@ import { compose } from '@/utils'; /** * Roles data table. */ -function RolesDataTable({ +function RolesDataTableInner({ // #withAlertActions openAlert, }) { @@ -75,4 +75,4 @@ const RolesTable = styled(DataTable)` } `; -export default compose(withAlertActions)(RolesDataTable); +export const RolesDataTable = compose(withAlertActions)(RolesDataTableInner); diff --git a/packages/webapp/src/containers/Preferences/Users/Roles/RolesLanding/RolesList.tsx b/packages/webapp/src/containers/Preferences/Users/Roles/RolesLanding/RolesList.tsx index b0b013310..5ec4fea64 100644 --- a/packages/webapp/src/containers/Preferences/Users/Roles/RolesLanding/RolesList.tsx +++ b/packages/webapp/src/containers/Preferences/Users/Roles/RolesLanding/RolesList.tsx @@ -2,17 +2,15 @@ import React from 'react'; import { RolesListProvider } from './RolesListProvider'; -import RolesDataTable from './RolesDataTable'; +import { RolesDataTable } from './RolesDataTable'; /** * Roles list. */ -function RolesListPrefernces() { +export function RolesListPrefernces() { return ( ); } - -export default RolesListPrefernces; diff --git a/packages/webapp/src/containers/Preferences/Users/Users.tsx b/packages/webapp/src/containers/Preferences/Users/Users.tsx index d32a838e9..501dc883a 100644 --- a/packages/webapp/src/containers/Preferences/Users/Users.tsx +++ b/packages/webapp/src/containers/Preferences/Users/Users.tsx @@ -46,7 +46,7 @@ function UsersPreferences({ openDialog }) { ); } -export default withUserPreferences(UsersPreferences); +export const Users = withUserPreferences(UsersPreferences); const UsersPereferencesCard = styled(Card)` padding: 0; diff --git a/packages/webapp/src/containers/Preferences/Users/UsersActions.tsx b/packages/webapp/src/containers/Preferences/Users/UsersActions.tsx index bc8cb3e28..0e0285d8c 100644 --- a/packages/webapp/src/containers/Preferences/Users/UsersActions.tsx +++ b/packages/webapp/src/containers/Preferences/Users/UsersActions.tsx @@ -8,7 +8,7 @@ import { Icon, FormattedMessage as T } from '@/components'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; -function UsersActions({ openDialog, closeDialog }) { +function UsersActionsInner({ openDialog, closeDialog }) { const history = useHistory(); const onClickNewUser = () => { openDialog('invite-user'); @@ -38,4 +38,4 @@ function UsersActions({ openDialog, closeDialog }) { ); } -export default compose(withDialogActions)(UsersActions); +export const UsersActions = compose(withDialogActions)(UsersActionsInner); diff --git a/packages/webapp/src/containers/Preferences/Users/UsersAlerts.tsx b/packages/webapp/src/containers/Preferences/Users/UsersAlerts.tsx index 70297ea0b..4ef8f8cd5 100644 --- a/packages/webapp/src/containers/Preferences/Users/UsersAlerts.tsx +++ b/packages/webapp/src/containers/Preferences/Users/UsersAlerts.tsx @@ -1,17 +1,11 @@ // @ts-nocheck import React from 'react'; -const UserDeleteAlert = React.lazy( - () => import('@/containers/Alerts/Users/UserDeleteAlert'), -); -const UserActivateAlert = React.lazy( - () => import('@/containers/Alerts/Users/UserActivateAlert'), -); -const UserInactivateAlert = React.lazy( - () => import('@/containers/Alerts/Users/UserInactivateAlert'), -); +const UserDeleteAlert = React.lazy(() => import('@/containers/Alerts/Users/UserDeleteAlert').then(m => ({ default: m.UserDeleteAlert }))); +const UserActivateAlert = React.lazy(() => import('@/containers/Alerts/Users/UserActivateAlert').then(m => ({ default: m.UserActivateAlert }))); +const UserInactivateAlert = React.lazy(() => import('@/containers/Alerts/Users/UserInactivateAlert').then(m => ({ default: m.UserInactivateAlert }))); -export default [ +export const UsersAlerts = [ { name: 'user-delete', component: UserDeleteAlert }, { name: 'user-activate', component: UserActivateAlert }, { name: 'user-inactivate', component: UserInactivateAlert }, diff --git a/packages/webapp/src/containers/Preferences/Users/UsersDataTable.tsx b/packages/webapp/src/containers/Preferences/Users/UsersDataTable.tsx index 058c822e5..578a71797 100644 --- a/packages/webapp/src/containers/Preferences/Users/UsersDataTable.tsx +++ b/packages/webapp/src/containers/Preferences/Users/UsersDataTable.tsx @@ -15,7 +15,7 @@ import { Intent } from '@blueprintjs/core'; /** * Users datatable. */ -function UsersDataTable({ +function UsersDataTableInner({ // #withDialogActions openDialog, @@ -104,4 +104,4 @@ function UsersDataTable({ ); } -export default compose(withDialogActions, withAlertActions)(UsersDataTable); +export const UsersDataTable = compose(withDialogActions, withAlertActions)(UsersDataTableInner); diff --git a/packages/webapp/src/containers/Preferences/Users/UsersList.tsx b/packages/webapp/src/containers/Preferences/Users/UsersList.tsx index 322dafee5..49eb4f47c 100644 --- a/packages/webapp/src/containers/Preferences/Users/UsersList.tsx +++ b/packages/webapp/src/containers/Preferences/Users/UsersList.tsx @@ -5,7 +5,7 @@ import intl from 'react-intl-universal'; import { UsersListProvider } from './UsersProvider'; import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions'; -import UsersDataTable from './UsersDataTable'; +import { UsersDataTable } from './UsersDataTable'; import { compose } from '@/utils'; /** @@ -26,4 +26,4 @@ function UsersListPreferences({ ); } -export default compose(withDashboardActions)(UsersListPreferences); +export const UsersList = compose(withDashboardActions)(UsersListPreferences); diff --git a/packages/webapp/src/containers/Preferences/Warehouses/Warehouses.tsx b/packages/webapp/src/containers/Preferences/Warehouses/Warehouses.tsx index 8f7be8a5c..beb01c5ac 100644 --- a/packages/webapp/src/containers/Preferences/Warehouses/Warehouses.tsx +++ b/packages/webapp/src/containers/Preferences/Warehouses/Warehouses.tsx @@ -4,7 +4,7 @@ import intl from 'react-intl-universal'; import '@/style/pages/Preferences/warehousesList.scss'; -import WarehousesGrid from './WarehousesGrid'; +import { WarehousesGrid } from './WarehousesGrid'; import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions'; import { compose } from '@/utils'; @@ -12,7 +12,7 @@ import { compose } from '@/utils'; * Warehouses. * @returns */ -function Warehouses({ +function WarehousesInner({ // #withDashboardActions changePreferencesPageTitle, }) { @@ -26,4 +26,4 @@ function Warehouses({ ); } -export default compose(withDashboardActions)(Warehouses); +export const Warehouses = compose(withDashboardActions)(WarehousesInner); diff --git a/packages/webapp/src/containers/Preferences/Warehouses/WarehousesActions.tsx b/packages/webapp/src/containers/Preferences/Warehouses/WarehousesActions.tsx index 8dbdb3c06..66f5e629d 100644 --- a/packages/webapp/src/containers/Preferences/Warehouses/WarehousesActions.tsx +++ b/packages/webapp/src/containers/Preferences/Warehouses/WarehousesActions.tsx @@ -10,7 +10,7 @@ import { compose } from '@/utils'; /** * Warehouse actions. */ -function WarehousesActions({ +function WarehousesActionsInner({ //#ownProps openDialog, }) { @@ -33,4 +33,4 @@ function WarehousesActions({ ); } -export default compose(withDialogActions)(WarehousesActions); +export const WarehousesActions = compose(withDialogActions)(WarehousesActionsInner); diff --git a/packages/webapp/src/containers/Preferences/Warehouses/WarehousesAlerts.tsx b/packages/webapp/src/containers/Preferences/Warehouses/WarehousesAlerts.tsx index d00476469..aa21884a3 100644 --- a/packages/webapp/src/containers/Preferences/Warehouses/WarehousesAlerts.tsx +++ b/packages/webapp/src/containers/Preferences/Warehouses/WarehousesAlerts.tsx @@ -1,11 +1,9 @@ // @ts-nocheck import React from 'react'; -const WarehouseDeleteAlert = React.lazy( - () => import('@/containers/Alerts/Warehouses/WarehouseDeleteAlert'), -); +const WarehouseDeleteAlert = React.lazy(() => import('@/containers/Alerts/Warehouses/WarehouseDeleteAlert').then(m => ({ default: m.WarehouseDeleteAlert }))); /** * Warehouses alerts. */ -export default [{ name: 'warehouse-delete', component: WarehouseDeleteAlert }]; +export const WarehousesAlerts = [{ name: 'warehouse-delete', component: WarehouseDeleteAlert }]; diff --git a/packages/webapp/src/containers/Preferences/Warehouses/WarehousesEmptyStatus.tsx b/packages/webapp/src/containers/Preferences/Warehouses/WarehousesEmptyStatus.tsx index 0abaab5ca..664f285c6 100644 --- a/packages/webapp/src/containers/Preferences/Warehouses/WarehousesEmptyStatus.tsx +++ b/packages/webapp/src/containers/Preferences/Warehouses/WarehousesEmptyStatus.tsx @@ -6,7 +6,7 @@ import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; -function WarehousesEmptyStatus({ +function WarehousesEmptyStatusInner({ // #withDialogActions openDialog, }) { @@ -38,4 +38,4 @@ function WarehousesEmptyStatus({ ); } -export default compose(withDialogActions)(WarehousesEmptyStatus); +export const WarehousesEmptyStatus = compose(withDialogActions)(WarehousesEmptyStatusInner); diff --git a/packages/webapp/src/containers/Preferences/Warehouses/WarehousesGrid.tsx b/packages/webapp/src/containers/Preferences/Warehouses/WarehousesGrid.tsx index 55dabaa8c..adf750169 100644 --- a/packages/webapp/src/containers/Preferences/Warehouses/WarehousesGrid.tsx +++ b/packages/webapp/src/containers/Preferences/Warehouses/WarehousesGrid.tsx @@ -1,14 +1,14 @@ // @ts-nocheck import React from 'react'; -import WarehousesEmptyStatus from './WarehousesEmptyStatus'; +import { WarehousesEmptyStatus } from './WarehousesEmptyStatus'; import { useWarehousesContext } from './WarehousesProvider'; import { WarehousesList, WarehousesSkeleton } from './components'; -import WarehousesGridItems from './WarehousesGridItems'; +import { WarehousesGridItems } from './WarehousesGridItems'; /** * Warehouses grid. */ -export default function WarehousesGrid() { +export function WarehousesGrid() { // Retrieve list context. const { warehouses, diff --git a/packages/webapp/src/containers/Preferences/Warehouses/WarehousesGridItems.tsx b/packages/webapp/src/containers/Preferences/Warehouses/WarehousesGridItems.tsx index 6a711d67f..7c7553371 100644 --- a/packages/webapp/src/containers/Preferences/Warehouses/WarehousesGridItems.tsx +++ b/packages/webapp/src/containers/Preferences/Warehouses/WarehousesGridItems.tsx @@ -77,7 +77,7 @@ const WarehousesGridItem = compose( /** * warehouses grid items, */ -export default function WarehousesGridItems({ warehouses }) { +export function WarehousesGridItems({ warehouses }) { return warehouses.map((warehouse) => ( )); diff --git a/packages/webapp/src/containers/Preferences/Warehouses/index.tsx b/packages/webapp/src/containers/Preferences/Warehouses/index.tsx index b70305e0e..1a48528c0 100644 --- a/packages/webapp/src/containers/Preferences/Warehouses/index.tsx +++ b/packages/webapp/src/containers/Preferences/Warehouses/index.tsx @@ -1,13 +1,13 @@ // @ts-nocheck import React from 'react'; import { WarehousesProvider } from './WarehousesProvider'; -import Warehouses from './Warehouses'; +import { Warehouses } from './Warehouses'; /** * Warehouses Preferences. * @returns */ -export default function WarehousesPerences() { +export function WarehousesPerences() { return ( diff --git a/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseForm.tsx b/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseForm.tsx index ce48567c2..06ef452ee 100644 --- a/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseForm.tsx +++ b/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseForm.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { Formik } from 'formik'; import { AppToaster } from '@/components'; import { CreateEstimatedExpenseFormSchema } from './EstimatedExpense.schema'; -import EstimatedExpenseFormConent from './EstimatedExpenseFormConent'; +import { EstimatedExpenseFormConent } from './EstimatedExpenseFormConent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; @@ -19,7 +19,7 @@ const defaultInitialValues = { * Estimated expense form dialog. * @returns */ -function EstimatedExpenseForm({ +function EstimatedExpenseFormInner({ //#withDialogActions closeDialog, }) { @@ -54,4 +54,4 @@ function EstimatedExpenseForm({ ); } -export default compose(withDialogActions)(EstimatedExpenseForm); +export const EstimatedExpenseForm = compose(withDialogActions)(EstimatedExpenseFormInner); diff --git a/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormChargeFields.tsx b/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormChargeFields.tsx index 85feda37c..bddae77b1 100644 --- a/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormChargeFields.tsx +++ b/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormChargeFields.tsx @@ -39,7 +39,7 @@ function CustomPirceField() { * estimate expense form charge fields. * @returns */ -export default function EstimatedExpenseFormChargeFields() { +export function EstimatedExpenseFormChargeFields() { const { values } = useFormikContext(); return ( diff --git a/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormConent.tsx b/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormConent.tsx index 859407bd2..996582da0 100644 --- a/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormConent.tsx +++ b/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormConent.tsx @@ -1,14 +1,14 @@ // @ts-nocheck import React from 'react'; import { Form } from 'formik'; -import EstimatedExpenseFormFields from './EstimatedExpenseFormFields'; -import EstimatedExpenseFormFloatingActions from './EstimatedExpenseFormFloatingActions'; +import { EstimatedExpenseFormFields } from './EstimatedExpenseFormFields'; +import { EstimatedExpenseFormFloatingActions } from './EstimatedExpenseFormFloatingActions'; /** * Estimated expense form content. * @returns */ -export default function EstimatedExpenseFormConent() { +export function EstimatedExpenseFormConent() { return ( diff --git a/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormDialogContent.tsx b/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormDialogContent.tsx index 0b7f77023..95d56e8a9 100644 --- a/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormDialogContent.tsx +++ b/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormDialogContent.tsx @@ -1,13 +1,13 @@ // @ts-nocheck import React from 'react'; import { EstimatedExpenseFormProvider } from './EstimatedExpenseFormProvider'; -import EstimatedExpenseForm from './EstimatedExpenseForm'; +import { EstimatedExpenseForm } from './EstimatedExpenseForm'; /** * Estimate expense form dialog. * @return */ -export default function EstimatedExpenseFormDialogContent({ +export function EstimatedExpenseFormDialogContent({ //#ownProps dialogName, estimatedExpense, diff --git a/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormFields.tsx b/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormFields.tsx index 9f81f59d4..81c363d5f 100644 --- a/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormFields.tsx +++ b/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormFields.tsx @@ -15,14 +15,14 @@ import { ProjectTaskChargeTypeSelect, } from '../../components'; import { useEstimatedExpenseFormContext } from './EstimatedExpenseFormProvider'; -import EstimatedExpenseFormChargeFields from './EstimatedExpenseFormChargeFields'; +import { EstimatedExpenseFormChargeFields } from './EstimatedExpenseFormChargeFields'; import { expenseChargeOption } from '../common/modalChargeOptions'; /** * Estimated expense form fields. * @returns */ -export default function EstimatedExpenseFormFields() { +export function EstimatedExpenseFormFields() { return (
{/*------------ Estimated Expense -----------*/} diff --git a/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormFloatingActions.tsx b/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormFloatingActions.tsx index 8c55e976c..82b353280 100644 --- a/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/EstimatedExpenseFormFloatingActions.tsx @@ -11,7 +11,7 @@ import { compose } from '@/utils'; * Estimated expense form floating actions. * @returns */ -function EstimatedExpenseFormFloatingActions({ +function EstimatedExpenseFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -45,4 +45,4 @@ function EstimatedExpenseFormFloatingActions({ ); } -export default compose(withDialogActions)(EstimatedExpenseFormFloatingActions); +export const EstimatedExpenseFormFloatingActions = compose(withDialogActions)(EstimatedExpenseFormFloatingActionsInner); diff --git a/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/index.tsx b/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/index.tsx index b144220a1..2e7f38407 100644 --- a/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/index.tsx +++ b/packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/index.tsx @@ -5,9 +5,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const EstimatedExpenseFormDialogContent = React.lazy( - () => import('./EstimatedExpenseFormDialogContent'), -); +const EstimatedExpenseFormDialogContent = React.lazy(() => import('./EstimatedExpenseFormDialogContent').then(m => ({ default: m.EstimatedExpenseFormDialogContent }))); /** * Estimate expense form dialog. @@ -37,7 +35,7 @@ function EstimatedExpenseFormDialog({ ); } -export default compose(withDialogRedux())(EstimatedExpenseFormDialog); +export const index = compose(withDialogRedux())(EstimatedExpenseFormDialog); const EstimateExpenseFormDialogRoot = styled(Dialog)` .bp4-dialog-body { diff --git a/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectDeleteAlert.tsx b/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectDeleteAlert.tsx index 86e6cf59a..cc59d5b12 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectDeleteAlert.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectDeleteAlert.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Project delete alert. */ -function ProjectDeleteAlert({ +function ProjectDeleteAlertInner({ name, // #withAlertStoreConnect @@ -73,7 +73,7 @@ function ProjectDeleteAlert({ ); } -export default compose( +export const ProjectDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, -)(ProjectDeleteAlert); +)(ProjectDeleteAlertInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectStatusAlert.tsx b/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectStatusAlert.tsx index 575f117f4..710c4f2f0 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectStatusAlert.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectStatusAlert.tsx @@ -15,7 +15,7 @@ import { compose } from '@/utils'; * Project status alert. * @returns */ -function ProjectStatusAlert({ +function ProjectStatusAlertInner({ name, isOpen, payload: { projectId, status }, @@ -70,7 +70,7 @@ function ProjectStatusAlert({ ); } -export default compose( +export const ProjectStatusAlert = compose( withAlertStoreConnect(), withAlertActions, -)(ProjectStatusAlert); +)(ProjectStatusAlertInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectTaskDeleteAlert.tsx b/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectTaskDeleteAlert.tsx index 7847c8836..345c36998 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectTaskDeleteAlert.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectTaskDeleteAlert.tsx @@ -15,7 +15,7 @@ import { compose } from '@/utils'; * Project tasks delete alert. * @returns */ -function ProjectTaskDeleteAlert({ +function ProjectTaskDeleteAlertInner({ name, // #withAlertStoreConnect @@ -72,7 +72,7 @@ function ProjectTaskDeleteAlert({ ); } -export default compose( +export const ProjectTaskDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, -)(ProjectTaskDeleteAlert); +)(ProjectTaskDeleteAlertInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectTimesheetDeleteAlert.tsx b/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectTimesheetDeleteAlert.tsx index 54533a04e..1c55b7ac9 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectTimesheetDeleteAlert.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectAlerts/ProjectTimesheetDeleteAlert.tsx @@ -15,7 +15,7 @@ import { compose } from '@/utils'; * Project timesheet delete alert. * @returns */ -function ProjectTimesheetDeleteAlert({ +function ProjectTimesheetDeleteAlertInner({ name, // #withAlertStoreConnect @@ -73,7 +73,7 @@ function ProjectTimesheetDeleteAlert({ ); } -export default compose( +export const ProjectTimesheetDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, -)(ProjectTimesheetDeleteAlert); +)(ProjectTimesheetDeleteAlertInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectAlerts/index.ts b/packages/webapp/src/containers/Projects/containers/ProjectAlerts/index.ts index 27a4ec89c..fdccddb2e 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectAlerts/index.ts +++ b/packages/webapp/src/containers/Projects/containers/ProjectAlerts/index.ts @@ -1,20 +1,16 @@ // @ts-nocheck import React from 'react'; -const ProjectDeleteAlert = React.lazy(() => import('./ProjectDeleteAlert')); -const ProjectTaskDeleteAlert = React.lazy( - () => import('./ProjectTaskDeleteAlert'), -); -const ProjectTimesheetDeleteAlert = React.lazy( - () => import('./ProjectTimesheetDeleteAlert'), -); +const ProjectDeleteAlert = React.lazy(() => import('./ProjectDeleteAlert').then(m => ({ default: m.ProjectDeleteAlert }))); +const ProjectTaskDeleteAlert = React.lazy(() => import('./ProjectTaskDeleteAlert').then(m => ({ default: m.ProjectTaskDeleteAlert }))); +const ProjectTimesheetDeleteAlert = React.lazy(() => import('./ProjectTimesheetDeleteAlert').then(m => ({ default: m.ProjectTimesheetDeleteAlert }))); -const ProjectStatusAlert = React.lazy(() => import('./ProjectStatusAlert')); +const ProjectStatusAlert = React.lazy(() => import('./ProjectStatusAlert').then(m => ({ default: m.ProjectStatusAlert }))); /** * Project alerts. */ -export default [ +export const ProjectAlerts = [ { name: 'project-delete', component: ProjectDeleteAlert }, { name: 'project-task-delete', component: ProjectTaskDeleteAlert }, { name: 'project-timesheet-delete', component: ProjectTimesheetDeleteAlert }, diff --git a/packages/webapp/src/containers/Projects/containers/ProjectBillableEntries/ProjectBillableEntriesContent.tsx b/packages/webapp/src/containers/Projects/containers/ProjectBillableEntries/ProjectBillableEntriesContent.tsx index f163adf6a..ab50dd3f5 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectBillableEntries/ProjectBillableEntriesContent.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectBillableEntries/ProjectBillableEntriesContent.tsx @@ -7,7 +7,7 @@ import { useProjectBillableEntriesContext } from './ProjectBillableEntriesProvid /** * Project billable entries content. */ -export default function ProjectBillableEntriesContent() { +export function ProjectBillableEntriesContent() { const { billableEntries } = useProjectBillableEntriesContext(); return ( diff --git a/packages/webapp/src/containers/Projects/containers/ProjectBillableEntries/index.tsx b/packages/webapp/src/containers/Projects/containers/ProjectBillableEntries/index.tsx index 80795a948..97ecca916 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectBillableEntries/index.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectBillableEntries/index.tsx @@ -1,9 +1,9 @@ // @ts-nocheck import React from 'react'; -import ProjectBillableEntriesContent from './ProjectBillableEntriesContent'; +import { ProjectBillableEntriesContent } from './ProjectBillableEntriesContent'; import { ProjectBillableEntriesProvider } from './ProjectBillableEntriesProvider'; -export default function ProjectBillableEntries() { +export function ProjectBillableEntries() { return ( diff --git a/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesForm.tsx b/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesForm.tsx index e8f86bf19..c56647cfb 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesForm.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesForm.tsx @@ -5,7 +5,7 @@ import intl from 'react-intl-universal'; import { Formik } from 'formik'; import { AppToaster } from '@/components'; import { ProjectBillableEntriesFormSchema } from './ProjectBillableEntriesForm.schema'; -import ProjectBillableEntriesFormContent from './ProjectBillableEntriesFormContent'; +import { ProjectBillableEntriesFormContent } from './ProjectBillableEntriesFormContent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; @@ -16,7 +16,7 @@ const defaultInitialValues = {}; * project billable entries form. * @returns */ -function ProjectBillableEntriesForm({ +function ProjectBillableEntriesFormInner({ //#withDialogActions closeDialog, }) { @@ -53,4 +53,4 @@ function ProjectBillableEntriesForm({ ); } -export default compose(withDialogActions)(ProjectBillableEntriesForm); +export const ProjectBillableEntriesForm = compose(withDialogActions)(ProjectBillableEntriesFormInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormContent.tsx b/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormContent.tsx index 50a02af41..65bcc8eb1 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormContent.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormContent.tsx @@ -5,14 +5,14 @@ import { Form } from 'formik'; import { Choose } from '@/components'; import { EmptyStatuCallout } from './utils'; import { useProjectBillableEntriesFormContext } from './ProjectBillableEntriesFormProvider'; -import ProjectBillableEntriesFormFields from './ProjectBillableEntriesFormFields'; -import ProjectBillableEntriesFormFloatingActions from './ProjectBillableEntriesFormFloatingActions'; +import { ProjectBillableEntriesFormFields } from './ProjectBillableEntriesFormFields'; +import { ProjectBillableEntriesFormFloatingActions } from './ProjectBillableEntriesFormFloatingActions'; /** * Project billable entries form content. * @returns */ -export default function ProjectBillableEntriesFormContent() { +export function ProjectBillableEntriesFormContent() { const { isEmptyStatus } = useProjectBillableEntriesFormContext(); return ( diff --git a/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormDialogContent.tsx b/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormDialogContent.tsx index eaf66c1c4..c327e8abf 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormDialogContent.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormDialogContent.tsx @@ -1,13 +1,13 @@ // @ts-nocheck import React from 'react'; import { ProjectBillableEntriesFormProvider } from './ProjectBillableEntriesFormProvider'; -import ProjectBillableEntriesForm from './ProjectBillableEntriesForm'; +import { ProjectBillableEntriesForm } from './ProjectBillableEntriesForm'; /** * Project billable entries form dialog content. * @returns */ -export default function ProjectEntriesFormDialogContent({ +export function ProjectEntriesFormDialogContent({ // #ownProps dialogName, projectId, diff --git a/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormFields.tsx b/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormFields.tsx index 9488b1ab1..13a38feed 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormFields.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormFields.tsx @@ -28,7 +28,7 @@ import intl from 'react-intl-universal'; * Project billable entries form fields. * @returns */ -export default function ProjectBillableEntriesFormFields() { +export function ProjectBillableEntriesFormFields() { // Formik context. const { values } = useFormikContext(); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormFloatingActions.tsx b/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormFloatingActions.tsx index 596ed294d..e9831f906 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormFloatingActions.tsx @@ -45,7 +45,7 @@ function ProjectEntriesFormFloatingActions({ ); } -export default compose(withDialogActions)(ProjectEntriesFormFloatingActions); +export const ProjectBillableEntriesFormFloatingActions = compose(withDialogActions)(ProjectEntriesFormFloatingActions); const SaveButton = styled(Button)` &.bp4-button { diff --git a/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/index.tsx b/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/index.tsx index ae68c61e6..9961f4eea 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/index.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/index.tsx @@ -6,9 +6,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const ProjectBillableEntriesFormDialogContent = React.lazy( - () => import('./ProjectBillableEntriesFormDialogContent'), -); +const ProjectBillableEntriesFormDialogContent = React.lazy(() => import('./ProjectBillableEntriesFormDialogContent').then(m => ({ default: m.ProjectEntriesFormDialogContent }))); /** * Project billable entries form dialog. @@ -38,7 +36,7 @@ function ProjectBillableEntriesFormDialog({ ); } -export default compose(withDialogRedux())(ProjectBillableEntriesFormDialog); +export const index = compose(withDialogRedux())(ProjectBillableEntriesFormDialog); const ProjectBillableEntriesFormDialogRoot = styled(Dialog)` .bp4-dialog-body { diff --git a/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectDetailActionsBar.tsx b/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectDetailActionsBar.tsx index 0f030a094..b7bf3d718 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectDetailActionsBar.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectDetailActionsBar.tsx @@ -26,7 +26,7 @@ import { compose } from '@/utils'; * Project detail actions bar. * @returns */ -function ProjectDetailActionsBar({ +function ProjectDetailActionsBarInner({ // #withDialogActions openDialog, @@ -129,10 +129,10 @@ function ProjectDetailActionsBar({ ); } -export default compose( +export const ProjectDetailActionsBar = compose( withDialogActions, withSettingsActions, withSettings(({ timesheetsSettings }) => ({ timesheetsTableSize: timesheetsSettings?.tableSize, })), -)(ProjectDetailActionsBar); +)(ProjectDetailActionsBarInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectDetailTabs.tsx b/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectDetailTabs.tsx index 3dd9f9431..00d0d753f 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectDetailTabs.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectDetailTabs.tsx @@ -3,16 +3,16 @@ import React from 'react'; import styled from 'styled-components'; import intl from 'react-intl-universal'; import { Tabs, Tab } from '@blueprintjs/core'; -import ProjectTimeSheets from './ProjectTimeSheets'; -import ProjectTasks from './ProjectTasks'; -import ProjectPurchasesTable from './ProjectPurchasesTable'; -import ProjectSalesTable from './ProjectSalesTable'; +import { ProjectTimeSheets } from './ProjectTimeSheets'; +import { ProjectTasks } from './ProjectTasks'; +import { ProjectPurchasesTableRoot as ProjectPurchasesTable } from './ProjectPurchasesTable'; +import { ProjectSalesTableRoot as ProjectSalesTable } from './ProjectSalesTable'; /** * Project detail tabs. * @returns */ -export default function ProjectDetailTabs() { +export function ProjectDetailTabs() { return ( diff --git a/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectSalesTable/index.tsx b/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectSalesTable/index.tsx index b548b33a8..4bc2c9e8c 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectSalesTable/index.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectSalesTable/index.tsx @@ -8,7 +8,7 @@ import { DashboardContentTable } from '@/components'; * Project Sales Table. * @returns */ -export default function ProjectSalesTableRoot() { +export function ProjectSalesTableRoot() { return ( diff --git a/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectTasks/index.tsx b/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectTasks/index.tsx index 4389916c0..c1ce497cc 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectTasks/index.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectTasks/index.tsx @@ -6,7 +6,7 @@ import { ProjectDetailHeader } from '../ProjectDetailsHeader'; import { ProjectTasksTable } from './ProjectTasksTable'; import { ProjectTaskProvider } from './ProjectTaskProvider'; -export default function ProjectTasks() { +export function ProjectTasks() { return ( diff --git a/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectTimeSheets/index.tsx b/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectTimeSheets/index.tsx index 8570e58ce..53cd308df 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectTimeSheets/index.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectTimeSheets/index.tsx @@ -10,7 +10,7 @@ import { ProjectTimesheetsProvider } from './ProjectTimesheetsProvider'; * Project Timesheets. * @returns */ -export default function ProjectTimeSheets() { +export function ProjectTimeSheets() { return ( diff --git a/packages/webapp/src/containers/Projects/containers/ProjectDetails/index.tsx b/packages/webapp/src/containers/Projects/containers/ProjectDetails/index.tsx index 19d434d1f..389bbc669 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectDetails/index.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectDetails/index.tsx @@ -1,8 +1,8 @@ // @ts-nocheck import React, { useEffect } from 'react'; import { useLocation } from 'react-router-dom'; -import ProjectDetailActionsBar from './ProjectDetailActionsBar'; -import ProjectDetailTabs from './ProjectDetailTabs'; +import { ProjectDetailActionsBar } from './ProjectDetailActionsBar'; +import { ProjectDetailTabs } from './ProjectDetailTabs'; import { DashboardPageContent } from '@/components'; import { ProjectDetailProvider } from './ProjectDetailProvider'; import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions'; @@ -34,4 +34,4 @@ function ProjectTabs({ ); } -export default compose(withDashboardActions)(ProjectTabs); +export const index = compose(withDashboardActions)(ProjectTabs); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseForm.tsx b/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseForm.tsx index 800225a79..94f577a3c 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseForm.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseForm.tsx @@ -5,7 +5,7 @@ import intl from 'react-intl-universal'; import { Formik } from 'formik'; import { AppToaster } from '@/components'; import { CreateProjectExpenseFormSchema } from './ProjectExpenseForm.schema'; -import ProjectExpenseFormContent from './ProjectExpenseFormContent'; +import { ProjectExpenseFormContent } from './ProjectExpenseFormContent'; import { useProjectExpenseFormContext } from './ProjectExpenseFormProvider'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; @@ -26,7 +26,7 @@ const defaultInitialValues = { * Project expense form. * @returns */ -function ProjectExpenseForm({ +function ProjectExpenseFormInner({ //#withDialogActions closeDialog, }) { @@ -62,4 +62,4 @@ function ProjectExpenseForm({ ); } -export default compose(withDialogActions)(ProjectExpenseForm); +export const ProjectExpenseForm = compose(withDialogActions)(ProjectExpenseFormInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormChargeFields.tsx b/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormChargeFields.tsx index 5274a12d4..feb13fe55 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormChargeFields.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormChargeFields.tsx @@ -39,7 +39,7 @@ function CustomPirceField() { * Expense form charge fields. * @returns */ -export default function ExpenseFormChargeFields() { +export function ExpenseFormChargeFields() { const { values } = useFormikContext(); return ( diff --git a/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormContent.tsx b/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormContent.tsx index 111e0342e..e5a6bcbf7 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormContent.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormContent.tsx @@ -1,14 +1,14 @@ // @ts-nocheck import React from 'react'; import { Form } from 'formik'; -import ProjectExpenseFormFields from './ProjectExpenseFormFields'; -import ProjectExpneseFormFloatingActions from './ProjectExpneseFormFloatingActions'; +import { ProjectExpenseFormFields } from './ProjectExpenseFormFields'; +import { ProjectExpneseFormFloatingActions } from './ProjectExpneseFormFloatingActions'; /** * Expense form content. * @returns */ -export default function ProjectExpenseFormContent() { +export function ProjectExpenseFormContent() { return ( diff --git a/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormDialogContent.tsx b/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormDialogContent.tsx index c0e5f7346..ce430eb55 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormDialogContent.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormDialogContent.tsx @@ -1,13 +1,13 @@ // @ts-nocheck import React from 'react'; import { ProjectExpenseFormProvider } from './ProjectExpenseFormProvider'; -import ProjectExpenseForm from './ProjectExpenseForm'; +import { ProjectExpenseForm } from './ProjectExpenseForm'; /** * Project expense form dialog content. * @returns */ -export default function ProjectExpenseFormDialogContent({ +export function ProjectExpenseFormDialogContent({ // #ownProps dialogName, expense, diff --git a/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormFields.tsx b/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormFields.tsx index 015d686a5..8b5f0fcb3 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormFields.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpenseFormFields.tsx @@ -16,7 +16,7 @@ import { FInputGroupComponent, ProjectTaskChargeTypeSelect, } from '../../components'; -import ExpenseFormChargeFields from './ProjectExpenseFormChargeFields'; +import { ExpenseFormChargeFields } from './ProjectExpenseFormChargeFields'; import { momentFormatter } from '@/utils'; import { useProjectExpenseFormContext } from './ProjectExpenseFormProvider'; import { expenseChargeOption } from '../common/modalChargeOptions'; @@ -25,7 +25,7 @@ import { expenseChargeOption } from '../common/modalChargeOptions'; * Project expense form fields. * @returns */ -export default function ProjectExpenseFormFields() { +export function ProjectExpenseFormFields() { return (
{/*------------ Expense Name -----------*/} diff --git a/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpneseFormFloatingActions.tsx b/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpneseFormFloatingActions.tsx index 35cd4ffb8..b6552c2f4 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpneseFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/ProjectExpneseFormFloatingActions.tsx @@ -7,7 +7,7 @@ import { useProjectExpenseFormContext } from './ProjectExpenseFormProvider'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; -function ProjectExpneseFormFloatingActions({ +function ProjectExpneseFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -41,4 +41,4 @@ function ProjectExpneseFormFloatingActions({ ); } -export default compose(withDialogActions)(ProjectExpneseFormFloatingActions); +export const ProjectExpneseFormFloatingActions = compose(withDialogActions)(ProjectExpneseFormFloatingActionsInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/index.tsx b/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/index.tsx index 86a7d6ee2..984373dc1 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/index.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/index.tsx @@ -5,9 +5,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const ProjectExpenseFormeDialogContent = React.lazy( - () => import('./ProjectExpenseFormDialogContent'), -); +const ProjectExpenseFormeDialogContent = React.lazy(() => import('./ProjectExpenseFormDialogContent').then(m => ({ default: m.ProjectExpenseFormDialogContent }))); /** * Project expense form dialog. @@ -37,7 +35,7 @@ function ProjectExpenseFormDialog({ ); } -export default compose(withDialogRedux())(ProjectExpenseFormDialog); +export const index = compose(withDialogRedux())(ProjectExpenseFormDialog); const ProjectExpenseFormDialogRoot = styled(Dialog)` .bp4-dialog-body { diff --git a/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectForm.tsx b/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectForm.tsx index 345a5baf0..9e32c772b 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectForm.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectForm.tsx @@ -5,7 +5,7 @@ import intl from 'react-intl-universal'; import { Formik } from 'formik'; import { Intent } from '@blueprintjs/core'; import { AppToaster } from '@/components'; -import ProjectFormContent from './ProjectFormContent'; +import { ProjectFormContent } from './ProjectFormContent'; import { CreateProjectFormSchema } from './ProjectForm.schema'; import { useProjectFormContext } from './ProjectFormProvider'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; @@ -24,7 +24,7 @@ const defaultInitialValues = { * Project form * @returns */ -function ProjectForm({ +function ProjectFormInner({ // #withDialogActions closeDialog, }) { @@ -89,4 +89,4 @@ function ProjectForm({ ); } -export default compose(withDialogActions)(ProjectForm); +export const ProjectForm = compose(withDialogActions)(ProjectFormInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormContent.tsx b/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormContent.tsx index e44595281..46a4153fb 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormContent.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormContent.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { Form } from 'formik'; -import ProjectFormFields from './ProjectFormFields'; -import ProjectFormFloatingActions from './ProjectFormFloatingActions'; +import { ProjectFormFields } from './ProjectFormFields'; +import { ProjectFormFloatingActions } from './ProjectFormFloatingActions'; /** * Project form content. */ -export default function ProjectFormContent() { +export function ProjectFormContent() { return ( diff --git a/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormDialogContent.tsx b/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormDialogContent.tsx index 127c218f1..ae1ee909e 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormDialogContent.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormDialogContent.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { ProjectFormProvider } from './ProjectFormProvider'; -import ProjectForm from './ProjectForm'; +import { ProjectForm } from './ProjectForm'; /** * Project form dialog content. * @returns {ReactNode} */ -export default function ProjectFormDialogContent({ +export function ProjectFormDialogContent({ // #ownProps dialogName, project, diff --git a/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormFields.tsx b/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormFields.tsx index c3ccf7a14..07b77b8ad 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormFields.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormFields.tsx @@ -25,7 +25,7 @@ import { useProjectFormContext } from './ProjectFormProvider'; * Project form fields. * @returns */ -function ProjectFormFields() { +export function ProjectFormFields() { // Formik context. const { values } = useFormikContext(); @@ -106,5 +106,3 @@ function ProjectFormCustomerSelect() { ); } - -export default ProjectFormFields; diff --git a/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormFloatingActions.tsx b/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormFloatingActions.tsx index c4080631c..de6c6dec7 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/ProjectFormFloatingActions.tsx @@ -11,7 +11,7 @@ import { compose } from '@/utils'; * Project form floating actions. * @returns */ -function ProjectFormFloatingActions({ +function ProjectFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -34,4 +34,4 @@ function ProjectFormFloatingActions({ ); } -export default compose(withDialogActions)(ProjectFormFloatingActions); +export const ProjectFormFloatingActions = compose(withDialogActions)(ProjectFormFloatingActionsInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/index.tsx b/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/index.tsx index fc06bd86a..db7f80fa6 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/index.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectFormDialog/index.tsx @@ -5,9 +5,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const ProjectDialogContent = React.lazy( - () => import('./ProjectFormDialogContent'), -); +const ProjectDialogContent = React.lazy(() => import('./ProjectFormDialogContent').then(m => ({ default: m.ProjectFormDialogContent }))); /** * Project form dialog. @@ -40,7 +38,7 @@ function ProjectFormDialog({ ); } -export default compose(withDialogRedux())(ProjectFormDialog); +export const index = compose(withDialogRedux())(ProjectFormDialog); const ProjectFormDialogRoot = styled(Dialog)` .bp4-dialog-body { diff --git a/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingForm.tsx b/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingForm.tsx index 665992928..163300c75 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingForm.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingForm.tsx @@ -5,7 +5,7 @@ import intl from 'react-intl-universal'; import { Formik } from 'formik'; import { Intent } from '@blueprintjs/core'; import { AppToaster } from '@/components'; -import ProjectInvoicingFormContent from './ProjectInvoicingFormContent'; +import { ProjectInvoicingFormContent } from './ProjectInvoicingFormContent'; import { CreateProjectInvoicingFormSchema } from './ProjectInvoicingForm.schema'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; @@ -23,7 +23,7 @@ const defaultInitialValues = { * project invoicing form. * @returns */ -function ProjectInvoicingForm({ +function ProjectInvoicingFormInner({ // #withDialogActions closeDialog, }) { @@ -57,4 +57,4 @@ function ProjectInvoicingForm({ ); } -export default compose(withDialogActions)(ProjectInvoicingForm); +export const ProjectInvoicingForm = compose(withDialogActions)(ProjectInvoicingFormInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormContent.tsx b/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormContent.tsx index 921ba3770..24234fa7c 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormContent.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormContent.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { Form } from 'formik'; -import ProjectInvoicingFormFields from './ProjectInvoicingFormFields'; -import ProjectInvoicingFormFloatingActions from './ProjectInvoicingFormFloatingActions'; +import { ProjectInvoicingFormFields } from './ProjectInvoicingFormFields'; +import { ProjectInvoicingFormFloatingActions } from './ProjectInvoicingFormFloatingActions'; /** * Project Invoicing form content. */ -export default function ProjectInvoicingFormContent() { +export function ProjectInvoicingFormContent() { return ( diff --git a/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormDialogContent.tsx b/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormDialogContent.tsx index 59ab82438..181e3153f 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormDialogContent.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormDialogContent.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { ProjectInvoicingFormProvider } from './ProjectInvoicingFormProvider'; -import ProjectInvoicingForm from './ProjectInvoicingForm'; +import { ProjectInvoicingForm } from './ProjectInvoicingForm'; /** * Project Invoicing form dialog content. * @returns */ -export default function ProjectInvoicingFormDialogContent({ +export function ProjectInvoicingFormDialogContent({ // #ownProps dialogName, }) { diff --git a/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormFields.tsx b/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormFields.tsx index e383d7897..a0a6bd04e 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormFields.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormFields.tsx @@ -17,7 +17,7 @@ import { momentFormatter } from '@/utils'; * Project invoicing form fields. * @returns */ -function ProjectInvoicingFormFields() { +export function ProjectInvoicingFormFields() { return (
{/*------------ Date -----------*/} @@ -57,5 +57,3 @@ function ProjectInvoicingFormFields() {
); } - -export default ProjectInvoicingFormFields; diff --git a/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormFloatingActions.tsx b/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormFloatingActions.tsx index 68174692d..0a032f802 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/ProjectInvoicingFormFloatingActions.tsx @@ -11,7 +11,7 @@ import { compose } from '@/utils'; * Project invoicing from floating actions * @returns */ -function ProjectInvoicingFormFloatingActions({ +function ProjectInvoicingFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -45,4 +45,4 @@ function ProjectInvoicingFormFloatingActions({ ); } -export default compose(withDialogActions)(ProjectInvoicingFormFloatingActions); +export const ProjectInvoicingFormFloatingActions = compose(withDialogActions)(ProjectInvoicingFormFloatingActionsInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/index.tsx b/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/index.tsx index 9ce252bb4..b67ee09a3 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/index.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/index.tsx @@ -5,9 +5,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const ProjectInvoicingDialogContent = React.lazy( - () => import('./ProjectInvoicingFormDialogContent'), -); +const ProjectInvoicingDialogContent = React.lazy(() => import('./ProjectInvoicingFormDialogContent').then(m => ({ default: m.ProjectInvoicingFormDialogContent }))); /** * Project invoicing form dialog. @@ -31,7 +29,7 @@ function ProjectInvoicingFormDialog({ dialogName, payload: {}, isOpen }) { ); } -export default compose(withDialogRedux())(ProjectInvoicingFormDialog); +export const index = compose(withDialogRedux())(ProjectInvoicingFormDialog); const ProjectInvoicingFormDialogRoot = styled(Dialog)` .bp4-dialog-body { diff --git a/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskForm.tsx b/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskForm.tsx index 65ce874a1..896fa2140 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskForm.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskForm.tsx @@ -7,7 +7,7 @@ import { AppToaster } from '@/components'; import { CreateProjectTaskFormSchema } from './ProjectTaskForm.schema'; import { useProjectTaskFormContext } from './ProjectTaskFormProvider'; import { compose, transformToForm } from '@/utils'; -import ProjectTaskFormContent from './ProjectTaskFormContent'; +import { TaskFormContent as ProjectTaskFormContent } from './ProjectTaskFormContent'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; const defaultInitialValues = { @@ -20,7 +20,7 @@ const defaultInitialValues = { * Project task form. * @returns */ -function ProjectTaskForm({ +function ProjectTaskFormInner({ // #withDialogActions closeDialog, }) { @@ -84,4 +84,4 @@ function ProjectTaskForm({ ); } -export default compose(withDialogActions)(ProjectTaskForm); +export const ProjectTaskForm = compose(withDialogActions)(ProjectTaskFormInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormContent.tsx b/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormContent.tsx index 0caa8ed76..3985de934 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormContent.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormContent.tsx @@ -1,14 +1,14 @@ // @ts-nocheck import React from 'react'; import { Form } from 'formik'; -import ProjectTaskFormFields from './ProjectTaskFormFields'; -import ProjectTaskFormFloatingActions from './ProjectTaskFormFloatingActions'; +import { ProjectTaskFormFields } from './ProjectTaskFormFields'; +import { ProjectTaskFormFloatingActions } from './ProjectTaskFormFloatingActions'; /** * Task form content. * @returns */ -export default function TaskFormContent() { +export function TaskFormContent() { return ( diff --git a/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormDialogContent.tsx b/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormDialogContent.tsx index 0bb824505..754d64361 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormDialogContent.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormDialogContent.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; import { ProjectTaskFormProvider } from './ProjectTaskFormProvider'; -import ProjectTaskForm from './ProjectTaskForm'; +import { ProjectTaskForm } from './ProjectTaskForm'; /** * Project task form dialog content. */ -export default function ProjectTaskFormDialogContent({ +export function ProjectTaskFormDialogContent({ // #ownProps dialogName, task, diff --git a/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormFields.tsx b/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormFields.tsx index 76112d811..630c7a9cf 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormFields.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormFields.tsx @@ -19,7 +19,7 @@ import intl from 'react-intl-universal'; * Project task form fields. * @returns */ -function ProjectTaskFormFields({ +function ProjectTaskFormFieldsInner({ // #withCurrentOrganization organization: { base_currency }, }) { @@ -68,4 +68,4 @@ function ProjectTaskFormFields({ ); } -export default compose(withCurrentOrganization())(ProjectTaskFormFields); +export const ProjectTaskFormFields = compose(withCurrentOrganization())(ProjectTaskFormFieldsInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormFloatingActions.tsx b/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormFloatingActions.tsx index 8b4954bd9..4ed1b43d5 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/ProjectTaskFormFloatingActions.tsx @@ -11,7 +11,7 @@ import { compose } from '@/utils'; * Task form floating actions. * @returns */ -function ProjectTaskFormFloatingActions({ +function ProjectTaskFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -45,4 +45,4 @@ function ProjectTaskFormFloatingActions({ ); } -export default compose(withDialogActions)(ProjectTaskFormFloatingActions); +export const ProjectTaskFormFloatingActions = compose(withDialogActions)(ProjectTaskFormFloatingActionsInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/index.tsx b/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/index.tsx index 93383d4dd..8f499af35 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/index.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectTaskFormDialog/index.tsx @@ -6,9 +6,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const ProjectTaskFormDialogContent = React.lazy( - () => import('./ProjectTaskFormDialogContent'), -); +const ProjectTaskFormDialogContent = React.lazy(() => import('./ProjectTaskFormDialogContent').then(m => ({ default: m.ProjectTaskFormDialogContent }))); /** * Project task form dialog. @@ -44,4 +42,4 @@ function ProjectTaskFormDialog({ ); } -export default compose(withDialogRedux())(ProjectTaskFormDialog); +export const index = compose(withDialogRedux())(ProjectTaskFormDialog); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryForm.tsx b/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryForm.tsx index b217dc5b8..a7e9712df 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryForm.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryForm.tsx @@ -6,7 +6,7 @@ import { Intent } from '@blueprintjs/core'; import { Formik } from 'formik'; import { AppToaster } from '@/components'; -import ProjectTimeEntryFormContent from './ProjectTimeEntryFormContent'; +import { TimeEntryFormContent as ProjectTimeEntryFormContent } from './ProjectTimeEntryFormContent'; import { CreateProjectTimeEntryFormSchema } from './ProjectTimeEntryForm.schema'; import { useProjectTimeEntryFormContext } from './ProjectTimeEntryFormProvider'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; @@ -25,7 +25,7 @@ const defaultInitialValues = { * Project Time entry form. * @returns */ -function ProjectTimeEntryForm({ +function ProjectTimeEntryFormInner({ // #withDialogActions closeDialog, }) { @@ -94,4 +94,4 @@ function ProjectTimeEntryForm({ ); } -export default compose(withDialogActions)(ProjectTimeEntryForm); +export const ProjectTimeEntryForm = compose(withDialogActions)(ProjectTimeEntryFormInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormContent.tsx b/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormContent.tsx index 6ee6ea25d..399290b61 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormContent.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormContent.tsx @@ -1,14 +1,14 @@ // @ts-nocheck import React from 'react'; import { Form } from 'formik'; -import ProjectTimeEntryFormFields from './ProjectTimeEntryFormFields'; -import ProjectTimeEntryFormFloatingActions from './ProjectTimeEntryFormFloatingActions'; +import { ProjectTimeEntryFormFields } from './ProjectTimeEntryFormFields'; +import { ProjectTimeEntryFormFloatingActions } from './ProjectTimeEntryFormFloatingActions'; /** * Time entry form content. * @returns */ -export default function TimeEntryFormContent() { +export function TimeEntryFormContent() { return ( diff --git a/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormDialogContent.tsx b/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormDialogContent.tsx index d910225e0..f5585ae09 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormDialogContent.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormDialogContent.tsx @@ -1,13 +1,13 @@ // @ts-nocheck import React from 'react'; import { ProjectTimeEntryFormProvider } from './ProjectTimeEntryFormProvider'; -import ProjectTimeEntryForm from './ProjectTimeEntryForm'; +import { ProjectTimeEntryForm } from './ProjectTimeEntryForm'; /** * Project time entry form dialog content. * @returns {ReactNode} */ -export default function ProjectTimeEntryFormDialogContent({ +export function ProjectTimeEntryFormDialogContent({ // #ownProps dialogName, timeEntry, diff --git a/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormFields.tsx b/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormFields.tsx index d2c8b266e..a6a2ebec3 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormFields.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormFields.tsx @@ -28,7 +28,7 @@ import { useSetProjectToForm } from './utils'; * Project time entry form fields. * @returns */ -function ProjectTimeEntryFormFields() { +export function ProjectTimeEntryFormFields() { // time entry form dialog context. const { projectTasks, projects, projectId } = useProjectTimeEntryFormContext(); @@ -109,9 +109,6 @@ function ProjectTimeEntryFormFields() {
); } - -export default ProjectTimeEntryFormFields; - const DurationInputGroup = styled(FInputGroup)` .bp4-input { width: 150px; diff --git a/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormFloatingActions.tsx b/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormFloatingActions.tsx index 6c369e998..b91af7baf 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormFloatingActions.tsx @@ -11,7 +11,7 @@ import { compose } from '@/utils'; * Projcet time entry form floating actions. * @returns */ -function ProjectTimeEntryFormFloatingActions({ +function ProjectTimeEntryFormFloatingActionsInner({ // #withDialogActions closeDialog, }) { @@ -42,4 +42,4 @@ function ProjectTimeEntryFormFloatingActions({ ); } -export default compose(withDialogActions)(ProjectTimeEntryFormFloatingActions); +export const ProjectTimeEntryFormFloatingActions = compose(withDialogActions)(ProjectTimeEntryFormFloatingActionsInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/index.tsx b/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/index.tsx index d500954a2..211ce2868 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/index.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/index.tsx @@ -5,9 +5,7 @@ import { Dialog, DialogSuspense, FormattedMessage as T } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const ProjectTimeEntryFormDialogContent = React.lazy( - () => import('./ProjectTimeEntryFormDialogContent'), -); +const ProjectTimeEntryFormDialogContent = React.lazy(() => import('./ProjectTimeEntryFormDialogContent').then(m => ({ default: m.ProjectTimeEntryFormDialogContent }))); /** * Project time entry form dialog. @@ -44,7 +42,7 @@ function ProjectTimeEntryFormDialog({ ); } -export default compose(withDialogRedux())(ProjectTimeEntryFormDialog); +export const index = compose(withDialogRedux())(ProjectTimeEntryFormDialog); const ProjectTimeEntryFormDialogRoot = styled(Dialog)` .bp4-dialog-body { diff --git a/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsActionsBar.tsx b/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsActionsBar.tsx index 773ad9a89..4a33068e1 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsActionsBar.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsActionsBar.tsx @@ -30,7 +30,7 @@ import { DialogsName } from '@/constants/dialogs'; * Projects actions bar. * @returns */ -function ProjectsActionsBar({ +function ProjectsActionsBarInner({ // #withDialogActions openDialog, @@ -118,7 +118,7 @@ function ProjectsActionsBar({ ); } -export default compose( +export const ProjectsActionsBar = compose( withDialogActions, withProjectsActions, withSettingsActions, @@ -128,4 +128,4 @@ export default compose( withSettings(({ projectSettings }) => ({ projectsTableSize: projectSettings?.tableSize, })), -)(ProjectsActionsBar); +)(ProjectsActionsBarInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsDataTable.tsx b/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsDataTable.tsx index b886c5401..af4f23bc9 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsDataTable.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsDataTable.tsx @@ -8,7 +8,7 @@ import { TableSkeletonHeader, } from '@/components'; import { TABLES } from '@/constants/tables'; -import ProjectsEmptyStatus from './ProjectsEmptyStatus'; +import { ProjectsEmptyStatus } from './ProjectsEmptyStatus'; import { useProjectsListContext } from './ProjectsListProvider'; import { useMemorizedColumnsWidths } from '@/hooks'; import { useProjectsListColumns, ActionsMenu } from './components'; @@ -23,7 +23,7 @@ import { compose } from '@/utils'; * Projects list datatable. * @returns */ -function ProjectsDataTable({ +function ProjectsDataTableInner({ // #withDial openDialog, @@ -119,14 +119,14 @@ function ProjectsDataTable({ ); } -export default compose( +export const ProjectsDataTable = compose( withDialogActions, withAlertActions, withProjectsActions, withSettings(({ projectSettings }) => ({ projectsTableSize: projectSettings?.tableSize, })), -)(ProjectsDataTable); +)(ProjectsDataTableInner); const ProjectsTable = styled(DataTable)` .tbody { diff --git a/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsEmptyStatus.tsx b/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsEmptyStatus.tsx index 5ca80fa69..66dc22aa3 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsEmptyStatus.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsEmptyStatus.tsx @@ -7,7 +7,7 @@ import { withDialogActions } from '@/containers/Dialog/withDialogActions'; import { compose } from '@/utils'; -function ProjectsEmptyStatus({ +function ProjectsEmptyStatusInner({ // #withDialogActions openDialog, }) { @@ -44,4 +44,4 @@ function ProjectsEmptyStatus({ ); } -export default compose(withDialogActions)(ProjectsEmptyStatus); +export const ProjectsEmptyStatus = compose(withDialogActions)(ProjectsEmptyStatusInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsList.tsx b/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsList.tsx index cac9de955..667f07995 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsList.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsList.tsx @@ -2,9 +2,9 @@ import React from 'react'; import { DashboardPageContent, DashboardContentTable } from '@/components'; -import ProjectsActionsBar from './ProjectsActionsBar'; -import ProjectsViewTabs from './ProjectsViewTabs'; -import ProjectsDataTable from './ProjectsDataTable'; +import { ProjectsActionsBar } from './ProjectsActionsBar'; +import { ProjectsViewTabs } from './ProjectsViewTabs'; +import { ProjectsDataTable } from './ProjectsDataTable'; import { withProjects } from './withProjects'; import { withProjectsActions } from './withProjectsActions'; @@ -16,7 +16,7 @@ import { compose, transformTableStateToQuery } from '@/utils'; * Projects list. * @returns */ -function ProjectsList({ +function ProjectsListInner({ // #withProjects projectsTableState, projectsTableStateChanged, @@ -49,10 +49,10 @@ function ProjectsList({ ); } -export default compose( +export const ProjectsList = compose( withProjects(({ projectsTableState, projectsTableStateChanged }) => ({ projectsTableState, projectsTableStateChanged, })), withProjectsActions, -)(ProjectsList); +)(ProjectsListInner); diff --git a/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsViewTabs.tsx b/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsViewTabs.tsx index ae06c1a93..82636e756 100644 --- a/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsViewTabs.tsx +++ b/packages/webapp/src/containers/Projects/containers/ProjectsLanding/ProjectsViewTabs.tsx @@ -14,7 +14,7 @@ import { compose, transfromViewsToTabs } from '@/utils'; * Projects views tabs. * @returns */ -function ProjectsViewTabs({ +function ProjectsViewTabsInner({ // #withProjects projectsCurrentView, @@ -46,9 +46,9 @@ function ProjectsViewTabs({ ); } -export default compose( +export const ProjectsViewTabs = compose( withProjects(({ projectsTableState }) => ({ projectsCurrentView: projectsTableState?.viewSlug, })), withProjectsActions, -)(ProjectsViewTabs); +)(ProjectsViewTabsInner); diff --git a/packages/webapp/src/containers/Projects/hooks/projectBillableEntries.tsx b/packages/webapp/src/containers/Projects/hooks/projectBillableEntries.tsx index a2da2b86f..dda8379c8 100644 --- a/packages/webapp/src/containers/Projects/hooks/projectBillableEntries.tsx +++ b/packages/webapp/src/containers/Projects/hooks/projectBillableEntries.tsx @@ -1,7 +1,7 @@ // @ts-nocheck import { useRequestQuery } from '@/hooks/useQueryRequest'; -import t from './type'; +import { queryTypes as t } from './type'; /** * diff --git a/packages/webapp/src/containers/Projects/hooks/projectTimeEntry.tsx b/packages/webapp/src/containers/Projects/hooks/projectTimeEntry.tsx index 6847261bb..1375bfd2d 100644 --- a/packages/webapp/src/containers/Projects/hooks/projectTimeEntry.tsx +++ b/packages/webapp/src/containers/Projects/hooks/projectTimeEntry.tsx @@ -2,7 +2,7 @@ import { useQueryClient, useMutation } from '@tanstack/react-query'; import { useRequestQuery } from '@/hooks/useQueryRequest'; import useApiRequest from '@/hooks/useRequest'; -import t from './type'; +import { queryTypes as t } from './type'; // Common invalidate queries. const commonInvalidateQueries = (queryClient) => { diff --git a/packages/webapp/src/containers/Projects/hooks/projects.ts b/packages/webapp/src/containers/Projects/hooks/projects.ts index 6df674429..7379b7d07 100644 --- a/packages/webapp/src/containers/Projects/hooks/projects.ts +++ b/packages/webapp/src/containers/Projects/hooks/projects.ts @@ -2,7 +2,7 @@ import { useQueryClient, useMutation } from '@tanstack/react-query'; import { useRequestQuery } from '@/hooks/useQueryRequest'; import useApiRequest from '@/hooks/useRequest'; -import t from './type'; +import { queryTypes as t } from './type'; // Common invalidate queries. const commonInvalidateQueries = (queryClient) => { diff --git a/packages/webapp/src/containers/Projects/hooks/projectsTask.tsx b/packages/webapp/src/containers/Projects/hooks/projectsTask.tsx index 3da2dfbcc..b522ac331 100644 --- a/packages/webapp/src/containers/Projects/hooks/projectsTask.tsx +++ b/packages/webapp/src/containers/Projects/hooks/projectsTask.tsx @@ -2,7 +2,7 @@ import { useQueryClient, useMutation } from '@tanstack/react-query'; import { useRequestQuery } from '@/hooks/useQueryRequest'; import useApiRequest from '@/hooks/useRequest'; -import t from './type'; +import { queryTypes as t } from './type'; // Common invalidate queries. const commonInvalidateQueries = (queryClient) => { diff --git a/packages/webapp/src/containers/Projects/hooks/type.ts b/packages/webapp/src/containers/Projects/hooks/type.ts index af1fcc6f1..7ab0b660c 100644 --- a/packages/webapp/src/containers/Projects/hooks/type.ts +++ b/packages/webapp/src/containers/Projects/hooks/type.ts @@ -23,7 +23,7 @@ const PROJECT_BILLABLE_ENTRIES = { PROJECT_BILLABLE_ENTRIES: 'PROJECT_BILLABLE_ENTRIES', }; -export default { +export const queryTypes = { ...PROJECTS, ...CUSTOMERS, ...PROJECT_TASKS, diff --git a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFloatingActions.tsx b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFloatingActions.tsx index fa8b5f16d..02339bef5 100644 --- a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFloatingActions.tsx +++ b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFloatingActions.tsx @@ -22,7 +22,7 @@ import { useBillFormContext } from './BillFormProvider'; /** * Bill floating actions bar. */ -export default function BillFloatingActions() { +export function BillFloatingActions() { const history = useHistory(); // Formik context. diff --git a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillForm.tsx b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillForm.tsx index a1f81783d..8c17e8500 100644 --- a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillForm.tsx +++ b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillForm.tsx @@ -10,11 +10,11 @@ import { CLASSES } from '@/constants/classes'; import { css } from '@emotion/css'; import { EditBillFormSchema, CreateBillFormSchema } from './BillForm.schema'; -import BillFormHeader from './BillFormHeader'; -import BillFloatingActions from './BillFloatingActions'; -import BillFormFooter from './BillFormFooter'; -import BillItemsEntriesEditor from './BillItemsEntriesEditor'; -import BillFormTopBar from './BillFormTopBar'; +import { BillFormHeader } from './BillFormHeader'; +import { BillFloatingActions } from './BillFloatingActions'; +import { BillFormFooter } from './BillFormFooter'; +import { BillFormBody as BillItemsEntriesEditor } from './BillItemsEntriesEditor'; +import { BillFormTopBar } from './BillFormTopBar'; import { AppToaster, Box } from '@/components'; import { PageForm } from '@/components/PageForm'; @@ -33,7 +33,7 @@ import { BillFormEntriesActions } from './BillFormEntriesActions'; /** * Bill form. */ -function BillForm({ +function BillFormInner({ // #withCurrentOrganization organization: { base_currency }, }) { @@ -147,4 +147,4 @@ function BillForm({ ); } -export default compose(withCurrentOrganization())(BillForm); +export const BillForm = compose(withCurrentOrganization())(BillFormInner); diff --git a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormCurrencyTag.tsx b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormCurrencyTag.tsx index b0486d15c..8ca303349 100644 --- a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormCurrencyTag.tsx +++ b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormCurrencyTag.tsx @@ -7,7 +7,7 @@ import { useBillFormContext } from './BillFormProvider'; * Bill form currnecy tag. * @returns */ -export default function BillFormCurrencyTag() { +export function BillFormCurrencyTag() { const { isForeignVendor, selectVendor } = useBillFormContext(); if (!isForeignVendor) { diff --git a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormFooter.tsx b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormFooter.tsx index e01096f64..29df720c7 100644 --- a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormFooter.tsx +++ b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormFooter.tsx @@ -7,7 +7,7 @@ import { BillFormFooterRight } from './BillFormFooterRight'; import { UploadAttachmentButton } from '@/containers/Attachments/UploadAttachmentButton'; // Bill form floating actions. -export default function BillFormFooter() { +export function BillFormFooter() { return ( diff --git a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormHeader.tsx b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormHeader.tsx index 3d224fce4..8bd274005 100644 --- a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormHeader.tsx +++ b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormHeader.tsx @@ -3,13 +3,13 @@ import React from 'react'; import intl from 'react-intl-universal'; import { PageForm, PageFormBigNumber } from '@/components'; -import BillFormHeaderFields from './BillFormHeaderFields'; +import { BillFormHeaderFields } from './BillFormHeaderFields'; import { useBillTotalFormatted } from './utils'; /** * Fill form header. */ -function BillFormHeader() { +export function BillFormHeader() { return ( @@ -25,5 +25,3 @@ function BillFormBigTotal() { ); } - -export default BillFormHeader; diff --git a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormHeaderFields.tsx b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormHeaderFields.tsx index d022f9d9b..f0a503cc5 100644 --- a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormHeaderFields.tsx +++ b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormHeaderFields.tsx @@ -193,7 +193,7 @@ function BillFormVendorField() { ); } -export default compose(withDialogActions)(BillFormHeader); +export const BillFormHeaderFields = compose(withDialogActions)(BillFormHeader); const VendorButtonLink = styled(VendorDrawerLink)` font-size: 11px; diff --git a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormPage.tsx b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormPage.tsx index d807b0730..4d1785b18 100644 --- a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormPage.tsx +++ b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormPage.tsx @@ -2,12 +2,12 @@ import React from 'react'; import { useParams } from 'react-router-dom'; -import BillForm from './BillForm'; +import { BillForm } from './BillForm'; import { BillFormProvider } from './BillFormProvider'; import '@/style/pages/Bills/PageForm.scss'; -export default function BillFormPage() { +export function BillFormPage() { const { id } = useParams(); const billId = id ? parseInt(id, 10) : undefined; diff --git a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormTopBar.tsx b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormTopBar.tsx index 2c400b032..72182de89 100644 --- a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormTopBar.tsx +++ b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormTopBar.tsx @@ -27,7 +27,7 @@ import { Features } from '@/constants'; * Bill form topbar . * @returns {JSX.Element} */ -export default function BillFormTopBar() { +export function BillFormTopBar() { // Features guard. const { featureCan } = useFeatureCan(); diff --git a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillItemsEntriesEditor.tsx b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillItemsEntriesEditor.tsx index a07e43fcb..754e3dfa3 100644 --- a/packages/webapp/src/containers/Purchases/Bills/BillForm/BillItemsEntriesEditor.tsx +++ b/packages/webapp/src/containers/Purchases/Bills/BillForm/BillItemsEntriesEditor.tsx @@ -1,5 +1,5 @@ // @ts-nocheck -import ItemsEntriesTable from '@/containers/Entries/ItemsEntriesTable'; +import { ItemsEntriesTable } from '@/containers/Entries/ItemsEntriesTable'; import { FastField } from 'formik'; import { useBillFormContext } from './BillFormProvider'; import { entriesFieldShouldUpdate } from './utils'; @@ -8,7 +8,7 @@ import { ITEM_TYPE } from '@/containers/Entries/utils'; /** * Bill form body. */ -export default function BillFormBody({ defaultBill }) { +export function BillFormBody({ defaultBill }) { const { items, taxRates } = useBillFormContext(); return ( diff --git a/packages/webapp/src/containers/Purchases/Bills/BillImport.tsx b/packages/webapp/src/containers/Purchases/Bills/BillImport.tsx index fa2924800..e70782c88 100644 --- a/packages/webapp/src/containers/Purchases/Bills/BillImport.tsx +++ b/packages/webapp/src/containers/Purchases/Bills/BillImport.tsx @@ -3,7 +3,7 @@ import { useHistory } from 'react-router-dom'; import { DashboardInsider } from '@/components'; import { ImportView } from '@/containers/Import'; -export default function BillsImport() { +export function BillsImport() { const history = useHistory(); const handleCancelBtnClick = () => { diff --git a/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsActionsBar.tsx b/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsActionsBar.tsx index 8cc3084cb..31185251c 100644 --- a/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsActionsBar.tsx +++ b/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsActionsBar.tsx @@ -208,7 +208,7 @@ function BillActionsBar({ ); } -export default compose( +export const BillsActionsBar = compose( withBillsActions, withSettingsActions, withBills(({ billsTableState, billsSelectedRows }) => ({ diff --git a/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsAlerts.tsx b/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsAlerts.tsx index 266075f52..9cfb71516 100644 --- a/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsAlerts.tsx +++ b/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsAlerts.tsx @@ -1,18 +1,12 @@ // @ts-nocheck import React from 'react'; -const BillOpenAlert = React.lazy( - () => import('@/containers/Alerts/Bills/BillOpenAlert'), -); -const BillDeleteAlert = React.lazy( - () => import('@/containers/Alerts/Bills/BillDeleteAlert'), -); +const BillOpenAlert = React.lazy(() => import('@/containers/Alerts/Bills/BillOpenAlert').then(m => ({ default: m.BillOpenAlert }))); +const BillDeleteAlert = React.lazy(() => import('@/containers/Alerts/Bills/BillDeleteAlert').then(m => ({ default: m.BillDeleteAlert }))); -const BillLocatedLandedCostDeleteAlert = React.lazy( - () => import('@/containers/Alerts/Bills/BillLocatedLandedCostDeleteAlert'), -); +const BillLocatedLandedCostDeleteAlert = React.lazy(() => import('@/containers/Alerts/Bills/BillLocatedLandedCostDeleteAlert').then(m => ({ default: m.BillLocatedLandedCostDeleteAlert }))); -export default [ +export const BillsAlerts = [ { name: 'bill-delete', component: BillDeleteAlert }, { name: 'bill-open', component: BillOpenAlert }, { diff --git a/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsEmptyStatus.tsx b/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsEmptyStatus.tsx index f749516d8..cab764c95 100644 --- a/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsEmptyStatus.tsx +++ b/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsEmptyStatus.tsx @@ -6,7 +6,7 @@ import { EmptyStatus } from '@/components'; import { Can, FormattedMessage as T } from '@/components'; import { BillAction, AbilitySubject } from '@/constants/abilityOption'; -export default function BillsEmptyStatus() { +export function BillsEmptyStatus() { const history = useHistory(); return ( diff --git a/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsList.tsx b/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsList.tsx index c7002b025..56b2fb2ce 100644 --- a/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsList.tsx +++ b/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsList.tsx @@ -6,8 +6,8 @@ import '@/style/pages/Bills/List.scss'; import { BillsListProvider } from './BillsListProvider'; -import BillsActionsBar from './BillsActionsBar'; -import BillsTable from './BillsTable'; +import { BillsActionsBar } from './BillsActionsBar'; +import { BillsTable } from './BillsTable'; import { withBills } from './withBills'; import { withBillsActions } from './withBillsActions'; @@ -17,7 +17,7 @@ import { transformTableStateToQuery, compose } from '@/utils'; /** * Bills list. */ -function BillsList({ +function BillsListInner({ // #withBills billsTableState, billsTableStateChanged, @@ -47,10 +47,10 @@ function BillsList({ ); } -export default compose( +export const BillsList = compose( withBills(({ billsTableState, billsTableStateChanged }) => ({ billsTableState, billsTableStateChanged, })), withBillsActions, -)(BillsList); +)(BillsListInner); diff --git a/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsTable.tsx b/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsTable.tsx index e1ac7a746..7e7a5a657 100644 --- a/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsTable.tsx +++ b/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsTable.tsx @@ -10,7 +10,7 @@ import { TableSkeletonHeader, } from '@/components'; -import BillsEmptyStatus from './BillsEmptyStatus'; +import { BillsEmptyStatus } from './BillsEmptyStatus'; import { withBills } from './withBills'; import { withBillsActions } from './withBillsActions'; @@ -161,7 +161,7 @@ function BillsDataTable({ ); } -export default compose( +export const BillsTable = compose( withBills(({ billsTableState }) => ({ billsTableState })), withBillsActions, withAlertActions, diff --git a/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsViewsTabs.tsx b/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsViewsTabs.tsx index df90ae1f8..5a25ed8d0 100644 --- a/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsViewsTabs.tsx +++ b/packages/webapp/src/containers/Purchases/Bills/BillsLanding/BillsViewsTabs.tsx @@ -46,7 +46,7 @@ function BillViewTabs({ ); } -export default compose( +export const BillsViewsTabs = compose( withBillsActions, withBills(({ billsTableState }) => ({ billsCurrentView: billsTableState.viewSlug, diff --git a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFloatingActions.tsx b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFloatingActions.tsx index ff0038fa5..f9a80b30a 100644 --- a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFloatingActions.tsx +++ b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFloatingActions.tsx @@ -19,7 +19,7 @@ import { useVendorCreditNoteFormContext } from './VendorCreditNoteFormProvider'; /** * Purchases Credit note floating actions. */ -export default function VendorCreditNoteFloatingActions() { +export function VendorCreditNoteFloatingActions() { const history = useHistory(); // Formik context. diff --git a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteForm.tsx b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteForm.tsx index 86c9caed3..81ac72557 100644 --- a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteForm.tsx +++ b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteForm.tsx @@ -14,12 +14,12 @@ import { EditCreditNoteFormSchema, } from './VendorCreditNoteForm.schema'; -import VendorCreditNoteFormHeader from './VendorCreditNoteFormHeader'; -import VendorCreditNoteItemsEntriesEditor from './VendorCreditNoteItemsEntriesEditor'; -import VendorCreditNoteFormFooter from './VendorCreditNoteFormFooter'; -import VendorCreditNoteFloatingActions from './VendorCreditNoteFloatingActions'; -import VendorCreditNoteFormDialogs from './VendorCreditNoteFormDialogs'; -import VendorCreditNoteFormTopBar from './VendorCreditNoteFormTopBar'; +import { VendorCreditNoteFormHeader } from './VendorCreditNoteFormHeader'; +import { VendorCreditNoteItemsEntriesEditor } from './VendorCreditNoteItemsEntriesEditor'; +import { VendorCreditNoteFormFooter } from './VendorCreditNoteFormFooter'; +import { VendorCreditNoteFloatingActions } from './VendorCreditNoteFloatingActions'; +import { VendorCreditNoteFormDialogs } from './VendorCreditNoteFormDialogs'; +import { VendorCreditNoteFormTopBar } from './VendorCreditNoteFormTopBar'; import { useVendorCreditNoteFormContext } from './VendorCreditNoteFormProvider'; @@ -38,7 +38,7 @@ import { withCurrentOrganization } from '@/containers/Organization/withCurrentOr /** * Vendor Credit note form. */ -function VendorCreditNoteForm({ +function VendorCreditNoteFormInner({ // #withSettings vendorcreditAutoIncrement, vendorcreditNumberPrefix, @@ -180,11 +180,11 @@ function VendorCreditNoteForm({ ); } -export default compose( +export const VendorCreditNoteForm = compose( withSettings(({ vendorsCreditNoteSetting }) => ({ vendorcreditAutoIncrement: vendorsCreditNoteSetting?.autoIncrement, vendorcreditNextNumber: vendorsCreditNoteSetting?.nextNumber, vendorcreditNumberPrefix: vendorsCreditNoteSetting?.numberPrefix, })), withCurrentOrganization(), -)(VendorCreditNoteForm); +)(VendorCreditNoteFormInner); diff --git a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormCurrencyTag.tsx b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormCurrencyTag.tsx index 5092dbc6a..4b1f954d1 100644 --- a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormCurrencyTag.tsx +++ b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormCurrencyTag.tsx @@ -7,7 +7,7 @@ import { useVendorCreditNoteFormContext } from './VendorCreditNoteFormProvider'; * Vendor credit note currency tag. * @returns */ -export default function VendorCreditNoteFormCurrencyTag() { +export function VendorCreditNoteFormCurrencyTag() { const { isForeignVendor, selectVendor } = useVendorCreditNoteFormContext(); if (!isForeignVendor) { diff --git a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormDialogs.tsx b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormDialogs.tsx index c81f40c2f..2106e720b 100644 --- a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormDialogs.tsx +++ b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormDialogs.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; -import VendorCreditNumberDialog from '@/containers/Dialogs/VendorCreditNumberDialog'; +import { index as VendorCreditNumberDialog } from '@/containers/Dialogs/VendorCreditNumberDialog'; import { useFormikContext } from 'formik'; /** * Vendor credit form dialog. */ -export default function VendorCreditNoteFormDialogs() { +export function VendorCreditNoteFormDialogs() { // Update the form once the vendor credit number form submit confirm. const handleVendorCreditNumberFormConfirm = ({ incrementNumber, diff --git a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormFooter.tsx b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormFooter.tsx index c53432729..19e5f528a 100644 --- a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormFooter.tsx +++ b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormFooter.tsx @@ -13,7 +13,7 @@ import { UploadAttachmentButton } from '@/containers/Attachments/UploadAttachmen /** * Vendor Credit note form footer. */ -export default function VendorCreditNoteFormFooter() { +export function VendorCreditNoteFormFooter() { return ( diff --git a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormHeader.tsx b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormHeader.tsx index d5b13b3eb..5f4dbbeb3 100644 --- a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormHeader.tsx +++ b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormHeader.tsx @@ -1,7 +1,7 @@ // @ts-nocheck import React from 'react'; import intl from 'react-intl-universal'; -import VendorCreditNoteFormHeaderFields from './VendorCreditNoteFormHeaderFields'; +import { VendorCreditNoteFormHeaderFields } from './VendorCreditNoteFormHeaderFields'; import { PageForm } from '@/components/PageForm'; import { PageFormBigNumber } from '@/components'; import { useVendorCreditTotalFormatted } from './utils'; @@ -9,7 +9,7 @@ import { useVendorCreditTotalFormatted } from './utils'; /** * Vendor Credit note header. */ -function VendorCreditNoteFormHeader() { +export function VendorCreditNoteFormHeader() { const totalFormatted = useVendorCreditTotalFormatted(); return ( @@ -22,5 +22,3 @@ function VendorCreditNoteFormHeader() { ); } - -export default VendorCreditNoteFormHeader; diff --git a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormHeaderFields.tsx b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormHeaderFields.tsx index f3f9ac1a0..3f7f04845 100644 --- a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormHeaderFields.tsx +++ b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormHeaderFields.tsx @@ -65,7 +65,7 @@ const getFieldsStyle = (theme: Theme) => css` /** * Vendor Credit note form header fields. */ -function VendorCreditNoteFormHeaderFields({ +function VendorCreditNoteFormHeaderFieldsInner({ // #withDialogActions openDialog, @@ -215,14 +215,14 @@ function VendorCreditFormVendorSelect() { ); } -export default compose( +export const VendorCreditNoteFormHeaderFields = compose( withDialogActions, withSettings(({ vendorsCreditNoteSetting }) => ({ vendorcreditAutoIncrement: vendorsCreditNoteSetting?.autoIncrement, vendorcreditNextNumber: vendorsCreditNoteSetting?.nextNumber, vendorcreditNumberPrefix: vendorsCreditNoteSetting?.numberPrefix, })), -)(VendorCreditNoteFormHeaderFields); +)(VendorCreditNoteFormHeaderFieldsInner); const VendorButtonLink = styled(VendorDrawerLink)` font-size: 11px; diff --git a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormPage.tsx b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormPage.tsx index b0f19e576..ea1d32660 100644 --- a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormPage.tsx +++ b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormPage.tsx @@ -2,13 +2,13 @@ import React from 'react'; import { useParams } from 'react-router-dom'; -import VendorCreditNoteForm from './VendorCreditNoteForm'; +import { VendorCreditNoteForm } from './VendorCreditNoteForm'; import { VendorCreditNoteFormProvider } from './VendorCreditNoteFormProvider'; /** * Vendor Credit note form pages. */ -export default function VendorCreditNoteFormPage() { +export function VendorCreditNoteFormPage() { const { id } = useParams(); const idAsInteger = id ? parseInt(id, 10) : undefined; diff --git a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormTopBar.tsx b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormTopBar.tsx index de22808f7..a6c932bdb 100644 --- a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormTopBar.tsx +++ b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormTopBar.tsx @@ -29,7 +29,7 @@ import { Features } from '@/constants'; * Vendor Credit note form topbar . * @returns {JSX.Element} */ -export default function VendorCreditNoteFormTopBar() { +export function VendorCreditNoteFormTopBar() { // Features guard. const { featureCan } = useFeatureCan(); diff --git a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteItemsEntriesEditor.tsx b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteItemsEntriesEditor.tsx index e0c12871f..7ce63c737 100644 --- a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteItemsEntriesEditor.tsx +++ b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteItemsEntriesEditor.tsx @@ -5,9 +5,9 @@ import { FastField } from 'formik'; import { CLASSES } from '@/constants/classes'; import { entriesFieldShouldUpdate } from './utils'; import { useVendorCreditNoteFormContext } from './VendorCreditNoteFormProvider'; -import ItemsEntriesTable from '@/containers/Entries/ItemsEntriesTable'; +import { ItemsEntriesTable } from '@/containers/Entries/ItemsEntriesTable'; -export default function VendorCreditNoteItemsEntriesEditor() { +export function VendorCreditNoteItemsEntriesEditor() { const { items } = useVendorCreditNoteFormContext(); return (
diff --git a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNoteActionsBar.tsx b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNoteActionsBar.tsx index 9f3636999..890859693 100644 --- a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNoteActionsBar.tsx +++ b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNoteActionsBar.tsx @@ -46,7 +46,7 @@ import { useBulkDeleteVendorCreditsDialog } from './hooks/use-bulk-delete-vendor /** * Vendors Credit note table actions bar. */ -function VendorsCreditNoteActionsBar({ +function VendorsCreditNoteActionsBarInner({ setVendorCreditsTableState, // #withVendorsCreditNotes @@ -224,7 +224,7 @@ function VendorsCreditNoteActionsBar({ ); } -export default compose( +export const VendorsCreditNoteActionsBar = compose( withVendorsCreditNotesActions, withVendorActions, withSettingsActions, @@ -239,4 +239,4 @@ export default compose( })), withDialogActions, withDrawerActions, -)(VendorsCreditNoteActionsBar); +)(VendorsCreditNoteActionsBarInner); diff --git a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNoteDataTable.tsx b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNoteDataTable.tsx index fcb8f2ed6..177ceedb7 100644 --- a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNoteDataTable.tsx +++ b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNoteDataTable.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { useHistory } from 'react-router-dom'; -import VendorsCreditNoteEmptyStatus from './VendorsCreditNoteEmptyStatus'; +import { VendorsCreditNoteEmptyStatus } from './VendorsCreditNoteEmptyStatus'; import { DataTable, DashboardContentTable, @@ -29,7 +29,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Vendors Credit note data table. */ -function VendorsCreditNoteDataTable({ +function VendorsCreditNoteDataTableInner({ // #withVendorsCreditNotesActions setVendorsCreditNoteTableState, setVendorsCreditNoteSelectedRows, @@ -162,7 +162,7 @@ function VendorsCreditNoteDataTable({ ); } -export default compose( +export const VendorsCreditNoteDataTable = compose( withDashboardActions, withVendorsCreditNotesActions, withAlertActions, @@ -174,4 +174,4 @@ export default compose( withVendorsCreditNotes(({ vendorsCreditNoteTableState }) => ({ vendorsCreditNoteTableState, })), -)(VendorsCreditNoteDataTable); +)(VendorsCreditNoteDataTableInner); diff --git a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNoteEmptyStatus.tsx b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNoteEmptyStatus.tsx index 333834e2f..84152bd94 100644 --- a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNoteEmptyStatus.tsx +++ b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNoteEmptyStatus.tsx @@ -5,7 +5,7 @@ import { useHistory } from 'react-router-dom'; import { EmptyStatus, Can, FormattedMessage as T } from '@/components'; import { VendorCreditAction, AbilitySubject } from '@/constants/abilityOption'; -export default function VendorsCreditNoteEmptyStatus() { +export function VendorsCreditNoteEmptyStatus() { const history = useHistory(); return ( ({ vendorCreditCurrentView: vendorsCreditNoteTableState.viewSlug, })), -)(VendorsCreditNoteViewTabs); +)(VendorsCreditNoteViewTabsInner); diff --git a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNotesList.tsx b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNotesList.tsx index 7fe4be5cb..ad9f01923 100644 --- a/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNotesList.tsx +++ b/packages/webapp/src/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNotesList.tsx @@ -4,8 +4,8 @@ import React from 'react'; import '@/style/pages/VendorsCreditNote/List.scss'; import { DashboardPageContent } from '@/components'; -import VendorsCreditNoteActionsBar from './VendorsCreditNoteActionsBar'; -import VendorsCreditNoteDataTable from './VendorsCreditNoteDataTable'; +import { VendorsCreditNoteActionsBar } from './VendorsCreditNoteActionsBar'; +import { VendorsCreditNoteDataTable } from './VendorsCreditNoteDataTable'; import { withVendorsCreditNotes } from './withVendorsCreditNotes'; import { withVendorsCreditNotesActions } from './withVendorsCreditNotesActions'; @@ -13,7 +13,7 @@ import { withVendorsCreditNotesActions } from './withVendorsCreditNotesActions'; import { VendorsCreditNoteListProvider } from './VendorsCreditNoteListProvider'; import { transformTableStateToQuery, compose } from '@/utils'; -function VendorsCreditNotesList({ +function VendorsCreditNotesListInner({ // #withVendorsCreditNotes vendorsCreditNoteTableState, vendorsCreditNoteTableStateChanged, @@ -42,7 +42,7 @@ function VendorsCreditNotesList({ ); } -export default compose( +export const VendorsCreditNotesList = compose( withVendorsCreditNotesActions, withVendorsCreditNotes( ({ vendorsCreditNoteTableState, vendorsCreditNoteTableStateChanged }) => ({ @@ -50,4 +50,4 @@ export default compose( vendorsCreditNoteTableStateChanged, }), ), -)(VendorsCreditNotesList); +)(VendorsCreditNotesListInner); diff --git a/packages/webapp/src/containers/Purchases/CreditNotes/VendorCreditNotesAlerts.tsx b/packages/webapp/src/containers/Purchases/CreditNotes/VendorCreditNotesAlerts.tsx index d5ebabcd3..725835e35 100644 --- a/packages/webapp/src/containers/Purchases/CreditNotes/VendorCreditNotesAlerts.tsx +++ b/packages/webapp/src/containers/Purchases/CreditNotes/VendorCreditNotesAlerts.tsx @@ -1,32 +1,18 @@ // @ts-nocheck import React from 'react'; -const VendorCreditDeleteAlert = React.lazy( - () => import('@/containers/Alerts/VendorCeditNotes/VendorCreditDeleteAlert'), -); +const VendorCreditDeleteAlert = React.lazy(() => import('@/containers/Alerts/VendorCeditNotes/VendorCreditDeleteAlert').then(m => ({ default: m.VendorCreditDeleteAlert }))); -const RefundVendorCreditDeleteAlert = React.lazy( - () => - import( - '@/containers/Alerts/VendorCeditNotes/RefundVendorCreditDeleteAlert' - ), -); +const RefundVendorCreditDeleteAlert = React.lazy(() => import('@/containers/Alerts/VendorCeditNotes/RefundVendorCreditDeleteAlert').then(m => ({ default: m.RefundVendorCreditDeleteAlert }))); -const OpenVendorCreditAlert = React.lazy( - () => import('@/containers/Alerts/VendorCeditNotes/VendorCreditOpenedAlert'), -); +const OpenVendorCreditAlert = React.lazy(() => import('@/containers/Alerts/VendorCeditNotes/VendorCreditOpenedAlert').then(m => ({ default: m.VendorCreditOpenedAlert }))); -const ReconcileVendorCreditDeleteAlert = React.lazy( - () => - import( - '@/containers/Alerts/VendorCeditNotes/ReconcileVendorCreditDeleteAlert' - ), -); +const ReconcileVendorCreditDeleteAlert = React.lazy(() => import('@/containers/Alerts/VendorCeditNotes/ReconcileVendorCreditDeleteAlert').then(m => ({ default: m.ReconcileVendorCreditDeleteAlert }))); /** * Vendor Credit notes alerts. */ -export default [ +export const VendorCreditNotesAlerts = [ { name: 'vendor-credit-delete', component: VendorCreditDeleteAlert, diff --git a/packages/webapp/src/containers/Purchases/CreditNotes/VendorCreditsImport.tsx b/packages/webapp/src/containers/Purchases/CreditNotes/VendorCreditsImport.tsx index b19c6465c..c6ae5df21 100644 --- a/packages/webapp/src/containers/Purchases/CreditNotes/VendorCreditsImport.tsx +++ b/packages/webapp/src/containers/Purchases/CreditNotes/VendorCreditsImport.tsx @@ -3,7 +3,7 @@ import { DashboardInsider } from '@/components'; import { ImportView } from '@/containers/Import'; import { useHistory } from 'react-router-dom'; -export default function VendorCreditsImport() { +export function VendorCreditsImport() { const history = useHistory(); const handleCancelBtnClick = () => { diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeEntriesTable.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeEntriesTable.tsx index 841a3f359..8dd5ecd92 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeEntriesTable.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeEntriesTable.tsx @@ -16,7 +16,7 @@ import { useFormikContext } from 'formik'; /** * Payment made items table. */ -export default function PaymentMadeEntriesTable({ +export function PaymentMadeEntriesTable({ onUpdateData, entries, currencyCode, diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFloatingActions.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFloatingActions.tsx index bbbd70111..96c81bcd1 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFloatingActions.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFloatingActions.tsx @@ -21,7 +21,7 @@ import { CLASSES } from '@/constants/classes'; /** * Payment made floating actions bar. */ -export default function PaymentMadeFloatingActions() { +export function PaymentMadeFloatingActions() { // History context. const history = useHistory(); diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFooter.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFooter.tsx index 8ab2b603a..e9b0c522e 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFooter.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFooter.tsx @@ -13,7 +13,7 @@ import { UploadAttachmentButton } from '@/containers/Attachments/UploadAttachmen /** * Payment made form footer. */ -export default function PaymentMadeFooter() { +export function PaymentMadeFooter() { return ( diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeForm.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeForm.tsx index 2e282b095..8d4d5a023 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeForm.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeForm.tsx @@ -10,11 +10,11 @@ import { css } from '@emotion/css'; import { CLASSES } from '@/constants/classes'; import { AppToaster, Box } from '@/components'; -import PaymentMadeHeader from './PaymentMadeFormHeader'; -import PaymentMadeFloatingActions from './PaymentMadeFloatingActions'; -import PaymentMadeFooter from './PaymentMadeFooter'; -import PaymentMadeFormBody from './PaymentMadeFormBody'; -import PaymentMadeFormTopBar from './PaymentMadeFormTopBar'; +import { PaymentMadeFormHeader as PaymentMadeHeader } from './PaymentMadeFormHeader'; +import { PaymentMadeFloatingActions } from './PaymentMadeFloatingActions'; +import { PaymentMadeFooter } from './PaymentMadeFooter'; +import { PaymentMadeFormBody } from './PaymentMadeFormBody'; +import { PaymentMadeFormTopBar } from './PaymentMadeFormTopBar'; import { PaymentMadeDialogs } from './PaymentMadeDialogs'; import { PaymentMadeInnerProvider } from './PaymentMadeInnerProvider'; @@ -41,7 +41,7 @@ import { /** * Payment made form component. */ -function PaymentMadeForm({ +function PaymentMadeFormInner({ // #withSettings preferredPaymentAccount, @@ -186,7 +186,7 @@ function PaymentMadeForm({ ); } -export default compose( +export const PaymentMadeForm = compose( withSettings(({ billPaymentSettings }) => ({ paymentNextNumber: billPaymentSettings?.next_number, paymentNumberPrefix: billPaymentSettings?.number_prefix, @@ -194,4 +194,4 @@ export default compose( })), withCurrentOrganization(), withDialogActions, -)(PaymentMadeForm); +)(PaymentMadeFormInner); diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormBody.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormBody.tsx index d4bb1b704..4417a5c00 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormBody.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormBody.tsx @@ -3,9 +3,9 @@ import React from 'react'; import classNames from 'classnames'; import { FastField } from 'formik'; import { CLASSES } from '@/constants/classes'; -import PaymentMadeEntriesTable from './PaymentMadeEntriesTable'; +import { PaymentMadeEntriesTable } from './PaymentMadeEntriesTable'; -export default function PaymentMadeFormBody() { +export function PaymentMadeFormBody() { return (
diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormCurrencyTag.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormCurrencyTag.tsx index 5ebdaa7bd..7ba5ef7b8 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormCurrencyTag.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormCurrencyTag.tsx @@ -7,7 +7,7 @@ import { usePaymentMadeFormContext } from './PaymentMadeFormProvider'; * Payment made form currency tag. * @returns */ -export default function PaymentMadeFormCurrencyTag() { +export function PaymentMadeFormCurrencyTag() { const { isForeignVendor, selectVendor } = usePaymentMadeFormContext(); if (!isForeignVendor) { diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormHeader.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormHeader.tsx index 19e2ba4f9..04f88bb41 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormHeader.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormHeader.tsx @@ -8,14 +8,14 @@ import { PageFormBigNumber, } from '@/components'; -import PaymentMadeFormHeaderFields from './PaymentMadeFormHeaderFields'; +import { PaymentMadeFormHeaderFields } from './PaymentMadeFormHeaderFields'; import { usePaymentmadeTotalAmount } from './utils'; import intl from 'react-intl-universal'; /** * Payment made header form. */ -function PaymentMadeFormHeader() { +export function PaymentMadeFormHeader() { // Formik form context. const { values: { currency_code }, @@ -33,5 +33,3 @@ function PaymentMadeFormHeader() { ); } - -export default PaymentMadeFormHeader; diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormHeaderFields.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormHeaderFields.tsx index 421bbaa73..cbd6cbcd3 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormHeaderFields.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormHeaderFields.tsx @@ -73,7 +73,7 @@ const getFieldsStyle = (theme: Theme) => css` /** * Payment made form header fields. */ -function PaymentMadeFormHeaderFields({ organization: { base_currency } }) { +function PaymentMadeFormHeaderFieldsInner({ organization: { base_currency } }) { // Formik form context. const { values: { entries, currency_code }, @@ -262,7 +262,7 @@ function PaymentFormVendorSelect() { ); } -export default compose(withCurrentOrganization())(PaymentMadeFormHeaderFields); +export const PaymentMadeFormHeaderFields = compose(withCurrentOrganization())(PaymentMadeFormHeaderFieldsInner); const VendorButtonLink = styled(VendorDrawerLink)` font-size: 11px; diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormPage.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormPage.tsx index 00ffcb489..e34c5b06b 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormPage.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormPage.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { useParams } from 'react-router-dom'; -import PaymentMadeForm from './PaymentMadeForm'; +import { PaymentMadeForm } from './PaymentMadeForm'; import { PaymentMadeFormProvider } from './PaymentMadeFormProvider'; import '@/style/pages/PaymentMade/PageForm.scss'; @@ -10,7 +10,7 @@ import '@/style/pages/PaymentMade/PageForm.scss'; /** * Payment made - Page form. */ -export default function PaymentMadeFormPage() { +export function PaymentMadeFormPage() { const { id: paymentMadeId } = useParams(); return ( diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormTopBar.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormTopBar.tsx index f9d683924..655b3e4d2 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormTopBar.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormTopBar.tsx @@ -17,7 +17,7 @@ import { Features } from '@/constants'; * Payment made from top bar. * @returns */ -export default function PaymentMadeFormTopBar() { +export function PaymentMadeFormTopBar() { // Features guard. const { featureCan } = useFeatureCan(); diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadeActionsBar.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadeActionsBar.tsx index abfdab927..2598b140d 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadeActionsBar.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadeActionsBar.tsx @@ -39,7 +39,7 @@ import { compose } from '@/utils'; /** * Payment made actions bar. */ -function PaymentMadeActionsBar({ +function PaymentMadeActionsBarInner({ // #withPaymentMadeActions setPaymentMadesTableState, @@ -173,7 +173,7 @@ function PaymentMadeActionsBar({ ); } -export default compose( +export const PaymentMadeActionsBar = compose( withPaymentMadeActions, withSettingsActions, withPaymentMade(({ paymentMadesTableState }) => ({ @@ -183,4 +183,4 @@ export default compose( paymentMadesTableSize: billPaymentSettings?.tableSize, })), withDialogActions, -)(PaymentMadeActionsBar); +)(PaymentMadeActionsBarInner); diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadeList.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadeList.tsx index c5707dd6a..b0d93bd93 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadeList.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadeList.tsx @@ -5,8 +5,8 @@ import '@/style/pages/PaymentMade/List.scss'; import { DashboardPageContent } from '@/components'; import { PaymentMadesListProvider } from './PaymentMadesListProvider'; -import PaymentMadeActionsBar from './PaymentMadeActionsBar'; -import PaymentMadesTable from './PaymentMadesTable'; +import { PaymentMadeActionsBar } from './PaymentMadeActionsBar'; +import { PaymentMadesTable } from './PaymentMadesTable'; import { withPaymentMade } from './withPaymentMade'; import { withPaymentMadeActions } from './withPaymentMadeActions'; @@ -16,7 +16,7 @@ import { compose, transformTableStateToQuery } from '@/utils'; /** * Payment mades list. */ -function PaymentMadeList({ +function PaymentMadeListInner({ // #withPaymentMade paymentMadesTableState, paymentsTableStateChanged, @@ -46,10 +46,10 @@ function PaymentMadeList({ ); } -export default compose( +export const PaymentMadeList = compose( withPaymentMade(({ paymentMadesTableState, paymentsTableStateChanged }) => ({ paymentMadesTableState, paymentsTableStateChanged, })), withPaymentMadeActions, -)(PaymentMadeList); +)(PaymentMadeListInner); diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadeViewTabs.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadeViewTabs.tsx index 6e742a253..dce2f4192 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadeViewTabs.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadeViewTabs.tsx @@ -14,7 +14,7 @@ import { withPaymentMadeActions } from './withPaymentMadeActions'; /** * Payment made views tabs. */ -function PaymentMadeViewTabs({ +function PaymentMadeViewTabsInner({ // #withPaymentMadeActions setPaymentMadesTableState, @@ -55,7 +55,7 @@ function PaymentMadeViewTabs({ ); } -export default compose( +export const PaymentMadeViewTabs = compose( withPaymentMadeActions, withPaymentMade(({ paymentMadesTableState }) => ({ paymentMadesTableState })), -)(PaymentMadeViewTabs); +)(PaymentMadeViewTabsInner); diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadesEmptyStatus.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadesEmptyStatus.tsx index 2e54fc17b..79e3a3b2d 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadesEmptyStatus.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadesEmptyStatus.tsx @@ -5,7 +5,7 @@ import { useHistory } from 'react-router-dom'; import { EmptyStatus, Can, FormattedMessage as T } from '@/components'; import { PaymentMadeAction, AbilitySubject } from '@/constants/abilityOption'; -export default function PaymentMadesEmptyStatus() { +export function PaymentMadesEmptyStatus() { const history = useHistory(); return ( diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadesTable.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadesTable.tsx index 2f31a6135..5f8964e1a 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadesTable.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadesTable.tsx @@ -11,7 +11,7 @@ import { TableSkeletonHeader, } from '@/components'; -import PaymentMadesEmptyStatus from './PaymentMadesEmptyStatus'; +import { PaymentMadesEmptyStatus } from './PaymentMadesEmptyStatus'; import { withPaymentMade } from './withPaymentMade'; import { withPaymentMadeActions } from './withPaymentMadeActions'; @@ -28,7 +28,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Payment made datatable transactions. */ -function PaymentMadesTable({ +function PaymentMadesTableInner({ // #withPaymentMadeActions setPaymentMadesTableState, @@ -133,7 +133,7 @@ function PaymentMadesTable({ ); } -export default compose( +export const PaymentMadesTable = compose( withPaymentMadeActions, withPaymentMade(({ paymentMadesTableState }) => ({ paymentMadesTableState })), withAlertActions, @@ -142,4 +142,4 @@ export default compose( withSettings(({ billPaymentSettings }) => ({ paymentMadesTableSize: billPaymentSettings?.tableSize, })), -)(PaymentMadesTable); +)(PaymentMadesTableInner); diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadesView.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadesView.tsx index 9d1ce06a1..e6c44a3ab 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadesView.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadesView.tsx @@ -2,7 +2,7 @@ import React, { useEffect } from 'react'; import { Switch, Route } from 'react-router-dom'; -import PaymentMadeViewTabs from './PaymentMadeViewTabs'; +import { PaymentMadeViewTabs } from './PaymentMadeViewTabs'; import { withAlertActions } from '@/containers/Alert/withAlertActions'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; @@ -33,7 +33,7 @@ function PaymentMadesViewPage({ ); } -export default compose( +export const PaymentMadesView = compose( withAlertActions, withDialogActions, )(PaymentMadesViewPage); diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsMadeAlerts.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsMadeAlerts.tsx index 254480616..cdd82c43f 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsMadeAlerts.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsMadeAlerts.tsx @@ -1,10 +1,8 @@ // @ts-nocheck import React from 'react'; -const PaymentMadeDeleteAlert = React.lazy( - () => import('@/containers/Alerts/PaymentMades/PaymentMadeDeleteAlert'), -); +const PaymentMadeDeleteAlert = React.lazy(() => import('@/containers/Alerts/PaymentMades/PaymentMadeDeleteAlert').then(m => ({ default: m.PaymentMadeDeleteAlert }))); -export default [ +export const PaymentsMadeAlerts = [ { name: 'payment-made-delete', component: PaymentMadeDeleteAlert }, ]; diff --git a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsMadeImport.tsx b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsMadeImport.tsx index d07170419..338e9edba 100644 --- a/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsMadeImport.tsx +++ b/packages/webapp/src/containers/Purchases/PaymentsMade/PaymentsMadeImport.tsx @@ -3,7 +3,7 @@ import { useHistory } from 'react-router-dom'; import { DashboardInsider } from '@/components'; import { ImportView } from '@/containers/Import'; -export default function PaymentsMadeImport() { +export function PaymentsMadeImport() { const history = useHistory(); const handleCancelBtnClick = () => { diff --git a/packages/webapp/src/containers/QuickNewDropdown/QuickNewDropdown.tsx b/packages/webapp/src/containers/QuickNewDropdown/QuickNewDropdown.tsx index 2499aca9e..2303ee311 100644 --- a/packages/webapp/src/containers/QuickNewDropdown/QuickNewDropdown.tsx +++ b/packages/webapp/src/containers/QuickNewDropdown/QuickNewDropdown.tsx @@ -12,7 +12,7 @@ import { useGetQuickNewMenu } from '@/constants/quickNewOptions'; /** * Quick New Dropdown. */ -export default function QuickNewDropdown() { +export function QuickNewDropdown() { const history = useHistory(); const quickNewOptions = useGetQuickNewMenu(); diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCustomizeDrawer.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCustomizeDrawer.tsx index 0fe521c49..7f9e67ab5 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCustomizeDrawer.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCustomizeDrawer.tsx @@ -4,9 +4,7 @@ import * as R from 'ramda'; import { Drawer, DrawerSuspense } from '@/components'; import { withDrawers } from '@/containers/Drawer/withDrawers'; -const CreditNoteCustomizeDrawerBody = React.lazy( - () => import('./CreditNoteCustomizeDrawerBody'), -); +const CreditNoteCustomizeDrawerBody = React.lazy(() => import('./CreditNoteCustomizeDrawerBody').then(m => ({ default: m.CreditNoteCustomizeDrawerBody }))); /** * Invoice customize drawer. diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCustomizeDrawerBody.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCustomizeDrawerBody.tsx index c6fb97471..6610bd2b5 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCustomizeDrawerBody.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCustomizeDrawerBody.tsx @@ -4,7 +4,7 @@ import { Classes } from '@blueprintjs/core'; import { BrandingTemplateBoot } from '@/containers/BrandingTemplates/BrandingTemplateBoot'; import { useDrawerContext } from '@/components/Drawer/DrawerProvider'; -export default function CreditNoteCustomizeDrawerBody() { +export function CreditNoteCustomizeDrawerBody() { const { payload } = useDrawerContext(); const templateId = payload?.templateId || null; diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFloatingActions.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFloatingActions.tsx index fef334731..03b9e04cd 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFloatingActions.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFloatingActions.tsx @@ -33,7 +33,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Credit note floating actions. */ -export default function CreditNoteFloatingActions() { +export function CreditNoteFloatingActions() { const history = useHistory(); const { openDrawer } = useDrawerActions(); diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteForm.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteForm.tsx index 5779ecd09..727064066 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteForm.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteForm.tsx @@ -12,12 +12,12 @@ import { EditCreditNoteFormSchema, } from './CreditNoteForm.schema'; -import CreditNoteFormHeader from './CreditNoteFormHeader'; -import CreditNoteItemsEntriesEditorField from './CreditNoteItemsEntriesEditorField'; -import CreditNoteFormFooter from './CreditNoteFormFooter'; -import CreditNoteFloatingActions from './CreditNoteFloatingActions'; -import CreditNoteFormDialogs from './CreditNoteFormDialogs'; -import CreditNoteFormTopBar from './CreditNoteFormTopBar'; +import { CreditNoteFormHeader } from './CreditNoteFormHeader'; +import { CreditNoteItemsEntriesEditorField } from './CreditNoteItemsEntriesEditorField'; +import { CreditNoteFormFooter } from './CreditNoteFormFooter'; +import { CreditNoteFloatingActions } from './CreditNoteFloatingActions'; +import { CreditNoteFormDialogs } from './CreditNoteFormDialogs'; +import { CreditNoteFormTopbar as CreditNoteFormTopBar } from './CreditNoteFormTopBar'; import { AppToaster } from '@/components'; @@ -47,7 +47,7 @@ import { PageForm } from '@/components/PageForm'; /** * Credit note form. */ -function CreditNoteForm({ +function CreditNoteFormInner({ // #withSettings creditAutoIncrement, creditNumberPrefix, @@ -187,7 +187,7 @@ function CreditNoteForm({ ); } -export default compose( +export const CreditNoteForm = compose( withSettings(({ creditNoteSettings }) => ({ creditAutoIncrement: creditNoteSettings?.autoIncrement, creditNextNumber: creditNoteSettings?.nextNumber, @@ -196,4 +196,4 @@ export default compose( creditTermsConditions: creditNoteSettings?.termsConditions, })), withCurrentOrganization(), -)(CreditNoteForm); +)(CreditNoteFormInner); diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormDialogs.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormDialogs.tsx index b519242b7..942af28f7 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormDialogs.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormDialogs.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; import { useFormikContext } from 'formik'; -import CreditNoteNumberDialog from '@/containers/Dialogs/CreditNoteNumberDialog'; +import { index as CreditNoteNumberDialog } from '@/containers/Dialogs/CreditNoteNumberDialog'; /** * Credit note form dialogs. */ -export default function CreditNoteFormDialogs() { +export function CreditNoteFormDialogs() { const { setFieldValue } = useFormikContext(); // Update the form once the credit number form submit confirm. diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormFooter.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormFooter.tsx index a44dc70c8..438d3be7e 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormFooter.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormFooter.tsx @@ -9,7 +9,7 @@ import { UploadAttachmentButton } from '@/containers/Attachments/UploadAttachmen /** * Credit note form footer. */ -export default function CreditNoteFormFooter() { +export function CreditNoteFormFooter() { return ( diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormHeader.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormHeader.tsx index 115417b0d..2b80cd349 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormHeader.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormHeader.tsx @@ -1,7 +1,7 @@ // @ts-nocheck import React from 'react'; import intl from 'react-intl-universal'; -import CreditNoteFormHeaderFields from './CreditNoteFormHeaderFields'; +import { CreditNoteFormHeaderFields } from './CreditNoteFormHeaderFields'; import { Group, PageFormBigNumber } from '@/components'; import { useCreditNoteTotalFormatted } from './utils'; import { useIsDarkMode } from '@/hooks/useDarkMode'; @@ -9,7 +9,7 @@ import { useIsDarkMode } from '@/hooks/useDarkMode'; /** * Credit note header. */ -function CreditNoteFormHeader() { +export function CreditNoteFormHeader() { const isDarkMode = useIsDarkMode(); return ( @@ -49,5 +49,3 @@ function CreditNoteFormBigNumber() { /> ); } - -export default CreditNoteFormHeader; diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormHeaderFields.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormHeaderFields.tsx index 9a0f575c9..8e8346641 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormHeaderFields.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormHeaderFields.tsx @@ -46,7 +46,7 @@ const getCreditNoteFieldsStyle = (theme: Theme) => css` /** * Credit note form header fields. */ -export default function CreditNoteFormHeaderFields() { +export function CreditNoteFormHeaderFields() { const theme = useTheme(); const styleClassName = getCreditNoteFieldsStyle(theme); diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormPage.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormPage.tsx index df006393d..d3df2c55a 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormPage.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormPage.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { useParams } from 'react-router-dom'; import { css } from '@emotion/css'; -import CreditNoteForm from './CreditNoteForm'; +import { CreditNoteForm } from './CreditNoteForm'; import { CreditNoteFormProvider, useCreditNoteFormContext, @@ -13,7 +13,7 @@ import { DashboardInsider } from '@/components'; /** * Credit note form page. */ -export default function CreditNoteFormPage() { +export function CreditNoteFormPage() { const { id } = useParams(); const idAsInteger = id ? parseInt(id, 10) : undefined; diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormTopBar.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormTopBar.tsx index fe826612c..a0e9e6a75 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormTopBar.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormTopBar.tsx @@ -28,7 +28,7 @@ import { useCreditNoteFormContext } from './CreditNoteFormProvider'; * Credit note form topbar . * @returns {JSX.Element} */ -export default function CreditNoteFormTopbar() { +export function CreditNoteFormTopbar() { // Features guard. const { featureCan } = useFeatureCan(); diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteItemsEntriesEditorField.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteItemsEntriesEditorField.tsx index a5fa7726e..d20dff1fd 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteItemsEntriesEditorField.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteItemsEntriesEditorField.tsx @@ -1,7 +1,7 @@ // @ts-nocheck import React from 'react'; import { FastField } from 'formik'; -import ItemsEntriesTable from '@/containers/Entries/ItemsEntriesTable'; +import { ItemsEntriesTable } from '@/containers/Entries/ItemsEntriesTable'; import { useCreditNoteFormContext } from './CreditNoteFormProvider'; import { entriesFieldShouldUpdate } from './utils'; import { Box } from '@/components'; @@ -9,7 +9,7 @@ import { Box } from '@/components'; /** * Credit note items entries editor field. */ -export default function CreditNoteItemsEntriesEditorField() { +export function CreditNoteItemsEntriesEditorField() { const { items } = useCreditNoteFormContext(); return ( diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNotetFormCurrencyTag.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNotetFormCurrencyTag.tsx index ac35f1c81..0c19d7c65 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNotetFormCurrencyTag.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNotetFormCurrencyTag.tsx @@ -7,7 +7,7 @@ import { useCreditNoteFormContext } from './CreditNoteFormProvider'; * Credit note from currency tag. * @returns */ -export default function CreditNotetFormCurrencyTag() { +export function CreditNotetFormCurrencyTag() { const { isForeignCustomer, selectCustomer } = useCreditNoteFormContext(); if (!isForeignCustomer) { diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesAlerts.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesAlerts.tsx index 01c20a7c6..cc5879f99 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesAlerts.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesAlerts.tsx @@ -1,27 +1,18 @@ // @ts-nocheck import React from 'react'; -const CreditNoteDeleteAlert = React.lazy( - () => import('@/containers/Alerts/CreditNotes/CreditNoteDeleteAlert'), -); +const CreditNoteDeleteAlert = React.lazy(() => import('@/containers/Alerts/CreditNotes/CreditNoteDeleteAlert').then(m => ({ default: m.CreditNoteDeleteAlert }))); -const RefundCreditNoteDeleteAlert = React.lazy( - () => import('@/containers/Alerts/CreditNotes/RefundCreditNoteDeleteAlert'), -); +const RefundCreditNoteDeleteAlert = React.lazy(() => import('@/containers/Alerts/CreditNotes/RefundCreditNoteDeleteAlert').then(m => ({ default: m.RefundCreditNoteDeleteAlert }))); -const OpenCreditNoteAlert = React.lazy( - () => import('@/containers/Alerts/CreditNotes/CreditNoteOpenedAlert'), -); +const OpenCreditNoteAlert = React.lazy(() => import('@/containers/Alerts/CreditNotes/CreditNoteOpenedAlert').then(m => ({ default: m.CreditNoteOpenedAlert }))); -const ReconcileCreditDeleteAlert = React.lazy( - () => - import('@/containers/Alerts/CreditNotes/ReconcileCreditNoteDeleteAlert'), -); +const ReconcileCreditDeleteAlert = React.lazy(() => import('@/containers/Alerts/CreditNotes/ReconcileCreditNoteDeleteAlert').then(m => ({ default: m.ReconcileCreditNoteDeleteAlert }))); /** * Credit notes alerts. */ -export default [ +export const CreditNotesAlerts = [ { name: 'credit-note-delete', component: CreditNoteDeleteAlert, diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesImport.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesImport.tsx index 13620efa0..c8dcb059c 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesImport.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesImport.tsx @@ -3,7 +3,7 @@ import { DashboardInsider } from '@/components'; import { ImportView } from '@/containers/Import'; import { useHistory } from 'react-router-dom'; -export default function CreditNotesImport() { +export function CreditNotesImport() { const history = useHistory(); const handleCancelBtnClick = () => { diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesActionsBar.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesActionsBar.tsx index d52f9d012..457f56e85 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesActionsBar.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesActionsBar.tsx @@ -45,7 +45,7 @@ import { useBulkDeleteCreditNotesDialog } from './hooks/use-bulk-delete-credit-n /** * Credit note table actions bar. */ -function CreditNotesActionsBar({ +function CreditNotesActionsBarInner({ // #withCreditNotes creditNoteFilterRoles, creditNotesSelectedRows, @@ -222,7 +222,7 @@ function CreditNotesActionsBar({ ); } -export default compose( +export const CreditNotesActionsBar = compose( withCreditNotesActions, withSettingsActions, withCreditNotes(({ creditNoteTableState, creditNotesSelectedRows }) => ({ @@ -234,4 +234,4 @@ export default compose( })), withDialogActions, withDrawerActions, -)(CreditNotesActionsBar); +)(CreditNotesActionsBarInner); diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesDataTable.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesDataTable.tsx index 55d7b0fe3..faf242e64 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesDataTable.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesDataTable.tsx @@ -11,7 +11,7 @@ import { } from '@/components'; import { useMemorizedColumnsWidths } from '@/hooks'; -import CreditNoteEmptyStatus from './CreditNotesEmptyStatus'; +import { CreditNotesEmptyStatus as CreditNoteEmptyStatus } from './CreditNotesEmptyStatus'; import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions'; import { withCreditNotesActions } from './withCreditNotesActions'; @@ -30,7 +30,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Credit note data table. */ -function CreditNotesDataTable({ +function CreditNotesDataTableInner({ // #withCreditNotesActions setCreditNotesTableState, setCreditNotesSelectedRows, @@ -167,7 +167,7 @@ function CreditNotesDataTable({ ); } -export default compose( +export const CreditNotesDataTable = compose( withDashboardActions, withCreditNotesActions, withDrawerActions, @@ -177,4 +177,4 @@ export default compose( creditNoteTableSize: creditNoteSettings?.tableSize, })), withCreditNotes(({ creditNoteTableState }) => ({ creditNoteTableState })) -)(CreditNotesDataTable); +)(CreditNotesDataTableInner); diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesEmptyStatus.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesEmptyStatus.tsx index 79964f495..4184018a5 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesEmptyStatus.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesEmptyStatus.tsx @@ -5,7 +5,7 @@ import { useHistory } from 'react-router-dom'; import { EmptyStatus, Can, FormattedMessage as T } from '@/components'; import { CreditNoteAction, AbilitySubject } from '@/constants/abilityOption'; -export default function CreditNotesEmptyStatus() { +export function CreditNotesEmptyStatus() { const history = useHistory(); return ( ({ creditNoteTableState, creditNoteTableStateChanged, })), -)(CreditNotesList); +)(CreditNotesListInner); diff --git a/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesViewTabs.tsx b/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesViewTabs.tsx index 460d79400..410c3290e 100644 --- a/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesViewTabs.tsx +++ b/packages/webapp/src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesViewTabs.tsx @@ -12,7 +12,7 @@ import { withCreditNotesActions } from './withCreditNotesActions'; /** * Credit Note views tabs. */ -function CreditNotesViewTabs({ +function CreditNotesViewTabsInner({ // #withCreditNotes creditNoteCurrentView, @@ -43,9 +43,9 @@ function CreditNotesViewTabs({ ); } -export default compose( +export const CreditNotesViewTabs = compose( withCreditNotesActions, withCreditNotes(({ creditNoteTableState }) => ({ creditNoteCurrentView: creditNoteTableState.viewSlug, })), -)(CreditNotesViewTabs); +)(CreditNotesViewTabsInner); diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeDrawer.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeDrawer.tsx index 90ae7fee8..51066aebd 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeDrawer.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeDrawer.tsx @@ -4,9 +4,7 @@ import * as R from 'ramda'; import { Drawer, DrawerSuspense } from '@/components'; import { withDrawers } from '@/containers/Drawer/withDrawers'; -const EstimateCustomizeDrawerBody = React.lazy( - () => import('./EstimateCustomizeDrawerBody'), -); +const EstimateCustomizeDrawerBody = React.lazy(() => import('./EstimateCustomizeDrawerBody').then(m => ({ default: m.EstimateCustomizeDrawerBody }))); /** * Estimate customize drawer. diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeDrawerBody.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeDrawerBody.tsx index 49ada83a3..9c9b17cfa 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeDrawerBody.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeDrawerBody.tsx @@ -4,7 +4,7 @@ import { BrandingTemplateBoot } from '@/containers/BrandingTemplates/BrandingTem import { Classes } from '@blueprintjs/core'; import { EstimateCustomizeContent } from './EstimateCustomizeContent'; -export default function EstimateCustomizeDrawerBody() { +export function EstimateCustomizeDrawerBody() { const { payload } = useDrawerContext(); const templateId = payload?.templateId || null; diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFloatingActions.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFloatingActions.tsx index 5e9a97840..0acfce924 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFloatingActions.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFloatingActions.tsx @@ -27,7 +27,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Estimate floating actions bar. */ -export default function EstimateFloatingActions() { +export function EstimateFloatingActions() { const history = useHistory(); const { openDrawer } = useDrawerActions(); const { resetForm, submitForm, isSubmitting } = useFormikContext(); diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateForm.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateForm.tsx index aaf5128f7..7c2ea4ff6 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateForm.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateForm.tsx @@ -11,12 +11,12 @@ import { EditEstimateFormSchema, } from './EstimateForm.schema'; -import EstimateFormHeader from './EstimateFormHeader'; -import EstimateItemsEntriesField from './EstimateItemsEntriesField'; -import EstimateFloatingActions from './EstimateFloatingActions'; -import EstimateFormFooter from './EstimateFormFooter'; -import EstimateFormDialogs from './EstimateFormDialogs'; -import EstimtaeFormTopBar from './EstimtaeFormTopBar'; +import { EstimateFormHeader } from './EstimateFormHeader'; +import { EstimateFormItemsEntriesField as EstimateItemsEntriesField } from './EstimateItemsEntriesField'; +import { EstimateFloatingActions } from './EstimateFloatingActions'; +import { EstiamteFormFooter as EstimateFormFooter } from './EstimateFormFooter'; +import { EstimateFormDialogs } from './EstimateFormDialogs'; +import { EstimtaeFormTopBar } from './EstimtaeFormTopBar'; import { EstimateIncrementSyncSettingsToForm, EstimateSyncAutoExRateToForm, @@ -40,7 +40,7 @@ import { PageForm } from '@/components/PageForm'; /** * Estimate form. */ -function EstimateForm({ +function EstimateFormInner({ // #withSettings estimateNextNumber, estimateNumberPrefix, @@ -187,7 +187,7 @@ function EstimateForm({ ); } -export default compose( +export const EstimateForm = compose( withSettings(({ estimatesSettings }) => ({ estimateNextNumber: estimatesSettings?.nextNumber, estimateNumberPrefix: estimatesSettings?.numberPrefix, @@ -196,4 +196,4 @@ export default compose( estimateTermsConditions: estimatesSettings?.termsConditions, })), withCurrentOrganization(), -)(EstimateForm); +)(EstimateFormInner); diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormCurrencyTag.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormCurrencyTag.tsx index 68036c5fd..c65f72a08 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormCurrencyTag.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormCurrencyTag.tsx @@ -7,7 +7,7 @@ import { useEstimateFormContext } from './EstimateFormProvider'; * Estimate form currency tag. * @returns */ -export default function EstimateFromCurrencyTag() { +export function EstimateFromCurrencyTag() { const { isForeignCustomer, selectCustomer } = useEstimateFormContext(); if (!isForeignCustomer) { diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormDialogs.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormDialogs.tsx index aa1c165a1..8283d9fb3 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormDialogs.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormDialogs.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; import { useFormikContext } from 'formik'; -import EstimateNumberDialog from '@/containers/Dialogs/EstimateNumberDialog'; +import { index as EstimateNumberDialog } from '@/containers/Dialogs/EstimateNumberDialog'; /** * Estimate form dialogs. */ -export default function EstimateFormDialogs() { +export function EstimateFormDialogs() { const { setFieldValue } = useFormikContext(); // Update the form once the estimate number form submit confirm. diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormFooter.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormFooter.tsx index 256e63f5b..17de87947 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormFooter.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormFooter.tsx @@ -10,7 +10,7 @@ import { UploadAttachmentButton } from '@/containers/Attachments/UploadAttachmen /** * Estimate form footer. */ -export default function EstiamteFormFooter() { +export function EstiamteFormFooter() { return ( diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormHeader.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormHeader.tsx index 1a622a2c7..970a4def9 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormHeader.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormHeader.tsx @@ -2,13 +2,13 @@ import React from 'react'; import intl from 'react-intl-universal'; -import EstimateFormHeaderFields from './EstimateFormHeaderFields'; +import { EstimateFormHeader as EstimateFormHeaderFields } from './EstimateFormHeaderFields'; import { Group, PageFormBigNumber } from '@/components'; import { useEstimateTotalFormatted } from './utils'; import { useIsDarkMode } from '@/hooks/useDarkMode'; // Estimate form top header. -function EstimateFormHeader() { +export function EstimateFormHeader() { const isDarkMode = useIsDarkMode(); return ( @@ -44,5 +44,3 @@ function EstimateFormBigTotal() { ); } - -export default EstimateFormHeader; diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormHeaderFields.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormHeaderFields.tsx index 4a4358c81..a98c06c21 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormHeaderFields.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormHeaderFields.tsx @@ -50,7 +50,7 @@ const getEstimateFieldsStyle = (theme: Theme) => css` /** * Estimate form header. */ -export default function EstimateFormHeader() { +export function EstimateFormHeader() { const theme = useTheme(); const { projects } = useEstimateFormContext(); const styleClassName = getEstimateFieldsStyle(theme); diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormPage.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormPage.tsx index 8bc1f8503..b4faaad89 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormPage.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormPage.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { useParams } from 'react-router-dom'; import { css } from '@emotion/css'; -import EstimateForm from './EstimateForm'; +import { EstimateForm } from './EstimateForm'; import { EstimateFormProvider, useEstimateFormContext, @@ -14,7 +14,7 @@ import { DashboardInsider } from '@/components'; /** * Estimate form page. */ -export default function EstimateFormPage() { +export function EstimateFormPage() { const { id } = useParams(); const idInteger = id ? parseInt(id, 10) : undefined; diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateItemsEntriesField.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateItemsEntriesField.tsx index aba7672ce..fc23d638b 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateItemsEntriesField.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateItemsEntriesField.tsx @@ -2,14 +2,14 @@ import React from 'react'; import { x } from '@xstyled/emotion'; import { FastField } from 'formik'; -import ItemsEntriesTable from '@/containers/Entries/ItemsEntriesTable'; +import { ItemsEntriesTable } from '@/containers/Entries/ItemsEntriesTable'; import { useEstimateFormContext } from './EstimateFormProvider'; import { entriesFieldShouldUpdate } from './utils'; /** * Estimate form items entries editor. */ -export default function EstimateFormItemsEntriesField() { +export function EstimateFormItemsEntriesField() { const { items } = useEstimateFormContext(); return ( diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimtaeFormTopBar.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimtaeFormTopBar.tsx index 1670a40ff..84c5c3535 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimtaeFormTopBar.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimtaeFormTopBar.tsx @@ -27,7 +27,7 @@ import { useEstimateFormContext } from './EstimateFormProvider'; * Estimate form topbar . * @returns {JSX.Element} */ -export default function EstimtaeFormTopBar() { +export function EstimtaeFormTopBar() { // Features guard. const { featureCan } = useFeatureCan(); diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimatesAlerts.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimatesAlerts.tsx index 730ad3043..ee31bd354 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimatesAlerts.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimatesAlerts.tsx @@ -1,23 +1,15 @@ // @ts-nocheck import React from 'react'; -const EstimateDeleteAlert = React.lazy( - () => import('@/containers/Alerts/Estimates/EstimateDeleteAlert'), -); -const EstimateDeliveredAlert = React.lazy( - () => import('@/containers/Alerts/Estimates/EstimateDeliveredAlert'), -); -const EstimateApproveAlert = React.lazy( - () => import('@/containers/Alerts/Estimates/EstimateApproveAlert'), -); -const EstimateRejectAlert = React.lazy( - () => import('@/containers/Alerts/Estimates/EstimateRejectAlert'), -); +const EstimateDeleteAlert = React.lazy(() => import('@/containers/Alerts/Estimates/EstimateDeleteAlert').then(m => ({ default: m.EstimateDeleteAlert }))); +const EstimateDeliveredAlert = React.lazy(() => import('@/containers/Alerts/Estimates/EstimateDeliveredAlert').then(m => ({ default: m.EstimateDeliveredAlert }))); +const EstimateApproveAlert = React.lazy(() => import('@/containers/Alerts/Estimates/EstimateApproveAlert').then(m => ({ default: m.EstimateApproveAlert }))); +const EstimateRejectAlert = React.lazy(() => import('@/containers/Alerts/Estimates/EstimateRejectAlert').then(m => ({ default: m.EstimateRejectAlert }))); /** * Estimates alert. */ -export default [ +export const EstimatesAlerts = [ { name: 'estimate-delete', component: EstimateDeleteAlert }, { name: 'estimate-deliver', component: EstimateDeliveredAlert }, { name: 'estimate-Approve', component: EstimateApproveAlert }, diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimatesImport.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimatesImport.tsx index 281cde0b4..0e01eaa81 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimatesImport.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimatesImport.tsx @@ -3,7 +3,7 @@ import { useHistory } from 'react-router-dom'; import { DashboardInsider } from '@/components'; import { ImportView } from '@/containers/Import'; -export default function EstimatesImport() { +export function EstimatesImport() { const history = useHistory(); const handleCancelBtnClick = () => { diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesActionsBar.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesActionsBar.tsx index c379b75ec..542dd775d 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesActionsBar.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesActionsBar.tsx @@ -238,7 +238,7 @@ function EstimateActionsBar({ ); } -export default compose( +export const EstimatesActionsBar = compose( withEstimatesActions, withSettingsActions, withEstimates(({ estimatesTableState, estimatesSelectedRows }) => ({ diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesDataTable.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesDataTable.tsx index d53c7e65e..be9ad787b 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesDataTable.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesDataTable.tsx @@ -2,7 +2,7 @@ import React, { useCallback } from 'react'; import { useHistory } from 'react-router-dom'; -import EstimatesEmptyStatus from './EstimatesEmptyStatus'; +import { EstimatesEmptyStatus } from './EstimatesEmptyStatus'; import { withEstimatesActions } from './withEstimatesActions'; import { withAlertActions } from '@/containers/Alert/withAlertActions'; @@ -28,7 +28,7 @@ import { DialogsName } from '@/constants/dialogs'; /** * Estimates datatable. */ -function EstimatesDataTable({ +function EstimatesDataTableInner({ // #withEstimatesActions setEstimatesTableState, setEstimatesSelectedRows, @@ -183,7 +183,7 @@ function EstimatesDataTable({ ); } -export default compose( +export const EstimatesDataTable = compose( withEstimatesActions, withAlertActions, withDrawerActions, @@ -192,4 +192,4 @@ export default compose( estimatesTableSize: estimatesSettings?.tableSize, })), withEstimates(({ estimatesTableState }) => ({ estimatesTableState })) -)(EstimatesDataTable); +)(EstimatesDataTableInner); diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesEmptyStatus.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesEmptyStatus.tsx index d53934a7a..cf64ba826 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesEmptyStatus.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesEmptyStatus.tsx @@ -6,7 +6,7 @@ import { EmptyStatus } from '@/components'; import { Can, FormattedMessage as T } from '@/components'; import { SaleEstimateAction, AbilitySubject } from '@/constants/abilityOption'; -export default function EstimatesEmptyStatus() { +export function EstimatesEmptyStatus() { const history = useHistory(); return ( ({ estimatesTableState, estimatesTableStateChanged, })), withEstimatesActions, -)(EstimatesList); +)(EstimatesListInner); diff --git a/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesViewTabs.tsx b/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesViewTabs.tsx index 2ed65ca8b..0f06e9fe9 100644 --- a/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesViewTabs.tsx +++ b/packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimatesViewTabs.tsx @@ -45,7 +45,7 @@ function EstimateViewTabs({ ); } -export default compose( +export const EstimatesViewTabs = compose( withEstimatesActions, withEstimates(({ estimatesTableState }) => ({ estimatesCurrentView: estimatesTableState.viewSlug diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCustomize.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCustomize.tsx index c45e98c19..e6e7c62e8 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCustomize.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCustomize.tsx @@ -5,7 +5,7 @@ import { InvoiceCustomizeContent } from './InvoiceCustomizeContent'; import { BrandingTemplateBoot } from '@/containers/BrandingTemplates/BrandingTemplateBoot'; import { Box } from '@/components'; -export default function InvoiceCustomize() { +export function InvoiceCustomize() { const { payload } = useDrawerContext(); const templateId = payload.templateId; diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCustomizeDrawer.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCustomizeDrawer.tsx index a22cc163d..ab93f95d0 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCustomizeDrawer.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCustomizeDrawer.tsx @@ -4,7 +4,7 @@ import * as R from 'ramda'; import { Drawer, DrawerSuspense } from '@/components'; import { withDrawers } from '@/containers/Drawer/withDrawers'; -const InvoiceCustomize = React.lazy(() => import('./InvoiceCustomize')); +const InvoiceCustomize = React.lazy(() => import('./InvoiceCustomize').then(m => ({ default: m.InvoiceCustomize }))); /** * Invoice customize drawer. diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/Dialogs/InvoiceExchangeRateChangeDialog.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/Dialogs/InvoiceExchangeRateChangeDialog.tsx index 59a31089d..f25238994 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/Dialogs/InvoiceExchangeRateChangeDialog.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/Dialogs/InvoiceExchangeRateChangeDialog.tsx @@ -8,7 +8,7 @@ import { Button, Classes, Intent } from '@blueprintjs/core'; /** * Invoice number dialog. */ -function InvoiceExchangeRateChangeDialog({ +function InvoiceExchangeRateChangeDialogInner({ dialogName, isOpen, // #withDialogActions @@ -50,7 +50,7 @@ function InvoiceExchangeRateChangeDialog({ ); } -export default compose( +export const InvoiceExchangeRateChangeDialog = compose( withDialogRedux(), withDialogActions, -)(InvoiceExchangeRateChangeDialog); +)(InvoiceExchangeRateChangeDialogInner); diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/Dialogs/index.ts b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/Dialogs/index.ts index cda7f24dc..2b0f08892 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/Dialogs/index.ts +++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/Dialogs/index.ts @@ -2,9 +2,7 @@ import { DialogsName } from '@/constants/dialogs'; import React from 'react'; -const InvoiceExchangeRateChangeAlert = React.lazy( - () => import('./InvoiceExchangeRateChangeDialog'), -); +const InvoiceExchangeRateChangeAlert = React.lazy(() => import('./InvoiceExchangeRateChangeDialog').then(m => ({ default: m.InvoiceExchangeRateChangeDialog }))); const Dialogs = [ { @@ -13,4 +11,4 @@ const Dialogs = [ }, ]; -export default Dialogs; +export const index = Dialogs; diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFloatingActions.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFloatingActions.tsx index 73e94a073..0e2991a05 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFloatingActions.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFloatingActions.tsx @@ -28,7 +28,7 @@ import { useIsDarkMode } from '@/hooks/useDarkMode'; /** * Invoice floating actions bar. */ -export default function InvoiceFloatingActions() { +export function InvoiceFloatingActions() { const history = useHistory(); const isDarkMode = useIsDarkMode(); const { openDrawer } = useDrawerActions(); diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceForm.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceForm.tsx index a4e8b02d6..993c849c1 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceForm.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceForm.tsx @@ -11,12 +11,12 @@ import { getEditInvoiceFormSchema, } from './InvoiceForm.schema'; -import InvoiceFormHeader from './InvoiceFormHeader'; -import InvoiceItemsEntriesEditorField from './InvoiceItemsEntriesEditorField'; -import InvoiceFloatingActions from './InvoiceFloatingActions'; -import InvoiceFormFooter from './InvoiceFormFooter'; -import InvoiceFormDialogs from './InvoiceFormDialogs'; -import InvoiceFormTopBar from './InvoiceFormTopBar'; +import { InvoiceFormHeader } from './InvoiceFormHeader'; +import { InvoiceItemsEntriesEditorField } from './InvoiceItemsEntriesEditorField'; +import { InvoiceFloatingActions } from './InvoiceFloatingActions'; +import { InvoiceFormFooter } from './InvoiceFormFooter'; +import { InvoiceFormDialogs } from './InvoiceFormDialogs'; +import { InvoiceFormTopBar } from './InvoiceFormTopBar'; import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions'; import { withSettings } from '@/containers/Settings/withSettings'; diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormCurrencyTag.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormCurrencyTag.tsx index 61d1a1fae..ced12d12e 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormCurrencyTag.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormCurrencyTag.tsx @@ -8,7 +8,7 @@ import { useInvoiceFormContext } from './InvoiceFormProvider'; /** * Invoice form currency tag. */ -export default function InvoiceFormCurrencyTag() { +export function InvoiceFormCurrencyTag() { const { isForeignCustomer } = useInvoiceFormContext(); const { values: { currency_code }, diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormDialogs.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormDialogs.tsx index aa29b564c..f4a94006a 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormDialogs.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormDialogs.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import { useFormikContext } from 'formik'; -import InvoiceNumberDialog from '@/containers/Dialogs/InvoiceNumberDialog'; +import { index as InvoiceNumberDialog } from '@/containers/Dialogs/InvoiceNumberDialog'; import { DialogsName } from '@/constants/dialogs'; /** * Invoice form dialogs. */ -export default function InvoiceFormDialogs() { +export function InvoiceFormDialogs() { const { setFieldValue } = useFormikContext(); // Update the form once the invoice number form submit confirm. diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormFooter.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormFooter.tsx index d39f06d55..b07df72c5 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormFooter.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormFooter.tsx @@ -7,7 +7,7 @@ import { InvoiceFormFooterLeft } from './InvoiceFormFooterLeft'; import { InvoiceFormFooterRight } from './InvoiceFormFooterRight'; import { UploadAttachmentButton } from '../../../Attachments/UploadAttachmentButton'; -export default function InvoiceFormFooter() { +export function InvoiceFormFooter() { return ( diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeader.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeader.tsx index f2c7e8cab..7b81afe37 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeader.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeader.tsx @@ -1,14 +1,14 @@ import React from 'react'; import intl from 'react-intl-universal'; import { Group, PageFormBigNumber } from '@/components'; -import InvoiceFormHeaderFields from './InvoiceFormHeaderFields'; +import { InvoiceFormHeaderFields } from './InvoiceFormHeaderFields'; import { useInvoiceTotalFormatted } from './utils'; import styles from './InvoiceFormHeader.module.scss'; /** * Invoice form header section. */ -function InvoiceFormHeader() { +export function InvoiceFormHeader() { return ( ); } -export default InvoiceFormHeader; diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeaderFields.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeaderFields.tsx index f03a80dbe..3eb92e1f8 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeaderFields.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeaderFields.tsx @@ -55,7 +55,7 @@ const getInvoiceFieldsStyle = (theme: Theme) => css` /** * Invoice form header fields. */ -export default function InvoiceFormHeaderFields() { +export function InvoiceFormHeaderFields() { const theme = useTheme(); const { projects } = useInvoiceFormContext(); const { values } = useFormikContext(); diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormPage.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormPage.tsx index dc33fc92f..637f3eb00 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormPage.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormPage.tsx @@ -13,7 +13,7 @@ import { DashboardInsider } from '@/components'; /** * Invoice form page. */ -export default function InvoiceFormPage() { +export function InvoiceFormPage() { const { id } = useParams(); const invoiceId = id ? parseInt(id, 10) : undefined; diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormTopBar.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormTopBar.tsx index a2726304f..b4c81ac3f 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormTopBar.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormTopBar.tsx @@ -28,7 +28,7 @@ import { * Invoice form topbar . * @returns {JSX.Element} */ -export default function InvoiceFormTopBar() { +export function InvoiceFormTopBar() { // Features guard. const { featureCan } = useFeatureCan(); diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceItemsEntriesEditorField.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceItemsEntriesEditorField.tsx index 6fa4d9911..1d5c90d26 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceItemsEntriesEditorField.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceItemsEntriesEditorField.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { FastField } from 'formik'; import { x } from '@xstyled/emotion'; -import ItemsEntriesTable from '@/containers/Entries/ItemsEntriesTable'; +import { ItemsEntriesTable } from '@/containers/Entries/ItemsEntriesTable'; import { useInvoiceFormContext } from './InvoiceFormProvider'; import { entriesFieldShouldUpdate } from './utils'; import { TaxType } from '@/interfaces/TaxRates'; @@ -11,7 +11,7 @@ import { ITEM_TYPE } from '@/containers/Entries/utils'; /** * Invoice items entries editor field. */ -export default function InvoiceItemsEntriesEditorField() { +export function InvoiceItemsEntriesEditorField() { const { items, taxRates } = useInvoiceFormContext(); return ( diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoicesAlerts.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoicesAlerts.tsx index d337f0222..9b7195e1c 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoicesAlerts.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoicesAlerts.tsx @@ -1,21 +1,15 @@ // @ts-nocheck import React from 'react'; -const InvoiceDeleteAlert = React.lazy( - () => import('@/containers/Alerts/Invoices/InvoiceDeleteAlert'), -); -const InvoiceDeliverAlert = React.lazy( - () => import('@/containers/Alerts/Invoices/InvoiceDeliverAlert'), -); +const InvoiceDeleteAlert = React.lazy(() => import('@/containers/Alerts/Invoices/InvoiceDeleteAlert').then(m => ({ default: m.InvoiceDeleteAlert }))); +const InvoiceDeliverAlert = React.lazy(() => import('@/containers/Alerts/Invoices/InvoiceDeliverAlert').then(m => ({ default: m.InvoiceDeliverAlert }))); -const CancelBadDebtAlert = React.lazy( - () => import('@/containers/Alerts/Invoices/CancelBadDebtAlert'), -); +const CancelBadDebtAlert = React.lazy(() => import('@/containers/Alerts/Invoices/CancelBadDebtAlert').then(m => ({ default: m.CancelBadDebtAlert }))); /** * Invoices alert. */ -export default [ +export const InvoicesAlerts = [ { name: 'invoice-delete', component: InvoiceDeleteAlert }, { name: 'invoice-deliver', component: InvoiceDeliverAlert }, { name: 'cancel-bad-debt', component: CancelBadDebtAlert }, diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoicesImport.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoicesImport.tsx index 58d0c06e3..915c54572 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoicesImport.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoicesImport.tsx @@ -3,7 +3,7 @@ import { useHistory } from 'react-router-dom'; import { DashboardInsider } from '@/components'; import { ImportView } from '@/containers/Import'; -export default function InvoicesImport() { +export function InvoicesImport() { const history = useHistory(); const handleCancelBtnClick = () => { diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoiceViewTabs.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoiceViewTabs.tsx index 4c4b27389..11ed726d6 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoiceViewTabs.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoiceViewTabs.tsx @@ -13,7 +13,7 @@ import { withInvoiceActions } from './withInvoiceActions'; /** * Invoices views tabs. */ -function InvoiceViewTabs({ +function InvoiceViewTabsInner({ // #withInvoiceActions setInvoicesTableState, @@ -51,9 +51,9 @@ function InvoiceViewTabs({ ); } -export default compose( +export const InvoiceViewTabs = compose( withInvoiceActions, withInvoices(({ invoicesTableState }) => ({ invoicesCurrentView: invoicesTableState.viewSlug, })), -)(InvoiceViewTabs); +)(InvoiceViewTabsInner); diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesActionsBar.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesActionsBar.tsx index a69a835fd..0d392abac 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesActionsBar.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesActionsBar.tsx @@ -229,7 +229,7 @@ function InvoiceActionsBar({ ); } -export default compose( +export const InvoicesActionsBar = compose( withInvoiceActions, withSettingsActions, withInvoices(({ invoicesTableState, invoicesSelectedRows }) => ({ diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesDataTable.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesDataTable.tsx index 218bc41f9..400c1bce2 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesDataTable.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesDataTable.tsx @@ -2,7 +2,7 @@ import React, { useCallback } from 'react'; import { useHistory } from 'react-router-dom'; -import InvoicesEmptyStatus from './InvoicesEmptyStatus'; +import { EstimatesEmptyStatus as InvoicesEmptyStatus } from './InvoicesEmptyStatus'; import { TABLES } from '@/constants/tables'; import { @@ -31,7 +31,7 @@ import { DialogsName } from '@/constants/dialogs'; /** * Invoices datatable. */ -function InvoicesDataTable({ +function InvoicesDataTableInner({ // #withInvoicesActions setInvoicesTableState, setInvoicesSelectedRows, @@ -183,7 +183,7 @@ function InvoicesDataTable({ ); } -export default compose( +export const InvoicesDataTable = compose( withDashboardActions, withInvoiceActions, withAlertActions, @@ -193,4 +193,4 @@ export default compose( withSettings(({ invoiceSettings }) => ({ invoicesTableSize: invoiceSettings?.tableSize, })), -)(InvoicesDataTable); +)(InvoicesDataTableInner); diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesEmptyStatus.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesEmptyStatus.tsx index ba359c4e2..7f2dc9bbe 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesEmptyStatus.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesEmptyStatus.tsx @@ -5,7 +5,7 @@ import { useHistory } from 'react-router-dom'; import { EmptyStatus, Can, FormattedMessage as T } from '@/components'; import { SaleInvoiceAction, AbilitySubject } from '@/constants/abilityOption'; -export default function EstimatesEmptyStatus() { +export function EstimatesEmptyStatus() { const history = useHistory(); return ( diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesList.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesList.tsx index 020a2e746..b5ead0869 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesList.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesList.tsx @@ -6,8 +6,8 @@ import '@/style/pages/SaleInvoice/List.scss'; import { DashboardPageContent } from '@/components'; import { InvoicesListProvider } from './InvoicesListProvider'; -import InvoicesDataTable from './InvoicesDataTable'; -import InvoicesActionsBar from './InvoicesActionsBar'; +import { InvoicesDataTable } from './InvoicesDataTable'; +import { InvoicesActionsBar } from './InvoicesActionsBar'; import { withInvoices } from './withInvoices'; import { withInvoiceActions } from './withInvoiceActions'; @@ -18,7 +18,7 @@ import { transformTableStateToQuery, compose } from '@/utils'; /** * Sale invoices list. */ -function InvoicesList({ +function InvoicesListInner({ // #withInvoice invoicesTableState, invoicesTableStateChanged, @@ -48,11 +48,11 @@ function InvoicesList({ ); } -export default compose( +export const InvoicesList = compose( withInvoices(({ invoicesTableState, invoicesTableStateChanged }) => ({ invoicesTableState, invoicesTableStateChanged, })), withInvoiceActions, withAlertActions, -)(InvoicesList); +)(InvoicesListInner); diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFloatingActions.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFloatingActions.tsx index b73784cbd..44e599547 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFloatingActions.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFloatingActions.tsx @@ -27,7 +27,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Payment receive floating actions bar. */ -export default function PaymentReceiveFormFloatingActions() { +export function PaymentReceiveFormFloatingActions() { // Payment receive form context. const { setSubmitPayload, isNewMode } = usePaymentReceiveFormContext(); diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveForm.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveForm.tsx index 6040623d5..d06d04dab 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveForm.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveForm.tsx @@ -7,13 +7,13 @@ import { useHistory } from 'react-router-dom'; import { Intent } from '@blueprintjs/core'; import { css } from '@emotion/css'; -import PaymentReceiveHeader from './PaymentReceiveFormHeader'; -import PaymentReceiveFormBody from './PaymentReceiveFormBody'; -import PaymentReceiveFloatingActions from './PaymentReceiveFloatingActions'; -import PaymentReceiveFormFooter from './PaymentReceiveFormFooter'; -import PaymentReceiveFormAlerts from './PaymentReceiveFormAlerts'; -import PaymentReceiveFormDialogs from './PaymentReceiveFormDialogs'; -import PaymentReceiveFormTopBar from './PaymentReceiveFormTopBar'; +import { PaymentReceiveFormHeader as PaymentReceiveHeader } from './PaymentReceiveFormHeader'; +import { PaymentReceiveFormBody } from './PaymentReceiveFormBody'; +import { PaymentReceiveFormFloatingActions as PaymentReceiveFloatingActions } from './PaymentReceiveFloatingActions'; +import { PaymentReceiveFormFooter } from './PaymentReceiveFormFooter'; +import { PaymentReceiveFormAlerts } from './PaymentReceiveFormAlerts'; +import { PaymentReceiveFormDialogs } from './PaymentReceiveFormDialogs'; +import { PaymentReceiveFormTopBar } from './PaymentReceiveFormTopBar'; import { PaymentReceiveInnerProvider } from './PaymentReceiveInnerProvider'; import { withSettings } from '@/containers/Settings/withSettings'; diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormAlerts.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormAlerts.tsx index 7d1643390..681800fd1 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormAlerts.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormAlerts.tsx @@ -1,13 +1,13 @@ // @ts-nocheck import React from 'react'; import { useFormikContext } from 'formik'; -import ClearingAllLinesAlert from '@/containers/Alerts/PaymentReceived/ClearingAllLinesAlert'; +import { ClearingAllLinesAlert } from '@/containers/Alerts/PaymentReceived/ClearingAllLinesAlert'; import { clearAllPaymentEntries } from './utils'; /** * Payment receive form alerts. */ -export default function PaymentReceiveFormAlerts() { +export function PaymentReceiveFormAlerts() { const { values: { entries }, setFieldValue } = useFormikContext(); const handleClearingAllLines = () => { diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormBody.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormBody.tsx index 4652b239e..40b4c3ab6 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormBody.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormBody.tsx @@ -1,13 +1,13 @@ // @ts-nocheck import React from 'react'; import { FastField } from 'formik'; -import PaymentReceiveItemsTable from './PaymentReceiveItemsTable'; +import { PaymentReceiveItemsTable } from './PaymentReceiveItemsTable'; import { Box } from '@/components'; /** * Payment Receive form body. */ -export default function PaymentReceiveFormBody() { +export function PaymentReceiveFormBody() { return ( diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormCurrencyTag.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormCurrencyTag.tsx index 21eb6e244..58a63fa19 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormCurrencyTag.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormCurrencyTag.tsx @@ -7,7 +7,7 @@ import { usePaymentReceiveFormContext } from './PaymentReceiveFormProvider'; * Payment reecevie form currnecy tag. * @returns */ -export default function PaymentReceiveFormCurrencyTag() { +export function PaymentReceiveFormCurrencyTag() { const { isForeignCustomer, selectCustomer } = usePaymentReceiveFormContext(); if (!isForeignCustomer) { diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormDialogs.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormDialogs.tsx index 76ccb72a4..9b9204b5d 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormDialogs.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormDialogs.tsx @@ -1,13 +1,13 @@ // @ts-nocheck import React from 'react'; import { useFormikContext } from 'formik'; -import PaymentReceiveNumberDialog from '@/containers/Dialogs/PaymentReceiveNumberDialog'; +import { index as PaymentReceiveNumberDialog } from '@/containers/Dialogs/PaymentReceiveNumberDialog'; import { ExcessPaymentDialog } from './dialogs/ExcessPaymentDialog'; /** * Payment receive form dialogs. */ -export default function PaymentReceiveFormDialogs() { +export function PaymentReceiveFormDialogs() { const { setFieldValue } = useFormikContext(); const handleUpdatePaymentNumber = (settings) => { diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormFooter.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormFooter.tsx index aca8cedce..d82dce812 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormFooter.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormFooter.tsx @@ -10,7 +10,7 @@ import { UploadAttachmentButton } from '@/containers/Attachments/UploadAttachmen /** * Payment received form footer. */ -export default function PaymentReceiveFormFooter() { +export function PaymentReceiveFormFooter() { return ( diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormHeader.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormHeader.tsx index aad641087..e8dbcae24 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormHeader.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormHeader.tsx @@ -6,13 +6,13 @@ import { Group, Money } from '@/components'; import { FormattedMessage as T } from '@/components'; import { CLASSES } from '@/constants/classes'; -import PaymentReceiveHeaderFields from './PaymentReceiveHeaderFields'; +import { PaymentReceiveHeaderFields } from './PaymentReceiveHeaderFields'; import { useIsDarkMode } from '@/hooks/useDarkMode'; /** * Payment receive form header. */ -function PaymentReceiveFormHeader() { +export function PaymentReceiveFormHeader() { const isDarkMode = useIsDarkMode(); return ( @@ -60,5 +60,3 @@ function PaymentReceiveFormBigTotal() {
); } - -export default PaymentReceiveFormHeader; diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormPage.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormPage.tsx index 318e37e0f..53b54df4c 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormPage.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormPage.tsx @@ -12,7 +12,7 @@ import { DashboardInsider } from '@/components'; /** * Payment received form page. */ -export default function PaymentReceiveFormPage() { +export function PaymentReceiveFormPage() { const { id } = useParams(); const paymentReceivedId = id ? parseInt(id, 10) : undefined; diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormTopBar.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormTopBar.tsx index 8d48a416a..ae5872c86 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormTopBar.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormTopBar.tsx @@ -17,7 +17,7 @@ import { Features } from '@/constants'; * Payment receive from top bar. * @returns {JSX.Element} */ -export default function PaymentReceiveFormTopBar() { +export function PaymentReceiveFormTopBar() { // Features guard. const { featureCan } = useFeatureCan(); diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveHeaderFields.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveHeaderFields.tsx index 5798fd0c8..5bba595c5 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveHeaderFields.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveHeaderFields.tsx @@ -70,7 +70,7 @@ const getHeaderFieldsStyle = (theme: Theme) => css` /** * Payment receive header fields. */ -export default function PaymentReceiveHeaderFields() { +export function PaymentReceiveHeaderFields() { const theme = useTheme(); const styleClassName = getHeaderFieldsStyle(theme); diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveItemsTable.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveItemsTable.tsx index 910403c7e..a6c183df0 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveItemsTable.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveItemsTable.tsx @@ -14,7 +14,7 @@ import { compose, updateTableCell } from '@/utils'; /** * Payment receive items table. */ -export default function PaymentReceiveItemsTable({ +export function PaymentReceiveItemsTable({ entries, onUpdateData, currencyCode, diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomize.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomize.tsx index a2db6c48e..8e2f6bb86 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomize.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomize.tsx @@ -4,7 +4,7 @@ import { useDrawerContext } from '@/components/Drawer/DrawerProvider'; import { PaymentReceivedCustomizeContent } from './PaymentReceivedCustomizeContent'; import { BrandingTemplateBoot } from '@/containers/BrandingTemplates/BrandingTemplateBoot'; -export default function PaymentReceivedCustomize() { +export function PaymentReceivedCustomize() { const { payload } = useDrawerContext(); const templateId = payload.templateId; diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomizeDrawer.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomizeDrawer.tsx index c5692e812..a8c82e0f9 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomizeDrawer.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomizeDrawer.tsx @@ -4,9 +4,7 @@ import * as R from 'ramda'; import { Drawer, DrawerSuspense } from '@/components'; import { withDrawers } from '@/containers/Drawer/withDrawers'; -const PaymentReceivedCustomize = React.lazy( - () => import('./PaymentReceivedCustomize'), -); +const PaymentReceivedCustomize = React.lazy(() => import('./PaymentReceivedCustomize').then(m => ({ default: m.PaymentReceivedCustomize }))); /** * PaymentReceived customize drawer. diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedActionsBar.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedActionsBar.tsx index 32c2d4e6a..f239e0a89 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedActionsBar.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedActionsBar.tsx @@ -50,7 +50,7 @@ import { useBulkDeletePaymentReceivesDialog } from './hooks/use-bulk-delete-paym /** * Payment receives actions bar. */ -function PaymentsReceivedActionsBar({ +function PaymentsReceivedActionsBarInner({ // #withPaymentsReceivedActions setPaymentReceivesTableState, @@ -226,7 +226,7 @@ function PaymentsReceivedActionsBar({ ); } -export default compose( +export const PaymentsReceivedActionsBar = compose( withPaymentsReceivedActions, withSettingsActions, withPaymentsReceived(({ paymentReceivesTableState, paymentReceivesSelectedRows }) => ({ @@ -239,4 +239,4 @@ export default compose( })), withDialogActions, withDrawerActions, -)(PaymentsReceivedActionsBar); +)(PaymentsReceivedActionsBarInner); diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedEmptyStatus.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedEmptyStatus.tsx index b018469ed..2ffc89e9c 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedEmptyStatus.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedEmptyStatus.tsx @@ -6,7 +6,7 @@ import { EmptyStatus } from '@/components'; import { Can, FormattedMessage as T } from '@/components'; import { PaymentReceiveAction, AbilitySubject } from '@/constants/abilityOption'; -export default function PaymentsReceivedEmptyStatus() { +export function PaymentsReceivedEmptyStatus() { const history = useHistory(); return ( diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedList.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedList.tsx index d1fe4390a..ca80ec429 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedList.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedList.tsx @@ -5,15 +5,15 @@ import '@/style/pages/PaymentReceive/List.scss'; import { DashboardPageContent } from '@/components'; import { PaymentsReceivedListProvider } from './PaymentsReceivedListProvider'; -import PaymentReceivesTable from './PaymentsReceivedTable'; -import PaymentsReceivedActionsBar from './PaymentsReceivedActionsBar'; +import { PaymentsReceivedTable as PaymentReceivesTable } from './PaymentsReceivedTable'; +import { PaymentsReceivedActionsBar } from './PaymentsReceivedActionsBar'; import { withPaymentsReceived } from './withPaymentsReceived'; import { withPaymentsReceivedActions } from './withPaymentsReceivedActions'; import { compose, transformTableStateToQuery } from '@/utils'; -function PaymentsReceivedList({ +function PaymentsReceivedListInner({ // #withPaymentsReceived paymentReceivesTableState, paymentsTableStateChanged, @@ -43,7 +43,7 @@ function PaymentsReceivedList({ ); } -export default compose( +export const PaymentsReceivedList = compose( withPaymentsReceived( ({ paymentReceivesTableState, paymentsTableStateChanged }) => ({ paymentReceivesTableState, @@ -51,4 +51,4 @@ export default compose( }), ), withPaymentsReceivedActions, -)(PaymentsReceivedList); +)(PaymentsReceivedListInner); diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedTable.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedTable.tsx index ad5913f1e..b14d3baa6 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedTable.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedTable.tsx @@ -11,7 +11,7 @@ import { TableSkeletonHeader, } from '@/components'; -import PaymentReceivesEmptyStatus from './PaymentsReceivedEmptyStatus'; +import { PaymentsReceivedEmptyStatus as PaymentReceivesEmptyStatus } from './PaymentsReceivedEmptyStatus'; import { withPaymentsReceived } from './withPaymentsReceived'; import { withPaymentsReceivedActions } from './withPaymentsReceivedActions'; @@ -155,7 +155,7 @@ function PaymentsReceivedDataTable({ ); } -export default compose( +export const PaymentsReceivedTable = compose( withPaymentsReceivedActions, withAlertActions, withDrawerActions, diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedViewTabs.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedViewTabs.tsx index 15df6e2ee..be3e41cd1 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedViewTabs.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedViewTabs.tsx @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Payment receive view tabs. */ -function PaymentsReceivedViewTabs({ +function PaymentsReceivedViewTabsInner({ // #withPaymentsReceivedActions addPaymentReceivesTableQueries, @@ -55,9 +55,9 @@ function PaymentsReceivedViewTabs({ ); } -export default compose( +export const PaymentsReceivedViewTabs = compose( withPaymentsReceivedActions, withPaymentsReceived(({ paymentReceivesTableState }) => ({ paymentReceivesTableState, })), -)(PaymentsReceivedViewTabs); +)(PaymentsReceivedViewTabsInner); diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsReceivedAlerts.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsReceivedAlerts.tsx index 304ae7f2c..31b523486 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsReceivedAlerts.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsReceivedAlerts.tsx @@ -1,13 +1,11 @@ // @ts-nocheck import React from 'react'; -const PaymentReceivedDeleteAlert = React.lazy( - () => import('@/containers/Alerts/PaymentReceived/PaymentReceivedDeleteAlert'), -); +const PaymentReceivedDeleteAlert = React.lazy(() => import('@/containers/Alerts/PaymentReceived/PaymentReceivedDeleteAlert').then(m => ({ default: m.PaymentReceivedDeleteAlert }))); /** * PaymentReceives alert. */ -export default [ +export const PaymentsReceivedAlerts = [ { name: 'payment-received-delete', component: PaymentReceivedDeleteAlert }, ]; diff --git a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsReceivedImport.tsx b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsReceivedImport.tsx index ec5ceadf9..032dcab82 100644 --- a/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsReceivedImport.tsx +++ b/packages/webapp/src/containers/Sales/PaymentsReceived/PaymentsReceivedImport.tsx @@ -3,7 +3,7 @@ import { useHistory } from 'react-router-dom'; import { DashboardInsider } from '@/components'; import { ImportView } from '@/containers/Import'; -export default function PaymentsReceiveImport() { +export function PaymentsReceiveImport() { const history = useHistory(); const handleCancelBtnClick = () => { diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeDrawer.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeDrawer.tsx index 9fa70e6c2..922027981 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeDrawer.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeDrawer.tsx @@ -4,9 +4,7 @@ import * as R from 'ramda'; import { Drawer, DrawerSuspense } from '@/components'; import { withDrawers } from '@/containers/Drawer/withDrawers'; -const ReceiptCustomizeDrawerBody = React.lazy( - () => import('./ReceiptCustomizeDrawerBody'), -); +const ReceiptCustomizeDrawerBody = React.lazy(() => import('./ReceiptCustomizeDrawerBody').then(m => ({ default: m.ReceiptCustomizeDrawerBody }))); /** * Receipt customize drawer. diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeDrawerBody.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeDrawerBody.tsx index 8b48a57b7..e8360d178 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeDrawerBody.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeDrawerBody.tsx @@ -4,7 +4,7 @@ import { ReceiptCustomizeContent } from './ReceiptCustomizeContent'; import { BrandingTemplateBoot } from '@/containers/BrandingTemplates/BrandingTemplateBoot'; import { useDrawerContext } from '@/components/Drawer/DrawerProvider'; -export default function ReceiptCustomizeDrawerBody() { +export function ReceiptCustomizeDrawerBody() { const { payload } = useDrawerContext(); const templateId = payload.templateId; diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/Dialogs/ReceiptFormMailDeliverDialog.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/Dialogs/ReceiptFormMailDeliverDialog.tsx index 60f2758ff..18bf413a9 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/Dialogs/ReceiptFormMailDeliverDialog.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/Dialogs/ReceiptFormMailDeliverDialog.tsx @@ -4,14 +4,12 @@ import { Dialog, DialogSuspense } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const ReceiptFormMailDeliverDialogContent = React.lazy( - () => import('./ReceiptFormMailDeliverDialogContent'), -); +const ReceiptFormMailDeliverDialogContent = React.lazy(() => import('./ReceiptFormMailDeliverDialogContent').then(m => ({ default: m.ReceiptFormMailDeliverDialogContent }))); /** * Receipt mail dialog. */ -function ReceiptFormMailDeliverDialog({ +function ReceiptFormMailDeliverDialogInner({ dialogName, payload: { receiptId = null }, isOpen, @@ -36,4 +34,4 @@ function ReceiptFormMailDeliverDialog({ ); } -export default compose(withDialogRedux())(ReceiptFormMailDeliverDialog); +export const ReceiptFormMailDeliverDialog = compose(withDialogRedux())(ReceiptFormMailDeliverDialogInner); diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/Dialogs/ReceiptFormMailDeliverDialogContent.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/Dialogs/ReceiptFormMailDeliverDialogContent.tsx index aabc1b32c..561a9bbaf 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/Dialogs/ReceiptFormMailDeliverDialogContent.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/Dialogs/ReceiptFormMailDeliverDialogContent.tsx @@ -35,6 +35,6 @@ function ReceiptFormDeliverDialogContentRoot({ ); } -export default R.compose(withDialogActions)( +export const ReceiptFormMailDeliverDialogContent = R.compose(withDialogActions)( ReceiptFormDeliverDialogContentRoot, ); diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptForm.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptForm.tsx index b83f0a813..42f9d77b2 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptForm.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptForm.tsx @@ -13,12 +13,12 @@ import { import { useReceiptFormContext } from './ReceiptFormProvider'; -import ReceiptFromHeader from './ReceiptFormHeader'; -import ReceiptItemsEntriesEditor from './ReceiptItemsEntriesEditor'; -import ReceiptFormFloatingActions from './ReceiptFormFloatingActions'; +import { ReceiptFormHeader as ReceiptFromHeader } from './ReceiptFormHeader'; +import { ReceiptItemsEntriesEditor } from './ReceiptItemsEntriesEditor'; +import { ReceiptFormFloatingActions } from './ReceiptFormFloatingActions'; import { ReceiptFormFooter } from './ReceiptFormFooter'; -import ReceiptFormDialogs from './ReceiptFormDialogs'; -import ReceiptFormTopBar from './ReceiptFormTopbar'; +import { ReceiptFormDialogs } from './ReceiptFormDialogs'; +import { ReceiptFormTopBar } from './ReceiptFormTopbar'; import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions'; import { withSettings } from '@/containers/Settings/withSettings'; diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormCurrencyTag.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormCurrencyTag.tsx index 1cdedeb45..97815df8c 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormCurrencyTag.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormCurrencyTag.tsx @@ -7,7 +7,7 @@ import { useReceiptFormContext } from './ReceiptFormProvider'; * Receipt form currency tag. * @returns */ -export default function ReceiptFormCurrencyTag() { +export function ReceiptFormCurrencyTag() { const { isForeignCustomer, selectCustomer } = useReceiptFormContext(); if (!isForeignCustomer) { diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormDialogs.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormDialogs.tsx index 4fe2cb947..b9e5f8815 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormDialogs.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormDialogs.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; import { useFormikContext } from 'formik'; -import ReceiptNumberDialog from '@/containers/Dialogs/ReceiptNumberDialog'; +import { index as ReceiptNumberDialog } from '@/containers/Dialogs/ReceiptNumberDialog'; /** * Receipt form dialogs. */ -export default function ReceiptFormDialogs() { +export function ReceiptFormDialogs() { const { setFieldValue } = useFormikContext(); // Update the form once the receipt number form submit confirm. diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormFloatingActions.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormFloatingActions.tsx index 15792a5f4..21c3382e5 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormFloatingActions.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormFloatingActions.tsx @@ -28,7 +28,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Receipt floating actions bar. */ -export default function ReceiptFormFloatingActions() { +export function ReceiptFormFloatingActions() { // History context. const history = useHistory(); diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormHeader.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormHeader.tsx index 809c5b985..8d4ed88dd 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormHeader.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormHeader.tsx @@ -2,14 +2,14 @@ import React from 'react'; import intl from 'react-intl-universal'; import { Group, PageFormBigNumber } from '@/components'; -import ReceiptFormHeaderFields from './ReceiptFormHeaderFields'; +import { ReceiptFormHeader as ReceiptFormHeaderFields } from './ReceiptFormHeaderFields'; import { useReceiptTotalFormatted } from './utils'; import { useIsDarkMode } from '@/hooks/useDarkMode'; /** * Receipt form header section. */ -function ReceiptFormHeader({ +export function ReceiptFormHeader({ // #ownProps onReceiptNumberChanged, }) { @@ -51,5 +51,3 @@ function ReceiptFormHeaderBigTotal() { ); } - -export default ReceiptFormHeader; diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormHeaderFields.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormHeaderFields.tsx index b16f9e2b5..78771f3e0 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormHeaderFields.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormHeaderFields.tsx @@ -53,7 +53,7 @@ const getEstimateFieldsStyle = (theme: Theme) => css` /** * Receipt form header fields. */ -export default function ReceiptFormHeader() { +export function ReceiptFormHeader() { const theme = useTheme(); const receiptFieldsClassName = getEstimateFieldsStyle(theme); const { accounts, projects } = useReceiptFormContext(); diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormPage.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormPage.tsx index 80ec7f941..e8b77c1c0 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormPage.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormPage.tsx @@ -14,7 +14,7 @@ import { ReceiptForm } from './ReceiptForm'; /** * Receipt form page. */ -export default function ReceiptFormPage() { +export function ReceiptFormPage() { const { id } = useParams(); const receiptId = id ? parseInt(id, 10) : undefined; diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormTopbar.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormTopbar.tsx index 82db65c66..e09d62841 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormTopbar.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormTopbar.tsx @@ -28,7 +28,7 @@ import { * Receipt form topbar . * @returns {JSX.Element} */ -export default function ReceiptFormTopBar() { +export function ReceiptFormTopBar() { // Features guard. const { featureCan } = useFeatureCan(); diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptItemsEntriesEditor.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptItemsEntriesEditor.tsx index ab8b5fbe9..80601be9f 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptItemsEntriesEditor.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptItemsEntriesEditor.tsx @@ -2,11 +2,11 @@ import React from 'react'; import { x } from '@xstyled/emotion'; import { FastField } from 'formik'; -import ItemsEntriesTable from '@/containers/Entries/ItemsEntriesTable'; +import { ItemsEntriesTable } from '@/containers/Entries/ItemsEntriesTable'; import { useReceiptFormContext } from './ReceiptFormProvider'; import { entriesFieldShouldUpdate } from './utils'; -export default function ReceiptItemsEntriesEditor({ defaultReceipt }) { +export function ReceiptItemsEntriesEditor({ defaultReceipt }) { const { items } = useReceiptFormContext(); return ( diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptsAlerts.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptsAlerts.tsx index a7dec7a36..02aa8f1bf 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptsAlerts.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptsAlerts.tsx @@ -1,16 +1,12 @@ // @ts-nocheck import React from 'react'; -const ReceiptDeleteAlert = React.lazy( - () => import('@/containers/Alerts/Receipts/ReceiptDeleteAlert'), -); -const ReceiptCloseAlert = React.lazy( - () => import('@/containers/Alerts/Receipts/ReceiptCloseAlert'), -); +const ReceiptDeleteAlert = React.lazy(() => import('@/containers/Alerts/Receipts/ReceiptDeleteAlert').then(m => ({ default: m.ReceiptDeleteAlert }))); +const ReceiptCloseAlert = React.lazy(() => import('@/containers/Alerts/Receipts/ReceiptCloseAlert').then(m => ({ default: m.ReceiptCloseAlert }))); /** * Receipts alerts. */ -export default [ +export const ReceiptsAlerts = [ { name: 'receipt-delete', component: ReceiptDeleteAlert }, { name: 'receipt-close', component: ReceiptCloseAlert }, ]; diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptActionsBar.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptActionsBar.tsx index 13ff2af9a..7ce7bf82b 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptActionsBar.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptActionsBar.tsx @@ -53,7 +53,7 @@ import { isEmpty } from 'lodash'; /** * Receipts actions bar. */ -function ReceiptActionsBar({ +function ReceiptActionsBarInner({ // #withReceiptsActions setReceiptsTableState, setReceiptsSelectedRows, @@ -247,7 +247,7 @@ function ReceiptActionsBar({ ); } -export default compose( +export const ReceiptActionsBar = compose( withReceiptsActions, withSettingsActions, withReceipts(({ receiptTableState, receiptSelectedRows }) => ({ @@ -259,4 +259,4 @@ export default compose( })), withDialogActions, withDrawerActions, -)(ReceiptActionsBar); +)(ReceiptActionsBarInner); diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptViewTabs.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptViewTabs.tsx index 3052d410b..db582cbaa 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptViewTabs.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptViewTabs.tsx @@ -12,7 +12,7 @@ import { useReceiptsListContext } from './ReceiptsListProvider'; /** * Receipts views tabs. */ -function ReceiptViewTabs({ +function ReceiptViewTabsInner({ // #withReceiptActions setReceiptsTableState, @@ -45,9 +45,9 @@ function ReceiptViewTabs({ ); } -export default compose( +export const ReceiptViewTabs = compose( withReceiptActions, withReceipts(({ receiptTableState }) => ({ receiptsCurrentView: receiptTableState.viewSlug, })), -)(ReceiptViewTabs); +)(ReceiptViewTabsInner); diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsEmptyStatus.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsEmptyStatus.tsx index d0fefd4ba..a94bda54a 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsEmptyStatus.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsEmptyStatus.tsx @@ -6,7 +6,7 @@ import { EmptyStatus } from '@/components'; import { Can, FormattedMessage as T } from '@/components'; import { SaleReceiptAction, AbilitySubject } from '@/constants/abilityOption'; -export default function ReceiptsEmptyStatus() { +export function ReceiptsEmptyStatus() { const history = useHistory(); return ( diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsList.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsList.tsx index eb710bbdc..655f90510 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsList.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsList.tsx @@ -4,8 +4,8 @@ import { DashboardPageContent } from '@/components'; import '@/style/pages/SaleReceipt/List.scss'; -import ReceiptActionsBar from './ReceiptActionsBar'; -import ReceiptsTable from './ReceiptsTable'; +import { ReceiptActionsBar } from './ReceiptActionsBar'; +import { ReceiptsTable } from './ReceiptsTable'; import { withReceipts } from './withReceipts'; import { withReceiptsActions } from './withReceiptsActions'; @@ -16,7 +16,7 @@ import { transformTableStateToQuery, compose } from '@/utils'; /** * Receipts list page. */ -function ReceiptsList({ +function ReceiptsListInner({ // #withReceipts receiptTableState, receiptsTableStateChanged, @@ -48,10 +48,10 @@ function ReceiptsList({ ); } -export default compose( +export const ReceiptsList = compose( withReceipts(({ receiptTableState, receiptsTableStateChanged }) => ({ receiptTableState, receiptsTableStateChanged, })), withReceiptsActions, -)(ReceiptsList); +)(ReceiptsListInner); diff --git a/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsTable.tsx b/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsTable.tsx index cd1423971..52137402e 100644 --- a/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsTable.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsTable.tsx @@ -11,7 +11,7 @@ import { } from '@/components'; import { TABLES } from '@/constants/tables'; -import ReceiptsEmptyStatus from './ReceiptsEmptyStatus'; +import { ReceiptsEmptyStatus } from './ReceiptsEmptyStatus'; import { withReceipts } from './withReceipts'; import { withReceiptsActions } from './withReceiptsActions'; @@ -162,7 +162,7 @@ function ReceiptsDataTable({ ); } -export default compose( +export const ReceiptsTable = compose( withAlertActions, withReceiptsActions, withDrawerActions, diff --git a/packages/webapp/src/containers/Sales/Receipts/SaleReceiptsImport.tsx b/packages/webapp/src/containers/Sales/Receipts/SaleReceiptsImport.tsx index 4ad69c8ac..b2441ce5f 100644 --- a/packages/webapp/src/containers/Sales/Receipts/SaleReceiptsImport.tsx +++ b/packages/webapp/src/containers/Sales/Receipts/SaleReceiptsImport.tsx @@ -3,7 +3,7 @@ import { useHistory } from 'react-router-dom'; import { ImportView } from '@/containers/Import'; import { DashboardInsider } from '@/components'; -export default function ReceiptsImport() { +export function ReceiptsImport() { const history = useHistory(); const handleCancelBtnClick = () => { diff --git a/packages/webapp/src/containers/Setup/SetupCongratsPage.tsx b/packages/webapp/src/containers/Setup/SetupCongratsPage.tsx index 5b6e44c93..509733ac2 100644 --- a/packages/webapp/src/containers/Setup/SetupCongratsPage.tsx +++ b/packages/webapp/src/containers/Setup/SetupCongratsPage.tsx @@ -5,7 +5,7 @@ import { x } from '@xstyled/emotion'; import { css } from '@emotion/css'; import { useIsDarkMode } from '@/hooks/useDarkMode'; -import WorkflowIcon from './WorkflowIcon'; +import { WorkflowIcon } from './WorkflowIcon'; import { FormattedMessage as T } from '@/components'; import { withOrganizationActions } from '@/containers/Organization/withOrganizationActions'; @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Setup congrats page. */ -function SetupCongratsPage({ setOrganizationSetupCompleted }) { +function SetupCongratsPageInner({ setOrganizationSetupCompleted }) { const [isReloading, setIsReloading] = React.useState(false); const isDarkMode = useIsDarkMode(); @@ -76,4 +76,4 @@ function SetupCongratsPage({ setOrganizationSetupCompleted }) { ); } -export default compose(withOrganizationActions)(SetupCongratsPage); +export const SetupCongratsPage = compose(withOrganizationActions)(SetupCongratsPageInner); diff --git a/packages/webapp/src/containers/Setup/SetupInitializingForm.tsx b/packages/webapp/src/containers/Setup/SetupInitializingForm.tsx index 43a4367a0..6f11a65fb 100644 --- a/packages/webapp/src/containers/Setup/SetupInitializingForm.tsx +++ b/packages/webapp/src/containers/Setup/SetupInitializingForm.tsx @@ -16,7 +16,7 @@ import { withOrganization } from '../Organization/withOrganization'; /** * Setup initializing step form. */ -function SetupInitializingForm({ +function SetupInitializingFormInner({ setOrganizationSetupCompleted, organization, }) { @@ -62,13 +62,13 @@ function SetupInitializingForm({ ); } -export default R.compose( +export const SetupInitializingForm = R.compose( withOrganizationActions, withCurrentOrganization(({ organizationTenantId }) => ({ organizationId: organizationTenantId, })), withOrganization(({ organization }) => ({ organization })), -)(SetupInitializingForm); +)(SetupInitializingFormInner); /** * State initializing failed state. diff --git a/packages/webapp/src/containers/Setup/SetupLeftSection.tsx b/packages/webapp/src/containers/Setup/SetupLeftSection.tsx index 8d96cea37..979d6fc40 100644 --- a/packages/webapp/src/containers/Setup/SetupLeftSection.tsx +++ b/packages/webapp/src/containers/Setup/SetupLeftSection.tsx @@ -88,7 +88,7 @@ function SetupLeftSectionHeader() { /** * Wizard setup left section. */ -export default function SetupLeftSection() { +export function SetupLeftSection() { return (
diff --git a/packages/webapp/src/containers/Setup/SetupOrganizationForm.tsx b/packages/webapp/src/containers/Setup/SetupOrganizationForm.tsx index ff3d360a1..18d0edb77 100644 --- a/packages/webapp/src/containers/Setup/SetupOrganizationForm.tsx +++ b/packages/webapp/src/containers/Setup/SetupOrganizationForm.tsx @@ -28,7 +28,7 @@ const countries = getAllCountries(); /** * Setup organization form. */ -export default function SetupOrganizationForm({ isSubmitting, values }) { +export function SetupOrganizationForm({ isSubmitting, values }) { const FiscalYear = getFiscalYear(); const Languages = getLanguages(); const currencies = getAllCurrenciesOptions(); diff --git a/packages/webapp/src/containers/Setup/SetupOrganizationPage.tsx b/packages/webapp/src/containers/Setup/SetupOrganizationPage.tsx index c3940f368..815b78e9e 100644 --- a/packages/webapp/src/containers/Setup/SetupOrganizationPage.tsx +++ b/packages/webapp/src/containers/Setup/SetupOrganizationPage.tsx @@ -4,7 +4,7 @@ import { Formik } from 'formik'; import { FormattedMessage as T } from '@/components'; import { x } from '@xstyled/emotion'; -import SetupOrganizationForm from './SetupOrganizationForm'; +import { SetupOrganizationForm } from './SetupOrganizationForm'; import { useOrganizationSetup } from '@/hooks/query'; import { withSettingsActions } from '@/containers/Settings/withSettingsActions'; @@ -25,7 +25,7 @@ const defaultValues = { /** * Setup organization form. */ -function SetupOrganizationPage({ wizard }) { +function SetupOrganizationPageInner({ wizard }) { const { mutateAsync: organizationSetupMutate } = useOrganizationSetup(); // Validation schema. @@ -70,4 +70,4 @@ function SetupOrganizationPage({ wizard }) { ); } -export default compose(withSettingsActions)(SetupOrganizationPage); +export const SetupOrganizationPage = compose(withSettingsActions)(SetupOrganizationPageInner); diff --git a/packages/webapp/src/containers/Setup/SetupRightSection.tsx b/packages/webapp/src/containers/Setup/SetupRightSection.tsx index eb9194510..5a1ec0a0a 100644 --- a/packages/webapp/src/containers/Setup/SetupRightSection.tsx +++ b/packages/webapp/src/containers/Setup/SetupRightSection.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { x } from '@xstyled/emotion'; -import SetupWizardContent from './SetupWizardContent'; +import { SetupWizardContent } from './SetupWizardContent'; import { withOrganization } from '@/containers/Organization/withOrganization'; import { withCurrentOrganization } from '@/containers/Organization/withCurrentOrganization'; @@ -14,7 +14,7 @@ import { compose } from '@/utils'; /** * Wizard setup right section. */ -function SetupRightSection({ +function SetupRightSectionInner({ // #withOrganization isOrganizationInitialized, isOrganizationSeeded, @@ -34,7 +34,7 @@ function SetupRightSection({ ); } -export default compose( +export const SetupRightSection = compose( withCurrentOrganization(({ organizationTenantId }) => ({ organizationId: organizationTenantId, })), @@ -63,4 +63,4 @@ export default compose( setupStepId, setupStepIndex, })), -)(SetupRightSection); +)(SetupRightSectionInner); diff --git a/packages/webapp/src/containers/Setup/SetupSubscription/SetupSubscription.tsx b/packages/webapp/src/containers/Setup/SetupSubscription/SetupSubscription.tsx index adb4c64c4..4c176f988 100644 --- a/packages/webapp/src/containers/Setup/SetupSubscription/SetupSubscription.tsx +++ b/packages/webapp/src/containers/Setup/SetupSubscription/SetupSubscription.tsx @@ -10,7 +10,7 @@ import styles from './SetupSubscription.module.scss'; /** * Subscription step of wizard setup. */ -function SetupSubscription({ +function SetupSubscriptionInner({ // #withSubscriptionPlansActions initSubscriptionPlans, }) { @@ -35,4 +35,4 @@ function SetupSubscription({ ); } -export default R.compose(withSubscriptionPlansActions)(SetupSubscription); +export const SetupSubscription = R.compose(withSubscriptionPlansActions)(SetupSubscriptionInner); diff --git a/packages/webapp/src/containers/Setup/SetupWizardContent.tsx b/packages/webapp/src/containers/Setup/SetupWizardContent.tsx index a9c8f2463..615cd625c 100644 --- a/packages/webapp/src/containers/Setup/SetupWizardContent.tsx +++ b/packages/webapp/src/containers/Setup/SetupWizardContent.tsx @@ -3,10 +3,10 @@ import React from 'react'; import { x } from '@xstyled/emotion'; import { css } from '@emotion/css'; -import SetupSubscription from './SetupSubscription/SetupSubscription'; -import SetupOrganizationPage from './SetupOrganizationPage'; -import SetupInitializingForm from './SetupInitializingForm'; -import SetupCongratsPage from './SetupCongratsPage'; +import { SetupSubscription } from './SetupSubscription/SetupSubscription'; +import { SetupOrganizationPage } from './SetupOrganizationPage'; +import { SetupInitializingForm } from './SetupInitializingForm'; +import { SetupCongratsPage } from './SetupCongratsPage'; import { Stepper } from '@/components/Stepper'; interface SetupWizardContentProps { @@ -21,7 +21,7 @@ const itemsClassName = css` /** * Setup wizard content. */ -export default function SetupWizardContent({ +export function SetupWizardContent({ stepIndex, stepId, }: SetupWizardContentProps) { diff --git a/packages/webapp/src/containers/Setup/WizardSetupPage.tsx b/packages/webapp/src/containers/Setup/WizardSetupPage.tsx index 56b9de509..d57d492a6 100644 --- a/packages/webapp/src/containers/Setup/WizardSetupPage.tsx +++ b/packages/webapp/src/containers/Setup/WizardSetupPage.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; -import SetupRightSection from './SetupRightSection'; -import SetupLeftSection from './SetupLeftSection'; +import { SetupRightSection } from './SetupRightSection'; +import { SetupLeftSection } from './SetupLeftSection'; import EnsureOrganizationIsNotReady from '@/components/Guards/EnsureOrganizationIsNotReady'; import '@/style/pages/Setup/SetupPage.scss'; -export default function WizardSetupPage() { +export function WizardSetupPage() { return (
diff --git a/packages/webapp/src/containers/Setup/WizardSetupSteps.tsx b/packages/webapp/src/containers/Setup/WizardSetupSteps.tsx index 36b53a37e..ea821200a 100644 --- a/packages/webapp/src/containers/Setup/WizardSetupSteps.tsx +++ b/packages/webapp/src/containers/Setup/WizardSetupSteps.tsx @@ -14,7 +14,7 @@ function WizardSetupStep({ label, isActive = false }) { /** * Setup wizard setups. */ -export default function WizardSetupSteps({ currentStep = 1 }) { +export function WizardSetupSteps({ currentStep = 1 }) { const setupWizardSetups = getSetupWizardSteps(); return ( diff --git a/packages/webapp/src/containers/Setup/WorkflowIcon.tsx b/packages/webapp/src/containers/Setup/WorkflowIcon.tsx index 7758fa838..b2d61081e 100644 --- a/packages/webapp/src/containers/Setup/WorkflowIcon.tsx +++ b/packages/webapp/src/containers/Setup/WorkflowIcon.tsx @@ -1,7 +1,7 @@ // @ts-nocheck import React from 'react'; -export default function WorkflowIcon({ +export function WorkflowIcon({ width = '309.566', height = '356.982', }) { diff --git a/packages/webapp/src/containers/Subscriptions/BillingPage.tsx b/packages/webapp/src/containers/Subscriptions/BillingPage.tsx index e98b441d1..849d52f69 100644 --- a/packages/webapp/src/containers/Subscriptions/BillingPage.tsx +++ b/packages/webapp/src/containers/Subscriptions/BillingPage.tsx @@ -34,7 +34,7 @@ function BillingPageRoot({ ); } -export default R.compose( +export const BillingPage = R.compose( withAlertActions, withDashboardActions, )(BillingPageRoot); diff --git a/packages/webapp/src/containers/Subscriptions/alerts/CancelMainSubscriptionAlert.tsx b/packages/webapp/src/containers/Subscriptions/alerts/CancelMainSubscriptionAlert.tsx index aaec7c5d3..79dad43a6 100644 --- a/packages/webapp/src/containers/Subscriptions/alerts/CancelMainSubscriptionAlert.tsx +++ b/packages/webapp/src/containers/Subscriptions/alerts/CancelMainSubscriptionAlert.tsx @@ -12,7 +12,7 @@ import { useCancelMainSubscription } from '@/hooks/query/subscription'; /** * Cancel Unlocking partial transactions alerts. */ -function CancelMainSubscriptionAlert({ +function CancelMainSubscriptionAlertInner({ name, // #withAlertStoreConnect @@ -75,7 +75,7 @@ function CancelMainSubscriptionAlert({ ); } -export default R.compose( +export const CancelMainSubscriptionAlert = R.compose( withAlertStoreConnect(), withAlertActions, -)(CancelMainSubscriptionAlert); +)(CancelMainSubscriptionAlertInner); diff --git a/packages/webapp/src/containers/Subscriptions/alerts/ResumeMainSubscriptionAlert.tsx b/packages/webapp/src/containers/Subscriptions/alerts/ResumeMainSubscriptionAlert.tsx index fa9f2a967..be8cec477 100644 --- a/packages/webapp/src/containers/Subscriptions/alerts/ResumeMainSubscriptionAlert.tsx +++ b/packages/webapp/src/containers/Subscriptions/alerts/ResumeMainSubscriptionAlert.tsx @@ -11,7 +11,7 @@ import { useResumeMainSubscription } from '@/hooks/query/subscription'; /** * Resume Unlocking partial transactions alerts. */ -function ResumeMainSubscriptionAlert({ +function ResumeMainSubscriptionAlertInner({ name, // #withAlertStoreConnect @@ -73,7 +73,7 @@ function ResumeMainSubscriptionAlert({ ); } -export default R.compose( +export const ResumeMainSubscriptionAlert = R.compose( withAlertStoreConnect(), withAlertActions, -)(ResumeMainSubscriptionAlert); +)(ResumeMainSubscriptionAlertInner); diff --git a/packages/webapp/src/containers/Subscriptions/alerts/alerts.ts b/packages/webapp/src/containers/Subscriptions/alerts/alerts.ts index 94939a56a..6b3564300 100644 --- a/packages/webapp/src/containers/Subscriptions/alerts/alerts.ts +++ b/packages/webapp/src/containers/Subscriptions/alerts/alerts.ts @@ -1,12 +1,8 @@ // @ts-nocheck import React from 'react'; -const CancelMainSubscriptionAlert = React.lazy( - () => import('./CancelMainSubscriptionAlert'), -); -const ResumeMainSubscriptionAlert = React.lazy( - () => import('./ResumeMainSubscriptionAlert'), -); +const CancelMainSubscriptionAlert = React.lazy(() => import('./CancelMainSubscriptionAlert').then(m => ({ default: m.CancelMainSubscriptionAlert }))); +const ResumeMainSubscriptionAlert = React.lazy(() => import('./ResumeMainSubscriptionAlert').then(m => ({ default: m.ResumeMainSubscriptionAlert }))); /** * Subscription alert. diff --git a/packages/webapp/src/containers/Subscriptions/drawers/ChangeSubscriptionPlanDrawer/ChangeSubscriptionPlanContent.tsx b/packages/webapp/src/containers/Subscriptions/drawers/ChangeSubscriptionPlanDrawer/ChangeSubscriptionPlanContent.tsx index 85d0361e8..5ad3c2941 100644 --- a/packages/webapp/src/containers/Subscriptions/drawers/ChangeSubscriptionPlanDrawer/ChangeSubscriptionPlanContent.tsx +++ b/packages/webapp/src/containers/Subscriptions/drawers/ChangeSubscriptionPlanDrawer/ChangeSubscriptionPlanContent.tsx @@ -5,7 +5,7 @@ import { Box } from '@/components'; import { SubscriptionPlansPeriodSwitcher } from '@/containers/Setup/SetupSubscription/SubscriptionPlansPeriodSwitcher'; import { ChangeSubscriptionPlans } from './ChangeSubscriptionPlans'; -export default function ChangeSubscriptionPlanContent() { +export function ChangeSubscriptionPlanContent() { return ( import('./ChangeSubscriptionPlanContent'), -); +const ChangeSubscriptionPlanContent = lazy(() => import('./ChangeSubscriptionPlanContent').then(m => ({ default: m.ChangeSubscriptionPlanContent }))); /** * Account drawer. */ -function ChangeSubscriptionPlanDrawer({ +function ChangeSubscriptionPlanDrawerInner({ name, // #withDrawer isOpen, @@ -36,4 +34,4 @@ function ChangeSubscriptionPlanDrawer({ ); } -export default R.compose(withDrawers())(ChangeSubscriptionPlanDrawer); +export const ChangeSubscriptionPlanDrawer = R.compose(withDrawers())(ChangeSubscriptionPlanDrawerInner); diff --git a/packages/webapp/src/containers/TaxRates/alerts/TaxRateDeleteAlert.tsx b/packages/webapp/src/containers/TaxRates/alerts/TaxRateDeleteAlert.tsx index 7c1bc6b0e..b090cd380 100644 --- a/packages/webapp/src/containers/TaxRates/alerts/TaxRateDeleteAlert.tsx +++ b/packages/webapp/src/containers/TaxRates/alerts/TaxRateDeleteAlert.tsx @@ -15,7 +15,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Item delete alerts. */ -function TaxRateDeleteAlert({ +function TaxRateDeleteAlertInner({ name, // #withAlertStoreConnect @@ -85,8 +85,8 @@ function TaxRateDeleteAlert({ ); } -export default compose( +export const TaxRateDeleteAlert = compose( withAlertStoreConnect(), withAlertActions, withDrawerActions, -)(TaxRateDeleteAlert); +)(TaxRateDeleteAlertInner); diff --git a/packages/webapp/src/containers/TaxRates/alerts/index.ts b/packages/webapp/src/containers/TaxRates/alerts/index.ts index 7c40cbfb0..3cf3a9f6a 100644 --- a/packages/webapp/src/containers/TaxRates/alerts/index.ts +++ b/packages/webapp/src/containers/TaxRates/alerts/index.ts @@ -1,9 +1,9 @@ // @ts-nocheck import React from 'react'; -const TaxRateDeleteAlert = React.lazy(() => import('./TaxRateDeleteAlert')); +const TaxRateDeleteAlert = React.lazy(() => import('./TaxRateDeleteAlert').then(m => ({ default: m.TaxRateDeleteAlert }))); /** * Tax rates alerts. */ -export default [{ name: 'tax-rate-delete', component: TaxRateDeleteAlert }]; +export const TaxRatesAlerts = [{ name: 'tax-rate-delete', component: TaxRateDeleteAlert }]; diff --git a/packages/webapp/src/containers/TaxRates/containers/TaxRatesImport.tsx b/packages/webapp/src/containers/TaxRates/containers/TaxRatesImport.tsx index e2b5c66ff..daf46b196 100644 --- a/packages/webapp/src/containers/TaxRates/containers/TaxRatesImport.tsx +++ b/packages/webapp/src/containers/TaxRates/containers/TaxRatesImport.tsx @@ -3,7 +3,7 @@ import { useHistory } from 'react-router-dom'; import { DashboardInsider } from '@/components'; import { ImportView } from '@/containers/Import'; -export default function TaxRatesImport() { +export function TaxRatesImport() { const history = useHistory(); const handleCancelBtnClick = () => { diff --git a/packages/webapp/src/containers/TaxRates/containers/TaxRatesLandingActionsBar.tsx b/packages/webapp/src/containers/TaxRates/containers/TaxRatesLandingActionsBar.tsx index c4eca2a61..3f824ba74 100644 --- a/packages/webapp/src/containers/TaxRates/containers/TaxRatesLandingActionsBar.tsx +++ b/packages/webapp/src/containers/TaxRates/containers/TaxRatesLandingActionsBar.tsx @@ -67,4 +67,4 @@ function TaxRatesActionsBar({ ); } -export default compose(withDialogActions)(TaxRatesActionsBar); +export const TaxRatesLandingActionsBar = compose(withDialogActions)(TaxRatesActionsBar); diff --git a/packages/webapp/src/containers/TaxRates/containers/TaxRatesLandingTable.tsx b/packages/webapp/src/containers/TaxRates/containers/TaxRatesLandingTable.tsx index 5804f5b44..2841682e9 100644 --- a/packages/webapp/src/containers/TaxRates/containers/TaxRatesLandingTable.tsx +++ b/packages/webapp/src/containers/TaxRates/containers/TaxRatesLandingTable.tsx @@ -137,7 +137,7 @@ function TaxRatesDataTable({ ); } -export default compose( +export const TaxRatesLandingTable = compose( withDashboardActions, withAlertActions, withDrawerActions, diff --git a/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialog.tsx b/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialog.tsx index 263450edb..bf75f0f57 100644 --- a/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialog.tsx +++ b/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialog.tsx @@ -5,14 +5,12 @@ import { Dialog, DialogSuspense } from '@/components'; import withDialogRedux from '@/components/DialogReduxConnect'; import { compose } from '@/utils'; -const TaxRateFormDialogContent = lazy( - () => import('./TaxRateFormDialogContent'), -); +const TaxRateFormDialogContent = lazy(() => import('./TaxRateFormDialogContent').then(m => ({ default: m.TaxRateFormDialogContent }))); /** * Tax rate form dialog. */ -function TaxRateFormDialog({ +function TaxRateFormDialogInner({ dialogName, payload = { action: '', id: null }, isOpen, @@ -39,4 +37,4 @@ const TaxRateDialog = styled(Dialog)` max-width: 450px; `; -export default compose(withDialogRedux())(TaxRateFormDialog); +export const TaxRateFormDialog = compose(withDialogRedux())(TaxRateFormDialogInner); diff --git a/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialogContent.tsx b/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialogContent.tsx index b0c10b88f..efce9d477 100644 --- a/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialogContent.tsx +++ b/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialogContent.tsx @@ -1,6 +1,6 @@ // @ts-nocheck import React from 'react'; -import TaxRateFormDialogForm from './TaxRateFormDialogForm'; +import { TaxRateFormDialogForm } from './TaxRateFormDialogForm'; import { TaxRateFormDialogBoot } from './TaxRateFormDialogBoot'; interface TaxRateFormDialogContentProps { @@ -11,7 +11,7 @@ interface TaxRateFormDialogContentProps { /** * Tax rate form dialog content. */ -export default function TaxRateFormDialogContent({ +export function TaxRateFormDialogContent({ dialogName, taxRateId, }: TaxRateFormDialogContentProps) { diff --git a/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialogForm.tsx b/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialogForm.tsx index 3d99c86dd..aa6f5670e 100644 --- a/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialogForm.tsx +++ b/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialogForm.tsx @@ -4,7 +4,7 @@ import { Classes, Intent } from '@blueprintjs/core'; import { Form, Formik } from 'formik'; import { AppToaster } from '@/components'; -import TaxRateFormDialogFormContent from './TaxRateFormDialogFormContent'; +import { TaxRateFormDialogContent as TaxRateFormDialogFormContent } from './TaxRateFormDialogFormContent'; import { CreateTaxRateFormSchema, @@ -28,7 +28,7 @@ import { compose } from '@/utils'; /** * Tax rate form dialog content. */ -function TaxRateFormDialogForm({ +function TaxRateFormDialogFormInner({ // #withDialogActions closeDialog, @@ -121,7 +121,7 @@ function TaxRateFormDialogForm({ ); } -export default compose( +export const TaxRateFormDialogForm = compose( withDialogActions, withDrawerActions, -)(TaxRateFormDialogForm); +)(TaxRateFormDialogFormInner); diff --git a/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialogFormContent.tsx b/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialogFormContent.tsx index 01f6056ef..acd489518 100644 --- a/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialogFormContent.tsx +++ b/packages/webapp/src/containers/TaxRates/dialogs/TaxRateFormDialog/TaxRateFormDialogFormContent.tsx @@ -11,7 +11,7 @@ import { useTaxRateFormDialogContext } from './TaxRateFormDialogBoot'; * Tax rate form content. * @returns {JSX.Element} */ -export default function TaxRateFormDialogContent() { +export function TaxRateFormDialogContent() { return (
import('./TaxRateDetailsContent'), -); +const TaxRateDetailsDrawerContent = React.lazy(() => import('./TaxRateDetailsContent').then(m => ({ default: m.TaxRateDetailsContent }))); /** * Tax rate details drawer. */ -function TaxRateDetailsDrawer({ +function TaxRateDetailsDrawerInner({ name, // #withDrawer isOpen, @@ -32,4 +30,4 @@ function TaxRateDetailsDrawer({ ); } -export default R.compose(withDrawers())(TaxRateDetailsDrawer); +export const TaxRateDetailsDrawer = R.compose(withDrawers())(TaxRateDetailsDrawerInner); diff --git a/packages/webapp/src/containers/TaxRates/pages/TaxRatesLanding.tsx b/packages/webapp/src/containers/TaxRates/pages/TaxRatesLanding.tsx index 8990fe30b..b75557a35 100644 --- a/packages/webapp/src/containers/TaxRates/pages/TaxRatesLanding.tsx +++ b/packages/webapp/src/containers/TaxRates/pages/TaxRatesLanding.tsx @@ -3,14 +3,14 @@ import React, { useEffect } from 'react'; import { DashboardPageContent } from '@/components'; import { TaxRatesLandingProvider } from '../containers/TaxRatesLandingProvider'; -import TaxRatesLandingActionsBar from '../containers/TaxRatesLandingActionsBar'; -import TaxRatesDataTable from '../containers/TaxRatesLandingTable'; +import { TaxRatesLandingActionsBar } from '../containers/TaxRatesLandingActionsBar'; +import { TaxRatesLandingTable as TaxRatesDataTable } from '../containers/TaxRatesLandingTable'; /** * Tax rates landing page. * @returns {JSX.Element} */ -export default function TaxRatesLanding() { +export function TaxRatesLanding() { return ( diff --git a/packages/webapp/src/containers/TransactionsLocking/TransactionsLockingAlerts.tsx b/packages/webapp/src/containers/TransactionsLocking/TransactionsLockingAlerts.tsx index 62338bca5..3ea37a8c7 100644 --- a/packages/webapp/src/containers/TransactionsLocking/TransactionsLockingAlerts.tsx +++ b/packages/webapp/src/containers/TransactionsLocking/TransactionsLockingAlerts.tsx @@ -1,17 +1,12 @@ // @ts-nocheck import React from 'react'; -const cancelUnlockingPartialAlert = React.lazy( - () => - import( - '@/containers/Alerts/TransactionLocking/cancelUnlockingPartialAlert' - ), -); +const cancelUnlockingPartialAlert = React.lazy(() => import('@/containers/Alerts/TransactionLocking/cancelUnlockingPartialAlert').then(m => ({ default: m.cancelUnlockingPartialAlert }))); /** * Transactions alerts. */ -export default [ +export const TransactionsLockingAlerts = [ { name: 'cancel-unlocking-partail', component: cancelUnlockingPartialAlert, diff --git a/packages/webapp/src/containers/TransactionsLocking/TransactionsLockingList.tsx b/packages/webapp/src/containers/TransactionsLocking/TransactionsLockingList.tsx index e30a7a64a..d4a216d6b 100644 --- a/packages/webapp/src/containers/TransactionsLocking/TransactionsLockingList.tsx +++ b/packages/webapp/src/containers/TransactionsLocking/TransactionsLockingList.tsx @@ -10,7 +10,7 @@ import { TransactionsLockingBody } from './TransactionsLockingBody'; /** * Transactions locking list. */ -export default function TransactionsLockingListPage() { +export function TransactionsLockingListPage() { return ( diff --git a/packages/webapp/src/containers/TransactionsLocking/TransactionsLockingPage.tsx b/packages/webapp/src/containers/TransactionsLocking/TransactionsLockingPage.tsx index a52c1c243..36bf0ea15 100644 --- a/packages/webapp/src/containers/TransactionsLocking/TransactionsLockingPage.tsx +++ b/packages/webapp/src/containers/TransactionsLocking/TransactionsLockingPage.tsx @@ -2,9 +2,9 @@ import React from 'react'; import { TransactionsLockingProvider } from './TransactionsLockingProvider'; -import TransactionsLockingList from './TransactionsLockingList'; +import { TransactionsLockingListPage as TransactionsLockingList } from './TransactionsLockingList'; -export default function TransactionsLockingPage() { +export function TransactionsLockingPage() { return ( diff --git a/packages/webapp/src/containers/UniversalSearch/DashboardUniversalSearch.tsx b/packages/webapp/src/containers/UniversalSearch/DashboardUniversalSearch.tsx index be7cbca98..542e6d781 100644 --- a/packages/webapp/src/containers/UniversalSearch/DashboardUniversalSearch.tsx +++ b/packages/webapp/src/containers/UniversalSearch/DashboardUniversalSearch.tsx @@ -12,14 +12,14 @@ import { withUniversalSearchActions } from './withUniversalSearchActions'; import { withUniversalSearch } from './withUniversalSearch'; import { useGetUniversalSearchTypeOptions } from './utils'; -import DashboardUniversalSearchItemActions from './DashboardUniversalSearchItemActions'; +import { DashboardUniversalSearchItemActions } from './DashboardUniversalSearchItemActions'; import { DashboardUniversalSearchItem } from './components'; -import DashboardUniversalSearchHotkeys from './DashboardUniversalSearchHotkeys'; +import { DashboardUniversalSearchHotkeys } from './DashboardUniversalSearchHotkeys'; /** * Dashboard universal search. */ -function DashboardUniversalSearch({ +function DashboardUniversalSearchInner({ // #withUniversalSearchActions setSelectedItemUniversalSearch, @@ -127,10 +127,10 @@ function DashboardUniversalSearch({ ); } -export default compose( +export const DashboardUniversalSearch = compose( withUniversalSearchActions, withUniversalSearch(({ globalSearchShow, defaultUniversalResourceType }) => ({ globalSearchShow, defaultUniversalResourceType, })), -)(DashboardUniversalSearch); +)(DashboardUniversalSearchInner); diff --git a/packages/webapp/src/containers/UniversalSearch/DashboardUniversalSearchHotkeys.tsx b/packages/webapp/src/containers/UniversalSearch/DashboardUniversalSearchHotkeys.tsx index 12e0b0d4c..c015faebd 100644 --- a/packages/webapp/src/containers/UniversalSearch/DashboardUniversalSearchHotkeys.tsx +++ b/packages/webapp/src/containers/UniversalSearch/DashboardUniversalSearchHotkeys.tsx @@ -1,7 +1,6 @@ // @ts-nocheck import * as R from 'ramda'; import { useHotkeys } from 'react-hotkeys-hook'; - import { withUniversalSearchActions } from './withUniversalSearchActions'; /** @@ -17,6 +16,6 @@ function DashboardUniversalSearchHotkey({ return null; } -export default R.compose( +export const DashboardUniversalSearchHotkeys = R.compose( withUniversalSearchActions )(DashboardUniversalSearchHotkey); diff --git a/packages/webapp/src/containers/UniversalSearch/DashboardUniversalSearchItemActions.tsx b/packages/webapp/src/containers/UniversalSearch/DashboardUniversalSearchItemActions.tsx index 2cc37f021..a4d5b7a00 100644 --- a/packages/webapp/src/containers/UniversalSearch/DashboardUniversalSearchItemActions.tsx +++ b/packages/webapp/src/containers/UniversalSearch/DashboardUniversalSearchItemActions.tsx @@ -10,7 +10,7 @@ import { withUniversalSearchActions } from './withUniversalSearchActions'; /** * Universal search selected item action based on each resource type. */ -function DashboardUniversalSearchItemActions({ +function DashboardUniversalSearchItemActionsInner({ searchSelectedResourceType, searchSelectedResourceId, @@ -33,7 +33,7 @@ function DashboardUniversalSearchItemActions({ )); } -export default R.compose( +export const DashboardUniversalSearchItemActions = R.compose( withUniversalSearch( ({ searchSelectedResourceType, searchSelectedResourceId }) => ({ searchSelectedResourceType, @@ -41,4 +41,4 @@ export default R.compose( }), ), withUniversalSearchActions, -)(DashboardUniversalSearchItemActions); +)(DashboardUniversalSearchItemActionsInner); diff --git a/packages/webapp/src/containers/Vendors/VendorsAlerts.tsx b/packages/webapp/src/containers/Vendors/VendorsAlerts.tsx index 1eca0055b..879ce5efd 100644 --- a/packages/webapp/src/containers/Vendors/VendorsAlerts.tsx +++ b/packages/webapp/src/containers/Vendors/VendorsAlerts.tsx @@ -1,17 +1,11 @@ // @ts-nocheck import React from 'react'; -const VendorDeleteAlert = React.lazy( - () => import('@/containers/Alerts/Vendors/VendorDeleteAlert'), -); -const VendorActivateAlert = React.lazy( - () => import('@/containers/Alerts/Vendors/VendorActivateAlert'), -); -const VendorInactivateAlert = React.lazy( - () => import('@/containers/Alerts/Vendors/VendorInactivateAlert'), -); +const VendorDeleteAlert = React.lazy(() => import('@/containers/Alerts/Vendors/VendorDeleteAlert').then(m => ({ default: m.VendorDeleteAlert }))); +const VendorActivateAlert = React.lazy(() => import('@/containers/Alerts/Vendors/VendorActivateAlert').then(m => ({ default: m.VendorActivateAlert }))); +const VendorInactivateAlert = React.lazy(() => import('@/containers/Alerts/Vendors/VendorInactivateAlert').then(m => ({ default: m.VendorInactivateAlert }))); -export default [ +export const VendorsAlerts = [ { name: 'vendor-delete', component: VendorDeleteAlert }, { name: 'vendor-activate', component: VendorActivateAlert }, { name: 'vendor-inactivate', component: VendorInactivateAlert }, diff --git a/packages/webapp/src/containers/Vendors/VendorsImport.tsx b/packages/webapp/src/containers/Vendors/VendorsImport.tsx index 8b4cf1714..b8a6fa6d3 100644 --- a/packages/webapp/src/containers/Vendors/VendorsImport.tsx +++ b/packages/webapp/src/containers/Vendors/VendorsImport.tsx @@ -3,7 +3,7 @@ import { useHistory } from 'react-router-dom'; import { DashboardInsider } from '@/components'; import { ImportView } from '../Import/ImportView'; -export default function VendorsImport() { +export function VendorsImport() { const history = useHistory(); const handleImportSuccess = () => { diff --git a/packages/webapp/src/containers/Vendors/VendorsLanding/VendorActionsBar.tsx b/packages/webapp/src/containers/Vendors/VendorsLanding/VendorActionsBar.tsx index a8ce18fed..a2beb57c0 100644 --- a/packages/webapp/src/containers/Vendors/VendorsLanding/VendorActionsBar.tsx +++ b/packages/webapp/src/containers/Vendors/VendorsLanding/VendorActionsBar.tsx @@ -42,7 +42,7 @@ import { DialogsName } from '@/constants/dialogs'; /** * Vendors actions bar. */ -function VendorActionsBar({ +function VendorActionsBarInner({ // #withVendors vendorsSelectedRows = [], vendorsFilterConditions, @@ -205,7 +205,7 @@ function VendorActionsBar({ ); } -export default compose( +export const VendorActionsBar = compose( withVendorsActions, withSettingsActions, withVendors(({ vendorsTableState, vendorsSelectedRows }) => ({ @@ -217,4 +217,4 @@ export default compose( vendorsTableSize: vendorsSettings?.tableSize, })), withDialogActions, -)(VendorActionsBar); +)(VendorActionsBarInner); diff --git a/packages/webapp/src/containers/Vendors/VendorsLanding/VendorViewsTabs.tsx b/packages/webapp/src/containers/Vendors/VendorsLanding/VendorViewsTabs.tsx index 955267738..e5dc409b5 100644 --- a/packages/webapp/src/containers/Vendors/VendorsLanding/VendorViewsTabs.tsx +++ b/packages/webapp/src/containers/Vendors/VendorsLanding/VendorViewsTabs.tsx @@ -12,7 +12,7 @@ import { transfromViewsToTabs, compose } from '@/utils'; /** * Vendors views tabs. */ -function VendorViewsTabs({ +function VendorViewsTabsInner({ // #withVendorsActions setVendorsTableState, @@ -43,9 +43,9 @@ function VendorViewsTabs({ ); } -export default compose( +export const VendorViewsTabs = compose( withVendorsActions, withVendors(({ vendorsTableState }) => ({ vendorsCurrentView: vendorsTableState.viewSlug, })), -)(VendorViewsTabs); +)(VendorViewsTabsInner); diff --git a/packages/webapp/src/containers/Vendors/VendorsLanding/VendorsEmptyStatus.tsx b/packages/webapp/src/containers/Vendors/VendorsLanding/VendorsEmptyStatus.tsx index 5bdc4679a..60bf14f9d 100644 --- a/packages/webapp/src/containers/Vendors/VendorsLanding/VendorsEmptyStatus.tsx +++ b/packages/webapp/src/containers/Vendors/VendorsLanding/VendorsEmptyStatus.tsx @@ -6,7 +6,7 @@ import { EmptyStatus } from '@/components'; import { Can, FormattedMessage as T } from '@/components'; import { VendorAction, AbilitySubject } from '@/constants/abilityOption'; -export default function VendorsEmptyStatus() { +export function VendorsEmptyStatus() { const history = useHistory(); return ( diff --git a/packages/webapp/src/containers/Vendors/VendorsLanding/VendorsList.tsx b/packages/webapp/src/containers/Vendors/VendorsLanding/VendorsList.tsx index 6779babd1..cfb4de1f7 100644 --- a/packages/webapp/src/containers/Vendors/VendorsLanding/VendorsList.tsx +++ b/packages/webapp/src/containers/Vendors/VendorsLanding/VendorsList.tsx @@ -6,8 +6,8 @@ import '@/style/pages/Vendors/List.scss'; import { DashboardPageContent } from '@/components'; import { VendorsListProvider } from './VendorsListProvider'; -import VendorActionsBar from './VendorActionsBar'; -import VendorsTable from './VendorsTable'; +import { VendorActionsBar } from './VendorActionsBar'; +import { VendorsTable } from './VendorsTable'; import { withVendors } from './withVendors'; import { withVendorsActions } from './withVendorsActions'; @@ -17,7 +17,7 @@ import { compose } from '@/utils'; /** * Vendors list page. */ -function VendorsList({ +function VendorsListInner({ // #withVendors vendorsTableState, vendorsTableStateChanged, @@ -49,10 +49,10 @@ function VendorsList({ ); } -export default compose( +export const VendorsList = compose( withVendors(({ vendorsTableState, vendorsTableStateChanged }) => ({ vendorsTableState, vendorsTableStateChanged, })), withVendorsActions, -)(VendorsList); +)(VendorsListInner); diff --git a/packages/webapp/src/containers/Vendors/VendorsLanding/VendorsTable.tsx b/packages/webapp/src/containers/Vendors/VendorsLanding/VendorsTable.tsx index 871fa2e9a..1185c47a3 100644 --- a/packages/webapp/src/containers/Vendors/VendorsLanding/VendorsTable.tsx +++ b/packages/webapp/src/containers/Vendors/VendorsLanding/VendorsTable.tsx @@ -10,7 +10,7 @@ import { DashboardContentTable, } from '@/components'; -import VendorsEmptyStatus from './VendorsEmptyStatus'; +import { VendorsEmptyStatus } from './VendorsEmptyStatus'; import { useVendorsListContext } from './VendorsListProvider'; import { useMemorizedColumnsWidths } from '@/hooks'; import { ActionsMenu, useVendorsTableColumns } from './components'; @@ -28,7 +28,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Vendors table. */ -function VendorsTable({ +function VendorsTableInner({ // #withVendorsActions setVendorsTableState, setVendorsSelectedRows, @@ -173,7 +173,7 @@ function VendorsTable({ ); } -export default compose( +export const VendorsTable = compose( withVendorsActions, withAlertActions, withDialogActions, @@ -183,4 +183,4 @@ export default compose( withSettings(({ vendorsSettings }) => ({ vendorsTableSize: vendorsSettings?.tableSize, })), -)(VendorsTable); +)(VendorsTableInner); diff --git a/packages/webapp/src/containers/Views/ViewForm.container.tsx b/packages/webapp/src/containers/Views/ViewForm.container.tsx index 8bb8659d0..914dc1805 100644 --- a/packages/webapp/src/containers/Views/ViewForm.container.tsx +++ b/packages/webapp/src/containers/Views/ViewForm.container.tsx @@ -16,7 +16,7 @@ const mapStateToProps = (state, ownProps) => { const viewFormConnect = connect(mapStateToProps); -export default compose( +export const ViewFormContainer = compose( withDashboardActions, withViewsActions, withViewsDetails, diff --git a/packages/webapp/src/containers/Views/ViewForm.tsx b/packages/webapp/src/containers/Views/ViewForm.tsx index 55e3764e9..3ae0c5750 100644 --- a/packages/webapp/src/containers/Views/ViewForm.tsx +++ b/packages/webapp/src/containers/Views/ViewForm.tsx @@ -22,10 +22,10 @@ import * as Yup from 'yup'; import { pick, get } from 'lodash'; import ErrorMessage from '@/components/ErrorMessage'; import { If, Icon, AppToaster } from '@/components'; -import ViewFormContainer from '@/containers/Views/ViewForm.container.js'; +import { ViewFormContainer } from '@/containers/Views/ViewForm.container'; import intl from 'react-intl-universal'; -function ViewForm({ +function ViewFormInner({ requestSubmitView, requestEditView, onDelete, @@ -497,4 +497,4 @@ function ViewForm({ ); } -export default ViewFormContainer(ViewForm); +export const ViewForm = ViewFormContainer(ViewFormInner); diff --git a/packages/webapp/src/containers/Views/ViewFormPage.tsx b/packages/webapp/src/containers/Views/ViewFormPage.tsx index 63aab333b..c13ae57e7 100644 --- a/packages/webapp/src/containers/Views/ViewFormPage.tsx +++ b/packages/webapp/src/containers/Views/ViewFormPage.tsx @@ -12,7 +12,7 @@ import { FormattedHTMLMessage, } from '@/components'; -import ViewForm from '@/containers/Views/ViewForm'; +import { ViewForm } from '@/containers/Views/ViewForm'; import { compose } from '@/utils'; @@ -21,7 +21,7 @@ import { withViewsActions } from '@/containers/Views/withViewsActions'; import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions'; // @flow -function ViewFormPage({ +function ViewFormPageInner({ // #withDashboardActions changePageTitle, changePageSubtitle, @@ -123,8 +123,8 @@ function ViewFormPage({ ); } -export default compose( +export const ViewFormPage = compose( withDashboardActions, withViewsActions, withResourcesActions, -)(ViewFormPage); +)(ViewFormPageInner); diff --git a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferEditorField.tsx b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferEditorField.tsx index d43b5feb4..e194bdcde 100644 --- a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferEditorField.tsx +++ b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferEditorField.tsx @@ -4,7 +4,7 @@ import { FastField } from 'formik'; import classNames from 'classnames'; import { CLASSES } from '@/constants/classes'; import { useWarehouseTransferFormContext } from './WarehouseTransferFormProvider'; -import WarehouseTransferFormEntriesTable from './WarehouseTransferFormEntriesTable'; +import { WarehouseTransferFormEntriesTable } from './WarehouseTransferFormEntriesTable'; import { entriesFieldShouldUpdate, defaultWarehouseTransferEntry, @@ -14,7 +14,7 @@ import { /** * Warehouse transafer editor field. */ -export default function WarehouseTransferEditorField() { +export function WarehouseTransferEditorField() { const { items } = useWarehouseTransferFormContext(); // Watches inventory items cost and sets cost to form entries. diff --git a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFloatingActions.tsx b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFloatingActions.tsx index 8b4b26c76..a1584b1fd 100644 --- a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFloatingActions.tsx +++ b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFloatingActions.tsx @@ -20,7 +20,7 @@ import { CLASSES } from '@/constants/classes'; /** * Warehouse transfer floating actions bar. */ -export default function WarehouseTransferFloatingActions() { +export function WarehouseTransferFloatingActions() { // History context. const history = useHistory(); diff --git a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferForm.tsx b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferForm.tsx index efd4dca80..019dc5751 100644 --- a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferForm.tsx +++ b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferForm.tsx @@ -13,11 +13,11 @@ import { EditWarehouseFormSchema, } from './WarehouseTransferForm.schema'; -import WarehouseTransferFormHeader from './WarehouseTransferFormHeader'; -import WarehouseTransferEditorField from './WarehouseTransferEditorField'; -import WarehouseTransferFormFooter from './WarehouseTransferFormFooter'; -import WarehouseTransferFloatingActions from './WarehouseTransferFloatingActions'; -import WarehouseTransferFormDialog from './WarehouseTransferFormDialog'; +import { WarehouseTransferFormHeader } from './WarehouseTransferFormHeader'; +import { WarehouseTransferEditorField } from './WarehouseTransferEditorField'; +import { WarehouseTransferFormFooter } from './WarehouseTransferFormFooter'; +import { WarehouseTransferFloatingActions } from './WarehouseTransferFloatingActions'; +import { WarehouseTransferFormDialog } from './WarehouseTransferFormDialog'; import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions'; import { withSettings } from '@/containers/Settings/withSettings'; @@ -32,7 +32,7 @@ import { transformToEditForm, } from './utils'; -function WarehouseTransferForm({ +function WarehouseTransferFormInner({ // #withSettings warehouseTransferNextNumber, warehouseTransferNumberPrefix, @@ -149,11 +149,11 @@ function WarehouseTransferForm({ ); } -export default compose( +export const WarehouseTransferForm = compose( withDashboardActions, withSettings(({ warehouseTransferSettings }) => ({ warehouseTransferNextNumber: warehouseTransferSettings?.nextNumber, warehouseTransferNumberPrefix: warehouseTransferSettings?.numberPrefix, warehouseTransferIncrementMode: warehouseTransferSettings?.autoIncrement, })), -)(WarehouseTransferForm); +)(WarehouseTransferFormInner); diff --git a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormDialog.tsx b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormDialog.tsx index a817f00f0..d56af18ae 100644 --- a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormDialog.tsx +++ b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormDialog.tsx @@ -1,12 +1,12 @@ // @ts-nocheck import React from 'react'; import { useFormikContext } from 'formik'; -import WarehouseTransferNumberDialog from '@/containers/Dialogs/WarehouseTransferNumberDialog'; +import { index as WarehouseTransferNumberDialog } from '@/containers/Dialogs/WarehouseTransferNumberDialog'; /** * Warehouse transfer form dialog. */ -export default function WarehouseTransferFormDialog() { +export function WarehouseTransferFormDialog() { // Update the form once the credit number form submit confirm. const handleWarehouseNumberFormConfirm = ({ incrementNumber, manually }) => { setFieldValue('transaction_number', incrementNumber || ''); diff --git a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormEntriesTable.tsx b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormEntriesTable.tsx index 6d1ad2e97..59ae9547d 100644 --- a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormEntriesTable.tsx +++ b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormEntriesTable.tsx @@ -13,7 +13,7 @@ import { mutateTableCell, mutateTableRow, deleteTableRow } from './utils'; /** * Warehouse transfer form entries table. */ -export default function WarehouseTransferFormEntriesTable({ +export function WarehouseTransferFormEntriesTable({ // #ownProps items, entries, diff --git a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormFooter.tsx b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormFooter.tsx index bc5847516..5c2dd6d8a 100644 --- a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormFooter.tsx +++ b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormFooter.tsx @@ -7,7 +7,7 @@ import { CLASSES } from '@/constants/classes'; import { Paper, Row, Col } from '@/components'; import { WarehouseTransferFormFooterLeft } from './WarehouseTransferFormFooterLeft'; -export default function WarehouseTransferFormFooter() { +export function WarehouseTransferFormFooter() { return (
diff --git a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormHeader.tsx b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormHeader.tsx index f22071b82..5324487ef 100644 --- a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormHeader.tsx +++ b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormHeader.tsx @@ -3,17 +3,15 @@ import React from 'react'; import classNames from 'classnames'; import { CLASSES } from '@/constants/classes'; -import WarehouseTransferFormHeaderFields from './WarehouseTransferFormHeaderFields'; +import { WarehouseTransferFormHeaderFields } from './WarehouseTransferFormHeaderFields'; /** * Warehose transfer form header section. */ -function WarehouseTransferFormHeader() { +export function WarehouseTransferFormHeader() { return (
); } - -export default WarehouseTransferFormHeader; diff --git a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormHeaderFields.tsx b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormHeaderFields.tsx index 611c959ca..f1610032e 100644 --- a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormHeaderFields.tsx +++ b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormHeaderFields.tsx @@ -23,7 +23,7 @@ import intl from 'react-intl-universal'; /** * Warehouse transfer form header fields. */ -function WarehouseTransferFormHeaderFields({ +function WarehouseTransferFormHeaderFieldsInner({ // #withDialogActions openDialog, @@ -156,11 +156,11 @@ function WarehouseTransferFormHeaderFields({ ); } -export default compose( +export const WarehouseTransferFormHeaderFields = compose( withDialogActions, withSettings(({ warehouseTransferSettings }) => ({ warehouseTransferAutoIncrement: warehouseTransferSettings?.autoIncrement, warehouseTransferNextNumber: warehouseTransferSettings?.nextNumber, warehouseTransferNumberPrefix: warehouseTransferSettings?.numberPrefix, })), -)(WarehouseTransferFormHeaderFields); +)(WarehouseTransferFormHeaderFieldsInner); diff --git a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormPage.tsx b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormPage.tsx index b284dff8c..a071c0e3d 100644 --- a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormPage.tsx +++ b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormPage.tsx @@ -3,13 +3,13 @@ import React from 'react'; import { useParams } from 'react-router-dom'; import '@/style/pages/WarehouseTransfers/PageForm.scss'; -import WarehouseTransferForm from './WarehouseTransferForm'; +import { WarehouseTransferForm } from './WarehouseTransferForm'; import { WarehouseTransferFormProvider } from './WarehouseTransferFormProvider'; /** * WarehouseTransfer form page. */ -export default function WarehouseTransferFormPage() { +export function WarehouseTransferFormPage() { const { id } = useParams(); const idAsInteger = parseInt(id, 10); return ( diff --git a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersActionsBar.tsx b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersActionsBar.tsx index aa8031d63..734b6e9c0 100644 --- a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersActionsBar.tsx +++ b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersActionsBar.tsx @@ -29,7 +29,7 @@ import { compose } from '@/utils'; /** * Warehouse Transfers actions bar. */ -function WarehouseTransfersActionsBar({ +function WarehouseTransfersActionsBarInner({ // #withWarehouseTransfers warehouseTransferFilterRoles, @@ -135,7 +135,7 @@ function WarehouseTransfersActionsBar({ ); } -export default compose( +export const WarehouseTransfersActionsBar = compose( withSettingsActions, withWarehouseTransfersActions, withWarehouseTransfers(({ warehouseTransferTableState }) => ({ @@ -144,4 +144,4 @@ export default compose( withSettings(({ warehouseTransferSettings }) => ({ warehouseTransferTableSize: warehouseTransferSettings?.tableSize, })), -)(WarehouseTransfersActionsBar); +)(WarehouseTransfersActionsBarInner); diff --git a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersDataTable.tsx b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersDataTable.tsx index 0dca009f1..55b3e9639 100644 --- a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersDataTable.tsx +++ b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersDataTable.tsx @@ -12,7 +12,7 @@ import { useMemorizedColumnsWidths } from '@/hooks'; import { useWarehouseTransfersTableColumns, ActionsMenu } from './components'; import { useWarehouseTranfersListContext } from './WarehouseTransfersListProvider'; -import WarehouseTransfersEmptyStatus from './WarehouseTransfersEmptyStatus'; +import { WarehouseTransfersEmptyStatus } from './WarehouseTransfersEmptyStatus'; import { withWarehouseTransfersActions } from './withWarehouseTransfersActions'; import { withDrawerActions } from '@/containers/Drawer/withDrawerActions'; import { withDialogActions } from '@/containers/Dialog/withDialogActions'; @@ -26,7 +26,7 @@ import { DRAWERS } from '@/constants/drawers'; /** * Warehouse transfers datatable. */ -function WarehouseTransfersDataTable({ +function WarehouseTransfersDataTableInner({ // #withWarehouseTransfersActions setWarehouseTransferTableState, @@ -144,7 +144,7 @@ function WarehouseTransfersDataTable({ ); } -export default compose( +export const WarehouseTransfersDataTable = compose( withDashboardActions, withWarehouseTransfersActions, withAlertActions, @@ -153,4 +153,4 @@ export default compose( withSettings(({ warehouseTransferSettings }) => ({ warehouseTransferTableSize: warehouseTransferSettings?.tableSize, })), -)(WarehouseTransfersDataTable); +)(WarehouseTransfersDataTableInner); diff --git a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersEmptyStatus.tsx b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersEmptyStatus.tsx index 77b3cbb4c..6eb4e03a0 100644 --- a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersEmptyStatus.tsx +++ b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersEmptyStatus.tsx @@ -4,7 +4,7 @@ import { useHistory } from 'react-router-dom'; import { Button, Intent } from '@blueprintjs/core'; import { EmptyStatus, FormattedMessage as T } from '@/components'; -export default function WarehouseTransfersEmptyStatus() { +export function WarehouseTransfersEmptyStatus() { const history = useHistory(); return ( diff --git a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersList.tsx b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersList.tsx index 013decf56..cf1d7fa93 100644 --- a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersList.tsx +++ b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersList.tsx @@ -2,15 +2,15 @@ import React from 'react'; import { DashboardPageContent } from '@/components'; -import WarehouseTransfersActionsBar from './WarehouseTransfersActionsBar'; -import WarehouseTransfersDataTable from './WarehouseTransfersDataTable'; +import { WarehouseTransfersActionsBar } from './WarehouseTransfersActionsBar'; +import { WarehouseTransfersDataTable } from './WarehouseTransfersDataTable'; import { withWarehouseTransfers } from './withWarehouseTransfers'; import { withWarehouseTransfersActions } from './withWarehouseTransfersActions'; import { WarehouseTransfersListProvider } from './WarehouseTransfersListProvider'; import { transformTableStateToQuery, compose } from '@/utils'; -function WarehouseTransfersList({ +function WarehouseTransfersListInner({ // #withWarehouseTransfers warehouseTransferTableState, warehouseTransferTableStateChanged, @@ -40,7 +40,7 @@ function WarehouseTransfersList({ ); } -export default compose( +export const WarehouseTransfersList = compose( withWarehouseTransfersActions, withWarehouseTransfers( ({ warehouseTransferTableState, warehouseTransferTableStateChanged }) => ({ @@ -48,4 +48,4 @@ export default compose( warehouseTransferTableStateChanged, }), ), -)(WarehouseTransfersList); +)(WarehouseTransfersListInner); diff --git a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersViewTabs.tsx b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersViewTabs.tsx index dd8cc2d34..54a4dc12b 100644 --- a/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersViewTabs.tsx +++ b/packages/webapp/src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersViewTabs.tsx @@ -10,7 +10,7 @@ import { compose, transfromViewsToTabs } from '@/utils'; /** * Warehouse transfer view tabs. */ -function WarehouseTransfersViewTabs({ +function WarehouseTransfersViewTabsInner({ // #withWarehouseTransfers warehouseTransferCurrentView, @@ -44,9 +44,9 @@ function WarehouseTransfersViewTabs({ ); } -export default compose( +export const WarehouseTransfersViewTabs = compose( withWarehouseTransfersActions, withWarehouseTransfers(({ warehouseTransferTableState }) => ({ warehouseTransferCurrentView: warehouseTransferTableState?.viewSlug, })), -)(WarehouseTransfersViewTabs); +)(WarehouseTransfersViewTabsInner); diff --git a/packages/webapp/src/containers/WarehouseTransfers/WarehousesTransfersAlerts.tsx b/packages/webapp/src/containers/WarehouseTransfers/WarehousesTransfersAlerts.tsx index 02b664a5e..cd1323bc0 100644 --- a/packages/webapp/src/containers/WarehouseTransfers/WarehousesTransfersAlerts.tsx +++ b/packages/webapp/src/containers/WarehouseTransfers/WarehousesTransfersAlerts.tsx @@ -1,29 +1,14 @@ // @ts-nocheck import React from 'react'; -const WarehouseTransferDeleteAlert = React.lazy( - () => - import( - '@/containers/Alerts/WarehousesTransfer/WarehouseTransferDeleteAlert' - ), -); -const WarehouseTransferInitiateAlert = React.lazy( - () => - import( - '@/containers/Alerts/WarehousesTransfer/WarehouseTransferInitiateAlert' - ), -); -const TransferredWarehouseTransferAlert = React.lazy( - () => - import( - '@/containers/Alerts/WarehousesTransfer/TransferredWarehouseTransferAlert' - ), -); +const WarehouseTransferDeleteAlert = React.lazy(() => import('@/containers/Alerts/WarehousesTransfer/WarehouseTransferDeleteAlert').then(m => ({ default: m.WarehouseTransferDeleteAlert }))); +const WarehouseTransferInitiateAlert = React.lazy(() => import('@/containers/Alerts/WarehousesTransfer/WarehouseTransferInitiateAlert').then(m => ({ default: m.WarehouseTransferInitiateAlert }))); +const TransferredWarehouseTransferAlert = React.lazy(() => import('@/containers/Alerts/WarehousesTransfer/TransferredWarehouseTransferAlert').then(m => ({ default: m.TransferredWarehouseTransferAlert }))); /** * Warehouses alerts. */ -export default [ +export const WarehousesTransfersAlerts = [ { name: 'warehouse-transfer-delete', component: WarehouseTransferDeleteAlert, diff --git a/packages/webapp/src/routes/authentication.tsx b/packages/webapp/src/routes/authentication.tsx index ed2e25e40..dd741a42a 100644 --- a/packages/webapp/src/routes/authentication.tsx +++ b/packages/webapp/src/routes/authentication.tsx @@ -6,30 +6,26 @@ const BASE_URL = '/auth'; export default [ { path: `${BASE_URL}/login`, - component: lazy(() => import('@/containers/Authentication/Login')), + component: lazy(() => import('@/containers/Authentication/Login').then(m => ({ default: m.Login }))), }, { path: `${BASE_URL}/send_reset_password`, - component: lazy( - () => import('@/containers/Authentication/SendResetPassword'), - ), + component: lazy(() => import('@/containers/Authentication/SendResetPassword').then(m => ({ default: m.SendResetPassword }))), }, { path: `${BASE_URL}/reset_password/:token`, - component: lazy(() => import('@/containers/Authentication/ResetPassword')), + component: lazy(() => import('@/containers/Authentication/ResetPassword').then(m => ({ default: m.ResetPassword }))), }, { path: `${BASE_URL}/invite/:token/accept`, - component: lazy(() => import('@/containers/Authentication/InviteAccept')), + component: lazy(() => import('@/containers/Authentication/InviteAccept').then(m => ({ default: m.Invite }))), }, { path: `${BASE_URL}/register/email_confirmation`, - component: lazy( - () => import('@/containers/Authentication/EmailConfirmation'), - ), + component: lazy(() => import('@/containers/Authentication/EmailConfirmation').then(m => ({ default: m.EmailConfirmation }))), }, { path: `${BASE_URL}/register`, - component: lazy(() => import('@/containers/Authentication/Register')), + component: lazy(() => import('@/containers/Authentication/Register').then(m => ({ default: m.RegisterUserForm }))), }, ]; diff --git a/packages/webapp/src/routes/dashboard.tsx b/packages/webapp/src/routes/dashboard.tsx index caaa9fa58..77cfe5257 100644 --- a/packages/webapp/src/routes/dashboard.tsx +++ b/packages/webapp/src/routes/dashboard.tsx @@ -10,13 +10,13 @@ export const getDashboardRoutes = () => [ // Accounts. { path: '/accounts/import', - component: lazy(() => import('@/containers/Accounts/AccountsImport')), + component: lazy(() => import('@/containers/Accounts/AccountsImport').then(m => ({ default: m.AccountsImport }))), breadcrumb: 'Accounts Import', pageTitle: 'Accounts Import', }, { path: `/accounts`, - component: lazy(() => import('@/containers/Accounts/AccountsChart')), + component: lazy(() => import('@/containers/Accounts/AccountsChart').then(m => ({ default: m.AccountsChart }))), breadcrumb: intl.get('accounts_chart'), hotkey: 'shift+a', pageTitle: intl.get('accounts_chart'), @@ -26,10 +26,7 @@ export const getDashboardRoutes = () => [ // Accounting. { path: `/make-journal-entry`, - component: lazy( - () => - import('@/containers/Accounting/MakeJournal/MakeJournalEntriesPage'), - ), + component: lazy(() => import('@/containers/Accounting/MakeJournal/MakeJournalEntriesPage').then(m => ({ default: m.MakeJournalEntriesPage }))), breadcrumb: intl.get('make_journal_entry'), hotkey: 'ctrl+shift+m', pageTitle: intl.get('new_journal'), @@ -40,10 +37,7 @@ export const getDashboardRoutes = () => [ }, { path: `/manual-journals/:id/edit`, - component: lazy( - () => - import('@/containers/Accounting/MakeJournal/MakeJournalEntriesPage'), - ), + component: lazy(() => import('@/containers/Accounting/MakeJournal/MakeJournalEntriesPage').then(m => ({ default: m.MakeJournalEntriesPage }))), breadcrumb: intl.get('edit'), pageTitle: intl.get('edit_journal'), sidebarExpand: false, @@ -53,9 +47,7 @@ export const getDashboardRoutes = () => [ }, { path: `/manual-journals/import`, - component: lazy( - () => import('@/containers/Accounting/ManualJournalsImport'), - ), + component: lazy(() => import('@/containers/Accounting/ManualJournalsImport').then(m => ({ default: m.ManualJournalsImport }))), breadcrumb: intl.get('edit'), pageTitle: 'Manual Journals Import', backLink: true, @@ -64,10 +56,7 @@ export const getDashboardRoutes = () => [ }, { path: `/manual-journals`, - component: lazy( - () => - import('@/containers/Accounting/JournalsLanding/ManualJournalsList'), - ), + component: lazy(() => import('@/containers/Accounting/JournalsLanding/ManualJournalsList').then(m => ({ default: m.ManualJournalsList }))), breadcrumb: intl.get('manual_journals'), hotkey: 'shift+m', pageTitle: intl.get('manual_journals'), @@ -76,9 +65,7 @@ export const getDashboardRoutes = () => [ }, { path: `/item/categories/import`, - component: lazy( - () => import('@/containers/ItemsCategories/ItemCategoriesImport'), - ), + component: lazy(() => import('@/containers/ItemsCategories/ItemCategoriesImport').then(m => ({ default: m.ItemCategoriesImport }))), backLink: true, pageTitle: 'Item Categories Import', subscriptionActive: [SUBSCRIPTION_TYPE.MAIN], @@ -86,9 +73,7 @@ export const getDashboardRoutes = () => [ }, { path: `/items/categories`, - component: lazy( - () => import('@/containers/ItemsCategories/ItemCategoriesList'), - ), + component: lazy(() => import('@/containers/ItemsCategories/ItemCategoriesList').then(m => ({ default: m.ItemCategoriesList }))), breadcrumb: intl.get('categories'), pageTitle: intl.get('categories_list'), defaultSearchResource: RESOURCES_TYPES.ITEM, @@ -97,7 +82,7 @@ export const getDashboardRoutes = () => [ // Items. { path: `/items/import`, - component: lazy(() => import('@/containers/Items/ItemsImportPage')), + component: lazy(() => import('@/containers/Items/ItemsImportPage').then(m => ({ default: m.ItemsImportpage }))), backLink: true, pageTitle: 'Items Import', subscriptionActive: [SUBSCRIPTION_TYPE.MAIN], @@ -106,7 +91,7 @@ export const getDashboardRoutes = () => [ { path: `/items/:id/edit`, - component: lazy(() => import('@/containers/Items/ItemFormPage')), + component: lazy(() => import('@/containers/Items/ItemFormPage').then(m => ({ default: m.ItemFormPage }))), name: 'item-edit', breadcrumb: intl.get('edit_item'), pageTitle: intl.get('edit_item'), @@ -125,7 +110,7 @@ export const getDashboardRoutes = () => [ }, { path: `/items/new`, - component: lazy(() => import('@/containers/Items/ItemFormPage')), + component: lazy(() => import('@/containers/Items/ItemFormPage').then(m => ({ default: m.ItemFormPage }))), name: 'item-new', breadcrumb: intl.get('new_item'), hotkey: 'ctrl+shift+w', @@ -136,7 +121,7 @@ export const getDashboardRoutes = () => [ }, { path: `/items`, - component: lazy(() => import('@/containers/Items/ItemsList')), + component: lazy(() => import('@/containers/Items/ItemsList').then(m => ({ default: m.ItemsList }))), breadcrumb: intl.get('items'), hotkey: 'shift+w', pageTitle: intl.get('items_list'), @@ -147,9 +132,7 @@ export const getDashboardRoutes = () => [ // Inventory adjustments. { path: `/inventory-adjustments`, - component: lazy( - () => import('@/containers/InventoryAdjustments/InventoryAdjustmentList'), - ), + component: lazy(() => import('@/containers/InventoryAdjustments/InventoryAdjustmentList').then(m => ({ default: m.InventoryAdjustmentList }))), breadcrumb: intl.get('inventory_adjustments'), pageTitle: intl.get('inventory_adjustment_list'), defaultSearchResource: RESOURCES_TYPES.ITEM, @@ -159,12 +142,7 @@ export const getDashboardRoutes = () => [ // Warehouse Transfer. { path: `/warehouses-transfers/:id/edit`, - component: lazy( - () => - import( - '@/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormPage' - ), - ), + component: lazy(() => import('@/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormPage').then(m => ({ default: m.WarehouseTransferFormPage }))), name: 'warehouse-transfer-edit', pageTitle: intl.get('warehouse_transfer.label.edit_warehouse_transfer'), sidebarExpand: false, @@ -172,12 +150,7 @@ export const getDashboardRoutes = () => [ }, { path: `/warehouses-transfers/new`, - component: lazy( - () => - import( - '@/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormPage' - ), - ), + component: lazy(() => import('@/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormPage').then(m => ({ default: m.WarehouseTransferFormPage }))), name: 'warehouses-transfer-new', pageTitle: intl.get('warehouse_transfer.label.new_warehouse_transfer'), sidebarExpand: false, @@ -185,12 +158,7 @@ export const getDashboardRoutes = () => [ }, { path: `/warehouses-transfers`, - component: lazy( - () => - import( - '@/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersList' - ), - ), + component: lazy(() => import('@/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersList').then(m => ({ default: m.WarehouseTransfersList }))), pageTitle: intl.get('warehouse_transfer.label.warehouse_transfer_list'), // defaultSearchResource: RESOURCES_TYPES.ITEM, // subscriptionActive: [SUBSCRIPTION_TYPE.MAIN], @@ -521,7 +489,7 @@ export const getDashboardRoutes = () => [ // Expenses. { path: `/expenses/import`, - component: lazy(() => import('@/containers/Expenses/ExpensesImport')), + component: lazy(() => import('@/containers/Expenses/ExpensesImport').then(m => ({ default: m.ExpensesImport }))), breadcrumb: 'Expenses Import', hotkey: 'ctrl+shift+x', pageTitle: 'Expenses Import', @@ -531,9 +499,7 @@ export const getDashboardRoutes = () => [ }, { path: `/expenses/new`, - component: lazy( - () => import('@/containers/Expenses/ExpenseForm/ExpenseFormPage'), - ), + component: lazy(() => import('@/containers/Expenses/ExpenseForm/ExpenseFormPage').then(m => ({ default: m.ExpenseFormPage }))), breadcrumb: intl.get('expenses'), hotkey: 'ctrl+shift+x', pageTitle: intl.get('new_expense'), @@ -543,9 +509,7 @@ export const getDashboardRoutes = () => [ }, { path: `/expenses/:id/edit`, - component: lazy( - () => import('@/containers/Expenses/ExpenseForm/ExpenseFormPage'), - ), + component: lazy(() => import('@/containers/Expenses/ExpenseForm/ExpenseFormPage').then(m => ({ default: m.ExpenseFormPage }))), breadcrumb: intl.get('edit'), pageTitle: intl.get('edit_expense'), sidebarExpand: false, @@ -554,9 +518,7 @@ export const getDashboardRoutes = () => [ }, { path: `/expenses`, - component: lazy( - () => import('@/containers/Expenses/ExpensesLanding/ExpensesList'), - ), + component: lazy(() => import('@/containers/Expenses/ExpensesLanding/ExpensesList').then(m => ({ default: m.ExpensesList }))), breadcrumb: intl.get('expenses_list'), pageTitle: intl.get('expenses_list'), hotkey: 'shift+x', @@ -565,7 +527,7 @@ export const getDashboardRoutes = () => [ // Customers { path: `/customers/import`, - component: lazy(() => import('@/containers/Customers/CustomersImport')), + component: lazy(() => import('@/containers/Customers/CustomersImport').then(m => ({ default: m.CustomersImport }))), backLink: true, pageTitle: 'Customers Import', subscriptionActive: [SUBSCRIPTION_TYPE.MAIN], @@ -573,9 +535,7 @@ export const getDashboardRoutes = () => [ }, { path: `/customers/:id/edit`, - component: lazy( - () => import('@/containers/Customers/CustomerForm/CustomerFormPage'), - ), + component: lazy(() => import('@/containers/Customers/CustomerForm/CustomerFormPage').then(m => ({ default: m.CustomerFormPage }))), name: 'customer-edit', breadcrumb: intl.get('edit_customer'), pageTitle: intl.get('edit_customer'), @@ -585,9 +545,7 @@ export const getDashboardRoutes = () => [ }, { path: `/customers/new`, - component: lazy( - () => import('@/containers/Customers/CustomerForm/CustomerFormPage'), - ), + component: lazy(() => import('@/containers/Customers/CustomerForm/CustomerFormPage').then(m => ({ default: m.CustomerFormPage }))), name: 'customer-new', breadcrumb: intl.get('new_customer'), hotkey: 'ctrl+shift+c', @@ -598,9 +556,7 @@ export const getDashboardRoutes = () => [ }, { path: `/customers`, - component: lazy( - () => import('@/containers/Customers/CustomersLanding/CustomersList'), - ), + component: lazy(() => import('@/containers/Customers/CustomersLanding/CustomersList').then(m => ({ default: m.CustomersList }))), breadcrumb: intl.get('customers'), hotkey: 'shift+c', pageTitle: intl.get('customers_list'), @@ -609,9 +565,7 @@ export const getDashboardRoutes = () => [ }, { path: `/customers/contact_duplicate=/:id`, - component: lazy( - () => import('@/containers/Customers/CustomerForm/CustomerFormPage'), - ), + component: lazy(() => import('@/containers/Customers/CustomerForm/CustomerFormPage').then(m => ({ default: m.CustomerFormPage }))), name: 'duplicate-customer', breadcrumb: intl.get('duplicate_customer'), pageTitle: intl.get('new_customer'), @@ -623,7 +577,7 @@ export const getDashboardRoutes = () => [ // Vendors { path: `/vendors/import`, - component: lazy(() => import('@/containers/Vendors/VendorsImport')), + component: lazy(() => import('@/containers/Vendors/VendorsImport').then(m => ({ default: m.VendorsImport }))), backLink: true, pageTitle: 'Vendors Import', subscriptionActive: [SUBSCRIPTION_TYPE.MAIN], @@ -656,9 +610,7 @@ export const getDashboardRoutes = () => [ }, { path: `/vendors`, - component: lazy( - () => import('@/containers/Vendors/VendorsLanding/VendorsList'), - ), + component: lazy(() => import('@/containers/Vendors/VendorsLanding/VendorsList').then(m => ({ default: m.VendorsList }))), breadcrumb: intl.get('vendors'), hotkey: 'shift+v', pageTitle: intl.get('vendors_list'), @@ -681,9 +633,7 @@ export const getDashboardRoutes = () => [ // Estimates { path: `/estimates/import`, - component: lazy( - () => import('@/containers/Sales/Estimates/EstimatesImport'), - ), + component: lazy(() => import('@/containers/Sales/Estimates/EstimatesImport').then(m => ({ default: m.EstimatesImport }))), name: 'estimate-edit', breadcrumb: 'Estimates Import', pageTitle: 'Estimates Import', @@ -693,10 +643,7 @@ export const getDashboardRoutes = () => [ }, { path: `/estimates/:id/edit`, - component: lazy( - () => - import('@/containers/Sales/Estimates/EstimateForm/EstimateFormPage'), - ), + component: lazy(() => import('@/containers/Sales/Estimates/EstimateForm/EstimateFormPage').then(m => ({ default: m.EstimateFormPage }))), name: 'estimate-edit', breadcrumb: intl.get('edit'), pageTitle: intl.get('edit_estimate'), @@ -707,10 +654,7 @@ export const getDashboardRoutes = () => [ }, { path: `/invoices/new?from_estimate_id=/:id`, - component: lazy( - () => - import('@/containers/Sales/Estimates/EstimateForm/EstimateFormPage'), - ), + component: lazy(() => import('@/containers/Sales/Estimates/EstimateForm/EstimateFormPage').then(m => ({ default: m.EstimateFormPage }))), name: 'convert-to-invoice', breadcrumb: intl.get('new_estimate'), pageTitle: intl.get('new_estimate'), @@ -721,10 +665,7 @@ export const getDashboardRoutes = () => [ }, { path: `/estimates/new`, - component: lazy( - () => - import('@/containers/Sales/Estimates/EstimateForm/EstimateFormPage'), - ), + component: lazy(() => import('@/containers/Sales/Estimates/EstimateForm/EstimateFormPage').then(m => ({ default: m.EstimateFormPage }))), name: 'estimate-new', breadcrumb: intl.get('new_estimate'), hotkey: 'ctrl+shift+e', @@ -736,10 +677,7 @@ export const getDashboardRoutes = () => [ }, { path: `/estimates`, - component: lazy( - () => - import('@/containers/Sales/Estimates/EstimatesLanding/EstimatesList'), - ), + component: lazy(() => import('@/containers/Sales/Estimates/EstimatesLanding/EstimatesList').then(m => ({ default: m.EstimatesList }))), name: 'estimates-list', breadcrumb: intl.get('estimates_list'), hotkey: 'shift+e', @@ -751,7 +689,7 @@ export const getDashboardRoutes = () => [ // Invoices. { path: `/invoices/import`, - component: lazy(() => import('@/containers/Sales/Invoices/InvoicesImport')), + component: lazy(() => import('@/containers/Sales/Invoices/InvoicesImport').then(m => ({ default: m.InvoicesImport }))), name: 'invoice-edit', breadcrumb: 'Invoices Import', pageTitle: 'Invoices Import', @@ -761,9 +699,7 @@ export const getDashboardRoutes = () => [ }, { path: `/invoices/:id/edit`, - component: lazy( - () => import('@/containers/Sales/Invoices/InvoiceForm/InvoiceFormPage'), - ), + component: lazy(() => import('@/containers/Sales/Invoices/InvoiceForm/InvoiceFormPage').then(m => ({ default: m.InvoiceFormPage }))), name: 'invoice-edit', breadcrumb: intl.get('edit'), pageTitle: intl.get('edit_invoice'), @@ -774,9 +710,7 @@ export const getDashboardRoutes = () => [ }, { path: `/invoices/new`, - component: lazy( - () => import('@/containers/Sales/Invoices/InvoiceForm/InvoiceFormPage'), - ), + component: lazy(() => import('@/containers/Sales/Invoices/InvoiceForm/InvoiceFormPage').then(m => ({ default: m.InvoiceFormPage }))), name: 'invoice-new', breadcrumb: intl.get('new_invoice'), hotkey: 'ctrl+shift+i', @@ -788,9 +722,7 @@ export const getDashboardRoutes = () => [ }, { path: `/invoices`, - component: lazy( - () => import('@/containers/Sales/Invoices/InvoicesLanding/InvoicesList'), - ), + component: lazy(() => import('@/containers/Sales/Invoices/InvoicesLanding/InvoicesList').then(m => ({ default: m.InvoicesList }))), breadcrumb: intl.get('invoices_list'), hotkey: 'shift+i', pageTitle: intl.get('invoices_list'), @@ -800,9 +732,7 @@ export const getDashboardRoutes = () => [ // Sales Receipts. { path: `/receipts/import`, - component: lazy( - () => import('@/containers/Sales/Receipts/SaleReceiptsImport'), - ), + component: lazy(() => import('@/containers/Sales/Receipts/SaleReceiptsImport').then(m => ({ default: m.ReceiptsImport }))), name: 'receipt-import', breadcrumb: 'Receipts Import', pageTitle: 'Receipts Import', @@ -812,9 +742,7 @@ export const getDashboardRoutes = () => [ }, { path: `/receipts/:id/edit`, - component: lazy( - () => import('@/containers/Sales/Receipts/ReceiptForm/ReceiptFormPage'), - ), + component: lazy(() => import('@/containers/Sales/Receipts/ReceiptForm/ReceiptFormPage').then(m => ({ default: m.ReceiptFormPage }))), name: 'receipt-edit', breadcrumb: intl.get('edit'), pageTitle: intl.get('edit_receipt'), @@ -825,9 +753,7 @@ export const getDashboardRoutes = () => [ }, { path: `/receipts/new`, - component: lazy( - () => import('@/containers/Sales/Receipts/ReceiptForm/ReceiptFormPage'), - ), + component: lazy(() => import('@/containers/Sales/Receipts/ReceiptForm/ReceiptFormPage').then(m => ({ default: m.ReceiptFormPage }))), name: 'receipt-new', breadcrumb: intl.get('new_receipt'), hotkey: 'ctrl+shift+r', @@ -839,9 +765,7 @@ export const getDashboardRoutes = () => [ }, { path: `/receipts`, - component: lazy( - () => import('@/containers/Sales/Receipts/ReceiptsLanding/ReceiptsList'), - ), + component: lazy(() => import('@/containers/Sales/Receipts/ReceiptsLanding/ReceiptsList').then(m => ({ default: m.ReceiptsList }))), breadcrumb: intl.get('receipts_list'), hotkey: 'shift+r', pageTitle: intl.get('receipts_list'), @@ -852,9 +776,7 @@ export const getDashboardRoutes = () => [ // Sales Credit notes. { path: `/credit-notes/import`, - component: lazy( - () => import('@/containers/Sales/CreditNotes/CreditNotesImport'), - ), + component: lazy(() => import('@/containers/Sales/CreditNotes/CreditNotesImport').then(m => ({ default: m.CreditNotesImport }))), name: 'credit-note-import', breadcrumb: 'Credit Notes Import', pageTitle: 'Credit Notes Import', @@ -864,12 +786,7 @@ export const getDashboardRoutes = () => [ }, { path: `/credit-notes/:id/edit`, - component: lazy( - () => - import( - '@/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormPage' - ), - ), + component: lazy(() => import('@/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormPage').then(m => ({ default: m.CreditNoteFormPage }))), name: 'credit-note-edit', breadcrumb: intl.get('edit'), pageTitle: intl.get('credit_note.label.edit_credit_note'), @@ -880,12 +797,7 @@ export const getDashboardRoutes = () => [ }, { path: `/credit-notes/new/?from_invoice_id=/:id`, - component: lazy( - () => - import( - '@/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormPage' - ), - ), + component: lazy(() => import('@/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormPage').then(m => ({ default: m.CreditNoteFormPage }))), name: 'credit-note-new', breadcrumb: intl.get('credit_note.label.new_credit_note'), backLink: true, @@ -896,12 +808,7 @@ export const getDashboardRoutes = () => [ }, { path: '/credit-notes/new', - component: lazy( - () => - import( - '@/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormPage' - ), - ), + component: lazy(() => import('@/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormPage').then(m => ({ default: m.CreditNoteFormPage }))), name: 'credit-note-new', breadcrumb: intl.get('credit_note.label.new_credit_note'), backLink: true, @@ -912,12 +819,7 @@ export const getDashboardRoutes = () => [ }, { path: '/credit-notes', - component: lazy( - () => - import( - '@/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesList' - ), - ), + component: lazy(() => import('@/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesList').then(m => ({ default: m.CreditNotesList }))), breadcrumb: intl.get('credit_note.label_create_note_list'), pageTitle: intl.get('credit_note.label_create_note_list'), defaultSearchResource: RESOURCES_TYPES.CREDIT_NOTE, @@ -926,9 +828,7 @@ export const getDashboardRoutes = () => [ // Payment receives { path: `/payments-received/import`, - component: lazy( - () => import('@/containers/Sales/PaymentsReceived/PaymentsReceivedImport'), - ), + component: lazy(() => import('@/containers/Sales/PaymentsReceived/PaymentsReceivedImport').then(m => ({ default: m.PaymentsReceiveImport }))), name: 'payment-receive-import', breadcrumb: 'Payments Received Import', pageTitle: 'Payments Received Import', @@ -938,12 +838,7 @@ export const getDashboardRoutes = () => [ }, { path: `/payments-received/:id/edit`, - component: lazy( - () => - import( - '@/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormPage' - ), - ), + component: lazy(() => import('@/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormPage').then(m => ({ default: m.PaymentReceiveFormPage }))), name: 'payment-receive-edit', breadcrumb: intl.get('edit'), pageTitle: intl.get('edit_payment_received'), @@ -954,12 +849,7 @@ export const getDashboardRoutes = () => [ }, { path: `/payment-received/new`, - component: lazy( - () => - import( - '@/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormPage' - ), - ), + component: lazy(() => import('@/containers/Sales/PaymentsReceived/PaymentReceiveForm/PaymentReceiveFormPage').then(m => ({ default: m.PaymentReceiveFormPage }))), name: 'payment-receive-new', breadcrumb: intl.get('new_payment_received'), pageTitle: intl.get('new_payment_received'), @@ -970,12 +860,7 @@ export const getDashboardRoutes = () => [ }, { path: `/payments-received`, - component: lazy( - () => - import( - '@/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedList' - ), - ), + component: lazy(() => import('@/containers/Sales/PaymentsReceived/PaymentsLanding/PaymentsReceivedList').then(m => ({ default: m.PaymentsReceivedList }))), breadcrumb: intl.get('payments_received_list'), pageTitle: intl.get('payments_received_list'), defaultSearchResource: RESOURCES_TYPES.PAYMENT_RECEIVE, @@ -985,7 +870,7 @@ export const getDashboardRoutes = () => [ // Bills { path: `/bills/import`, - component: lazy(() => import('@/containers/Purchases/Bills/BillImport')), + component: lazy(() => import('@/containers/Purchases/Bills/BillImport').then(m => ({ default: m.BillsImport }))), name: 'bill-edit', // breadcrumb: intl.get('edit'), pageTitle: 'Bills Import', @@ -995,9 +880,7 @@ export const getDashboardRoutes = () => [ }, { path: `/bills/:id/edit`, - component: lazy( - () => import('@/containers/Purchases/Bills/BillForm/BillFormPage'), - ), + component: lazy(() => import('@/containers/Purchases/Bills/BillForm/BillFormPage').then(m => ({ default: m.BillFormPage }))), name: 'bill-edit', breadcrumb: intl.get('edit'), pageTitle: intl.get('edit_bill'), @@ -1008,9 +891,7 @@ export const getDashboardRoutes = () => [ }, { path: `/bills/new`, - component: lazy( - () => import('@/containers/Purchases/Bills/BillForm/BillFormPage'), - ), + component: lazy(() => import('@/containers/Purchases/Bills/BillForm/BillFormPage').then(m => ({ default: m.BillFormPage }))), name: 'bill-new', breadcrumb: intl.get('new_bill'), hotkey: 'ctrl+shift+b', @@ -1022,9 +903,7 @@ export const getDashboardRoutes = () => [ }, { path: `/bills`, - component: lazy( - () => import('@/containers/Purchases/Bills/BillsLanding/BillsList'), - ), + component: lazy(() => import('@/containers/Purchases/Bills/BillsLanding/BillsList').then(m => ({ default: m.BillsList }))), breadcrumb: intl.get('bills_list'), hotkey: 'shift+b', pageTitle: intl.get('bills_list'), @@ -1034,9 +913,7 @@ export const getDashboardRoutes = () => [ // Purchases Credit note. { path: `/vendor-credits/import`, - component: lazy( - () => import('@/containers/Purchases/CreditNotes/VendorCreditsImport'), - ), + component: lazy(() => import('@/containers/Purchases/CreditNotes/VendorCreditsImport').then(m => ({ default: m.VendorCreditsImport }))), name: 'vendor-credits-edit', breadcrumb: 'Vendor Credits Import', pageTitle: 'Vendor Credits Import', @@ -1046,12 +923,7 @@ export const getDashboardRoutes = () => [ }, { path: `/vendor-credits/:id/edit`, - component: lazy( - () => - import( - '@/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormPage' - ), - ), + component: lazy(() => import('@/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormPage').then(m => ({ default: m.VendorCreditNoteFormPage }))), name: 'vendor-credits-edit', breadcrumb: intl.get('edit'), pageTitle: intl.get('vendor_credits.label.edit_vendor_credit'), @@ -1062,12 +934,7 @@ export const getDashboardRoutes = () => [ }, { path: '/vendor-credits/new/?from_bill_id=/:id', - component: lazy( - () => - import( - '@/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormPage' - ), - ), + component: lazy(() => import('@/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormPage').then(m => ({ default: m.VendorCreditNoteFormPage }))), name: 'vendor-credits-new', backLink: true, sidebarExpand: false, @@ -1078,12 +945,7 @@ export const getDashboardRoutes = () => [ }, { path: '/vendor-credits/new', - component: lazy( - () => - import( - '@/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormPage' - ), - ), + component: lazy(() => import('@/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormPage').then(m => ({ default: m.VendorCreditNoteFormPage }))), name: 'vendor-credits-new', backLink: true, sidebarExpand: false, @@ -1094,12 +956,7 @@ export const getDashboardRoutes = () => [ }, { path: '/vendor-credits', - component: lazy( - () => - import( - '@/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNotesList' - ), - ), + component: lazy(() => import('@/containers/Purchases/CreditNotes/CreditNotesLanding/VendorsCreditNotesList').then(m => ({ default: m.VendorsCreditNotesList }))), breadcrumb: intl.get('vendor_credits.lable_vendor_credit_list'), pageTitle: intl.get('vendor_credits.lable_vendor_credit_list'), defaultSearchResource: RESOURCES_TYPES.VENDOR_CREDIT, @@ -1109,9 +966,7 @@ export const getDashboardRoutes = () => [ // Payment modes. { path: `/payments-made/import`, - component: lazy( - () => import('@/containers/Purchases/PaymentsMade/PaymentsMadeImport'), - ), + component: lazy(() => import('@/containers/Purchases/PaymentsMade/PaymentsMadeImport').then(m => ({ default: m.PaymentsMadeImport }))), name: 'payment-made-edit', breadcrumb: intl.get('edit'), pageTitle: 'Bills Payments Import', @@ -1121,12 +976,7 @@ export const getDashboardRoutes = () => [ }, { path: `/payments-made/:id/edit`, - component: lazy( - () => - import( - '@/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormPage' - ), - ), + component: lazy(() => import('@/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormPage').then(m => ({ default: m.PaymentMadeFormPage }))), name: 'payment-made-edit', breadcrumb: intl.get('edit'), pageTitle: intl.get('edit_payment_made'), @@ -1137,12 +987,7 @@ export const getDashboardRoutes = () => [ }, { path: `/payments-made/new`, - component: lazy( - () => - import( - '@/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormPage' - ), - ), + component: lazy(() => import('@/containers/Purchases/PaymentsMade/PaymentForm/PaymentMadeFormPage').then(m => ({ default: m.PaymentMadeFormPage }))), name: 'payment-made-new', breadcrumb: intl.get('new_payment_made'), pageTitle: intl.get('new_payment_made'), @@ -1153,12 +998,7 @@ export const getDashboardRoutes = () => [ }, { path: `/payments-made`, - component: lazy( - () => - import( - '@/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadeList' - ), - ), + component: lazy(() => import('@/containers/Purchases/PaymentsMade/PaymentsLanding/PaymentMadeList').then(m => ({ default: m.PaymentMadeList }))), breadcrumb: intl.get('payments_made_list'), pageTitle: intl.get('payments_made_list'), defaultSearchResource: RESOURCES_TYPES.PAYMENT_MADE, @@ -1167,12 +1007,7 @@ export const getDashboardRoutes = () => [ // Cash flow { path: `/cashflow-accounts/:id/transactions`, - component: lazy( - () => - import( - '@/containers/CashFlow/AccountTransactions/AccountTransactionsList' - ), - ), + component: lazy(() => import('@/containers/CashFlow/AccountTransactions/AccountTransactionsList').then(m => ({ default: m.AccountTransactionsList }))), sidebarExpand: false, backLink: true, pageTitle: intl.get('banking.label_account_transcations'), @@ -1181,12 +1016,7 @@ export const getDashboardRoutes = () => [ }, { path: `/cashflow-accounts/:id/import`, - component: lazy( - () => - import( - '@/containers/CashFlow/ImportIUncategorizedTransactions/ImportUncategorizedTransactionsPage' - ), - ), + component: lazy(() => import('@/containers/CashFlow/ImportIUncategorizedTransactions/ImportUncategorizedTransactionsPage').then(m => ({ default: m.ImportUncategorizedTransactions }))), backLink: true, sidebarExpand: false, pageTitle: 'Bank Transactions Import', @@ -1195,59 +1025,43 @@ export const getDashboardRoutes = () => [ }, { path: `/cashflow-accounts`, - component: lazy( - () => - import('@/containers/CashFlow/CashFlowAccounts/CashFlowAccountsList'), - ), + component: lazy(() => import('@/containers/CashFlow/CashFlowAccounts/CashFlowAccountsList').then(m => ({ default: m.CashFlowAccountsList }))), pageTitle: intl.get('siebar.banking.bank_accounts'), subscriptionActive: [SUBSCRIPTION_TYPE.MAIN], defaultSearchResource: RESOURCES_TYPES.ACCOUNT, }, { path: `/transactions-locking`, - component: lazy( - () => import('@/containers/TransactionsLocking/TransactionsLockingPage'), - ), + component: lazy(() => import('@/containers/TransactionsLocking/TransactionsLockingPage').then(m => ({ default: m.TransactionsLockingPage }))), pageTitle: intl.get('sidebar.transactions_locaking'), }, { path: '/projects/:id/details', - component: lazy( - () => import('@/containers/Projects/containers/ProjectDetails'), - ), + component: lazy(() => import('@/containers/Projects/containers/ProjectDetails').then(m => ({ default: m.index }))), sidebarExpand: false, backLink: true, }, { path: '/projects', - component: lazy( - () => - import('@/containers/Projects/containers/ProjectsLanding/ProjectsList'), - ), + component: lazy(() => import('@/containers/Projects/containers/ProjectsLanding/ProjectsList').then(m => ({ default: m.ProjectsList }))), pageTitle: intl.get('sidebar.projects'), }, { path: '/tax-rates/import', - component: lazy( - () => import('@/containers/TaxRates/containers/TaxRatesImport'), - ), + component: lazy(() => import('@/containers/TaxRates/containers/TaxRatesImport').then(m => ({ default: m.TaxRatesImport }))), pageTitle: 'Tax Rates', subscriptionActive: [SUBSCRIPTION_TYPE.MAIN], }, { path: '/tax-rates', - component: lazy( - () => import('@/containers/TaxRates/pages/TaxRatesLanding'), - ), + component: lazy(() => import('@/containers/TaxRates/pages/TaxRatesLanding').then(m => ({ default: m.TaxRatesLanding }))), pageTitle: 'Tax Rates', subscriptionActive: [SUBSCRIPTION_TYPE.MAIN], }, // Bank Rules { path: '/bank-rules', - component: lazy( - () => import('@/containers/Banking/Rules/RulesList/RulesLandingPage'), - ), + component: lazy(() => import('@/containers/Banking/Rules/RulesList/RulesLandingPage').then(m => ({ default: m.RulesLandingPage }))), pageTitle: 'Bank Rules', breadcrumb: 'Bank Rules', subscriptionActive: [SUBSCRIPTION_TYPE.MAIN], @@ -1255,7 +1069,7 @@ export const getDashboardRoutes = () => [ // Homepage { path: `/`, - component: lazy(() => import('@/containers/Homepage/Homepage')), + component: lazy(() => import('@/containers/Homepage/Homepage').then(m => ({ default: m.Homepage }))), breadcrumb: intl.get('homepage'), subscriptionActive: [SUBSCRIPTION_TYPE.MAIN], }, diff --git a/packages/webapp/src/routes/preferences.tsx b/packages/webapp/src/routes/preferences.tsx index 537cdc838..79800443b 100644 --- a/packages/webapp/src/routes/preferences.tsx +++ b/packages/webapp/src/routes/preferences.tsx @@ -6,47 +6,32 @@ const BASE_URL = '/preferences'; export const getPreferenceRoutes = () => [ { path: `${BASE_URL}/general`, - component: lazy(() => import('@/containers/Preferences/General/General')), + component: lazy(() => import('@/containers/Preferences/General/General').then(m => ({ default: m.GeneralPreferences }))), exact: true, }, { path: `${BASE_URL}/branding`, - component: lazy( - () => - import('../containers/Preferences/Branding/PreferencesBrandingPage'), - ), + component: lazy(() => import('../containers/Preferences/Branding/PreferencesBrandingPage').then(m => ({ default: m.PreferencesBrandingPage }))), exact: true, }, { path: `${BASE_URL}/users`, - component: lazy(() => import('../containers/Preferences/Users/Users')), + component: lazy(() => import('../containers/Preferences/Users/Users').then(m => ({ default: m.Users }))), exact: true, }, { path: `${BASE_URL}/invoices`, - component: lazy( - () => import('../containers/Preferences/Invoices/PreferencesInvoices'), - ), + component: lazy(() => import('../containers/Preferences/Invoices/PreferencesInvoices').then(m => ({ default: m.PreferencesInvoices }))), exact: true, }, { path: `${BASE_URL}/payment-methods`, - component: lazy( - () => - import( - '../containers/Preferences/PaymentMethods/PreferencesPaymentMethodsPage' - ), - ), + component: lazy(() => import('../containers/Preferences/PaymentMethods/PreferencesPaymentMethodsPage').then(m => ({ default: m.PreferencesPaymentMethodsPage }))), exact: true, }, { path: `${BASE_URL}/payment-methods/stripe/callback`, - component: lazy( - () => - import( - '../containers/Preferences/PaymentMethods/PreferencesStripeCallback' - ), - ), + component: lazy(() => import('../containers/Preferences/PaymentMethods/PreferencesStripeCallback').then(m => ({ default: m.PreferencesStripeCallback }))), exact: true, }, { @@ -78,57 +63,47 @@ export const getPreferenceRoutes = () => [ }, { path: `${BASE_URL}/roles`, - component: lazy( - () => - import('../containers/Preferences/Users/Roles/RolesForm/RolesFormPage'), - ), + component: lazy(() => import('../containers/Preferences/Users/Roles/RolesForm/RolesFormPage').then(m => ({ default: m.RolesFormPage }))), exact: true, }, { path: `${BASE_URL}/roles/:id`, - component: lazy( - () => - import('../containers/Preferences/Users/Roles/RolesForm/RolesFormPage'), - ), + component: lazy(() => import('../containers/Preferences/Users/Roles/RolesForm/RolesFormPage').then(m => ({ default: m.RolesFormPage }))), exact: true, }, { path: `${BASE_URL}/currencies`, - component: lazy( - () => import('@/containers/Preferences/Currencies/Currencies'), - ), + component: lazy(() => import('@/containers/Preferences/Currencies/Currencies').then(m => ({ default: m.PreferencesCurrenciesPage }))), exact: true, }, { path: `${BASE_URL}/warehouses`, - component: lazy(() => import('../containers/Preferences/Warehouses')), + component: lazy(() => import('../containers/Preferences/Warehouses').then(m => ({ default: m.WarehousesPerences }))), exact: true, }, { path: `${BASE_URL}/branches`, - component: lazy(() => import('../containers/Preferences/Branches')), + component: lazy(() => import('../containers/Preferences/Branches').then(m => ({ default: m.BranchesPreferences }))), exact: true, }, { path: `${BASE_URL}/accountant`, - component: lazy( - () => import('@/containers/Preferences/Accountant/Accountant'), - ), + component: lazy(() => import('@/containers/Preferences/Accountant/Accountant').then(m => ({ default: m.AccountantPreferences }))), exact: true, }, { path: `${BASE_URL}/items`, - component: lazy(() => import('@/containers/Preferences/Item')), + component: lazy(() => import('@/containers/Preferences/Item').then(m => ({ default: m.ItemsPreferences }))), exact: true, }, { path: `${BASE_URL}/api-keys`, - component: lazy(() => import('@/containers/Preferences/ApiKeys/ApiKeys')), + component: lazy(() => import('@/containers/Preferences/ApiKeys/ApiKeys').then(m => ({ default: m.ApiKeys }))), exact: true, }, { path: `${BASE_URL}/`, - component: lazy(() => import('../containers/Preferences/DefaultRoute')), + component: lazy(() => import('../containers/Preferences/DefaultRoute').then(m => ({ default: m.DefaultRoute }))), exact: true, }, ]; diff --git a/packages/webapp/src/routes/preferencesTabs.tsx b/packages/webapp/src/routes/preferencesTabs.tsx index fd772fb38..6e0d2887d 100644 --- a/packages/webapp/src/routes/preferencesTabs.tsx +++ b/packages/webapp/src/routes/preferencesTabs.tsx @@ -1,7 +1,7 @@ // @ts-nocheck // import AccountsCustomFields from "containers/Preferences/AccountsCustomFields"; -import UsersList from '../containers/Preferences/Users/UsersList'; -import RolesList from '../containers/Preferences/Users/Roles/RolesLanding/RolesList'; +import { UsersList } from '../containers/Preferences/Users/UsersList'; +import { RolesListPrefernces as RolesList } from '../containers/Preferences/Users/Roles/RolesLanding/RolesList'; export default { users: [