@flagsmith/backstage-plugin 0.1.0-pr.7.3135fb9 → 0.1.0-pr.7.ffc27ed

package/dist/components/FlagsTab/ExpandableRow.esm.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { memo, useState } from 'react';
-import { TableRow, TableCell, IconButton, Box, Typography, Chip, Switch, Collapse, CircularProgress, Grid } from '@material-ui/core';
+import { useState } from 'react';
+import { TableRow, TableCell, IconButton, Box, Typography, Collapse, CircularProgress, Grid } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 import KeyboardArrowDown from '@material-ui/icons/KeyboardArrowDown';
 import KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';
@@ -9,14 +9,8 @@ import '../shared/SearchInput.esm.js';
 import { FlagsmithLink } from '../shared/FlagsmithLink.esm.js';
 import '@material-ui/icons/ChevronLeft';
 import '@material-ui/icons/ChevronRight';
-import '../shared/ChartTooltip.esm.js';
 import { buildFlagUrl } from '../../theme/flagsmithTheme.esm.js';
-import { switchOnStyle } from '../../theme/sharedStyles.esm.js';
-import { MAX_TABLE_ENVIRONMENTS, MAX_DISPLAY_TAGS, DESCRIPTION_TRUNCATE_LENGTH } from '../../constants/index.esm.js';
-import { truncateText, getErrorMessage } from '../../utils/flagTypeHelpers.esm.js';
-import { formatDate } from '../../utils/dateFormatters.esm.js';
 import { EnvironmentTable } from './EnvironmentTable.esm.js';
-import { FeatureAnalyticsSection } from './FeatureAnalyticsSection.esm.js';
 import { FeatureDetailsGrid } from './FeatureDetailsGrid.esm.js';
 import { SegmentOverridesSection } from './SegmentOverridesSection.esm.js';
 
@@ -27,192 +21,111 @@ const useStyles = makeStyles((theme) => ({
     gap: theme.spacing(0.5)
   },
   expandedContent: {
-    // No backgroundColor - inherit from parent table
-  },
-  expandedCell: {
-    paddingBottom: 0,
-    paddingTop: 0
-  },
-  clickableRow: {
-    cursor: "pointer"
-  },
-  tagChip: {
-    fontSize: "0.7rem",
-    height: 20,
-    marginRight: theme.spacing(0.5)
-  },
-  tagsCell: {
-    maxWidth: 200
-  },
-  switchOn: switchOnStyle,
-  loadingText: {
-    marginLeft: theme.spacing(1)
-  },
-  tagsContainer: {
-    display: "flex",
-    flexWrap: "wrap",
-    gap: 2
+    backgroundColor: theme.palette.background.default,
+    padding: theme.spacing(2)
   }
 }));
-const FIXED_COLUMNS_COUNT = 3;
-const TRAILING_COLUMNS_COUNT = 1;
-const ExpandableRow = memo(
-  ({ feature, environments, client, projectId, orgId }) => {
-    const classes = useStyles();
-    const [open, setOpen] = useState(false);
-    const [details, setDetails] = useState(null);
-    const [loadingDetails, setLoadingDetails] = useState(false);
-    const [detailsError, setDetailsError] = useState(null);
-    const primaryEnvId = environments[0]?.id;
-    const handleToggle = async () => {
-      const newOpen = !open;
-      setOpen(newOpen);
-      if (newOpen && !details && !loadingDetails && primaryEnvId) {
-        setLoadingDetails(true);
-        setDetailsError(null);
-        try {
-          const featureDetails = await client.getFeatureDetails(
-            primaryEnvId,
-            feature.id
-          );
-          setDetails(featureDetails);
-        } catch (err) {
-          setDetailsError(getErrorMessage(err, "Failed to load details"));
-        } finally {
-          setLoadingDetails(false);
-        }
+const ExpandableRow = ({
+  feature,
+  environments,
+  client,
+  projectId
+}) => {
+  const classes = useStyles();
+  const [open, setOpen] = useState(false);
+  const [details, setDetails] = useState(null);
+  const [loadingDetails, setLoadingDetails] = useState(false);
+  const [detailsError, setDetailsError] = useState(null);
+  const primaryEnvId = environments[0]?.id;
+  const handleToggle = async () => {
+    const newOpen = !open;
+    setOpen(newOpen);
+    if (newOpen && !details && !loadingDetails && primaryEnvId) {
+      setLoadingDetails(true);
+      setDetailsError(null);
+      try {
+        const featureDetails = await client.getFeatureDetails(
+          primaryEnvId,
+          feature.id
+        );
+        setDetails(featureDetails);
+      } catch (err) {
+        setDetailsError(
+          err instanceof Error ? err.message : "Failed to load details"
+        );
+      } finally {
+        setLoadingDetails(false);
       }
-    };
-    const liveVersion = details?.liveVersion || feature.live_version;
-    const scheduledVersion = details?.scheduledVersion || null;
-    const segmentOverrides = details?.segmentOverrides ?? feature.num_segment_overrides ?? 0;
-    const flagUrl = buildFlagUrl(
-      projectId,
-      primaryEnvId?.toString() || "",
-      feature.id
-    );
-    const displayedEnvs = environments.slice(0, MAX_TABLE_ENVIRONMENTS);
-    const tags = feature.tags || [];
-    const displayTags = tags.slice(0, MAX_DISPLAY_TAGS);
-    const remainingTagsCount = tags.length - MAX_DISPLAY_TAGS;
-    const totalColumns = FIXED_COLUMNS_COUNT + displayedEnvs.length + TRAILING_COLUMNS_COUNT;
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(TableRow, { hover: true, className: classes.clickableRow, onClick: handleToggle, children: [
-        /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx(
-          IconButton,
+    }
+  };
+  const liveVersion = details?.liveVersion || feature.live_version;
+  const segmentOverrides = details?.segmentOverrides ?? feature.num_segment_overrides ?? 0;
+  const flagUrl = buildFlagUrl(
+    projectId,
+    primaryEnvId?.toString() || "",
+    feature.id
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(TableRow, { hover: true, children: [
+      /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          size: "small",
+          onClick: handleToggle,
+          "aria-label": open ? `Collapse ${feature.name}` : `Expand ${feature.name}`,
+          "aria-expanded": open,
+          children: open ? /* @__PURE__ */ jsx(KeyboardArrowDown, {}) : /* @__PURE__ */ jsx(KeyboardArrowRight, {})
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(TableCell, { children: [
+        /* @__PURE__ */ jsx(Box, { className: classes.flagName, children: /* @__PURE__ */ jsx(FlagsmithLink, { href: flagUrl, tooltip: "Open in Flagsmith", children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: feature.name }) }) }),
+        feature.description && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: feature.description.length > 60 ? `${feature.description.substring(0, 60)}...` : feature.description })
+      ] }),
+      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: feature.type || "FLAG" }) }),
+      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: new Date(feature.created_date).toLocaleDateString() }) })
+    ] }),
+    /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { style: { paddingBottom: 0, paddingTop: 0 }, colSpan: 4, children: /* @__PURE__ */ jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ jsxs(Box, { className: classes.expandedContent, children: [
+      loadingDetails && /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", p: 2, children: [
+        /* @__PURE__ */ jsx(CircularProgress, { size: 20 }),
+        /* @__PURE__ */ jsx(
+          Typography,
           {
-            size: "small",
-            onClick: (e) => {
-              e.stopPropagation();
-              handleToggle();
-            },
-            "aria-label": open ? `Collapse ${feature.name}` : `Expand ${feature.name}`,
-            "aria-expanded": open,
-            children: open ? /* @__PURE__ */ jsx(KeyboardArrowDown, {}) : /* @__PURE__ */ jsx(KeyboardArrowRight, {})
+            variant: "body2",
+            color: "textSecondary",
+            style: { marginLeft: 8 },
+            children: "Loading feature details..."
           }
-        ) }),
-        /* @__PURE__ */ jsxs(TableCell, { children: [
-          /* @__PURE__ */ jsx(Box, { className: classes.flagName, children: /* @__PURE__ */ jsx(
-            FlagsmithLink,
-            {
-              href: flagUrl,
-              tooltip: "Open in Flagsmith",
-              onClick: (e) => e.stopPropagation(),
-              children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: feature.name })
-            }
-          ) }),
-          feature.description && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: truncateText(feature.description, DESCRIPTION_TRUNCATE_LENGTH) })
-        ] }),
-        /* @__PURE__ */ jsx(TableCell, { className: classes.tagsCell, children: /* @__PURE__ */ jsxs(Box, { className: classes.tagsContainer, children: [
-          displayTags.map((tag, index) => /* @__PURE__ */ jsx(
-            Chip,
-            {
-              label: tag,
-              size: "small",
-              variant: "outlined",
-              className: classes.tagChip
-            },
-            index
-          )),
-          remainingTagsCount > 0 && /* @__PURE__ */ jsx(
-            Chip,
-            {
-              label: `+${remainingTagsCount}`,
-              size: "small",
-              variant: "outlined",
-              className: classes.tagChip
-            }
-          )
-        ] }) }),
-        displayedEnvs.map((env) => {
-          const envState = feature.environment_state?.find((s) => s.id === env.id);
-          const enabled = envState?.enabled ?? feature.default_enabled ?? false;
-          return /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(
-            Switch,
-            {
-              checked: enabled,
-              size: "small",
-              disabled: true,
-              className: classes.switchOn
-            }
-          ) }, env.id);
-        }),
-        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: formatDate(feature.created_date) }) })
+        )
       ] }),
