@mx-cartographer/experiences 6.25.3-alpha.al2 → 6.25.3-alpha.mega2

package/dist/investments/components/HoldingTable.js

@@ -0,0 +1,330 @@
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import m from "@mui/material/Stack";
+import D from "@mui/material/Paper";
+import C from "@mui/material/IconButton";
+import b from "@mui/material/TextField";
+import F from "@mui/material/styles/useTheme";
+import { DataGridPro as _ } from "@mui/x-data-grid-pro";
+import { Icon as c } from "@mxenabled/mx-icons";
+import { Text as o } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "react";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as B } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/Switch";
+import "mobx";
+import "../../accounts/AccountsWidget.js";
+import "../../accounts/AccountsMiniWidget.js";
+import "../../accounts/ConnectMiniWidget.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../common/types/Account.js";
+import "posthog-js";
+import "../../cashflow/CashflowMiniWidget.js";
+import "../../cashflow/CashflowWidget.js";
+import "../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../util/InvestmentUtil.js";
+import "../../merchants/components/MerchantLookup.js";
+import "../../networth/components/NetWorthChart.js";
+import "../../networth/components/NetWorthList.js";
+import "../../networth/components/NetWorthSummary.js";
+import "../../networth/NetWorthMicroWidget.js";
+import "../../networth/NetWorthWidget.js";
+import "../../notifications/components/NotificationList.js";
+import "../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/TransactionWidget.js";
+import "../../settings/SettingsWidget.js";
+import "../../settings/components/SettingsWidgetContents.js";
+import "../../settings/components/profile/ProfileTab.js";
+import "../../settings/components/devices/DeviceTab.js";
+import "../../settings/NotificationSettingsWidget.js";
+import "../../settings/components/notifications/NotificationSettings.js";
+import "../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../trends/TrendsFullWidget.js";
+import "../../trends/TrendsMiniWidget.js";
+import "../../trends/TrendsMicroWidget.js";
+import "../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import { HeaderCell as p } from "./HeaderCell.js";
+const bt = ({
+  data: h,
+  editingHoldingId: u,
+  currentEditedCostBasis: g,
+  handleCostBasisClick: x,
+  handleCostBasisChange: f,
+  handleCostBasisKeyDown: v,
+  handleCostBasisBlur: w
+}) => {
+  const { investments: e } = B(), y = F().palette.mode === "dark", s = "success.main", d = y ? "grey.300" : "grey.700", n = (r, t = "lesserThan") => t === "greaterThan" ? r >= 0 ? s : d : r <= 0 ? d : s, S = [
+    {
+      field: "qty",
+      headerName: e.overview.qty_header,
+      sortable: !1,
+      width: 48,
+      align: "center",
+      headerAlign: "center"
+    },
+    {
+      field: "holding",
+      headerName: e.overview.holding_header,
+      flex: 1,
+      renderHeader: p,
+      renderCell: (r) => /* @__PURE__ */ i(m, { sx: { alignItems: "center", gap: 16, flexDirection: "row" }, children: /* @__PURE__ */ a(m, { children: [
+        /* @__PURE__ */ i(o, { sx: { fontWeight: 700 }, children: r.row.holding }),
+        /* @__PURE__ */ i(o, { sx: { color: "text.secondary", fontWeight: 400 }, variant: "tiny", children: r.row.description })
+      ] }) })
+    },
+    {
+      field: "costBasis",
+      headerName: e.overview.cost_basis_header,
+      width: 132,
+      renderHeader: p,
+      renderCell: (r) => {
+        const t = u === r.row.id;
+        return /* @__PURE__ */ a(m, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
+          t ? /* @__PURE__ */ i(
+            b,
+            {
+              autoFocus: !0,
+              onBlur: () => w(r.row.id),
+              onChange: f,
+              onKeyDown: (l) => v(l, r.row.id),
+              size: "small",
+              sx: {
+                fontSize: 14,
+                width: 57,
+                "& .MuiInputBase-input": {
+                  padding: "4px 0",
+                  textAlign: "center",
+                  fontWeight: 600,
+                  color: "text.primary"
+                },
+                "& .MuiOutlinedInput-notchedOutline": {
+                  border: "none"
+                }
+              },
+              value: g
+            }
+          ) : /* @__PURE__ */ i(o, { sx: { fontSize: 14, width: 57 }, variant: "Small", children: r.value?.toLocaleString("en-US", {
+            currency: "USD",
+            maximumFractionDigits: 2,
+            minimumFractionDigits: 2,
+            style: "currency"
+          }) }),
+          /* @__PURE__ */ i(
+            C,
+            {
+              onClick: () => x(r.row.id, r.row.costBasis),
+              sx: { minWidth: 12, minHeight: 12 },
+              children: /* @__PURE__ */ i(c, { name: "stylus", size: 12, sx: { color: "grey.700" } })
+            }
+          )
+        ] });
+      },
+      align: "center",
+      headerAlign: "center"
+    },
+    {
+      field: "totalGainLoss",
+      headerName: e.overview.total_gain_loss_header,
+      width: 196,
+      renderHeader: p,
+      renderCell: (r) => {
+        const t = r.row.costBasis, l = t ? r.row.totalGainLoss / t * 100 : 0;
+        return /* @__PURE__ */ a(m, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
+          r.value !== 0 && /* @__PURE__ */ i(
+            c,
+            {
+              name: r.value > 0 ? "trending_up" : "trending_down",
+              size: 16,
+              sx: {
+                color: n(r.value),
+                mr: 1,
+                verticalAlign: "middle"
+              }
+            }
+          ),
+          /* @__PURE__ */ i(
+            o,
+            {
+              sx: {
+                color: n(r.value),
+                fontWeight: r.value > 0 ? 700 : 400
+              },
+              variant: "Small",
+              children: t ? `${l.toFixed(2)}%` : "0.00%"
+            }
+          ),
+          /* @__PURE__ */ i(o, { sx: { color: "text.secondary" }, variant: "XSmall", children: "|" }),
+          /* @__PURE__ */ i(
+            o,
+            {
+              sx: {
+                color: n(r.value),
+                fontWeight: r.value > 0 ? 700 : 400
+              },
+              variant: "Small",
+              children: Math.abs(r.value).toLocaleString("en-US", {
+                currency: "USD",
+                maximumFractionDigits: 2,
+                minimumFractionDigits: 2,
+                style: "currency"
+              })
+            }
+          )
+        ] });
+      },
+      align: "right",
+      headerAlign: "right",
+      sortable: !1
+    },
+    {
+      field: "marketValue",
+      headerName: e.overview.market_value_header,
+      width: 132,
+      renderHeader: p,
+      renderCell: (r) => /* @__PURE__ */ i(o, { sx: { fontWeight: 700 }, variant: "Small", children: r.value?.toLocaleString("en-US", {
+        currency: "USD",
+        maximumFractionDigits: 2,
+        minimumFractionDigits: 2,
+        style: "currency"
+      }) }),
+      align: "right",
+      headerAlign: "right"
+    }
+  ];
+  return /* @__PURE__ */ i(
+    D,
+    {
+      sx: {
+        boxShadow: "none",
+        width: "100%"
+      },
+      children: /* @__PURE__ */ i(
+        _,
+        {
+          columns: S,
+          disableColumnFilter: !0,
+          disableColumnMenu: !0,
+          disableRowSelectionOnClick: !0,
+          hideFooter: !0,
+          rows: h,
+          slotProps: { baseIconButton: { sx: { display: "none" } } }
+        }
+      )
+    }
+  );
+};
+export {
+  bt as default
+};
+//# sourceMappingURL=HoldingTable.js.map

