@strapi/admin 5.0.0-alpha.1 → 5.0.0-alpha.3

package/dist/_chunks/Table-NiTkS4IC.mjs

@@ -1,164 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { useCollator, Typography, Flex, Box, IconButton } from "@strapi/design-system";
-import { Link } from "@strapi/design-system/v2";
-import { useQueryParams } from "@strapi/helper-plugin";
-import { Trash, Pencil } from "@strapi/icons";
-import { useIntl } from "react-intl";
-import { useNavigate, NavLink } from "react-router-dom";
-import styled from "styled-components";
-import { c as useTracking, T as Table$1, bd as RelativeTime, E as ConfirmDialog } from "./index-hjUhNUvw.mjs";
-const Table = ({
-  permissions,
-  headers = [],
-  isLoading = false,
-  tokens = [],
-  onConfirmDelete,
-  tokenType
-}) => {
-  const [{ query }] = useQueryParams();
-  const { formatMessage, locale } = useIntl();
-  const [, sortOrder] = query && query.sort ? query.sort.split(":") : [void 0, "ASC"];
-  const navigate = useNavigate();
-  const { trackUsage } = useTracking();
-  const formatter = useCollator(locale);
-  const sortedTokens = [...tokens].sort((a, b) => {
-    return sortOrder === "DESC" ? formatter.compare(b.name, a.name) : formatter.compare(a.name, b.name);
-  });
-  const { canDelete, canUpdate, canRead } = permissions;
-  const handleRowClick = (id) => () => {
-    if (canRead) {
-      trackUsage("willEditTokenFromList", {
-        tokenType
-      });
-      navigate(id.toString());
-    }
-  };
-  return /* @__PURE__ */ jsx(Table$1.Root, { headers, rows: sortedTokens, isLoading, children: /* @__PURE__ */ jsxs(Table$1.Content, { children: [
-    /* @__PURE__ */ jsx(Table$1.Head, { children: headers.map((header) => /* @__PURE__ */ jsx(Table$1.HeaderCell, { ...header }, header.name)) }),
-    /* @__PURE__ */ jsx(Table$1.Empty, {}),
-    /* @__PURE__ */ jsx(Table$1.Loading, {}),
-    /* @__PURE__ */ jsx(Table$1.Body, { children: sortedTokens.map((token) => /* @__PURE__ */ jsxs(Table$1.Row, { onClick: handleRowClick(token.id), children: [
-      /* @__PURE__ */ jsx(Table$1.Cell, { maxWidth: `${250 / 16}rem`, children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", fontWeight: "bold", ellipsis: true, children: token.name }) }),
-      /* @__PURE__ */ jsx(Table$1.Cell, { maxWidth: `${250 / 16}rem`, children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", ellipsis: true, children: token.description }) }),
-      /* @__PURE__ */ jsx(Table$1.Cell, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: /* @__PURE__ */ jsx(RelativeTime, { timestamp: new Date(token.createdAt) }) }) }),
-      /* @__PURE__ */ jsx(Table$1.Cell, { children: token.lastUsedAt && /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: /* @__PURE__ */ jsx(
-        RelativeTime,
-        {
-          timestamp: new Date(token.lastUsedAt),
-          customIntervals: [
-            {
-              unit: "hours",
-              threshold: 1,
-              text: formatMessage({
-                id: "Settings.apiTokens.lastHour",
-                defaultMessage: "last hour"
-              })
-            }
-          ]
-        }
-      ) }) }),
-      canUpdate || canRead || canDelete ? /* @__PURE__ */ jsx(Table$1.Cell, { children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "end", children: [
-        canUpdate && /* @__PURE__ */ jsx(UpdateButton, { tokenName: token.name, tokenId: token.id }),
-        canDelete && /* @__PURE__ */ jsx(
-          DeleteButton,
-          {
-            tokenName: token.name,
-            onClickDelete: () => onConfirmDelete?.(token.id),
-            tokenType
-          }
-        )
-      ] }) }) : null
-    ] }, token.id)) })
-  ] }) });
-};
-const MESSAGES_MAP = {
-  edit: {
-    id: "app.component.table.edit",
-    defaultMessage: "Edit {target}"
-  },
-  read: {
-    id: "app.component.table.read",
-    defaultMessage: "Read {target}"
-  }
-};
-const DefaultButton = ({
-  tokenName,
-  tokenId,
-  buttonType = "edit",
-  children
-}) => {
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsx(
-    LinkStyled,
-    {
-      forwardedAs: NavLink,
-      to: tokenId.toString(),
-      title: formatMessage(MESSAGES_MAP[buttonType], { target: tokenName }),
-      children
-    }
-  );
-};
-const LinkStyled = styled(Link)`
-  svg {
-    path {
-      fill: ${({ theme }) => theme.colors.neutral500};
-    }
-  }
-
-  &:hover,
-  &:focus {
-    svg {
-      path {
-        fill: ${({ theme }) => theme.colors.neutral800};
-      }
-    }
-  }
-`;
-const DeleteButton = ({ tokenName, onClickDelete, tokenType }) => {
-  const { formatMessage } = useIntl();
-  const { trackUsage } = useTracking();
-  const [showConfirmDialog, setShowConfirmDialog] = React.useState(false);
-  const handleClickDelete = () => {
-    setShowConfirmDialog(false);
-    trackUsage("willDeleteToken", {
-      tokenType
-    });
-    onClickDelete();
-  };
-  return /* @__PURE__ */ jsxs(Box, { paddingLeft: 1, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        onClick: () => {
-          setShowConfirmDialog(true);
-        },
-        label: formatMessage(
-          {
-            id: "global.delete-target",
-            defaultMessage: "Delete {target}"
-          },
-          { target: `${tokenName}` }
-        ),
-        name: "delete",
-        borderWidth: 0,
-        icon: /* @__PURE__ */ jsx(Trash, {})
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ConfirmDialog,
-      {
-        onClose: () => setShowConfirmDialog(false),
-        onConfirm: handleClickDelete,
-        isOpen: showConfirmDialog
-      }
-    )
-  ] });
-};
-const UpdateButton = ({ tokenName, tokenId }) => {
-  return /* @__PURE__ */ jsx(DefaultButton, { tokenName, tokenId, children: /* @__PURE__ */ jsx(Pencil, { width: 12 }) });
-};
-export {
-  Table as T
-};
-//# sourceMappingURL=Table-NiTkS4IC.mjs.map