-      /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { className: classes.expandedCell, colSpan: totalColumns, children: /* @__PURE__ */ jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ jsxs(Box, { className: classes.expandedContent, p: 2, children: [
-        loadingDetails && /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", p: 2, children: [
-          /* @__PURE__ */ jsx(CircularProgress, { size: 20 }),
-          /* @__PURE__ */ jsx(
-            Typography,
-            {
-              variant: "body2",
-              color: "textSecondary",
-              className: classes.loadingText,
-              children: "Loading feature details..."
-            }
-          )
-        ] }),
-        !loadingDetails && detailsError && /* @__PURE__ */ jsx(Typography, { color: "error", variant: "body2", children: detailsError }),
-        !loadingDetails && !detailsError && /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-            FeatureAnalyticsSection,
-            {
-              client,
-              orgId,
-              projectId: parseInt(projectId, 10),
-              environments
-            }
-          ) }),
-          /* @__PURE__ */ jsx(
-            FeatureDetailsGrid,
-            {
-              feature,
-              liveVersion,
-              segmentOverrides,
-              scheduledVersion
-            }
-          ),
-          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-            EnvironmentTable,
-            {
-              feature,
-              environments
-            }
-          ) }),
-          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-            SegmentOverridesSection,
-            {
-              feature,
-              details,
-              liveVersion
-            }
-          ) })
-        ] })
-      ] }) }) }) })
-    ] });
-  }
-);
-ExpandableRow.displayName = "ExpandableRow";
+      !loadingDetails && detailsError && /* @__PURE__ */ jsx(Typography, { color: "error", variant: "body2", children: detailsError }),
+      !loadingDetails && !detailsError && /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+        /* @__PURE__ */ jsx(
+          FeatureDetailsGrid,
+          {
+            feature,
+            liveVersion,
+            segmentOverrides
+          }
+        ),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+          EnvironmentTable,
+          {
+            feature,
+            environments
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+          SegmentOverridesSection,
+          {
+            feature,
+            details,
+            liveVersion
+          }
+        ) })
+      ] })
+    ] }) }) }) })
+  ] });
+};
 
 export { ExpandableRow };
 //# sourceMappingURL=ExpandableRow.esm.js.map