package/dist/investments/components/HoldingTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoldingTable.js","sources":["../../../src/investments/components/HoldingTable.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\nimport Paper from '@mui/material/Paper'\nimport IconButton from '@mui/material/IconButton'\nimport TextField from '@mui/material/TextField'\nimport useTheme from '@mui/material/styles/useTheme'\nimport { DataGridPro, GridColDef } from '@mui/x-data-grid-pro'\n\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../common'\n\nimport { HeaderCell } from './HeaderCell'\n\ninterface HoldingDetail {\n  id: string\n  description: string\n  qty: number\n  holding: string\n  costBasis: number\n  totalGainLoss: number\n  marketValue: number\n}\n\ninterface HoldingsTableProps {\n  data: HoldingDetail[]\n  editingHoldingId: string | null\n  currentEditedCostBasis: string\n  handleCostBasisClick: (holdingId: string, currentCostBasis: number) => void\n  handleCostBasisChange: (event: React.ChangeEvent<HTMLInputElement>) => void\n  handleCostBasisKeyDown: (event: React.KeyboardEvent<HTMLInputElement>, id: string) => void\n  handleCostBasisBlur: (id: string) => void\n}\n\nconst HoldingsTable: React.FC<HoldingsTableProps> = ({\n  data,\n  editingHoldingId,\n  currentEditedCostBasis,\n  handleCostBasisClick,\n  handleCostBasisChange,\n  handleCostBasisKeyDown,\n  handleCostBasisBlur,\n}) => {\n  const { investments: copy } = useGlobalCopyStore()\n  const theme = useTheme()\n\n  const isDarkMode = theme.palette.mode === 'dark'\n  const gainDisplayColor = 'success.main'\n  const lossDisplayColor = isDarkMode ? 'grey.300' : 'grey.700'\n\n  const gainLossDisplayColor = (value: number, type: string = 'lesserThan') => {\n    if (type === 'greaterThan') {\n      return value >= 0 ? gainDisplayColor : lossDisplayColor\n    }\n    return value <= 0 ? lossDisplayColor : gainDisplayColor\n  }\n\n  const columns: GridColDef[] = [\n    {\n      field: 'qty',\n      headerName: copy.overview.qty_header,\n      sortable: false,\n      width: 48,\n      align: 'center',\n      headerAlign: 'center',\n    },\n    {\n      field: 'holding',\n      headerName: copy.overview.holding_header,\n      flex: 1,\n      renderHeader: HeaderCell,\n      renderCell: (params) => (\n        <Stack sx={{ alignItems: 'center', gap: 16, flexDirection: 'row' }}>\n          <Stack>\n            {/* TODO :InstitutionLogo in future */}\n            <Text sx={{ fontWeight: 700 }}>{params.row.holding}</Text>\n            <Text sx={{ color: 'text.secondary', fontWeight: 400 }} variant=\"tiny\">\n              {params.row.description}\n            </Text>\n          </Stack>\n        </Stack>\n      ),\n    },\n    {\n      field: 'costBasis',\n      headerName: copy.overview.cost_basis_header,\n      width: 132,\n      renderHeader: HeaderCell,\n      renderCell: (params) => {\n        const isCurrentlyEditing = editingHoldingId === params.row.id\n        return (\n          <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 4 }}>\n            {isCurrentlyEditing ? (\n              <TextField\n                autoFocus={true}\n                onBlur={() => handleCostBasisBlur(params.row.id)}\n                onChange={handleCostBasisChange}\n                onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) =>\n                  handleCostBasisKeyDown(e, params.row.id)\n                }\n                size=\"small\"\n                sx={{\n                  fontSize: 14,\n                  width: 57,\n                  '& .MuiInputBase-input': {\n                    padding: '4px 0',\n                    textAlign: 'center',\n                    fontWeight: 600,\n                    color: 'text.primary',\n                  },\n                  '& .MuiOutlinedInput-notchedOutline': {\n                    border: 'none',\n                  },\n                }}\n                value={currentEditedCostBasis}\n              />\n            ) : (\n              <Text sx={{ fontSize: 14, width: 57 }} variant=\"Small\">\n                {params.value?.toLocaleString('en-US', {\n                  currency: 'USD',\n                  maximumFractionDigits: 2,\n                  minimumFractionDigits: 2,\n                  style: 'currency',\n                })}\n              </Text>\n            )}\n            <IconButton\n              onClick={() => handleCostBasisClick(params.row.id, params.row.costBasis)}\n              sx={{ minWidth: 12, minHeight: 12 }}\n            >\n              <Icon name={'stylus'} size={12} sx={{ color: 'grey.700' }} />\n            </IconButton>\n          </Stack>\n        )\n      },\n      align: 'center',\n      headerAlign: 'center',\n    },\n    {\n      field: 'totalGainLoss',\n      headerName: copy.overview.total_gain_loss_header,\n      width: 196,\n      renderHeader: HeaderCell,\n      renderCell: (params) => {\n        const costBasis = params.row.costBasis\n        const gainLossPercentage = costBasis ? (params.row.totalGainLoss / costBasis) * 100 : 0\n        return (\n          <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 2 }}>\n            {params.value !== 0 && (\n              <Icon\n                name={params.value > 0 ? 'trending_up' : 'trending_down'}\n                size={16}\n                sx={{\n                  color: gainLossDisplayColor(params.value),\n                  mr: 1,\n                  verticalAlign: 'middle',\n                }}\n              />\n            )}\n            <Text\n              sx={{\n                color: gainLossDisplayColor(params.value),\n                fontWeight: params.value > 0 ? 700 : 400,\n              }}\n              variant=\"Small\"\n            >\n              {costBasis ? `${gainLossPercentage.toFixed(2)}%` : '0.00%'}\n            </Text>\n            <Text sx={{ color: 'text.secondary' }} variant=\"XSmall\">\n              |\n            </Text>\n            <Text\n              sx={{\n                color: gainLossDisplayColor(params.value),\n                fontWeight: params.value > 0 ? 700 : 400,\n              }}\n              variant=\"Small\"\n            >\n              {Math.abs(params.value).toLocaleString('en-US', {\n                currency: 'USD',\n                maximumFractionDigits: 2,\n                minimumFractionDigits: 2,\n                style: 'currency',\n              })}\n            </Text>\n          </Stack>\n        )\n      },\n      align: 'right',\n      headerAlign: 'right',\n      sortable: false,\n    },\n    {\n      field: 'marketValue',\n      headerName: copy.overview.market_value_header,\n      width: 132,\n      renderHeader: HeaderCell,\n      renderCell: (params) => (\n        <Text sx={{ fontWeight: 700 }} variant={'Small'}>\n          {params.value?.toLocaleString('en-US', {\n            currency: 'USD',\n            maximumFractionDigits: 2,\n            minimumFractionDigits: 2,\n            style: 'currency',\n          })}\n        </Text>\n      ),\n      align: 'right',\n      headerAlign: 'right',\n    },\n  ]\n\n  return (\n    <Paper\n      sx={{\n        boxShadow: 'none',\n        width: '100%',\n      }}\n    >\n      <DataGridPro\n        columns={columns}\n        disableColumnFilter={true}\n        disableColumnMenu={true}\n        disableRowSelectionOnClick={true}\n        hideFooter={true}\n        rows={data}\n        slotProps={{ baseIconButton: { sx: { display: 'none' } } }}\n      />\n    </Paper>\n  )\n}\n\nexport default HoldingsTable\n"],"names":["HoldingsTable","data","editingHoldingId","currentEditedCostBasis","handleCostBasisClick","handleCostBasisChange","handleCostBasisKeyDown","handleCostBasisBlur","copy","useGlobalCopyStore","isDarkMode","useTheme","gainDisplayColor","lossDisplayColor","gainLossDisplayColor","value","type","columns","HeaderCell","params","jsx","Stack","Text","isCurrentlyEditing","jsxs","TextField","e","IconButton","Icon","costBasis","gainLossPercentage","Paper","DataGridPro"],"mappings":"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"}

