@argusoft/medplat-core 1.0.14 → 1.0.15

package/dist/TableList-B9hr05Hs.js

@@ -1,428 +0,0 @@
-import { jsxs as a, Fragment as ie, jsx as e } from "react/jsx-runtime";
-import { useTranslateProvider as se } from "@/common/languageTranslator/TranslationContext";
-import p from "@/common/fontAwesomeIcons/FontAwesomeIcons";
-import { Paper as N, Box as i, Typography as s, Button as b, Chip as j, TextField as F, InputAdornment as de, Divider as ce, List as pe, ListItem as ue, ListItemButton as fe, ListItemText as he, Tooltip as G, IconButton as K, Dialog as me, DialogTitle as xe, DialogContent as ye, Autocomplete as be, DialogActions as ge } from "@mui/material";
-import J from "@mui/material/Grid2";
-import u from "prop-types";
-import { useState as l, useEffect as X, Suspense as Ce, lazy as ve } from "react";
-import { useForm as Te } from "react-hook-form";
-const Ie = ve(() => import("./TableDetails-DzREeJkm.js"));
-function Se({
-  tableList: t,
-  tablesInfo: w,
-  allTableList: x,
-  allTablesInfo: D,
-  formSubmitted: $,
-  reloadComponents: H
-}) {
-  const [W, V] = l(""), [g, C] = l(""), [v, Y] = l({}), [z, T] = l({}), [f, _] = l({}), [q, I] = l({}), y = t ? t.filter((o) => o.toLowerCase().includes(W.toLowerCase())) : [], [U, h] = l(!1), [Z, S] = l(!1), [d, M] = l(), [R, m] = l(!1), [L, O] = l(!1), [ee, P] = l(!1), { translate: A } = se();
-  Te({
-    defaultValues: {
-      field1: "",
-      field2: "",
-      field3: ""
-    }
-  }), X(() => {
-    let o = {}, n = {};
-    C(t[0]), o = B(w), Y((r) => ({ ...r, ...o })), n = B(D), _((r) => ({ ...r, ...n }));
-  }, [w, D]), X(() => {
-    T(() => v[t[0]]), I(() => f[t[0]]);
-  }, [v, f]);
-  const oe = (o) => {
-    const n = o.toLowerCase();
-    return n.includes("int") || n.includes("timestamp") || n === "boolean" || n.includes("serial") || n.includes("date") ? "INTEGER" : (n.includes("char") || n.includes("text") || n.includes("varchar"), "TEXT");
-  }, B = (o) => {
-    const n = {};
-    return o.forEach((r) => {
-      const c = JSON.parse(r.columnInfo), te = Object.keys(c).map((Q) => ({
-        name: Q,
-        type: oe(c[Q])
-      })), le = r.mediaConfiguration !== void 0 ? JSON.parse(r.mediaConfiguration) : null;
-      n[r.tableName] = {
-        columnInfo: te,
-        modifiedOnQuery: r.modifiedOnQuery ? r.modifiedOnQuery : null,
-        primaryKey: r.primaryKey ? r.primaryKey : null,
-        selectQuery: r.selectQuery ? r.selectQuery : null,
-        userData: r.userData !== void 0 ? r.userData : null,
-        hasMedia: r.hasMedia !== void 0 ? r.hasMedia : null,
-        mediaConfiguration: le,
-        syncByDefault: r.syncByDefault ? r.syncByDefault : !1
-      };
-    }), n;
-  }, re = () => {
-    m(!1), S(!0), M();
-  }, ne = () => {
-    h(!1), m(!0);
-  }, E = () => {
-    S(!1);
-  }, ae = () => {
-    if (d) {
-      const o = { ...f[d] };
-      o && (o.columnInfo = []), C(d), T(() => o), I(() => f[d]), O(!0), m(!1), h(!0);
-    }
-    S(!1), M(() => "");
-  }, k = (o) => {
-    C(o), T(() => v[o]), I(() => f[o]), h(!1), m(!1), O(!1);
-  };
-  return /* @__PURE__ */ a(ie, { children: [
-    /* @__PURE__ */ a(
-      N,
-      {
-        elevation: 0,
-        sx: {
-          p: { xs: 2.5, md: 3 },
-          mt: 2,
-          mb: 3,
-          border: "1px solid",
-          borderColor: "divider",
-          borderRadius: 3,
-          backgroundColor: "background.paper"
-        },
-        children: [
-          /* @__PURE__ */ a(i, { sx: { display: "flex", flexDirection: "column", gap: 3 }, children: [
-            /* @__PURE__ */ a(
-              i,
-              {
-                sx: {
-                  display: "flex",
-                  justifyContent: "space-between",
-                  alignItems: "flex-start",
-                  flexWrap: "wrap",
-                  gap: 2
-                },
-                children: [
-                  /* @__PURE__ */ a(i, { sx: { minWidth: { xs: "100%", lg: "40%" } }, children: [
-                    /* @__PURE__ */ e(s, { variant: "h5", sx: { fontWeight: 800, color: "text.primary", mb: 0.5 }, children: A("Database Management") }),
-                    /* @__PURE__ */ e(s, { variant: "body2", color: "text.secondary", children: "Manage synced tables, create new entities, and configure mobile database schemas." })
-                  ] }),
-                  /* @__PURE__ */ a(i, { sx: { display: "flex", alignItems: "center", gap: 1.5, flexWrap: "wrap" }, children: [
-                    /* @__PURE__ */ e(
-                      b,
-                      {
-                        variant: "outlined",
-                        size: "small",
-                        sx: {
-                          borderRadius: 2,
-                          fontWeight: 600,
-                          px: 2,
-                          textTransform: "none",
-                          borderColor: "divider",
-                          color: "text.primary",
-                          "&:hover": { backgroundColor: "action.hover", borderColor: "text.disabled" }
-                        },
-                        startIcon: /* @__PURE__ */ e(p, { iconName: "faRotate" }),
-                        onClick: () => re(),
-                        children: "Sync Table"
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      b,
-                      {
-                        size: "small",
-                        variant: "contained",
-                        sx: {
-                          borderRadius: 2,
-                          fontWeight: 600,
-                          px: 2,
-                          boxShadow: "none",
-                          textTransform: "none"
-                        },
-                        startIcon: /* @__PURE__ */ e(p, { iconName: "faPlus" }),
-                        onClick: () => ne(),
-                        children: "Create Table"
-                      }
-                    )
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ a(
-              i,
-              {
-                sx: {
-                  display: "flex",
-                  justifyContent: "space-between",
-                  alignItems: "center",
-                  flexWrap: "wrap",
-                  gap: 2,
-                  backgroundColor: "action.hover",
-                  p: 1.5,
-                  borderRadius: 2.5,
-                  border: "1px solid",
-                  borderColor: "divider"
-                },
-                children: [
-                  /* @__PURE__ */ a(i, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
-                    /* @__PURE__ */ e(
-                      j,
-                      {
-                        label: `${(t == null ? void 0 : t.length) || 0} Synced`,
-                        size: "small",
-                        color: "primary",
-                        variant: "filled",
-                        sx: { fontWeight: 700, borderRadius: 2, px: 0.5 }
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      j,
-                      {
-                        label: `${(x == null ? void 0 : x.length) || 0} Total`,
-                        size: "small",
-                        variant: "outlined",
-                        sx: { fontWeight: 600, borderRadius: 2, px: 0.5, borderColor: "divider" }
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ e(
-                    F,
-                    {
-                      value: W,
-                      size: "small",
-                      placeholder: "Search synced tables...",
-                      onChange: (o) => V(o.target.value),
-                      InputProps: {
-                        startAdornment: /* @__PURE__ */ e(de, { position: "start", children: /* @__PURE__ */ e(p, { iconName: "faMagnifyingGlass" }) }),
-                        sx: {
-                          backgroundColor: "background.paper",
-                          borderRadius: 2,
-                          minWidth: 260
-                        }
-                      }
-                    }
-                  )
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e(ce, { sx: { my: 3 } }),
-          /* @__PURE__ */ a(J, { container: !0, spacing: 2.5, children: [
-            /* @__PURE__ */ e(J, { size: 3, children: /* @__PURE__ */ a(
-              N,
-              {
-                variant: "outlined",
-                sx: {
-                  borderRadius: 2.5,
-                  overflow: "hidden",
-                  maxHeight: "72vh",
-                  display: "flex",
-                  flexDirection: "column"
-                },
-                children: [
-                  /* @__PURE__ */ a(
-                    i,
-                    {
-                      sx: {
-                        px: 2,
-                        py: 1.5,
-                        backgroundColor: "action.hover",
-                        borderBottom: "1px solid",
-                        borderColor: "divider"
-                      },
-                      children: [
-                        /* @__PURE__ */ e(s, { variant: "subtitle2", sx: { fontWeight: 700, color: "text.primary" }, children: A("Synced Tables") }),
-                        /* @__PURE__ */ a(s, { variant: "caption", color: "text.secondary", children: [
-                          y.length,
-                          " of ",
-                          (t == null ? void 0 : t.length) || 0,
-                          " tables"
-                        ] })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ e(i, { sx: { overflowY: "auto", flex: 1 }, children: y.length ? /* @__PURE__ */ e(pe, { disablePadding: !0, children: y.map((o, n) => {
-                    const r = g === o;
-                    return /* @__PURE__ */ e(
-                      ue,
-                      {
-                        disablePadding: !0,
-                        secondaryAction: /* @__PURE__ */ a(
-                          i,
-                          {
-                            sx: {
-                              display: "flex",
-                              gap: 0.25,
-                              opacity: r ? 1 : 0,
-                              transition: "opacity 0.2s"
-                            },
-                            children: [
-                              /* @__PURE__ */ e(G, { title: "Edit table", arrow: !0, placement: "top", children: /* @__PURE__ */ e(
-                                K,
-                                {
-                                  size: "small",
-                                  onClick: (c) => {
-                                    c.stopPropagation(), k(o), h(!0);
-                                  },
-                                  sx: {
-                                    color: "primary.main",
-                                    "&:hover": { backgroundColor: "primary.50" }
-                                  },
-                                  children: /* @__PURE__ */ e(p, { iconName: "faPen", className: "text-[0.75rem]" })
-                                }
-                              ) }),
-                              /* @__PURE__ */ e(G, { title: "Delete table", arrow: !0, placement: "top", children: /* @__PURE__ */ e(
-                                K,
-                                {
-                                  size: "small",
-                                  onClick: (c) => {
-                                    c.stopPropagation(), k(o), P(!0);
-                                  },
-                                  sx: {
-                                    color: "error.main",
-                                    "&:hover": { backgroundColor: "error.50" }
-                                  },
-                                  children: /* @__PURE__ */ e(p, { iconName: "faTrash", className: "text-[0.75rem]" })
-                                }
-                              ) })
-                            ]
-                          }
-                        ),
-                        sx: {
-                          borderBottom: n === y.length - 1 ? "none" : "1px solid",
-                          borderColor: "divider",
-                          "&:hover .MuiBox-root": { opacity: "1 !important" }
-                        },
-                        children: /* @__PURE__ */ e(
-                          fe,
-                          {
-                            selected: r,
-                            onClick: () => k(o),
-                            sx: {
-                              py: 1,
-                              px: 2,
-                              transition: "all 0.15s ease",
-                              "&.Mui-selected": {
-                                backgroundColor: "primary.50",
-                                borderLeft: "3px solid",
-                                borderLeftColor: "primary.main",
-                                "&:hover": { backgroundColor: "primary.100" }
-                              },
-                              "&:hover": { backgroundColor: "action.hover" }
-                            },
-                            children: /* @__PURE__ */ e(
-                              he,
-                              {
-                                primary: /* @__PURE__ */ e(
-                                  s,
-                                  {
-                                    variant: "body2",
-                                    sx: {
-                                      fontWeight: r ? 600 : 400,
-                                      color: r ? "primary.dark" : "text.primary",
-                                      fontSize: "0.82rem",
-                                      overflow: "hidden",
-                                      textOverflow: "ellipsis",
-                                      whiteSpace: "nowrap",
-                                      maxWidth: "160px"
-                                    },
-                                    children: o
-                                  }
-                                )
-                              }
-                            )
-                          }
-                        )
-                      },
-                      n + 1
-                    );
-                  }) }) : /* @__PURE__ */ a(i, { sx: { p: 3, textAlign: "center" }, children: [
-                    /* @__PURE__ */ e(p, { iconName: "faInbox", className: "text-[2rem] text-gray-300" }),
-                    /* @__PURE__ */ e(s, { variant: "body2", color: "text.secondary", sx: { mt: 1 }, children: t.length < 1 ? "No tables synced" : "No tables match your search." })
-                  ] }) })
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ e(Ce, { children: (!!g && !!z || R) && /* @__PURE__ */ e(
-              Ie,
-              {
-                tableInfo: z,
-                table: g,
-                isEditMode: U,
-                updateEditMode: h,
-                tableCompleteInfo: q,
-                formSubmitted: $,
-                reloadComponents: H,
-                isCreateTableMode: R,
-                isSyncTableMode: L,
-                updateCreateTableMode: m,
-                openDeleteModal: ee,
-                setOpenDeleteModal: P
-              }
-            ) })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ a(
-      me,
-      {
-        open: Z,
-        onClose: E,
-        maxWidth: "sm",
-        fullWidth: !0,
-        PaperProps: {
-          sx: { borderRadius: 3, p: 1 }
-        },
-        children: [
-          /* @__PURE__ */ a(xe, { sx: { fontWeight: 700, pb: 1 }, children: [
-            "Sync a Table",
-            /* @__PURE__ */ e(s, { variant: "body2", color: "text.secondary", children: "Select an existing database table to sync with the mobile app." })
-          ] }),
-          /* @__PURE__ */ e(ye, { children: /* @__PURE__ */ e(
-            be,
-            {
-              options: x.filter((o) => !t.includes(o)),
-              getOptionLabel: (o) => o,
-              value: d,
-              onChange: (o, n) => M(n),
-              renderInput: (o) => /* @__PURE__ */ e(
-                F,
-                {
-                  ...o,
-                  label: "Table",
-                  placeholder: "Search and select a table...",
-                  size: "small",
-                  sx: { mt: 1 }
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ a(ge, { sx: { px: 3, pb: 2 }, children: [
-            /* @__PURE__ */ e(
-              b,
-              {
-                onClick: E,
-                variant: "outlined",
-                size: "small",
-                sx: { borderRadius: 2, textTransform: "none" },
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ e(
-              b,
-              {
-                variant: "contained",
-                size: "small",
-                onClick: () => ae(),
-                disabled: !d,
-                sx: { borderRadius: 2, textTransform: "none", boxShadow: "none" },
-                children: "Sync Table"
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-Se.propTypes = {
-  tableList: u.any,
-  tablesInfo: u.any,
-  allTableList: u.any,
-  allTablesInfo: u.any,
-  formSubmitted: u.bool,
-  reloadComponents: u.any
-};
-export {
-  Se as default
-};
-//# sourceMappingURL=TableList-B9hr05Hs.js.map

package/dist/TableList-B9hr05Hs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableList-B9hr05Hs.js","sources":["../src/views/Mobile/EntityManagement/TableList.jsx"],"sourcesContent":["import { useTranslateProvider } from '@/common/languageTranslator/TranslationContext';\nimport FontAwesomeIcons from '@/common/fontAwesomeIcons/FontAwesomeIcons';\nimport {\n  Autocomplete,\n  Box,\n  Button,\n  Chip,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  InputAdornment,\n  List,\n  ListItem,\n  ListItemButton,\n  ListItemText,\n  Paper,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@mui/material';\nimport Grid from '@mui/material/Grid2';\nimport PropTypes from 'prop-types';\nimport React, { lazy, Suspense, useEffect, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nconst TableDetails = lazy(() => import('./TableDetails'));\n\nexport default function TableList({\n  tableList,\n  tablesInfo,\n  allTableList,\n  allTablesInfo,\n  formSubmitted,\n  reloadComponents,\n}) {\n  const [searchQuery, setSearchQuery] = useState('');\n  const [selectedTable, setSelectedTable] = useState('');\n  const [syncedTableInfo, setSyncedTableInfo] = useState({});\n  const [tableInfo, setTableInfo] = useState({});\n  const [allTableInfo, setAllTableInfo] = useState({});\n  const [tableCompleteInfo, setTableCompleteInfo] = useState({});\n  const filteredList = tableList\n    ? tableList.filter((tableName) => tableName.toLowerCase().includes(searchQuery.toLowerCase()))\n    : [];\n  const [editMode, setEditMode] = useState(false);\n  const [modalOpen, setModalOpen] = useState(false);\n  const [tableForModal, setTableForModal] = useState();\n  const [isCreateTableMode, setIsCreateTableMode] = useState(false);\n  const [isSyncTableMode, setIsSyncTableMode] = useState(false);\n  const [openDeleteModal, setOpenDeleteModal] = useState(false);\n  const { translate } = useTranslateProvider();\n\n  const {\n    formState: { },\n  } = useForm({\n    defaultValues: {\n      field1: '',\n      field2: '',\n      field3: '',\n    },\n  });\n\n  useEffect(() => {\n    let info1 = {};\n    let info2 = {};\n    setSelectedTable(tableList[0]);\n    info1 = createTableObject(tablesInfo);\n    setSyncedTableInfo((syncedTableInfo) => ({ ...syncedTableInfo, ...info1 }));\n    info2 = createTableObject(allTablesInfo);\n    setAllTableInfo((allTableInfo) => ({ ...allTableInfo, ...info2 }));\n  }, [tablesInfo, allTablesInfo]);\n\n  useEffect(() => {\n    setTableInfo(() => syncedTableInfo[tableList[0]]);\n    setTableCompleteInfo(() => allTableInfo[tableList[0]]);\n  }, [syncedTableInfo, allTableInfo]);\n\n  const mapToSQLiteType = (sqlType) => {\n    const type = sqlType.toLowerCase();\n    if (\n      type.includes('int') ||\n      type.includes('timestamp') ||\n      type === 'boolean' ||\n      type.includes('serial') ||\n      type.includes('date')\n    ) {\n      return 'INTEGER';\n    } else if (type.includes('char') || type.includes('text') || type.includes('varchar')) {\n      return 'TEXT';\n    }\n    return 'TEXT';\n  };\n\n  const createTableObject = (tbInfo) => {\n    const info = {};\n    tbInfo.forEach((item) => {\n      const parsedColumns = JSON.parse(item.columnInfo);\n      const columnArray = Object.keys(parsedColumns).map((columnName) => ({\n        name: columnName,\n        type: mapToSQLiteType(parsedColumns[columnName]),\n      }));\n\n      const media = item.mediaConfiguration !== undefined ? JSON.parse(item.mediaConfiguration) : null;\n      info[item.tableName] = {\n        columnInfo: columnArray,\n        modifiedOnQuery: item.modifiedOnQuery ? item.modifiedOnQuery : null,\n        primaryKey: item.primaryKey ? item.primaryKey : null,\n        selectQuery: item.selectQuery ? item.selectQuery : null,\n        userData: item.userData !== undefined ? item.userData : null,\n        hasMedia: item.hasMedia !== undefined ? item.hasMedia : null,\n        mediaConfiguration: media,\n        syncByDefault: item.syncByDefault ? item.syncByDefault : false,\n      };\n    });\n    return info;\n  };\n\n  const handleAddTable = () => {\n    setIsCreateTableMode(false);\n    setModalOpen(true);\n    setTableForModal();\n  };\n\n  const handleCreateTable = () => {\n    setEditMode(false);\n    setIsCreateTableMode(true);\n  };\n\n  const handleModalClose = () => {\n    setModalOpen(false);\n  };\n\n  const handleTableSelect = () => {\n    if (tableForModal) {\n      const tableInfo = { ...allTableInfo[tableForModal] };\n      if (tableInfo) {\n        tableInfo.columnInfo = [];\n      }\n      setSelectedTable(tableForModal);\n      setTableInfo(() => tableInfo);\n      setTableCompleteInfo(() => allTableInfo[tableForModal]);\n      setIsSyncTableMode(true);\n      setIsCreateTableMode(false);\n      setEditMode(true);\n    }\n    setModalOpen(false);\n    setTableForModal(() => '');\n  };\n\n  const onTableChange = (tableName) => {\n    setSelectedTable(tableName);\n    setTableInfo(() => syncedTableInfo[tableName]);\n    setTableCompleteInfo(() => allTableInfo[tableName]);\n    setEditMode(false);\n    setIsCreateTableMode(false);\n    setIsSyncTableMode(false);\n  };\n\n  return (\n    <>\n      {/* ── Main Container with Paper wrapper (matching ManageAllForms) ── */}\n      <Paper\n        elevation={0}\n        sx={{\n          p: { xs: 2.5, md: 3 },\n          mt: 2,\n          mb: 3,\n          border: '1px solid',\n          borderColor: 'divider',\n          borderRadius: 3,\n          backgroundColor: 'background.paper',\n        }}\n      >\n        {/* ── Header Section ── */}\n        <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>\n          <Box\n            sx={{\n              display: 'flex',\n              justifyContent: 'space-between',\n              alignItems: 'flex-start',\n              flexWrap: 'wrap',\n              gap: 2,\n            }}\n          >\n            <Box sx={{ minWidth: { xs: '100%', lg: '40%' } }}>\n              <Typography variant=\"h5\" sx={{ fontWeight: 800, color: 'text.primary', mb: 0.5 }}>\n                {translate('Database Management')}\n              </Typography>\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                Manage synced tables, create new entities, and configure mobile database schemas.\n              </Typography>\n            </Box>\n\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5, flexWrap: 'wrap' }}>\n              <Button\n                variant=\"outlined\"\n                size=\"small\"\n                sx={{\n                  borderRadius: 2,\n                  fontWeight: 600,\n                  px: 2,\n                  textTransform: 'none',\n                  borderColor: 'divider',\n                  color: 'text.primary',\n                  '&:hover': { backgroundColor: 'action.hover', borderColor: 'text.disabled' },\n                }}\n                startIcon={<FontAwesomeIcons iconName={'faRotate'} />}\n                onClick={() => handleAddTable()}\n              >\n                Sync Table\n              </Button>\n              <Button\n                size=\"small\"\n                variant=\"contained\"\n                sx={{\n                  borderRadius: 2,\n                  fontWeight: 600,\n                  px: 2,\n                  boxShadow: 'none',\n                  textTransform: 'none',\n                }}\n                startIcon={<FontAwesomeIcons iconName={'faPlus'} />}\n                onClick={() => handleCreateTable()}\n              >\n                Create Table\n              </Button>\n            </Box>\n          </Box>\n\n          {/* ── Search & Stats Bar ── */}\n          <Box\n            sx={{\n              display: 'flex',\n              justifyContent: 'space-between',\n              alignItems: 'center',\n              flexWrap: 'wrap',\n              gap: 2,\n              backgroundColor: 'action.hover',\n              p: 1.5,\n              borderRadius: 2.5,\n              border: '1px solid',\n              borderColor: 'divider',\n            }}\n          >\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>\n              <Chip\n                label={`${tableList?.length || 0} Synced`}\n                size=\"small\"\n                color=\"primary\"\n                variant=\"filled\"\n                sx={{ fontWeight: 700, borderRadius: 2, px: 0.5 }}\n              />\n              <Chip\n                label={`${allTableList?.length || 0} Total`}\n                size=\"small\"\n                variant=\"outlined\"\n                sx={{ fontWeight: 600, borderRadius: 2, px: 0.5, borderColor: 'divider' }}\n              />\n            </Box>\n\n            <TextField\n              value={searchQuery}\n              size=\"small\"\n              placeholder=\"Search synced tables...\"\n              onChange={(e) => setSearchQuery(e.target.value)}\n              InputProps={{\n                startAdornment: (\n                  <InputAdornment position=\"start\">\n                    <FontAwesomeIcons iconName=\"faMagnifyingGlass\" />\n                  </InputAdornment>\n                ),\n                sx: {\n                  backgroundColor: 'background.paper',\n                  borderRadius: 2,\n                  minWidth: 260,\n                },\n              }}\n            />\n          </Box>\n        </Box>\n\n        <Divider sx={{ my: 3 }} />\n\n        {/* ── Content: List + Details Layout ── */}\n        <Grid container spacing={2.5}>\n          {/* ── Left Panel: Table List ── */}\n          <Grid size={3}>\n            <Paper\n              variant=\"outlined\"\n              sx={{\n                borderRadius: 2.5,\n                overflow: 'hidden',\n                maxHeight: '72vh',\n                display: 'flex',\n                flexDirection: 'column',\n              }}\n            >\n              {/* List Header */}\n              <Box\n                sx={{\n                  px: 2,\n                  py: 1.5,\n                  backgroundColor: 'action.hover',\n                  borderBottom: '1px solid',\n                  borderColor: 'divider',\n                }}\n              >\n                <Typography variant=\"subtitle2\" sx={{ fontWeight: 700, color: 'text.primary' }}>\n                  {translate('Synced Tables')}\n                </Typography>\n                <Typography variant=\"caption\" color=\"text.secondary\">\n                  {filteredList.length} of {tableList?.length || 0} tables\n                </Typography>\n              </Box>\n\n              {/* Table List */}\n              <Box sx={{ overflowY: 'auto', flex: 1 }}>\n                {filteredList.length ? (\n                  <List disablePadding>\n                    {filteredList.map((tableName, index) => {\n                      const isSelected = selectedTable === tableName;\n                      return (\n                        <ListItem\n                          key={index + 1}\n                          disablePadding\n                          secondaryAction={\n                            <Box\n                              sx={{\n                                display: 'flex',\n                                gap: 0.25,\n                                opacity: isSelected ? 1 : 0,\n                                transition: 'opacity 0.2s',\n                              }}\n                            >\n                              <Tooltip title=\"Edit table\" arrow placement=\"top\">\n                                <IconButton\n                                  size=\"small\"\n                                  onClick={(e) => {\n                                    e.stopPropagation();\n                                    onTableChange(tableName);\n                                    setEditMode(true);\n                                  }}\n                                  sx={{\n                                    color: 'primary.main',\n                                    '&:hover': { backgroundColor: 'primary.50' },\n                                  }}\n                                >\n                                  <FontAwesomeIcons iconName={'faPen'} className=\"text-[0.75rem]\" />\n                                </IconButton>\n                              </Tooltip>\n                              <Tooltip title=\"Delete table\" arrow placement=\"top\">\n                                <IconButton\n                                  size=\"small\"\n                                  onClick={(e) => {\n                                    e.stopPropagation();\n                                    onTableChange(tableName);\n                                    setOpenDeleteModal(true);\n                                  }}\n                                  sx={{\n                                    color: 'error.main',\n                                    '&:hover': { backgroundColor: 'error.50' },\n                                  }}\n                                >\n                                  <FontAwesomeIcons iconName={'faTrash'} className=\"text-[0.75rem]\" />\n                                </IconButton>\n                              </Tooltip>\n                            </Box>\n                          }\n                          sx={{\n                            borderBottom: index === filteredList.length - 1 ? 'none' : '1px solid',\n                            borderColor: 'divider',\n                            '&:hover .MuiBox-root': { opacity: '1 !important' },\n                          }}\n                        >\n                          <ListItemButton\n                            selected={isSelected}\n                            onClick={() => onTableChange(tableName)}\n                            sx={{\n                              py: 1,\n                              px: 2,\n                              transition: 'all 0.15s ease',\n                              '&.Mui-selected': {\n                                backgroundColor: 'primary.50',\n                                borderLeft: '3px solid',\n                                borderLeftColor: 'primary.main',\n                                '&:hover': { backgroundColor: 'primary.100' },\n                              },\n                              '&:hover': { backgroundColor: 'action.hover' },\n                            }}\n                          >\n                            <ListItemText\n                              primary={\n                                <Typography\n                                  variant=\"body2\"\n                                  sx={{\n                                    fontWeight: isSelected ? 600 : 400,\n                                    color: isSelected ? 'primary.dark' : 'text.primary',\n                                    fontSize: '0.82rem',\n                                    overflow: 'hidden',\n                                    textOverflow: 'ellipsis',\n                                    whiteSpace: 'nowrap',\n                                    maxWidth: '160px',\n                                  }}\n                                >\n                                  {tableName}\n                                </Typography>\n                              }\n                            />\n                          </ListItemButton>\n                        </ListItem>\n                      );\n                    })}\n                  </List>\n                ) : (\n                  <Box sx={{ p: 3, textAlign: 'center' }}>\n                    <FontAwesomeIcons iconName=\"faInbox\" className=\"text-[2rem] text-gray-300\" />\n                    <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 1 }}>\n                      {tableList.length < 1 ? 'No tables synced' : 'No tables match your search.'}\n                    </Typography>\n                  </Box>\n                )}\n              </Box>\n            </Paper>\n          </Grid>\n\n          {/* ── Right Panel: Table Details ── */}\n          <Suspense>\n            {((!!selectedTable && !!tableInfo) || isCreateTableMode) && (\n              <TableDetails\n                tableInfo={tableInfo}\n                table={selectedTable}\n                isEditMode={editMode}\n                updateEditMode={setEditMode}\n                tableCompleteInfo={tableCompleteInfo}\n                formSubmitted={formSubmitted}\n                reloadComponents={reloadComponents}\n                isCreateTableMode={isCreateTableMode}\n                isSyncTableMode={isSyncTableMode}\n                updateCreateTableMode={setIsCreateTableMode}\n                openDeleteModal={openDeleteModal}\n                setOpenDeleteModal={setOpenDeleteModal}\n              ></TableDetails>\n            )}\n          </Suspense>\n        </Grid>\n      </Paper>\n\n      {/* ── Sync Table Dialog (replacing raw Modal) ── */}\n      <Dialog\n        open={modalOpen}\n        onClose={handleModalClose}\n        maxWidth=\"sm\"\n        fullWidth\n        PaperProps={{\n          sx: { borderRadius: 3, p: 1 },\n        }}\n      >\n        <DialogTitle sx={{ fontWeight: 700, pb: 1 }}>\n          Sync a Table\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            Select an existing database table to sync with the mobile app.\n          </Typography>\n        </DialogTitle>\n        <DialogContent>\n          <Autocomplete\n            options={allTableList.filter((x) => {\n              return !tableList.includes(x);\n            })}\n            getOptionLabel={(option) => option}\n            value={tableForModal}\n            onChange={(_, newValue) => setTableForModal(newValue)}\n            renderInput={(params) => (\n              <TextField\n                {...params}\n                label=\"Table\"\n                placeholder=\"Search and select a table...\"\n                size=\"small\"\n                sx={{ mt: 1 }}\n              />\n            )}\n          />\n        </DialogContent>\n        <DialogActions sx={{ px: 3, pb: 2 }}>\n          <Button\n            onClick={handleModalClose}\n            variant=\"outlined\"\n            size=\"small\"\n            sx={{ borderRadius: 2, textTransform: 'none' }}\n          >\n            Cancel\n          </Button>\n          <Button\n            variant=\"contained\"\n            size=\"small\"\n            onClick={() => handleTableSelect()}\n            disabled={!tableForModal}\n            sx={{ borderRadius: 2, textTransform: 'none', boxShadow: 'none' }}\n          >\n            Sync Table\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n}\n\nTableList.propTypes = {\n  tableList: PropTypes.any,\n  tablesInfo: PropTypes.any,\n  allTableList: PropTypes.any,\n  allTablesInfo: PropTypes.any,\n  formSubmitted: PropTypes.bool,\n  reloadComponents: PropTypes.any,\n};\n"],"names":["TableDetails","lazy","TableList","tableList","tablesInfo","allTableList","allTablesInfo","formSubmitted","reloadComponents","searchQuery","setSearchQuery","useState","selectedTable","setSelectedTable","syncedTableInfo","setSyncedTableInfo","tableInfo","setTableInfo","allTableInfo","setAllTableInfo","tableCompleteInfo","setTableCompleteInfo","filteredList","tableName","editMode","setEditMode","modalOpen","setModalOpen","tableForModal","setTableForModal","isCreateTableMode","setIsCreateTableMode","isSyncTableMode","setIsSyncTableMode","openDeleteModal","setOpenDeleteModal","translate","useTranslateProvider","useForm","useEffect","info1","info2","createTableObject","mapToSQLiteType","sqlType","type","tbInfo","info","item","parsedColumns","columnArray","columnName","media","handleAddTable","handleCreateTable","handleModalClose","handleTableSelect","onTableChange","jsxs","Fragment","Paper","Box","jsx","Typography","Button","FontAwesomeIcons","Chip","TextField","e","InputAdornment","Divider","Grid","List","index","isSelected","ListItem","Tooltip","IconButton","ListItemButton","ListItemText","Suspense","Dialog","DialogTitle","DialogContent","Autocomplete","x","option","_","newValue","params","DialogActions","PropTypes"],"mappings":"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"}