package/dist/components/FlagsTab/ExpandableRow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableRow.esm.js","sources":["../../../src/components/FlagsTab/ExpandableRow.tsx"],"sourcesContent":["import { useState, memo } from 'react';\nimport {\n  Typography,\n  Box,\n  CircularProgress,\n  Grid,\n  TableCell,\n  TableRow,\n  IconButton,\n  Collapse,\n  Chip,\n  Switch,\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport KeyboardArrowDown from '@material-ui/icons/KeyboardArrowDown';\nimport KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';\nimport {\n  FlagsmithClient,\n  FlagsmithEnvironment,\n  FlagsmithFeature,\n  FlagsmithFeatureDetails,\n} from '../../api/FlagsmithClient';\nimport { FlagsmithLink } from '../shared';\nimport { buildFlagUrl } from '../../theme/flagsmithTheme';\nimport { switchOnStyle } from '../../theme/sharedStyles';\nimport {\n  MAX_DISPLAY_TAGS,\n  MAX_TABLE_ENVIRONMENTS,\n  DESCRIPTION_TRUNCATE_LENGTH,\n} from '../../constants';\nimport { truncateText, getErrorMessage } from '../../utils/flagTypeHelpers';\nimport { formatDate } from '../../utils/dateFormatters';\nimport { EnvironmentTable } from './EnvironmentTable';\nimport { FeatureAnalyticsSection } from './FeatureAnalyticsSection';\nimport { FeatureDetailsGrid } from './FeatureDetailsGrid';\nimport { SegmentOverridesSection } from './SegmentOverridesSection';\n\nconst useStyles = makeStyles(theme => ({\n  flagName: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n  },\n  expandedContent: {\n    // No backgroundColor - inherit from parent table\n  },\n  expandedCell: {\n    paddingBottom: 0,\n    paddingTop: 0,\n  },\n  clickableRow: {\n    cursor: 'pointer',\n  },\n  tagChip: {\n    fontSize: '0.7rem',\n    height: 20,\n    marginRight: theme.spacing(0.5),\n  },\n  tagsCell: {\n    maxWidth: 200,\n  },\n  switchOn: switchOnStyle,\n  loadingText: {\n    marginLeft: theme.spacing(1),\n  },\n  tagsContainer: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: 2,\n  },\n}));\n\n/** Number of fixed columns before environment columns (checkbox, name, tags) */\nconst FIXED_COLUMNS_COUNT = 3;\n/** Number of fixed columns after environment columns (created date) */\nconst TRAILING_COLUMNS_COUNT = 1;\n\ninterface ExpandableRowProps {\n  feature: FlagsmithFeature;\n  environments: FlagsmithEnvironment[];\n  client: FlagsmithClient;\n  projectId: string;\n  orgId: number;\n}\n\nexport const ExpandableRow = memo(\n  ({ feature, environments, client, projectId, orgId }: ExpandableRowProps) => {\n    const classes = useStyles();\n    const [open, setOpen] = useState(false);\n    const [details, setDetails] = useState<FlagsmithFeatureDetails | null>(null);\n    const [loadingDetails, setLoadingDetails] = useState(false);\n    const [detailsError, setDetailsError] = useState<string | null>(null);\n\n    const primaryEnvId = environments[0]?.id;\n\n    const handleToggle = async () => {\n      const newOpen = !open;\n      setOpen(newOpen);\n\n      if (newOpen && !details && !loadingDetails && primaryEnvId) {\n        setLoadingDetails(true);\n        setDetailsError(null);\n        try {\n          const featureDetails = await client.getFeatureDetails(\n            primaryEnvId,\n            feature.id,\n          );\n          setDetails(featureDetails);\n        } catch (err) {\n          setDetailsError(getErrorMessage(err, 'Failed to load details'));\n        } finally {\n          setLoadingDetails(false);\n        }\n      }\n    };\n\n    const liveVersion = details?.liveVersion || feature.live_version;\n    const scheduledVersion = details?.scheduledVersion || null;\n    const segmentOverrides =\n      details?.segmentOverrides ?? feature.num_segment_overrides ?? 0;\n    const flagUrl = buildFlagUrl(\n      projectId,\n      primaryEnvId?.toString() || '',\n      feature.id,\n    );\n\n    const displayedEnvs = environments.slice(0, MAX_TABLE_ENVIRONMENTS);\n    const tags = feature.tags || [];\n    const displayTags = tags.slice(0, MAX_DISPLAY_TAGS);\n    const remainingTagsCount = tags.length - MAX_DISPLAY_TAGS;\n    const totalColumns =\n      FIXED_COLUMNS_COUNT + displayedEnvs.length + TRAILING_COLUMNS_COUNT;\n\n    return (\n      <>\n        <TableRow hover className={classes.clickableRow} onClick={handleToggle}>\n          <TableCell padding=\"checkbox\">\n            <IconButton\n              size=\"small\"\n              onClick={e => {\n                e.stopPropagation();\n                handleToggle();\n              }}\n              aria-label={open ? `Collapse ${feature.name}` : `Expand ${feature.name}`}\n              aria-expanded={open}\n            >\n              {open ? <KeyboardArrowDown /> : <KeyboardArrowRight />}\n            </IconButton>\n          </TableCell>\n          <TableCell>\n            <Box className={classes.flagName}>\n              <FlagsmithLink\n                href={flagUrl}\n                tooltip=\"Open in Flagsmith\"\n                onClick={e => e.stopPropagation()}\n              >\n                <Typography variant=\"subtitle2\">{feature.name}</Typography>\n              </FlagsmithLink>\n            </Box>\n            {feature.description && (\n              <Typography variant=\"body2\" color=\"textSecondary\">\n                {truncateText(feature.description, DESCRIPTION_TRUNCATE_LENGTH)}\n              </Typography>\n            )}\n          </TableCell>\n          <TableCell className={classes.tagsCell}>\n            <Box className={classes.tagsContainer}>\n              {displayTags.map((tag, index) => (\n                <Chip\n                  key={index}\n                  label={tag}\n                  size=\"small\"\n                  variant=\"outlined\"\n                  className={classes.tagChip}\n                />\n              ))}\n              {remainingTagsCount > 0 && (\n                <Chip\n                  label={`+${remainingTagsCount}`}\n                  size=\"small\"\n                  variant=\"outlined\"\n                  className={classes.tagChip}\n                />\n              )}\n            </Box>\n          </TableCell>\n          {displayedEnvs.map(env => {\n            const envState = feature.environment_state?.find(s => s.id === env.id);\n            const enabled = envState?.enabled ?? feature.default_enabled ?? false;\n            return (\n              <TableCell key={env.id} align=\"center\">\n                <Switch\n                  checked={enabled}\n                  size=\"small\"\n                  disabled\n                  className={classes.switchOn}\n                />\n              </TableCell>\n            );\n          })}\n          <TableCell>\n            <Typography variant=\"body2\">\n              {formatDate(feature.created_date)}\n            </Typography>\n          </TableCell>\n        </TableRow>\n\n        <TableRow>\n          <TableCell className={classes.expandedCell} colSpan={totalColumns}>\n            <Collapse in={open} timeout=\"auto\" unmountOnExit>\n              <Box className={classes.expandedContent} p={2}>\n                {loadingDetails && (\n                  <Box display=\"flex\" alignItems=\"center\" p={2}>\n                    <CircularProgress size={20} />\n                    <Typography\n                      variant=\"body2\"\n                      color=\"textSecondary\"\n                      className={classes.loadingText}\n                    >\n                      Loading feature details...\n                    </Typography>\n                  </Box>\n                )}\n                {!loadingDetails && detailsError && (\n                  <Typography color=\"error\" variant=\"body2\">\n                    {detailsError}\n                  </Typography>\n                )}\n                {!loadingDetails && !detailsError && (\n                  <Grid container spacing={2}>\n                    <Grid item xs={12}>\n                      <FeatureAnalyticsSection\n                        client={client}\n                        orgId={orgId}\n                        projectId={parseInt(projectId, 10)}\n                        environments={environments}\n                      />\n                    </Grid>\n\n                    <FeatureDetailsGrid\n                      feature={feature}\n                      liveVersion={liveVersion}\n                      segmentOverrides={segmentOverrides}\n                      scheduledVersion={scheduledVersion}\n                    />\n\n                    <Grid item xs={12}>\n                      <EnvironmentTable\n                        feature={feature}\n                        environments={environments}\n                      />\n                    </Grid>\n\n                    <Grid item xs={12}>\n                      <SegmentOverridesSection\n                        feature={feature}\n                        details={details}\n                        liveVersion={liveVersion}\n                      />\n                    </Grid>\n                  </Grid>\n                )}\n              </Box>\n            </Collapse>\n          </TableCell>\n        </TableRow>\n      </>\n    );\n  },\n);\n\nExpandableRow.displayName = 'ExpandableRow';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG;AAAA,GACxB;AAAA,EACA,eAAA,EAAiB;AAAA;AAAA,GAEjB;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,aAAA,EAAe,CAAA;AAAA,IACf,UAAA,EAAY;AAAA,GACd;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,OAAA,EAAS;AAAA,IACP,QAAA,EAAU,QAAA;AAAA,IACV,MAAA,EAAQ,EAAA;AAAA,IACR,WAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,GAAG;AAAA,GAChC;AAAA,EACA,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,QAAA,EAAU,aAAA;AAAA,EACV,WAAA,EAAa;AAAA,IACX,UAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA,GAC7B;AAAA,EACA,aAAA,EAAe;AAAA,IACb,OAAA,EAAS,MAAA;AAAA,IACT,QAAA,EAAU,MAAA;AAAA,IACV,GAAA,EAAK;AAAA;AAET,CAAA,CAAE,CAAA;AAGF,MAAM,mBAAA,GAAsB,CAAA;AAE5B,MAAM,sBAAA,GAAyB,CAAA;AAUxB,MAAM,aAAA,GAAgB,IAAA;AAAA,EAC3B,CAAC,EAAE,OAAA,EAAS,cAAc,MAAA,EAAQ,SAAA,EAAW,OAAM,KAA0B;AAC3E,IAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAyC,IAAI,CAAA;AAC3E,IAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1D,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAwB,IAAI,CAAA;AAEpE,IAAA,MAAM,YAAA,GAAe,YAAA,CAAa,CAAC,CAAA,EAAG,EAAA;AAEtC,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAA,MAAM,UAAU,CAAC,IAAA;AACjB,MAAA,OAAA,CAAQ,OAAO,CAAA;AAEf,MAAA,IAAI,OAAA,IAAW,CAAC,OAAA,IAAW,CAAC,kBAAkB,YAAA,EAAc;AAC1D,QAAA,iBAAA,CAAkB,IAAI,CAAA;AACtB,QAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,QAAA,IAAI;AACF,UAAA,MAAM,cAAA,GAAiB,MAAM,MAAA,CAAO,iBAAA;AAAA,YAClC,YAAA;AAAA,YACA,OAAA,CAAQ;AAAA,WACV;AACA,UAAA,UAAA,CAAW,cAAc,CAAA;AAAA,QAC3B,SAAS,GAAA,EAAK;AACZ,UAAA,eAAA,CAAgB,eAAA,CAAgB,GAAA,EAAK,wBAAwB,CAAC,CAAA;AAAA,QAChE,CAAA,SAAE;AACA,UAAA,iBAAA,CAAkB,KAAK,CAAA;AAAA,QACzB;AAAA,MACF;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,WAAA,GAAc,OAAA,EAAS,WAAA,IAAe,OAAA,CAAQ,YAAA;AACpD,IAAA,MAAM,gBAAA,GAAmB,SAAS,gBAAA,IAAoB,IAAA;AACtD,IAAA,MAAM,gBAAA,GACJ,OAAA,EAAS,gBAAA,IAAoB,OAAA,CAAQ,qBAAA,IAAyB,CAAA;AAChE,IAAA,MAAM,OAAA,GAAU,YAAA;AAAA,MACd,SAAA;AAAA,MACA,YAAA,EAAc,UAAS,IAAK,EAAA;AAAA,MAC5B,OAAA,CAAQ;AAAA,KACV;AAEA,IAAA,MAAM,aAAA,GAAgB,YAAA,CAAa,KAAA,CAAM,CAAA,EAAG,sBAAsB,CAAA;AAClE,IAAA,MAAM,IAAA,GAAO,OAAA,CAAQ,IAAA,IAAQ,EAAC;AAC9B,IAAA,MAAM,WAAA,GAAc,IAAA,CAAK,KAAA,CAAM,CAAA,EAAG,gBAAgB,CAAA;AAClD,IAAA,MAAM,kBAAA,GAAqB,KAAK,MAAA,GAAS,gBAAA;AACzC,IAAA,MAAM,YAAA,GACJ,mBAAA,GAAsB,aAAA,CAAc,MAAA,GAAS,sBAAA;AAE/C,IAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,YAAS,KAAA,EAAK,IAAA,EAAC,WAAW,OAAA,CAAQ,YAAA,EAAc,SAAS,YAAA,EACxD,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAQ,UAAA,EACjB,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,OAAA;AAAA,YACL,SAAS,CAAA,CAAA,KAAK;AACZ,cAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,cAAA,YAAA,EAAa;AAAA,YACf,CAAA;AAAA,YACA,YAAA,EAAY,OAAO,CAAA,SAAA,EAAY,OAAA,CAAQ,IAAI,CAAA,CAAA,GAAK,CAAA,OAAA,EAAU,QAAQ,IAAI,CAAA,CAAA;AAAA,YACtE,eAAA,EAAe,IAAA;AAAA,YAEd,QAAA,EAAA,IAAA,mBAAO,GAAA,CAAC,iBAAA,EAAA,EAAkB,CAAA,uBAAM,kBAAA,EAAA,EAAmB;AAAA;AAAA,SACtD,EACF,CAAA;AAAA,6BACC,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,QAAA,EACtB,QAAA,kBAAA,GAAA;AAAA,YAAC,aAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAM,OAAA;AAAA,cACN,OAAA,EAAQ,mBAAA;AAAA,cACR,OAAA,EAAS,CAAA,CAAA,KAAK,CAAA,CAAE,eAAA,EAAgB;AAAA,cAEhC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,WAAA,EAAa,kBAAQ,IAAA,EAAK;AAAA;AAAA,WAChD,EACF,CAAA;AAAA,UACC,OAAA,CAAQ,WAAA,oBACP,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAQ,KAAA,EAAM,eAAA,EAC/B,QAAA,EAAA,YAAA,CAAa,OAAA,CAAQ,WAAA,EAAa,2BAA2B,CAAA,EAChE;AAAA,SAAA,EAEJ,CAAA;AAAA,wBACA,GAAA,CAAC,aAAU,SAAA,EAAW,OAAA,CAAQ,UAC5B,QAAA,kBAAA,IAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,aAAA,EACrB,QAAA,EAAA;AAAA,UAAA,WAAA,CAAY,GAAA,CAAI,CAAC,GAAA,EAAK,KAAA,qBACrB,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cAEC,KAAA,EAAO,GAAA;AAAA,cACP,IAAA,EAAK,OAAA;AAAA,cACL,OAAA,EAAQ,UAAA;AAAA,cACR,WAAW,OAAA,CAAQ;AAAA,aAAA;AAAA,YAJd;AAAA,WAMR,CAAA;AAAA,UACA,qBAAqB,CAAA,oBACpB,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO,IAAI,kBAAkB,CAAA,CAAA;AAAA,cAC7B,IAAA,EAAK,OAAA;AAAA,cACL,OAAA,EAAQ,UAAA;AAAA,cACR,WAAW,OAAA,CAAQ;AAAA;AAAA;AACrB,SAAA,EAEJ,CAAA,EACF,CAAA;AAAA,QACC,aAAA,CAAc,IAAI,CAAA,GAAA,KAAO;AACxB,UAAA,MAAM,QAAA,GAAW,QAAQ,iBAAA,EAAmB,IAAA,CAAK,OAAK,CAAA,CAAE,EAAA,KAAO,IAAI,EAAE,CAAA;AACrE,UAAA,MAAM,OAAA,GAAU,QAAA,EAAU,OAAA,IAAW,OAAA,CAAQ,eAAA,IAAmB,KAAA;AAChE,UAAA,uBACE,GAAA,CAAC,SAAA,EAAA,EAAuB,KAAA,EAAM,QAAA,EAC5B,QAAA,kBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAS,OAAA;AAAA,cACT,IAAA,EAAK,OAAA;AAAA,cACL,QAAA,EAAQ,IAAA;AAAA,cACR,WAAW,OAAA,CAAQ;AAAA;AAAA,WACrB,EAAA,EANc,IAAI,EAOpB,CAAA;AAAA,QAEJ,CAAC,CAAA;AAAA,wBACD,GAAA,CAAC,SAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,SACjB,QAAA,EAAA,UAAA,CAAW,OAAA,CAAQ,YAAY,CAAA,EAClC,CAAA,EACF;AAAA,OAAA,EACF,CAAA;AAAA,sBAEA,GAAA,CAAC,YACC,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,WAAW,OAAA,CAAQ,YAAA,EAAc,OAAA,EAAS,YAAA,EACnD,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAI,IAAA,EAAM,OAAA,EAAQ,MAAA,EAAO,aAAA,EAAa,IAAA,EAC9C,QAAA,kBAAA,IAAA,CAAC,OAAI,SAAA,EAAW,OAAA,CAAQ,eAAA,EAAiB,CAAA,EAAG,CAAA,EACzC,QAAA,EAAA;AAAA,QAAA,cAAA,yBACE,GAAA,EAAA,EAAI,OAAA,EAAQ,QAAO,UAAA,EAAW,QAAA,EAAS,GAAG,CAAA,EACzC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,MAAM,EAAA,EAAI,CAAA;AAAA,0BAC5B,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,OAAA;AAAA,cACR,KAAA,EAAM,eAAA;AAAA,cACN,WAAW,OAAA,CAAQ,WAAA;AAAA,cACpB,QAAA,EAAA;AAAA;AAAA;AAED,SAAA,EACF,CAAA;AAAA,QAED,CAAC,kBAAkB,YAAA,oBAClB,GAAA,CAAC,cAAW,KAAA,EAAM,OAAA,EAAQ,OAAA,EAAQ,OAAA,EAC/B,QAAA,EAAA,YAAA,EACH,CAAA;AAAA,QAED,CAAC,kBAAkB,CAAC,YAAA,yBAClB,IAAA,EAAA,EAAK,SAAA,EAAS,IAAA,EAAC,OAAA,EAAS,CAAA,EACvB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,EAAA,EAAI,EAAA,EACb,QAAA,kBAAA,GAAA;AAAA,YAAC,uBAAA;AAAA,YAAA;AAAA,cACC,MAAA;AAAA,cACA,KAAA;AAAA,cACA,SAAA,EAAW,QAAA,CAAS,SAAA,EAAW,EAAE,CAAA;AAAA,cACjC;AAAA;AAAA,WACF,EACF,CAAA;AAAA,0BAEA,GAAA;AAAA,YAAC,kBAAA;AAAA,YAAA;AAAA,cACC,OAAA;AAAA,cACA,WAAA;AAAA,cACA,gBAAA;AAAA,cACA;AAAA;AAAA,WACF;AAAA,0BAEA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,IAAI,EAAA,EACb,QAAA,kBAAA,GAAA;AAAA,YAAC,gBAAA;AAAA,YAAA;AAAA,cACC,OAAA;AAAA,cACA;AAAA;AAAA,WACF,EACF,CAAA;AAAA,0BAEA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,IAAI,EAAA,EACb,QAAA,kBAAA,GAAA;AAAA,YAAC,uBAAA;AAAA,YAAA;AAAA,cACC,OAAA;AAAA,cACA,OAAA;AAAA,cACA;AAAA;AAAA,WACF,EACF;AAAA,SAAA,EACF;AAAA,OAAA,EAEJ,CAAA,EACF,GACF,CAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;;;;"}
+{"version":3,"file":"ExpandableRow.esm.js","sources":["../../../src/components/FlagsTab/ExpandableRow.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Typography,\n  Box,\n  CircularProgress,\n  Grid,\n  TableCell,\n  TableRow,\n  IconButton,\n  Collapse,\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport KeyboardArrowDown from '@material-ui/icons/KeyboardArrowDown';\nimport KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';\nimport {\n  FlagsmithClient,\n  FlagsmithEnvironment,\n  FlagsmithFeature,\n  FlagsmithFeatureDetails,\n} from '../../api/FlagsmithClient';\nimport { FlagsmithLink } from '../shared';\nimport { buildFlagUrl } from '../../theme/flagsmithTheme';\nimport { EnvironmentTable } from './EnvironmentTable';\nimport { FeatureDetailsGrid } from './FeatureDetailsGrid';\nimport { SegmentOverridesSection } from './SegmentOverridesSection';\n\nconst useStyles = makeStyles(theme => ({\n  flagName: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n  },\n  expandedContent: {\n    backgroundColor: theme.palette.background.default,\n    padding: theme.spacing(2),\n  },\n}));\n\ninterface ExpandableRowProps {\n  feature: FlagsmithFeature;\n  environments: FlagsmithEnvironment[];\n  client: FlagsmithClient;\n  projectId: string;\n}\n\nexport const ExpandableRow = ({\n  feature,\n  environments,\n  client,\n  projectId,\n}: ExpandableRowProps) => {\n  const classes = useStyles();\n  const [open, setOpen] = useState(false);\n  const [details, setDetails] = useState<FlagsmithFeatureDetails | null>(null);\n  const [loadingDetails, setLoadingDetails] = useState(false);\n  const [detailsError, setDetailsError] = useState<string | null>(null);\n\n  const primaryEnvId = environments[0]?.id;\n\n  const handleToggle = async () => {\n    const newOpen = !open;\n    setOpen(newOpen);\n\n    if (newOpen && !details && !loadingDetails && primaryEnvId) {\n      setLoadingDetails(true);\n      setDetailsError(null);\n      try {\n        const featureDetails = await client.getFeatureDetails(\n          primaryEnvId,\n          feature.id,\n        );\n        setDetails(featureDetails);\n      } catch (err) {\n        setDetailsError(\n          err instanceof Error ? err.message : 'Failed to load details',\n        );\n      } finally {\n        setLoadingDetails(false);\n      }\n    }\n  };\n\n  const liveVersion = details?.liveVersion || feature.live_version;\n  const segmentOverrides =\n    details?.segmentOverrides ?? feature.num_segment_overrides ?? 0;\n  const flagUrl = buildFlagUrl(\n    projectId,\n    primaryEnvId?.toString() || '',\n    feature.id,\n  );\n\n  return (\n    <>\n      <TableRow hover>\n        <TableCell padding=\"checkbox\">\n          <IconButton\n            size=\"small\"\n            onClick={handleToggle}\n            aria-label={open ? `Collapse ${feature.name}` : `Expand ${feature.name}`}\n            aria-expanded={open}\n          >\n            {open ? <KeyboardArrowDown /> : <KeyboardArrowRight />}\n          </IconButton>\n        </TableCell>\n        <TableCell>\n          <Box className={classes.flagName}>\n            <FlagsmithLink href={flagUrl} tooltip=\"Open in Flagsmith\">\n              <Typography variant=\"subtitle2\">{feature.name}</Typography>\n            </FlagsmithLink>\n          </Box>\n          {feature.description && (\n            <Typography variant=\"body2\" color=\"textSecondary\">\n              {feature.description.length > 60\n                ? `${feature.description.substring(0, 60)}...`\n                : feature.description}\n            </Typography>\n          )}\n        </TableCell>\n        <TableCell>\n          <Typography variant=\"body2\">{feature.type || 'FLAG'}</Typography>\n        </TableCell>\n        <TableCell>\n          <Typography variant=\"body2\">\n            {new Date(feature.created_date).toLocaleDateString()}\n          </Typography>\n        </TableCell>\n      </TableRow>\n\n      <TableRow>\n        <TableCell style={{ paddingBottom: 0, paddingTop: 0 }} colSpan={4}>\n          <Collapse in={open} timeout=\"auto\" unmountOnExit>\n            <Box className={classes.expandedContent}>\n              {loadingDetails && (\n                <Box display=\"flex\" alignItems=\"center\" p={2}>\n                  <CircularProgress size={20} />\n                  <Typography\n                    variant=\"body2\"\n                    color=\"textSecondary\"\n                    style={{ marginLeft: 8 }}\n                  >\n                    Loading feature details...\n                  </Typography>\n                </Box>\n              )}\n              {!loadingDetails && detailsError && (\n                <Typography color=\"error\" variant=\"body2\">\n                  {detailsError}\n                </Typography>\n              )}\n              {!loadingDetails && !detailsError && (\n                <Grid container spacing={2}>\n                  <FeatureDetailsGrid\n                    feature={feature}\n                    liveVersion={liveVersion}\n                    segmentOverrides={segmentOverrides}\n                  />\n\n                  <Grid item xs={12}>\n                    <EnvironmentTable\n                      feature={feature}\n                      environments={environments}\n                    />\n                  </Grid>\n\n                  <Grid item xs={12}>\n                    <SegmentOverridesSection\n                      feature={feature}\n                      details={details}\n                      liveVersion={liveVersion}\n                    />\n                  </Grid>\n                </Grid>\n              )}\n            </Box>\n          </Collapse>\n        </TableCell>\n      </TableRow>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA0BA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG;AAAA,GACxB;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,UAAA,CAAW,OAAA;AAAA,IAC1C,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA;AAE5B,CAAA,CAAE,CAAA;AASK,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,KAA0B;AACxB,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAyC,IAAI,CAAA;AAC3E,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1D,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAwB,IAAI,CAAA;AAEpE,EAAA,MAAM,YAAA,GAAe,YAAA,CAAa,CAAC,CAAA,EAAG,EAAA;AAEtC,EAAA,MAAM,eAAe,YAAY;AAC/B,IAAA,MAAM,UAAU,CAAC,IAAA;AACjB,IAAA,OAAA,CAAQ,OAAO,CAAA;AAEf,IAAA,IAAI,OAAA,IAAW,CAAC,OAAA,IAAW,CAAC,kBAAkB,YAAA,EAAc;AAC1D,MAAA,iBAAA,CAAkB,IAAI,CAAA;AACtB,MAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,MAAA,IAAI;AACF,QAAA,MAAM,cAAA,GAAiB,MAAM,MAAA,CAAO,iBAAA;AAAA,UAClC,YAAA;AAAA,UACA,OAAA,CAAQ;AAAA,SACV;AACA,QAAA,UAAA,CAAW,cAAc,CAAA;AAAA,MAC3B,SAAS,GAAA,EAAK;AACZ,QAAA,eAAA;AAAA,UACE,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU;AAAA,SACvC;AAAA,MACF,CAAA,SAAE;AACA,QAAA,iBAAA,CAAkB,KAAK,CAAA;AAAA,MACzB;AAAA,IACF;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,OAAA,EAAS,WAAA,IAAe,OAAA,CAAQ,YAAA;AACpD,EAAA,MAAM,gBAAA,GACJ,OAAA,EAAS,gBAAA,IAAoB,OAAA,CAAQ,qBAAA,IAAyB,CAAA;AAChE,EAAA,MAAM,OAAA,GAAU,YAAA;AAAA,IACd,SAAA;AAAA,IACA,YAAA,EAAc,UAAS,IAAK,EAAA;AAAA,IAC5B,OAAA,CAAQ;AAAA,GACV;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,QAAA,EAAA,EAAS,OAAK,IAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAQ,UAAA,EACjB,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,OAAA;AAAA,UACL,OAAA,EAAS,YAAA;AAAA,UACT,YAAA,EAAY,OAAO,CAAA,SAAA,EAAY,OAAA,CAAQ,IAAI,CAAA,CAAA,GAAK,CAAA,OAAA,EAAU,QAAQ,IAAI,CAAA,CAAA;AAAA,UACtE,eAAA,EAAe,IAAA;AAAA,UAEd,QAAA,EAAA,IAAA,mBAAO,GAAA,CAAC,iBAAA,EAAA,EAAkB,CAAA,uBAAM,kBAAA,EAAA,EAAmB;AAAA;AAAA,OACtD,EACF,CAAA;AAAA,2BACC,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAI,SAAA,EAAW,OAAA,CAAQ,QAAA,EACtB,QAAA,kBAAA,GAAA,CAAC,iBAAc,IAAA,EAAM,OAAA,EAAS,OAAA,EAAQ,mBAAA,EACpC,8BAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,aAAa,QAAA,EAAA,OAAA,CAAQ,IAAA,EAAK,GAChD,CAAA,EACF,CAAA;AAAA,QACC,OAAA,CAAQ,+BACP,GAAA,CAAC,UAAA,EAAA,EAAW,SAAQ,OAAA,EAAQ,KAAA,EAAM,iBAC/B,QAAA,EAAA,OAAA,CAAQ,WAAA,CAAY,SAAS,EAAA,GAC1B,CAAA,EAAG,QAAQ,WAAA,CAAY,SAAA,CAAU,GAAG,EAAE,CAAC,CAAA,GAAA,CAAA,GACvC,OAAA,CAAQ,WAAA,EACd;AAAA,OAAA,EAEJ,CAAA;AAAA,sBACA,GAAA,CAAC,aACC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAQ,OAAA,EAAS,QAAA,EAAA,OAAA,CAAQ,IAAA,IAAQ,MAAA,EAAO,CAAA,EACtD,CAAA;AAAA,sBACA,GAAA,CAAC,SAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EACjB,QAAA,EAAA,IAAI,IAAA,CAAK,OAAA,CAAQ,YAAY,CAAA,CAAE,kBAAA,IAClC,CAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,oBAEA,GAAA,CAAC,QAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,KAAA,EAAO,EAAE,aAAA,EAAe,CAAA,EAAG,UAAA,EAAY,CAAA,EAAE,EAAG,OAAA,EAAS,GAC9D,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,EAAA,EAAI,IAAA,EAAM,OAAA,EAAQ,MAAA,EAAO,aAAA,EAAa,IAAA,EAC9C,QAAA,kBAAA,IAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,eAAA,EACrB,QAAA,EAAA;AAAA,MAAA,cAAA,yBACE,GAAA,EAAA,EAAI,OAAA,EAAQ,QAAO,UAAA,EAAW,QAAA,EAAS,GAAG,CAAA,EACzC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,MAAM,EAAA,EAAI,CAAA;AAAA,wBAC5B,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,OAAA;AAAA,YACR,KAAA,EAAM,eAAA;AAAA,YACN,KAAA,EAAO,EAAE,UAAA,EAAY,CAAA,EAAE;AAAA,YACxB,QAAA,EAAA;AAAA;AAAA;AAED,OAAA,EACF,CAAA;AAAA,MAED,CAAC,kBAAkB,YAAA,oBAClB,GAAA,CAAC,cAAW,KAAA,EAAM,OAAA,EAAQ,OAAA,EAAQ,OAAA,EAC/B,QAAA,EAAA,YAAA,EACH,CAAA;AAAA,MAED,CAAC,kBAAkB,CAAC,YAAA,yBAClB,IAAA,EAAA,EAAK,SAAA,EAAS,IAAA,EAAC,OAAA,EAAS,CAAA,EACvB,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,kBAAA;AAAA,UAAA;AAAA,YACC,OAAA;AAAA,YACA,WAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBAEA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,IAAI,EAAA,EACb,QAAA,kBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,OAAA;AAAA,YACA;AAAA;AAAA,SACF,EACF,CAAA;AAAA,wBAEA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,IAAI,EAAA,EACb,QAAA,kBAAA,GAAA;AAAA,UAAC,uBAAA;AAAA,UAAA;AAAA,YACC,OAAA;AAAA,YACA,OAAA;AAAA,YACA;AAAA;AAAA,SACF,EACF;AAAA,OAAA,EACF;AAAA,KAAA,EAEJ,CAAA,EACF,GACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/FlagsTab/FeatureDetailsGrid.esm.js

@@ -1,102 +1,23 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Grid, Box, Chip, Typography } from '@material-ui/core';
+import { Grid, Box, Typography, Chip } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
-import ArchiveIcon from '@material-ui/icons/Archive';
-import ScheduleIcon from '@material-ui/icons/Schedule';
-import VpnKeyIcon from '@material-ui/icons/VpnKey';
 import { flagsmithColors } from '../../theme/flagsmithTheme.esm.js';
-import { detailCardStyle } from '../../theme/sharedStyles.esm.js';
-import { getFlagType, getValueType, isDefined } from '../../utils/flagTypeHelpers.esm.js';
-import { formatDateTime, formatDate } from '../../utils/dateFormatters.esm.js';
 
 const useStyles = makeStyles((theme) => ({
-  detailCard: detailCardStyle(theme),
-  badgeChip: {
-    marginRight: theme.spacing(0.5),
-    marginTop: theme.spacing(0.5)
-  },
-  archivedChip: {
-    backgroundColor: theme.palette.warning.light,
-    color: theme.palette.warning.contrastText
-  },
-  serverKeyChip: {
-    backgroundColor: flagsmithColors.secondary,
-    color: "white"
-  },
-  scheduledCard: {
+  detailCard: {
     padding: theme.spacing(1.5),
     marginBottom: theme.spacing(1),
-    border: `1px solid ${theme.palette.warning.main}`,
-    borderRadius: theme.shape.borderRadius,
-    backgroundColor: `${theme.palette.warning.light}20`
-  },
-  scheduledHeader: {
-    display: "flex",
-    alignItems: "center",
-    gap: theme.spacing(0.5),
-    color: theme.palette.warning.dark
-  },
-  scheduleIcon: {
-    fontSize: "1.2rem",
-    color: theme.palette.warning.main
-  },
-  tagsContainer: {
-    display: "flex",
-    flexWrap: "wrap",
-    gap: 4
+    border: `1px solid ${theme.palette.divider}`,
+    borderRadius: theme.shape.borderRadius
   }
 }));
-const getCreatorDisplayName = (feature) => {
-  if (!feature.created_by) return "Unknown";
-  const { email, first_name, last_name } = feature.created_by;
-  if (email) return email;
-  const fullName = `${first_name || ""} ${last_name || ""}`.trim();
-  return fullName || "Unknown";
-};
 const FeatureDetailsGrid = ({
   feature,
   liveVersion,
-  segmentOverrides,
-  scheduledVersion
+  segmentOverrides
 }) => {
   const classes = useStyles();
-  const flagType = getFlagType(feature);
-  const valueType = getValueType(feature);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    (feature.is_server_key_only || feature.is_archived) && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Box, { display: "flex", flexWrap: "wrap", children: [
-      feature.is_server_key_only && /* @__PURE__ */ jsx(
-        Chip,
-        {
-          icon: /* @__PURE__ */ jsx(VpnKeyIcon, {}),
-          label: "Server-side Only",
-          size: "small",
-          className: `${classes.badgeChip} ${classes.serverKeyChip}`
-        }
-      ),
-      feature.is_archived && /* @__PURE__ */ jsx(
-        Chip,
-        {
-          icon: /* @__PURE__ */ jsx(ArchiveIcon, {}),
-          label: "Archived",
-          size: "small",
-          className: `${classes.badgeChip} ${classes.archivedChip}`
-        }
-      )
-    ] }) }),
-    scheduledVersion && scheduledVersion.live_from && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsxs(Box, { className: classes.scheduledCard, children: [
-      /* @__PURE__ */ jsxs(Box, { className: classes.scheduledHeader, children: [
-        /* @__PURE__ */ jsx(ScheduleIcon, { className: classes.scheduleIcon }),
-        /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Scheduled Change" })
-      ] }),
-      /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
-        "Scheduled for: ",
-        formatDateTime(scheduledVersion.live_from)
-      ] }),
-      scheduledVersion.published_by && /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "textSecondary", children: [
-        "By: ",
-        scheduledVersion.published_by
-      ] })
-    ] }) }),
     liveVersion && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsxs(Box, { className: classes.detailCard, children: [
       /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", gutterBottom: true, children: "Version" }),
       /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
@@ -105,7 +26,7 @@ const FeatureDetailsGrid = ({
       ] }),
       liveVersion.live_from && /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
         "Live since: ",
-        formatDate(liveVersion.live_from)
+        new Date(liveVersion.live_from).toLocaleDateString()
       ] })
     ] }) }),
     /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsxs(Box, { className: classes.detailCard, children: [
@@ -114,7 +35,7 @@ const FeatureDetailsGrid = ({
         "Segment overrides: ",
         segmentOverrides
       ] }),
-      isDefined(feature.num_identity_overrides) && /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+      feature.num_identity_overrides !== null && feature.num_identity_overrides !== void 0 && /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
         "Identity overrides: ",
         feature.num_identity_overrides
       ] })