package/dist/investments/components/InfoToolTip.js

@@ -0,0 +1,26 @@
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import a from "@mui/material/IconButton";
+import m from "@mui/material/Stack";
+import e from "@mui/material/Tooltip";
+import { Text as l, P as p } from "@mxenabled/mxui";
+import { Icon as c } from "@mxenabled/mx-icons";
+const d = ({ body: t, title: r }) => /* @__PURE__ */ n(m, { sx: { gap: 4, p: 12 }, children: [
+  /* @__PURE__ */ o(l, { bold: !0, variant: "Body", children: r }),
+  /* @__PURE__ */ o(p, { variant: "ParagraphSmall", children: t })
+] }), u = ({
+  placement: t = "bottom",
+  tooltip_info_body: r,
+  tooltip_info_title: i
+}) => /* @__PURE__ */ o(
+  e,
+  {
+    enterTouchDelay: 500,
+    placement: t,
+    title: /* @__PURE__ */ o(d, { body: r, title: i }),
+    children: /* @__PURE__ */ o(a, { "aria-label": i, sx: { minHeight: 0, minWidth: 0, p: 0 }, children: /* @__PURE__ */ o(c, { name: "info", sx: { color: "info.main" } }) })
+  }
+);
+export {
+  u as default
+};
+//# sourceMappingURL=InfoToolTip.js.map