package/dist/_chunks/Table-NiTkS4IC.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table-NiTkS4IC.mjs","sources":["../../admin/src/pages/Settings/components/Tokens/Table.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, IconButton, Typography, useCollator } from '@strapi/design-system';\nimport { Link } from '@strapi/design-system/v2';\nimport { useQueryParams } from '@strapi/helper-plugin';\nimport { Pencil, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { NavLink, useNavigate } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { ApiToken } from '../../../../../../shared/contracts/api-token';\nimport { SanitizedTransferToken } from '../../../../../../shared/contracts/transfer';\nimport { ConfirmDialog } from '../../../../components/ConfirmDialog';\nimport { RelativeTime } from '../../../../components/RelativeTime';\nimport { Table as TableImpl } from '../../../../components/Table';\nimport { useTracking } from '../../../../features/Tracking';\n\nimport type { Entity } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * Table\n * -----------------------------------------------------------------------------------------------*/\n\ninterface TableProps\n  extends Pick<TableImpl.Props<SanitizedTransferToken | ApiToken>, 'headers' | 'isLoading'> {\n  onConfirmDelete: (id: Entity.ID) => void;\n  permissions: {\n    canRead: boolean;\n    canDelete: boolean;\n    canUpdate: boolean;\n  };\n  tokens: SanitizedTransferToken[] | ApiToken[];\n  tokenType: 'api-token' | 'transfer-token';\n}\n\nconst Table = ({\n  permissions,\n  headers = [],\n  isLoading = false,\n  tokens = [],\n  onConfirmDelete,\n  tokenType,\n}: TableProps) => {\n  const [{ query }] = useQueryParams<{ sort?: string }>();\n  const { formatMessage, locale } = useIntl();\n  const [, sortOrder] = query && query.sort ? query.sort.split(':') : [undefined, 'ASC'];\n  const navigate = useNavigate();\n  const { trackUsage } = useTracking();\n  const formatter = useCollator(locale);\n\n  const sortedTokens = [...tokens].sort((a, b) => {\n    return sortOrder === 'DESC'\n      ? formatter.compare(b.name, a.name)\n      : formatter.compare(a.name, b.name);\n  });\n\n  const { canDelete, canUpdate, canRead } = permissions;\n\n  const handleRowClick = (id: Entity.ID) => () => {\n    if (canRead) {\n      trackUsage('willEditTokenFromList', {\n        tokenType,\n      });\n      navigate(id.toString());\n    }\n  };\n\n  return (\n    <TableImpl.Root headers={headers} rows={sortedTokens} isLoading={isLoading}>\n      <TableImpl.Content>\n        <TableImpl.Head>\n          {headers.map((header) => (\n            <TableImpl.HeaderCell key={header.name} {...header} />\n          ))}\n        </TableImpl.Head>\n        <TableImpl.Empty />\n        <TableImpl.Loading />\n        <TableImpl.Body>\n          {sortedTokens.map((token) => (\n            <TableImpl.Row key={token.id} onClick={handleRowClick(token.id)}>\n              <TableImpl.Cell maxWidth={`${250 / 16}rem`}>\n                <Typography textColor=\"neutral800\" fontWeight=\"bold\" ellipsis>\n                  {token.name}\n                </Typography>\n              </TableImpl.Cell>\n              <TableImpl.Cell maxWidth={`${250 / 16}rem`}>\n                <Typography textColor=\"neutral800\" ellipsis>\n                  {token.description}\n                </Typography>\n              </TableImpl.Cell>\n              <TableImpl.Cell>\n                <Typography textColor=\"neutral800\">\n                  {/* @ts-expect-error One of the tokens doesn't have createdAt */}\n                  <RelativeTime timestamp={new Date(token.createdAt)} />\n                </Typography>\n              </TableImpl.Cell>\n              <TableImpl.Cell>\n                {token.lastUsedAt && (\n                  <Typography textColor=\"neutral800\">\n                    <RelativeTime\n                      timestamp={new Date(token.lastUsedAt)}\n                      customIntervals={[\n                        {\n                          unit: 'hours',\n                          threshold: 1,\n                          text: formatMessage({\n                            id: 'Settings.apiTokens.lastHour',\n                            defaultMessage: 'last hour',\n                          }),\n                        },\n                      ]}\n                    />\n                  </Typography>\n                )}\n              </TableImpl.Cell>\n              {canUpdate || canRead || canDelete ? (\n                <TableImpl.Cell>\n                  <Flex justifyContent=\"end\">\n                    {canUpdate && <UpdateButton tokenName={token.name} tokenId={token.id} />}\n                    {canDelete && (\n                      <DeleteButton\n                        tokenName={token.name}\n                        onClickDelete={() => onConfirmDelete?.(token.id)}\n                        tokenType={tokenType}\n                      />\n                    )}\n                  </Flex>\n                </TableImpl.Cell>\n              ) : null}\n            </TableImpl.Row>\n          ))}\n        </TableImpl.Body>\n      </TableImpl.Content>\n    </TableImpl.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * CRUD Buttons\n * -----------------------------------------------------------------------------------------------*/\n\nconst MESSAGES_MAP = {\n  edit: {\n    id: 'app.component.table.edit',\n    defaultMessage: 'Edit {target}',\n  },\n  read: {\n    id: 'app.component.table.read',\n    defaultMessage: 'Read {target}',\n  },\n};\n\ninterface DefaultButtonProps {\n  tokenName: string;\n  tokenId: Entity.ID;\n  buttonType?: 'edit' | 'read';\n  children: React.ReactNode;\n}\n\nconst DefaultButton = ({\n  tokenName,\n  tokenId,\n  buttonType = 'edit',\n  children,\n}: DefaultButtonProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <LinkStyled\n      forwardedAs={NavLink}\n      to={tokenId.toString()}\n      title={formatMessage(MESSAGES_MAP[buttonType], { target: tokenName })}\n    >\n      {children}\n    </LinkStyled>\n  );\n};\n\nconst LinkStyled = styled(Link)`\n  svg {\n    path {\n      fill: ${({ theme }) => theme.colors.neutral500};\n    }\n  }\n\n  &:hover,\n  &:focus {\n    svg {\n      path {\n        fill: ${({ theme }) => theme.colors.neutral800};\n      }\n    }\n  }\n`;\n\ninterface DeleteButtonProps extends Pick<ButtonProps, 'tokenName'>, Pick<TableProps, 'tokenType'> {\n  onClickDelete: () => void;\n}\n\nconst DeleteButton = ({ tokenName, onClickDelete, tokenType }: DeleteButtonProps) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [showConfirmDialog, setShowConfirmDialog] = React.useState(false);\n  const handleClickDelete = () => {\n    setShowConfirmDialog(false);\n    trackUsage('willDeleteToken', {\n      tokenType,\n    });\n    onClickDelete();\n  };\n\n  return (\n    <Box paddingLeft={1} onClick={(e) => e.stopPropagation()}>\n      <IconButton\n        onClick={() => {\n          setShowConfirmDialog(true);\n        }}\n        label={formatMessage(\n          {\n            id: 'global.delete-target',\n            defaultMessage: 'Delete {target}',\n          },\n          { target: `${tokenName}` }\n        )}\n        name=\"delete\"\n        borderWidth={0}\n        icon={<Trash />}\n      />\n      <ConfirmDialog\n        onClose={() => setShowConfirmDialog(false)}\n        onConfirm={handleClickDelete}\n        isOpen={showConfirmDialog}\n      />\n    </Box>\n  );\n};\n\ninterface ButtonProps {\n  tokenName: string;\n  tokenId: Entity.ID;\n}\n\nconst UpdateButton = ({ tokenName, tokenId }: ButtonProps) => {\n  return (\n    <DefaultButton tokenName={tokenName} tokenId={tokenId}>\n      <Pencil width={12} />\n    </DefaultButton>\n  );\n};\n\nexport { Table };\nexport type { TableProps };\n"],"names":["TableImpl"],"mappings":"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"}

package/dist/_chunks/Table-_9gVkGGi.js

@@ -1,184 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const designSystem = require("@strapi/design-system");
-const v2 = require("@strapi/design-system/v2");
-const helperPlugin = require("@strapi/helper-plugin");
-const Icons = require("@strapi/icons");
-const reactIntl = require("react-intl");
-const reactRouterDom = require("react-router-dom");
-const styled = require("styled-components");
-const index = require("./index-ejSDPT-T.js");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-function _interopNamespace(e) {
-  if (e && e.__esModule)
-    return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespace(React);
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const Table = ({
-  permissions,
-  headers = [],
-  isLoading = false,
-  tokens = [],
-  onConfirmDelete,
-  tokenType
-}) => {
-  const [{ query }] = helperPlugin.useQueryParams();
-  const { formatMessage, locale } = reactIntl.useIntl();
-  const [, sortOrder] = query && query.sort ? query.sort.split(":") : [void 0, "ASC"];
-  const navigate = reactRouterDom.useNavigate();
-  const { trackUsage } = index.useTracking();
-  const formatter = designSystem.useCollator(locale);
-  const sortedTokens = [...tokens].sort((a, b) => {
-    return sortOrder === "DESC" ? formatter.compare(b.name, a.name) : formatter.compare(a.name, b.name);
-  });
-  const { canDelete, canUpdate, canRead } = permissions;
-  const handleRowClick = (id) => () => {
-    if (canRead) {
-      trackUsage("willEditTokenFromList", {
-        tokenType
-      });
-      navigate(id.toString());
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Table.Root, { headers, rows: sortedTokens, isLoading, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Table.Content, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index.Table.Head, { children: headers.map((header) => /* @__PURE__ */ jsxRuntime.jsx(index.Table.HeaderCell, { ...header }, header.name)) }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Table.Empty, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Table.Loading, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Table.Body, { children: sortedTokens.map((token) => /* @__PURE__ */ jsxRuntime.jsxs(index.Table.Row, { onClick: handleRowClick(token.id), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index.Table.Cell, { maxWidth: `${250 / 16}rem`, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", fontWeight: "bold", ellipsis: true, children: token.name }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(index.Table.Cell, { maxWidth: `${250 / 16}rem`, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", ellipsis: true, children: token.description }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(index.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: /* @__PURE__ */ jsxRuntime.jsx(index.RelativeTime, { timestamp: new Date(token.createdAt) }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(index.Table.Cell, { children: token.lastUsedAt && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: /* @__PURE__ */ jsxRuntime.jsx(
-        index.RelativeTime,
-        {
-          timestamp: new Date(token.lastUsedAt),
-          customIntervals: [
-            {
-              unit: "hours",
-              threshold: 1,
-              text: formatMessage({
-                id: "Settings.apiTokens.lastHour",
-                defaultMessage: "last hour"
-              })
-            }
-          ]
-        }
-      ) }) }),
-      canUpdate || canRead || canDelete ? /* @__PURE__ */ jsxRuntime.jsx(index.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "end", children: [
-        canUpdate && /* @__PURE__ */ jsxRuntime.jsx(UpdateButton, { tokenName: token.name, tokenId: token.id }),
-        canDelete && /* @__PURE__ */ jsxRuntime.jsx(
-          DeleteButton,
-          {
-            tokenName: token.name,
-            onClickDelete: () => onConfirmDelete?.(token.id),
-            tokenType
-          }
-        )
-      ] }) }) : null
-    ] }, token.id)) })
-  ] }) });
-};
-const MESSAGES_MAP = {
-  edit: {
-    id: "app.component.table.edit",
-    defaultMessage: "Edit {target}"
-  },
-  read: {
-    id: "app.component.table.read",
-    defaultMessage: "Read {target}"
-  }
-};
-const DefaultButton = ({
-  tokenName,
-  tokenId,
-  buttonType = "edit",
-  children
-}) => {
-  const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    LinkStyled,
-    {
-      forwardedAs: reactRouterDom.NavLink,
-      to: tokenId.toString(),
-      title: formatMessage(MESSAGES_MAP[buttonType], { target: tokenName }),
-      children
-    }
-  );
-};
-const LinkStyled = styled__default.default(v2.Link)`
-  svg {
-    path {
-      fill: ${({ theme }) => theme.colors.neutral500};
-    }
-  }
-
-  &:hover,
-  &:focus {
-    svg {
-      path {
-        fill: ${({ theme }) => theme.colors.neutral800};
-      }
-    }
-  }
-`;
-const DeleteButton = ({ tokenName, onClickDelete, tokenType }) => {
-  const { formatMessage } = reactIntl.useIntl();
-  const { trackUsage } = index.useTracking();
-  const [showConfirmDialog, setShowConfirmDialog] = React__namespace.useState(false);
-  const handleClickDelete = () => {
-    setShowConfirmDialog(false);
-    trackUsage("willDeleteToken", {
-      tokenType
-    });
-    onClickDelete();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingLeft: 1, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.IconButton,
-      {
-        onClick: () => {
-          setShowConfirmDialog(true);
-        },
-        label: formatMessage(
-          {
-            id: "global.delete-target",
-            defaultMessage: "Delete {target}"
-          },
-          { target: `${tokenName}` }
-        ),
-        name: "delete",
-        borderWidth: 0,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Trash, {})
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      index.ConfirmDialog,
-      {
-        onClose: () => setShowConfirmDialog(false),
-        onConfirm: handleClickDelete,
-        isOpen: showConfirmDialog
-      }
-    )
-  ] });
-};
-const UpdateButton = ({ tokenName, tokenId }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(DefaultButton, { tokenName, tokenId, children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Pencil, { width: 12 }) });
-};
-exports.Table = Table;
-//# sourceMappingURL=Table-_9gVkGGi.js.map