@@ -126,33 +47,36 @@ const FeatureDetailsGrid = ({
         feature.id
       ] }),
       /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
-        "Flag Type: ",
-        flagType
-      ] }),
-      /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
-        "Value Type: ",
-        valueType
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsxs(Box, { className: classes.detailCard, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", gutterBottom: true, children: "Ownership" }),
-      feature.created_by && /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
-        "Creator: ",
-        getCreatorDisplayName(feature)
+        "Type: ",
+        feature.type || "Standard"
       ] }),
-      feature.owners && feature.owners.length > 0 ? /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
-        "Assigned Users: ",
-        feature.owners.map((o) => o.email || o.name).join(", ")
-      ] }) : /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "No assigned users" }),
-      feature.group_owners && feature.group_owners.length > 0 && /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
-        "Groups: ",
-        feature.group_owners.map((g) => g.name).join(", ")
-      ] })
+      feature.is_server_key_only && /* @__PURE__ */ jsx(
+        Chip,
+        {
+          label: "Server Key Only",
+          size: "small",
+          style: {
+            marginTop: 4,
+            backgroundColor: flagsmithColors.secondary,
+            color: "white"
+          }
+        }
+      )
     ] }) }),
-    feature.tags && feature.tags.length > 0 && /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", gutterBottom: true, children: "Tags" }),
-      /* @__PURE__ */ jsx(Box, { className: classes.tagsContainer, children: feature.tags.map((tag, index) => /* @__PURE__ */ jsx(Chip, { label: tag, size: "small", variant: "outlined" }, index)) })
-    ] })
+    feature.tags && feature.tags.length > 0 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Box, { display: "flex", flexWrap: "wrap", style: { gap: 4 }, children: feature.tags.map((tag, index) => /* @__PURE__ */ jsx(
+      Chip,
+      {
+        label: tag,
+        size: "small",
+        variant: "outlined"
+      },
+      index
+    )) }) }),
+    feature.owners && feature.owners.length > 0 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "textSecondary", children: [
+      "Owners:",
+      " ",
+      feature.owners.map((o) => o.email || `${o.name}`).join(", ")
+    ] }) })
   ] });
 };
 