package/dist/investments/components/InfoToolTip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoToolTip.js","sources":["../../../src/investments/components/InfoToolTip.tsx"],"sourcesContent":["import React from 'react'\n\nimport IconButton from '@mui/material/IconButton'\nimport Stack from '@mui/material/Stack'\nimport Tooltip from '@mui/material/Tooltip'\n\nimport { P, Text } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\ninterface InfoTooltipProps {\n  placement?: 'top' | 'bottom' | 'left' | 'right'\n  tooltip_info_body: string\n  tooltip_info_title: string\n}\n\ninterface TooltipContentProps {\n  body: string\n  title: string\n}\n\nconst TooltipContent: React.FC<TooltipContentProps> = ({ body, title }) => (\n  <Stack sx={{ gap: 4, p: 12 }}>\n    <Text bold={true} variant=\"Body\">\n      {title}\n    </Text>\n    <P variant=\"ParagraphSmall\">{body}</P>\n  </Stack>\n)\n\nconst InfoTooltip: React.FC<InfoTooltipProps> = ({\n  placement = 'bottom',\n  tooltip_info_body,\n  tooltip_info_title,\n}) => (\n  <Tooltip\n    enterTouchDelay={500}\n    placement={placement}\n    title={<TooltipContent body={tooltip_info_body} title={tooltip_info_title} />}\n  >\n    <IconButton aria-label={tooltip_info_title} sx={{ minHeight: 0, minWidth: 0, p: 0 }}>\n      <Icon name=\"info\" sx={{ color: 'info.main' }} />\n    </IconButton>\n  </Tooltip>\n)\n\nexport default InfoTooltip\n"],"names":["TooltipContent","body","title","jsxs","Stack","jsx","Text","P","InfoTooltip","placement","tooltip_info_body","tooltip_info_title","Tooltip","IconButton","Icon"],"mappings":";;;;;;AAoBA,MAAMA,IAAgD,CAAC,EAAE,MAAAC,GAAM,OAAAC,EAC7D,MAAA,gBAAAC,EAACC,GAAM,EAAA,IAAI,EAAE,KAAK,GAAG,GAAG,MACtB,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,MAAM,IAAM,SAAQ,QACvB,UACHJ,GAAA;AAAA,EACC,gBAAAG,EAAAE,GAAA,EAAE,SAAQ,kBAAkB,UAAKN,GAAA;AAAA,EACpC,CAAA,GAGIO,IAA0C,CAAC;AAAA,EAC/C,WAAAC,IAAY;AAAA,EACZ,mBAAAC;AAAA,EACA,oBAAAC;AACF,MACE,gBAAAN;AAAA,EAACO;AAAA,EAAA;AAAA,IACC,iBAAiB;AAAA,IACjB,WAAAH;AAAA,IACA,OAAQ,gBAAAJ,EAAAL,GAAA,EAAe,MAAMU,GAAmB,OAAOC,GAAoB;AAAA,IAE3E,UAAA,gBAAAN,EAACQ,KAAW,cAAYF,GAAoB,IAAI,EAAE,WAAW,GAAG,UAAU,GAAG,GAAG,EAC9E,GAAA,UAAA,gBAAAN,EAACS,KAAK,MAAK,QAAO,IAAI,EAAE,OAAO,YAAY,EAAA,CAAG,EAChD,CAAA;AAAA,EAAA;AACF;"}