package/dist/_chunks/Table-_9gVkGGi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table-_9gVkGGi.js","sources":["../../admin/src/pages/Settings/components/Tokens/Table.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, IconButton, Typography, useCollator } from '@strapi/design-system';\nimport { Link } from '@strapi/design-system/v2';\nimport { useQueryParams } from '@strapi/helper-plugin';\nimport { Pencil, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { NavLink, useNavigate } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { ApiToken } from '../../../../../../shared/contracts/api-token';\nimport { SanitizedTransferToken } from '../../../../../../shared/contracts/transfer';\nimport { ConfirmDialog } from '../../../../components/ConfirmDialog';\nimport { RelativeTime } from '../../../../components/RelativeTime';\nimport { Table as TableImpl } from '../../../../components/Table';\nimport { useTracking } from '../../../../features/Tracking';\n\nimport type { Entity } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * Table\n * -----------------------------------------------------------------------------------------------*/\n\ninterface TableProps\n  extends Pick<TableImpl.Props<SanitizedTransferToken | ApiToken>, 'headers' | 'isLoading'> {\n  onConfirmDelete: (id: Entity.ID) => void;\n  permissions: {\n    canRead: boolean;\n    canDelete: boolean;\n    canUpdate: boolean;\n  };\n  tokens: SanitizedTransferToken[] | ApiToken[];\n  tokenType: 'api-token' | 'transfer-token';\n}\n\nconst Table = ({\n  permissions,\n  headers = [],\n  isLoading = false,\n  tokens = [],\n  onConfirmDelete,\n  tokenType,\n}: TableProps) => {\n  const [{ query }] = useQueryParams<{ sort?: string }>();\n  const { formatMessage, locale } = useIntl();\n  const [, sortOrder] = query && query.sort ? query.sort.split(':') : [undefined, 'ASC'];\n  const navigate = useNavigate();\n  const { trackUsage } = useTracking();\n  const formatter = useCollator(locale);\n\n  const sortedTokens = [...tokens].sort((a, b) => {\n    return sortOrder === 'DESC'\n      ? formatter.compare(b.name, a.name)\n      : formatter.compare(a.name, b.name);\n  });\n\n  const { canDelete, canUpdate, canRead } = permissions;\n\n  const handleRowClick = (id: Entity.ID) => () => {\n    if (canRead) {\n      trackUsage('willEditTokenFromList', {\n        tokenType,\n      });\n      navigate(id.toString());\n    }\n  };\n\n  return (\n    <TableImpl.Root headers={headers} rows={sortedTokens} isLoading={isLoading}>\n      <TableImpl.Content>\n        <TableImpl.Head>\n          {headers.map((header) => (\n            <TableImpl.HeaderCell key={header.name} {...header} />\n          ))}\n        </TableImpl.Head>\n        <TableImpl.Empty />\n        <TableImpl.Loading />\n        <TableImpl.Body>\n          {sortedTokens.map((token) => (\n            <TableImpl.Row key={token.id} onClick={handleRowClick(token.id)}>\n              <TableImpl.Cell maxWidth={`${250 / 16}rem`}>\n                <Typography textColor=\"neutral800\" fontWeight=\"bold\" ellipsis>\n                  {token.name}\n                </Typography>\n              </TableImpl.Cell>\n              <TableImpl.Cell maxWidth={`${250 / 16}rem`}>\n                <Typography textColor=\"neutral800\" ellipsis>\n                  {token.description}\n                </Typography>\n              </TableImpl.Cell>\n              <TableImpl.Cell>\n                <Typography textColor=\"neutral800\">\n                  {/* @ts-expect-error One of the tokens doesn't have createdAt */}\n                  <RelativeTime timestamp={new Date(token.createdAt)} />\n                </Typography>\n              </TableImpl.Cell>\n              <TableImpl.Cell>\n                {token.lastUsedAt && (\n                  <Typography textColor=\"neutral800\">\n                    <RelativeTime\n                      timestamp={new Date(token.lastUsedAt)}\n                      customIntervals={[\n                        {\n                          unit: 'hours',\n                          threshold: 1,\n                          text: formatMessage({\n                            id: 'Settings.apiTokens.lastHour',\n                            defaultMessage: 'last hour',\n                          }),\n                        },\n                      ]}\n                    />\n                  </Typography>\n                )}\n              </TableImpl.Cell>\n              {canUpdate || canRead || canDelete ? (\n                <TableImpl.Cell>\n                  <Flex justifyContent=\"end\">\n                    {canUpdate && <UpdateButton tokenName={token.name} tokenId={token.id} />}\n                    {canDelete && (\n                      <DeleteButton\n                        tokenName={token.name}\n                        onClickDelete={() => onConfirmDelete?.(token.id)}\n                        tokenType={tokenType}\n                      />\n                    )}\n                  </Flex>\n                </TableImpl.Cell>\n              ) : null}\n            </TableImpl.Row>\n          ))}\n        </TableImpl.Body>\n      </TableImpl.Content>\n    </TableImpl.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * CRUD Buttons\n * -----------------------------------------------------------------------------------------------*/\n\nconst MESSAGES_MAP = {\n  edit: {\n    id: 'app.component.table.edit',\n    defaultMessage: 'Edit {target}',\n  },\n  read: {\n    id: 'app.component.table.read',\n    defaultMessage: 'Read {target}',\n  },\n};\n\ninterface DefaultButtonProps {\n  tokenName: string;\n  tokenId: Entity.ID;\n  buttonType?: 'edit' | 'read';\n  children: React.ReactNode;\n}\n\nconst DefaultButton = ({\n  tokenName,\n  tokenId,\n  buttonType = 'edit',\n  children,\n}: DefaultButtonProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <LinkStyled\n      forwardedAs={NavLink}\n      to={tokenId.toString()}\n      title={formatMessage(MESSAGES_MAP[buttonType], { target: tokenName })}\n    >\n      {children}\n    </LinkStyled>\n  );\n};\n\nconst LinkStyled = styled(Link)`\n  svg {\n    path {\n      fill: ${({ theme }) => theme.colors.neutral500};\n    }\n  }\n\n  &:hover,\n  &:focus {\n    svg {\n      path {\n        fill: ${({ theme }) => theme.colors.neutral800};\n      }\n    }\n  }\n`;\n\ninterface DeleteButtonProps extends Pick<ButtonProps, 'tokenName'>, Pick<TableProps, 'tokenType'> {\n  onClickDelete: () => void;\n}\n\nconst DeleteButton = ({ tokenName, onClickDelete, tokenType }: DeleteButtonProps) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [showConfirmDialog, setShowConfirmDialog] = React.useState(false);\n  const handleClickDelete = () => {\n    setShowConfirmDialog(false);\n    trackUsage('willDeleteToken', {\n      tokenType,\n    });\n    onClickDelete();\n  };\n\n  return (\n    <Box paddingLeft={1} onClick={(e) => e.stopPropagation()}>\n      <IconButton\n        onClick={() => {\n          setShowConfirmDialog(true);\n        }}\n        label={formatMessage(\n          {\n            id: 'global.delete-target',\n            defaultMessage: 'Delete {target}',\n          },\n          { target: `${tokenName}` }\n        )}\n        name=\"delete\"\n        borderWidth={0}\n        icon={<Trash />}\n      />\n      <ConfirmDialog\n        onClose={() => setShowConfirmDialog(false)}\n        onConfirm={handleClickDelete}\n        isOpen={showConfirmDialog}\n      />\n    </Box>\n  );\n};\n\ninterface ButtonProps {\n  tokenName: string;\n  tokenId: Entity.ID;\n}\n\nconst UpdateButton = ({ tokenName, tokenId }: ButtonProps) => {\n  return (\n    <DefaultButton tokenName={tokenName} tokenId={tokenId}>\n      <Pencil width={12} />\n    </DefaultButton>\n  );\n};\n\nexport { Table };\nexport type { TableProps };\n"],"names":["useQueryParams","useIntl","useNavigate","useTracking","useCollator","jsx","TableImpl","jsxs","Typography","RelativeTime","Flex","NavLink","styled","Link","React","Box","IconButton","Trash","ConfirmDialog","Pencil"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,UAAU,CAAC;AAAA,EACX,YAAY;AAAA,EACZ,SAAS,CAAC;AAAA,EACV;AAAA,EACA;AACF,MAAkB;AAChB,QAAM,CAAC,EAAE,OAAO,IAAIA,aAAkC,eAAA;AACtD,QAAM,EAAE,eAAe,OAAO,IAAIC,UAAQ,QAAA;AAC1C,QAAM,CAAG,EAAA,SAAS,IAAI,SAAS,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC,QAAW,KAAK;AACrF,QAAM,WAAWC,eAAAA;AACX,QAAA,EAAE,eAAeC,MAAAA;AACjB,QAAA,YAAYC,yBAAY,MAAM;AAE9B,QAAA,eAAe,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,GAAG,MAAM;AAC9C,WAAO,cAAc,SACjB,UAAU,QAAQ,EAAE,MAAM,EAAE,IAAI,IAChC,UAAU,QAAQ,EAAE,MAAM,EAAE,IAAI;AAAA,EAAA,CACrC;AAED,QAAM,EAAE,WAAW,WAAW,QAAA,IAAY;AAEpC,QAAA,iBAAiB,CAAC,OAAkB,MAAM;AAC9C,QAAI,SAAS;AACX,iBAAW,yBAAyB;AAAA,QAClC;AAAA,MAAA,CACD;AACQ,eAAA,GAAG,UAAU;AAAA,IACxB;AAAA,EAAA;AAIA,SAAAC,2BAAA,IAACC,MAAU,MAAA,MAAV,EAAe,SAAkB,MAAM,cAAc,WACpD,UAAAC,2BAAA,KAACD,MAAU,MAAA,SAAV,EACC,UAAA;AAAA,IAAAD,2BAAA,IAACC,YAAU,MAAV,EACE,UAAQ,QAAA,IAAI,CAAC,WACZD,2BAAA,IAACC,MAAU,MAAA,YAAV,EAAwC,GAAG,OAAA,GAAjB,OAAO,IAAkB,CACrD,GACH;AAAA,IACAD,+BAACC,MAAAA,MAAU,OAAV,EAAgB;AAAA,IACjBD,+BAACC,MAAAA,MAAU,SAAV,EAAkB;AAAA,mCAClBA,MAAU,MAAA,MAAV,EACE,UAAA,aAAa,IAAI,CAAC,UAChBC,2BAAA,KAAAD,MAAA,MAAU,KAAV,EAA6B,SAAS,eAAe,MAAM,EAAE,GAC5D,UAAA;AAAA,MAAAD,2BAAAA,IAACC,YAAU,MAAV,EAAe,UAAU,GAAG,MAAM,EAAE,OACnC,UAAAD,2BAAA,IAACG,yBAAW,EAAA,WAAU,cAAa,YAAW,QAAO,UAAQ,MAC1D,UAAA,MAAM,MACT,EACF,CAAA;AAAA,qCACCF,MAAAA,MAAU,MAAV,EAAe,UAAU,GAAG,MAAM,EAAE,OACnC,UAAAD,2BAAA,IAACG,2BAAW,WAAU,cAAa,UAAQ,MACxC,UAAA,MAAM,YACT,CAAA,GACF;AAAA,qCACCF,MAAAA,MAAU,MAAV,EACC,UAAAD,2BAAAA,IAACG,2BAAW,WAAU,cAEpB,UAACH,2BAAAA,IAAAI,MAAA,cAAA,EAAa,WAAW,IAAI,KAAK,MAAM,SAAS,EAAA,CAAG,EACtD,CAAA,GACF;AAAA,MACAJ,2BAAAA,IAACC,MAAAA,MAAU,MAAV,EACE,gBAAM,cACLD,2BAAA,IAACG,aAAW,YAAA,EAAA,WAAU,cACpB,UAAAH,2BAAA;AAAA,QAACI,MAAA;AAAA,QAAA;AAAA,UACC,WAAW,IAAI,KAAK,MAAM,UAAU;AAAA,UACpC,iBAAiB;AAAA,YACf;AAAA,cACE,MAAM;AAAA,cACN,WAAW;AAAA,cACX,MAAM,cAAc;AAAA,gBAClB,IAAI;AAAA,gBACJ,gBAAgB;AAAA,cAAA,CACjB;AAAA,YACH;AAAA,UACF;AAAA,QAAA;AAAA,SAEJ,EAEJ,CAAA;AAAA,MACC,aAAa,WAAW,YACtBJ,2BAAA,IAAAC,MAAA,MAAU,MAAV,EACC,UAAAC,2BAAA,KAACG,aAAK,MAAA,EAAA,gBAAe,OAClB,UAAA;AAAA,QAAA,4CAAc,cAAa,EAAA,WAAW,MAAM,MAAM,SAAS,MAAM,IAAI;AAAA,QACrE,aACCL,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,MAAM;AAAA,YACjB,eAAe,MAAM,kBAAkB,MAAM,EAAE;AAAA,YAC/C;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,EAEJ,CAAA,EACF,CAAA,IACE;AAAA,IAjDc,EAAA,GAAA,MAAM,EAkD1B,CACD,GACH;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;AAMA,MAAM,eAAe;AAAA,EACnB,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAClB;AAAA,EACA,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAClB;AACF;AASA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AACF,MAA0B;AAClB,QAAA,EAAE,kBAAkBJ,UAAAA;AAGxB,SAAAI,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAaM,eAAA;AAAA,MACb,IAAI,QAAQ,SAAS;AAAA,MACrB,OAAO,cAAc,aAAa,UAAU,GAAG,EAAE,QAAQ,WAAW;AAAA,MAEnE;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,MAAM,aAAaC,gBAAAA,QAAOC,GAAAA,IAAI;AAAA;AAAA;AAAA,cAGhB,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAQpC,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAUtD,MAAM,eAAe,CAAC,EAAE,WAAW,eAAe,gBAAmC;AAC7E,QAAA,EAAE,kBAAkBZ,UAAAA;AACpB,QAAA,EAAE,eAAeE,MAAAA;AACvB,QAAM,CAAC,mBAAmB,oBAAoB,IAAIW,iBAAM,SAAS,KAAK;AACtE,QAAM,oBAAoB,MAAM;AAC9B,yBAAqB,KAAK;AAC1B,eAAW,mBAAmB;AAAA,MAC5B;AAAA,IAAA,CACD;AACa;EAAA;AAId,SAAAP,gCAACQ,aAAAA,OAAI,aAAa,GAAG,SAAS,CAAC,MAAM,EAAE,gBAAA,GACrC,UAAA;AAAA,IAAAV,2BAAA;AAAA,MAACW,aAAA;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,+BAAqB,IAAI;AAAA,QAC3B;AAAA,QACA,OAAO;AAAA,UACL;AAAA,YACE,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAClB;AAAA,UACA,EAAE,QAAQ,GAAG,SAAS,GAAG;AAAA,QAC3B;AAAA,QACA,MAAK;AAAA,QACL,aAAa;AAAA,QACb,qCAAOC,MAAM,OAAA,EAAA;AAAA,MAAA;AAAA,IACf;AAAA,IACAZ,2BAAA;AAAA,MAACa,MAAA;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,qBAAqB,KAAK;AAAA,QACzC,WAAW;AAAA,QACX,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EACF,EAAA,CAAA;AAEJ;AAOA,MAAM,eAAe,CAAC,EAAE,WAAW,cAA2B;AAE1D,SAAAb,2BAAA,IAAC,iBAAc,WAAsB,SACnC,yCAACc,MAAAA,QAAO,EAAA,OAAO,GAAI,CAAA,EACrB,CAAA;AAEJ;;"}