package/dist/components/FlagsTab/FeatureDetailsGrid.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureDetailsGrid.esm.js","sources":["../../../src/components/FlagsTab/FeatureDetailsGrid.tsx"],"sourcesContent":["import { Box, Chip, Grid, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport ArchiveIcon from '@material-ui/icons/Archive';\nimport ScheduleIcon from '@material-ui/icons/Schedule';\nimport VpnKeyIcon from '@material-ui/icons/VpnKey';\nimport { FlagsmithFeature, FlagsmithFeatureVersion } from '../../api/FlagsmithClient';\nimport { flagsmithColors } from '../../theme/flagsmithTheme';\nimport { detailCardStyle } from '../../theme/sharedStyles';\nimport { getFlagType, getValueType, isDefined } from '../../utils/flagTypeHelpers';\nimport { formatDate, formatDateTime } from '../../utils/dateFormatters';\n\nconst useStyles = makeStyles(theme => ({\n  detailCard: detailCardStyle(theme),\n  badgeChip: {\n    marginRight: theme.spacing(0.5),\n    marginTop: theme.spacing(0.5),\n  },\n  archivedChip: {\n    backgroundColor: theme.palette.warning.light,\n    color: theme.palette.warning.contrastText,\n  },\n  serverKeyChip: {\n    backgroundColor: flagsmithColors.secondary,\n    color: 'white',\n  },\n  scheduledCard: {\n    padding: theme.spacing(1.5),\n    marginBottom: theme.spacing(1),\n    border: `1px solid ${theme.palette.warning.main}`,\n    borderRadius: theme.shape.borderRadius,\n    backgroundColor: `${theme.palette.warning.light}20`,\n  },\n  scheduledHeader: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.palette.warning.dark,\n  },\n  scheduleIcon: {\n    fontSize: '1.2rem',\n    color: theme.palette.warning.main,\n  },\n  tagsContainer: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: 4,\n  },\n}));\n\ntype LiveVersionInfo = FlagsmithFeature['live_version'];\n\ninterface FeatureDetailsGridProps {\n  feature: FlagsmithFeature;\n  liveVersion: LiveVersionInfo;\n  segmentOverrides: number;\n  scheduledVersion?: FlagsmithFeatureVersion | null;\n}\n\n/**\n * Get display name for the feature creator\n */\nconst getCreatorDisplayName = (feature: FlagsmithFeature): string => {\n  if (!feature.created_by) return 'Unknown';\n  const { email, first_name, last_name } = feature.created_by;\n  if (email) return email;\n  const fullName = `${first_name || ''} ${last_name || ''}`.trim();\n  return fullName || 'Unknown';\n};\n\nexport const FeatureDetailsGrid = ({\n  feature,\n  liveVersion,\n  segmentOverrides,\n  scheduledVersion,\n}: FeatureDetailsGridProps) => {\n  const classes = useStyles();\n\n  const flagType = getFlagType(feature);\n  const valueType = getValueType(feature);\n\n  return (\n    <>\n      {/* Status badges row */}\n      {(feature.is_server_key_only || feature.is_archived) && (\n        <Grid item xs={12}>\n          <Box display=\"flex\" flexWrap=\"wrap\">\n            {feature.is_server_key_only && (\n              <Chip\n                icon={<VpnKeyIcon />}\n                label=\"Server-side Only\"\n                size=\"small\"\n                className={`${classes.badgeChip} ${classes.serverKeyChip}`}\n              />\n            )}\n            {feature.is_archived && (\n              <Chip\n                icon={<ArchiveIcon />}\n                label=\"Archived\"\n                size=\"small\"\n                className={`${classes.badgeChip} ${classes.archivedChip}`}\n              />\n            )}\n          </Box>\n        </Grid>\n      )}\n\n      {/* Scheduled changes card */}\n      {scheduledVersion && scheduledVersion.live_from && (\n        <Grid item xs={12} md={4}>\n          <Box className={classes.scheduledCard}>\n            <Box className={classes.scheduledHeader}>\n              <ScheduleIcon className={classes.scheduleIcon} />\n              <Typography variant=\"subtitle2\">Scheduled Change</Typography>\n            </Box>\n            <Typography variant=\"body2\">\n              Scheduled for: {formatDateTime(scheduledVersion.live_from)}\n            </Typography>\n            {scheduledVersion.published_by && (\n              <Typography variant=\"body2\" color=\"textSecondary\">\n                By: {scheduledVersion.published_by}\n              </Typography>\n            )}\n          </Box>\n        </Grid>\n      )}\n\n      {/* Version card */}\n      {liveVersion && (\n        <Grid item xs={12} md={4}>\n          <Box className={classes.detailCard}>\n            <Typography variant=\"subtitle2\" gutterBottom>\n              Version\n            </Typography>\n            <Typography variant=\"body2\">\n              Status: {liveVersion.is_live ? 'Active' : 'Inactive'}\n            </Typography>\n            {liveVersion.live_from && (\n              <Typography variant=\"body2\">\n                Live since: {formatDate(liveVersion.live_from)}\n              </Typography>\n            )}\n          </Box>\n        </Grid>\n      )}\n\n      {/* Targeting card */}\n      <Grid item xs={12} md={4}>\n        <Box className={classes.detailCard}>\n          <Typography variant=\"subtitle2\" gutterBottom>\n            Targeting\n          </Typography>\n          <Typography variant=\"body2\">\n            Segment overrides: {segmentOverrides}\n          </Typography>\n          {isDefined(feature.num_identity_overrides) && (\n            <Typography variant=\"body2\">\n              Identity overrides: {feature.num_identity_overrides}\n            </Typography>\n          )}\n        </Box>\n      </Grid>\n\n      {/* Details card */}\n      <Grid item xs={12} md={4}>\n        <Box className={classes.detailCard}>\n          <Typography variant=\"subtitle2\" gutterBottom>\n            Details\n          </Typography>\n          <Typography variant=\"body2\">ID: {feature.id}</Typography>\n          <Typography variant=\"body2\">Flag Type: {flagType}</Typography>\n          <Typography variant=\"body2\">Value Type: {valueType}</Typography>\n        </Box>\n      </Grid>\n\n      {/* Ownership card */}\n      <Grid item xs={12} md={4}>\n        <Box className={classes.detailCard}>\n          <Typography variant=\"subtitle2\" gutterBottom>\n            Ownership\n          </Typography>\n          {feature.created_by && (\n            <Typography variant=\"body2\">\n              Creator: {getCreatorDisplayName(feature)}\n            </Typography>\n          )}\n          {feature.owners && feature.owners.length > 0 ? (\n            <Typography variant=\"body2\">\n              Assigned Users: {feature.owners.map(o => o.email || o.name).join(', ')}\n            </Typography>\n          ) : (\n            <Typography variant=\"body2\" color=\"textSecondary\">\n              No assigned users\n            </Typography>\n          )}\n          {feature.group_owners && feature.group_owners.length > 0 && (\n            <Typography variant=\"body2\">\n              Groups: {feature.group_owners.map(g => g.name).join(', ')}\n            </Typography>\n          )}\n        </Box>\n      </Grid>\n\n      {/* Tags */}\n      {feature.tags && feature.tags.length > 0 && (\n        <Grid item xs={12}>\n          <Typography variant=\"subtitle2\" gutterBottom>\n            Tags\n          </Typography>\n          <Box className={classes.tagsContainer}>\n            {feature.tags.map((tag, index) => (\n              <Chip key={index} label={tag} size=\"small\" variant=\"outlined\" />\n            ))}\n          </Box>\n        </Grid>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FeatureDetailsGrid.esm.js","sources":["../../../src/components/FlagsTab/FeatureDetailsGrid.tsx"],"sourcesContent":["import { Box, Chip, Grid, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { FlagsmithFeature } from '../../api/FlagsmithClient';\nimport { flagsmithColors } from '../../theme/flagsmithTheme';\n\nconst useStyles = makeStyles(theme => ({\n  detailCard: {\n    padding: theme.spacing(1.5),\n    marginBottom: theme.spacing(1),\n    border: `1px solid ${theme.palette.divider}`,\n    borderRadius: theme.shape.borderRadius,\n  },\n}));\n\ntype LiveVersionInfo = FlagsmithFeature['live_version'];\n\ninterface FeatureDetailsGridProps {\n  feature: FlagsmithFeature;\n  liveVersion: LiveVersionInfo;\n  segmentOverrides: number;\n}\n\nexport const FeatureDetailsGrid = ({\n  feature,\n  liveVersion,\n  segmentOverrides,\n}: FeatureDetailsGridProps) => {\n  const classes = useStyles();\n\n  return (\n    <>\n      {liveVersion && (\n        <Grid item xs={12} md={4}>\n          <Box className={classes.detailCard}>\n            <Typography variant=\"subtitle2\" gutterBottom>\n              Version\n            </Typography>\n            <Typography variant=\"body2\">\n              Status: {liveVersion.is_live ? 'Active' : 'Inactive'}\n            </Typography>\n            {liveVersion.live_from && (\n              <Typography variant=\"body2\">\n                Live since: {new Date(liveVersion.live_from).toLocaleDateString()}\n              </Typography>\n            )}\n          </Box>\n        </Grid>\n      )}\n\n      <Grid item xs={12} md={4}>\n        <Box className={classes.detailCard}>\n          <Typography variant=\"subtitle2\" gutterBottom>\n            Targeting\n          </Typography>\n          <Typography variant=\"body2\">\n            Segment overrides: {segmentOverrides}\n          </Typography>\n          {feature.num_identity_overrides !== null &&\n            feature.num_identity_overrides !== undefined && (\n              <Typography variant=\"body2\">\n                Identity overrides: {feature.num_identity_overrides}\n              </Typography>\n            )}\n        </Box>\n      </Grid>\n\n      <Grid item xs={12} md={4}>\n        <Box className={classes.detailCard}>\n          <Typography variant=\"subtitle2\" gutterBottom>\n            Details\n          </Typography>\n          <Typography variant=\"body2\">ID: {feature.id}</Typography>\n          <Typography variant=\"body2\">\n            Type: {feature.type || 'Standard'}\n          </Typography>\n          {feature.is_server_key_only && (\n            <Chip\n              label=\"Server Key Only\"\n              size=\"small\"\n              style={{\n                marginTop: 4,\n                backgroundColor: flagsmithColors.secondary,\n                color: 'white',\n              }}\n            />\n          )}\n        </Box>\n      </Grid>\n\n      {feature.tags && feature.tags.length > 0 && (\n        <Grid item xs={12}>\n          <Box display=\"flex\" flexWrap=\"wrap\" style={{ gap: 4 }}>\n            {feature.tags.map((tag, index) => (\n              <Chip\n                key={index}\n                label={tag}\n                size=\"small\"\n                variant=\"outlined\"\n              />\n            ))}\n          </Box>\n        </Grid>\n      )}\n\n      {feature.owners && feature.owners.length > 0 && (\n        <Grid item xs={12}>\n          <Typography variant=\"body2\" color=\"textSecondary\">\n            Owners:{' '}\n            {feature.owners.map(o => o.email || `${o.name}`).join(', ')}\n          </Typography>\n        </Grid>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/FlagsTab/SegmentOverridesSection.esm.js

@@ -9,7 +9,6 @@ import '../shared/SearchInput.esm.js';
 import '../shared/FlagsmithLink.esm.js';
 import '@material-ui/icons/ChevronLeft';
 import '@material-ui/icons/ChevronRight';
-import '../shared/ChartTooltip.esm.js';
 import { flagsmithColors } from '../../theme/flagsmithTheme.esm.js';
 
 const useStyles = makeStyles((theme) => ({