@strapi/admin 4.16.2 → 4.17.0

package/dist/_chunks/index-ee1ea38b.js

@@ -1,129 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const designSystem = require("@strapi/design-system");
-const helperPlugin = require("@strapi/helper-plugin");
-const PropTypes = require("prop-types");
-const constants = require("./constants-85da8cc4.js");
-const colors = require("./colors-c24a54f0.js");
-const reactIntl = require("react-intl");
-require("lodash/cloneDeep");
-require("lodash/get");
-require("lodash/omit");
-require("lodash/isNaN");
-require("./schema-260fec28.js");
-require("lodash/merge");
-require("lodash/set");
-const index = require("./index-82c7a120.js");
-require("react");
-require("react-dnd");
-require("@reduxjs/toolkit");
-require("./index-4de70b5d.js");
-require("react-dom/client");
-require("invariant");
-require("lodash/isFunction");
-require("lodash/pick");
-require("react-helmet");
-require("react-router-dom");
-require("react-redux");
-require("@radix-ui/react-context");
-require("@strapi/design-system/v2");
-require("@strapi/icons");
-require("formik");
-require("lodash/camelCase");
-require("react-query");
-require("styled-components");
-require("yup");
-require("lodash/defaultsDeep");
-require("qs");
-require("immer");
-require("lodash/isBoolean");
-require("lodash/isEmpty");
-require("lodash/toNumber");
-require("lodash/sortBy");
-require("./DragLayer-f07eee6c.js");
-require("./AuthenticatedApp-342bf22f.js");
-require("semver/functions/lt");
-require("semver/functions/valid");
-require("react-dnd-html5-backend");
-require("react-error-boundary");
-require("axios");
-require("lodash/isObject");
-require("lodash/isEqual");
-require("lodash/upperFirst");
-require("lodash/size");
-require("lodash/take");
-require("slate");
-require("slate-history");
-require("slate-react");
-require("@radix-ui/react-toolbar");
-require("./useDebounce-4712871e.js");
-require("react-window");
-require("codemirror5");
-require("highlight.js");
-require("markdown-it");
-require("markdown-it-abbr");
-require("markdown-it-container");
-require("markdown-it-deflist");
-require("markdown-it-emoji");
-require("markdown-it-footnote");
-require("markdown-it-ins");
-require("markdown-it-mark");
-require("markdown-it-sub");
-require("markdown-it-sup");
-require("sanitize-html");
-require("codemirror5/addon/display/placeholder");
-require("lodash/toLower");
-require("lodash/toString");
-require("react-dom");
-require("fractional-indexing");
-require("lodash/uniqBy");
-require("lodash/unset");
-require("lodash/isArray");
-require("lodash/flatMap");
-require("lodash/uniq");
-require("./useAdminUsers-05d6b26a.js");
-require("./formatAPIErrors-b599cf27.js");
-require("date-fns/parseISO");
-require("lodash/isNumber");
-require("lodash/groupBy");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const PropTypes__default = /* @__PURE__ */ _interopDefault(PropTypes);
-function ReviewWorkflowsStageEE({ color, name }) {
-  const { themeColorName } = colors.getStageColorByHex(color);
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, maxWidth: helperPlugin.pxToRem(300), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Box,
-      {
-        height: 2,
-        background: color,
-        borderColor: themeColorName === "neutral0" ? "neutral150" : "transparent",
-        hasRadius: true,
-        shrink: 0,
-        width: 2
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "regular", textColor: "neutral700", ellipsis: true, children: name })
-  ] });
-}
-ReviewWorkflowsStageEE.defaultProps = {
-  color: constants.STAGE_COLOR_DEFAULT
-};
-ReviewWorkflowsStageEE.propTypes = {
-  color: PropTypes__default.default.string,
-  name: PropTypes__default.default.string.isRequired
-};
-function ReviewWorkflowsAssigneeEE({ user }) {
-  const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: index.getDisplayName(user, formatMessage) });
-}
-ReviewWorkflowsAssigneeEE.propTypes = {
-  user: PropTypes__default.default.shape({
-    firstname: PropTypes__default.default.string,
-    lastname: PropTypes__default.default.string,
-    username: PropTypes__default.default.string
-  }).isRequired
-};
-exports.ReviewWorkflowsAssigneeEE = ReviewWorkflowsAssigneeEE;
-exports.ReviewWorkflowsStageEE = ReviewWorkflowsStageEE;
-//# sourceMappingURL=index-ee1ea38b.js.map

package/dist/_chunks/index-ee1ea38b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-ee1ea38b.js","sources":["../../ee/admin/src/content-manager/pages/ListView/ReviewWorkflowsColumn/ReviewWorkflowsStageEE.js","../../ee/admin/src/content-manager/pages/ListView/ReviewWorkflowsColumn/ReviewWorkflowsAssigneeEE.js"],"sourcesContent":["import React from 'react';\n\nimport { Box, Flex, Typography } from '@strapi/design-system';\nimport { pxToRem } from '@strapi/helper-plugin';\nimport PropTypes from 'prop-types';\n\nimport { STAGE_COLOR_DEFAULT } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/constants';\nimport { getStageColorByHex } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/utils/colors';\n\nexport function ReviewWorkflowsStageEE({ color, name }) {\n  const { themeColorName } = getStageColorByHex(color);\n\n  return (\n    <Flex alignItems=\"center\" gap={2} maxWidth={pxToRem(300)}>\n      <Box\n        height={2}\n        background={color}\n        borderColor={themeColorName === 'neutral0' ? 'neutral150' : 'transparent'}\n        hasRadius\n        shrink={0}\n        width={2}\n      />\n\n      <Typography fontWeight=\"regular\" textColor=\"neutral700\" ellipsis>\n        {name}\n      </Typography>\n    </Flex>\n  );\n}\n\nReviewWorkflowsStageEE.defaultProps = {\n  color: STAGE_COLOR_DEFAULT,\n};\n\nReviewWorkflowsStageEE.propTypes = {\n  color: PropTypes.string,\n  name: PropTypes.string.isRequired,\n};\n","import React from 'react';\n\nimport { Typography } from '@strapi/design-system';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nimport { getDisplayName } from '../../../../../../../admin/src/content-manager/utils';\n\nexport function ReviewWorkflowsAssigneeEE({ user }) {\n  const { formatMessage } = useIntl();\n\n  return <Typography textColor=\"neutral800\">{getDisplayName(user, formatMessage)}</Typography>;\n}\n\nReviewWorkflowsAssigneeEE.propTypes = {\n  user: PropTypes.shape({\n    firstname: PropTypes.string,\n    lastname: PropTypes.string,\n    username: PropTypes.string,\n  }).isRequired,\n};\n"],"names":["getStageColorByHex","jsxs","Flex","pxToRem","jsx","Box","Typography","STAGE_COLOR_DEFAULT","PropTypes","useIntl","getDisplayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,SAAS,uBAAuB,EAAE,OAAO,QAAQ;AACtD,QAAM,EAAE,eAAA,IAAmBA,OAAA,mBAAmB,KAAK;AAGjD,SAAAC,gCAACC,aAAAA,QAAK,YAAW,UAAS,KAAK,GAAG,UAAUC,aAAAA,QAAQ,GAAG,GACrD,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,aAAa,mBAAmB,aAAa,eAAe;AAAA,QAC5D,WAAS;AAAA,QACT,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEAD,2BAAAA,IAACE,2BAAW,YAAW,WAAU,WAAU,cAAa,UAAQ,MAC7D,UACH,KAAA,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;AAEA,uBAAuB,eAAe;AAAA,EACpC,OAAOC,UAAA;AACT;AAEA,uBAAuB,YAAY;AAAA,EACjC,OAAOC,mBAAU,QAAA;AAAA,EACjB,MAAMA,mBAAAA,QAAU,OAAO;AACzB;AC7BgB,SAAA,0BAA0B,EAAE,QAAQ;AAC5C,QAAA,EAAE,kBAAkBC,UAAAA;AAE1B,wCAAQH,aAAAA,YAAW,EAAA,WAAU,cAAc,UAAeI,MAAAA,eAAA,MAAM,aAAa,EAAE,CAAA;AACjF;AAEA,0BAA0B,YAAY;AAAA,EACpC,MAAMF,2BAAU,MAAM;AAAA,IACpB,WAAWA,mBAAU,QAAA;AAAA,IACrB,UAAUA,mBAAU,QAAA;AAAA,IACpB,UAAUA,mBAAU,QAAA;AAAA,EACrB,CAAA,EAAE;AACL;;;"}

package/dist/_chunks/index-efc967f5.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const helperPlugin = require("@strapi/helper-plugin");
-const reactRedux = require("react-redux");
-const AuthenticatedApp = require("./AuthenticatedApp-342bf22f.js");
-const index = require("./index-d49fa655.js");
-require("react");
-require("react-query");
-require("semver/functions/lt");
-require("semver/functions/valid");
-require("./index-4de70b5d.js");
-require("react-dom/client");
-require("@strapi/design-system");
-require("invariant");
-require("lodash/isFunction");
-require("lodash/merge");
-require("lodash/pick");
-require("react-helmet");
-require("react-router-dom");
-require("react-intl");
-require("@radix-ui/react-context");
-require("@strapi/design-system/v2");
-require("@strapi/icons");
-require("formik");
-require("lodash/camelCase");
-require("styled-components");
-require("yup");
-require("lodash/defaultsDeep");
-require("lodash/omit");
-require("qs");
-require("immer");
-require("lodash/get");
-require("lodash/set");
-require("@reduxjs/toolkit");
-require("react-dnd");
-require("react-dnd-html5-backend");
-require("lodash/cloneDeep");
-require("./formatAPIErrors-b599cf27.js");
-require("./constants-da2542a3.js");
-require("./index-d3e1fd86.js");
-require("prop-types");
-require("axios");
-require("date-fns");
-require("date-fns/locale");
-require("lodash/map");
-require("lodash/tail");
-require("lodash/capitalize");
-require("lodash/pull");
-const ProtectedApiTokenCreateView = () => {
-  const permissions = reactRedux.useSelector(AuthenticatedApp.selectAdminPermissions);
-  return /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPagePermissions, { permissions: permissions.settings["api-tokens"].create, children: /* @__PURE__ */ jsxRuntime.jsx(index.ApiTokenCreateView, {}) });
-};
-exports.default = ProtectedApiTokenCreateView;
-//# sourceMappingURL=index-efc967f5.js.map

package/dist/_chunks/index-efc967f5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-efc967f5.js","sources":["../../admin/src/pages/SettingsPage/pages/ApiTokens/ProtectedCreateView/index.js"],"sourcesContent":["import React from 'react';\n\nimport { CheckPagePermissions } from '@strapi/helper-plugin';\nimport { useSelector } from 'react-redux';\n\nimport { selectAdminPermissions } from '../../../../../selectors';\nimport EditView from '../EditView';\n\nconst ProtectedApiTokenCreateView = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings['api-tokens'].create}>\n      <EditView />\n    </CheckPagePermissions>\n  );\n};\n\nexport default ProtectedApiTokenCreateView;\n"],"names":["useSelector","selectAdminPermissions","jsx","CheckPagePermissions","EditView"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,8BAA8B,MAAM;AAClC,QAAA,cAAcA,uBAAYC,iBAAAA,sBAAsB;AAGpD,SAAAC,2BAAA,IAACC,aAAqB,sBAAA,EAAA,aAAa,YAAY,SAAS,YAAY,EAAE,QACpE,UAACD,2BAAA,IAAAE,MAAA,oBAAA,CAAS,CAAA,EACZ,CAAA;AAEJ;;"}

package/dist/_chunks/index-fc700e52.js

@@ -1,263 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const designSystem = require("@strapi/design-system");
-const helperPlugin = require("@strapi/helper-plugin");
-const PropTypes = require("prop-types");
-const reactIntl = require("react-intl");
-const reactRouterDom = require("react-router-dom");
-const React = require("react");
-const Icons = require("@strapi/icons");
-const styled = require("styled-components");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const PropTypes__default = /* @__PURE__ */ _interopDefault(PropTypes);
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const DeleteButton = ({ tokenName, onClickDelete, tokenType }) => {
-  const { formatMessage } = reactIntl.useIntl();
-  const { trackUsage } = helperPlugin.useTracking();
-  const [showConfirmDialog, setShowConfirmDialog] = React.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",
-        noBorder: true,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Trash, {})
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      helperPlugin.ConfirmDialog,
-      {
-        onToggleDialog: () => setShowConfirmDialog(false),
-        onConfirm: handleClickDelete,
-        isOpen: showConfirmDialog
-      }
-    )
-  ] });
-};
-DeleteButton.propTypes = {
-  tokenName: PropTypes__default.default.string.isRequired,
-  onClickDelete: PropTypes__default.default.func.isRequired,
-  tokenType: PropTypes__default.default.string.isRequired
-};
-const MESSAGES_MAP = {
-  edit: {
-    id: "app.component.table.edit",
-    defaultMessage: "Edit {target}"
-  },
-  read: {
-    id: "app.component.table.read",
-    defaultMessage: "Read {target}"
-  }
-};
-const LinkStyled = styled__default.default(helperPlugin.Link)`
-  svg {
-    path {
-      fill: ${({ theme }) => theme.colors.neutral500};
-    }
-  }
-
-  &:hover,
-  &:focus {
-    svg {
-      path {
-        fill: ${({ theme }) => theme.colors.neutral800};
-      }
-    }
-  }
-`;
-const DefaultButton = ({ tokenName, tokenId, buttonType, children }) => {
-  const { formatMessage } = reactIntl.useIntl();
-  const {
-    location: { pathname }
-  } = reactRouterDom.useHistory();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    LinkStyled,
-    {
-      to: `${pathname}/${tokenId}`,
-      title: formatMessage(MESSAGES_MAP[buttonType], { target: tokenName }),
-      children
-    }
-  );
-};
-DefaultButton.propTypes = {
-  tokenName: PropTypes__default.default.string.isRequired,
-  tokenId: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]).isRequired,
-  buttonType: PropTypes__default.default.string,
-  children: PropTypes__default.default.node.isRequired
-};
-DefaultButton.defaultProps = {
-  buttonType: "edit"
-};
-const ReadButton = ({ tokenName, tokenId }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(DefaultButton, { tokenName, tokenId, buttonType: "read", children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Eye, {}) });
-};
-ReadButton.propTypes = {
-  tokenName: PropTypes__default.default.string.isRequired,
-  tokenId: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]).isRequired
-};
-const UpdateButton = ({ tokenName, tokenId }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(DefaultButton, { tokenName, tokenId, children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Pencil, {}) });
-};
-UpdateButton.propTypes = {
-  tokenName: PropTypes__default.default.string.isRequired,
-  tokenId: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]).isRequired
-};
-const Table = ({
-  permissions,
-  headers,
-  contentType,
-  isLoading,
-  tokens,
-  onConfirmDelete,
-  tokenType
-}) => {
-  const { canDelete, canUpdate, canRead } = permissions;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    helperPlugin.DynamicTable,
-    {
-      headers,
-      contentType,
-      rows: tokens,
-      withBulkActions: canDelete || canUpdate || canRead,
-      isLoading,
-      onConfirmDelete,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        TableRows,
-        {
-          tokenType,
-          permissions,
-          onConfirmDelete
-        }
-      )
-    }
-  );
-};
-Table.propTypes = {
-  tokens: PropTypes__default.default.array,
-  permissions: PropTypes__default.default.shape({
-    canRead: PropTypes__default.default.bool,
-    canDelete: PropTypes__default.default.bool,
-    canUpdate: PropTypes__default.default.bool
-  }).isRequired,
-  headers: PropTypes__default.default.arrayOf(
-    PropTypes__default.default.shape({
-      cellFormatter: PropTypes__default.default.func,
-      key: PropTypes__default.default.string.isRequired,
-      metadatas: PropTypes__default.default.shape({
-        label: PropTypes__default.default.string.isRequired,
-        sortable: PropTypes__default.default.bool
-      }).isRequired,
-      name: PropTypes__default.default.string.isRequired
-    })
-  ),
-  contentType: PropTypes__default.default.string.isRequired,
-  isLoading: PropTypes__default.default.bool,
-  onConfirmDelete: PropTypes__default.default.func,
-  tokenType: PropTypes__default.default.string.isRequired
-};
-Table.defaultProps = {
-  tokens: [],
-  headers: [],
-  isLoading: false,
-  onConfirmDelete() {
-  }
-};
-const TableRows = ({ tokenType, permissions, rows, withBulkActions, onConfirmDelete }) => {
-  const { canDelete, canUpdate, canRead } = permissions;
-  const [{ query }] = helperPlugin.useQueryParams();
-  const { formatMessage } = reactIntl.useIntl();
-  const [, sortOrder] = query ? query.sort.split(":") : "ASC";
-  const {
-    push,
-    location: { pathname }
-  } = reactRouterDom.useHistory();
-  const { trackUsage } = helperPlugin.useTracking();
-  const sortedTokens = rows.sort((a, b) => {
-    const comparison = a.name.localeCompare(b.name);
-    return sortOrder === "DESC" ? -comparison : comparison;
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: sortedTokens.map((token) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      designSystem.Tr,
-      {
-        ...helperPlugin.onRowClick({
-          fn() {
-            trackUsage("willEditTokenFromList", {
-              tokenType
-            });
-            push(`${pathname}/${token.id}`);
-          },
-          condition: canUpdate
-        }),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { maxWidth: helperPlugin.pxToRem(250), children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", fontWeight: "bold", ellipsis: true, children: token.name }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { maxWidth: helperPlugin.pxToRem(250), children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", ellipsis: true, children: token.description }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.RelativeTime, { timestamp: new Date(token.createdAt) }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: token.lastUsedAt && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: /* @__PURE__ */ jsxRuntime.jsx(
-            helperPlugin.RelativeTime,
-            {
-              timestamp: new Date(token.lastUsedAt),
-              customIntervals: [
-                {
-                  unit: "hours",
-                  threshold: 1,
-                  text: formatMessage({
-                    id: "Settings.apiTokens.lastHour",
-                    defaultMessage: "last hour"
-                  })
-                }
-              ]
-            }
-          ) }) }),
-          withBulkActions && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "end", children: [
-            canUpdate && /* @__PURE__ */ jsxRuntime.jsx(UpdateButton, { tokenName: token.name, tokenId: token.id }),
-            !canUpdate && canRead && /* @__PURE__ */ jsxRuntime.jsx(ReadButton, { tokenName: token.name, tokenId: token.id }),
-            canDelete && /* @__PURE__ */ jsxRuntime.jsx(
-              DeleteButton,
-              {
-                tokenName: token.name,
-                onClickDelete: () => onConfirmDelete(token.id),
-                tokenType
-              }
-            )
-          ] }) })
-        ]
-      },
-      token.id
-    );
-  }) });
-};
-TableRows.defaultProps = {
-  rows: [],
-  withBulkActions: false
-};
-TableRows.propTypes = {
-  rows: PropTypes__default.default.array,
-  permissions: PropTypes__default.default.shape({
-    canRead: PropTypes__default.default.bool,
-    canDelete: PropTypes__default.default.bool,
-    canUpdate: PropTypes__default.default.bool
-  }).isRequired,
-  onConfirmDelete: PropTypes__default.default.func.isRequired,
-  tokenType: PropTypes__default.default.string.isRequired,
-  withBulkActions: PropTypes__default.default.bool
-};
-exports.Table = Table;
-//# sourceMappingURL=index-fc700e52.js.map

package/dist/_chunks/index-fc700e52.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-fc700e52.js","sources":["../../admin/src/pages/SettingsPage/components/Tokens/Table/DeleteButton/index.js","../../admin/src/pages/SettingsPage/components/Tokens/Table/DefaultButton/index.js","../../admin/src/pages/SettingsPage/components/Tokens/Table/ReadButton/index.js","../../admin/src/pages/SettingsPage/components/Tokens/Table/UpdateButton/index.js","../../admin/src/pages/SettingsPage/components/Tokens/Table/index.js"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Box, IconButton } from '@strapi/design-system';\nimport { ConfirmDialog, useTracking } from '@strapi/helper-plugin';\nimport { Trash } from '@strapi/icons';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nconst DeleteButton = ({ tokenName, onClickDelete, tokenType }) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [showConfirmDialog, setShowConfirmDialog] = 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        noBorder\n        icon={<Trash />}\n      />\n      <ConfirmDialog\n        onToggleDialog={() => setShowConfirmDialog(false)}\n        onConfirm={handleClickDelete}\n        isOpen={showConfirmDialog}\n      />\n    </Box>\n  );\n};\n\nDeleteButton.propTypes = {\n  tokenName: PropTypes.string.isRequired,\n  onClickDelete: PropTypes.func.isRequired,\n  tokenType: PropTypes.string.isRequired,\n};\n\nexport default DeleteButton;\n","import React from 'react';\n\nimport { Link } from '@strapi/helper-plugin';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport { useHistory } from 'react-router-dom';\nimport styled from 'styled-components';\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\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\nconst DefaultButton = ({ tokenName, tokenId, buttonType, children }) => {\n  const { formatMessage } = useIntl();\n  const {\n    location: { pathname },\n  } = useHistory();\n\n  return (\n    <LinkStyled\n      to={`${pathname}/${tokenId}`}\n      title={formatMessage(MESSAGES_MAP[buttonType], { target: tokenName })}\n    >\n      {children}\n    </LinkStyled>\n  );\n};\n\nDefaultButton.propTypes = {\n  tokenName: PropTypes.string.isRequired,\n  tokenId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  buttonType: PropTypes.string,\n  children: PropTypes.node.isRequired,\n};\n\nDefaultButton.defaultProps = {\n  buttonType: 'edit',\n};\n\nexport default DefaultButton;\n","import React from 'react';\n\nimport { Eye } from '@strapi/icons';\nimport PropTypes from 'prop-types';\n\nimport DefaultButton from '../DefaultButton';\n\nconst ReadButton = ({ tokenName, tokenId }) => {\n  return (\n    <DefaultButton tokenName={tokenName} tokenId={tokenId} buttonType=\"read\">\n      <Eye />\n    </DefaultButton>\n  );\n};\n\nReadButton.propTypes = {\n  tokenName: PropTypes.string.isRequired,\n  tokenId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n};\n\nexport default ReadButton;\n","import React from 'react';\n\nimport { Pencil } from '@strapi/icons';\nimport PropTypes from 'prop-types';\n\nimport DefaultButton from '../DefaultButton';\n\nconst UpdateButton = ({ tokenName, tokenId }) => {\n  return (\n    <DefaultButton tokenName={tokenName} tokenId={tokenId}>\n      <Pencil />\n    </DefaultButton>\n  );\n};\n\nUpdateButton.propTypes = {\n  tokenName: PropTypes.string.isRequired,\n  tokenId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n};\n\nexport default UpdateButton;\n","import React from 'react';\n\nimport { Flex, Tbody, Td, Tr, Typography } from '@strapi/design-system';\nimport {\n  DynamicTable,\n  onRowClick,\n  pxToRem,\n  RelativeTime,\n  useQueryParams,\n  useTracking,\n} from '@strapi/helper-plugin';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport { useHistory } from 'react-router-dom';\n\nimport DeleteButton from './DeleteButton';\nimport ReadButton from './ReadButton';\nimport UpdateButton from './UpdateButton';\n\nconst Table = ({\n  permissions,\n  headers,\n  contentType,\n  isLoading,\n  tokens,\n  onConfirmDelete,\n  tokenType,\n}) => {\n  const { canDelete, canUpdate, canRead } = permissions;\n\n  /**\n   * TODO: This needs refactoring to the new `Table` component.\n   */\n  return (\n    <DynamicTable\n      headers={headers}\n      contentType={contentType}\n      rows={tokens}\n      withBulkActions={canDelete || canUpdate || canRead}\n      isLoading={isLoading}\n      onConfirmDelete={onConfirmDelete}\n    >\n      <TableRows\n        tokenType={tokenType}\n        permissions={permissions}\n        onConfirmDelete={onConfirmDelete}\n      />\n    </DynamicTable>\n  );\n};\n\nTable.propTypes = {\n  tokens: PropTypes.array,\n  permissions: PropTypes.shape({\n    canRead: PropTypes.bool,\n    canDelete: PropTypes.bool,\n    canUpdate: PropTypes.bool,\n  }).isRequired,\n  headers: PropTypes.arrayOf(\n    PropTypes.shape({\n      cellFormatter: PropTypes.func,\n      key: PropTypes.string.isRequired,\n      metadatas: PropTypes.shape({\n        label: PropTypes.string.isRequired,\n        sortable: PropTypes.bool,\n      }).isRequired,\n      name: PropTypes.string.isRequired,\n    })\n  ),\n  contentType: PropTypes.string.isRequired,\n  isLoading: PropTypes.bool,\n  onConfirmDelete: PropTypes.func,\n  tokenType: PropTypes.string.isRequired,\n};\n\nTable.defaultProps = {\n  tokens: [],\n  headers: [],\n  isLoading: false,\n  onConfirmDelete() {},\n};\n\nexport default Table;\n\nconst TableRows = ({ tokenType, permissions, rows, withBulkActions, onConfirmDelete }) => {\n  const { canDelete, canUpdate, canRead } = permissions;\n\n  const [{ query }] = useQueryParams();\n  const { formatMessage } = useIntl();\n  const [, sortOrder] = query ? query.sort.split(':') : 'ASC';\n  const {\n    push,\n    location: { pathname },\n  } = useHistory();\n  const { trackUsage } = useTracking();\n\n  const sortedTokens = rows.sort((a, b) => {\n    const comparison = a.name.localeCompare(b.name);\n\n    return sortOrder === 'DESC' ? -comparison : comparison;\n  });\n\n  return (\n    <Tbody>\n      {sortedTokens.map((token) => {\n        return (\n          <Tr\n            key={token.id}\n            {...onRowClick({\n              fn() {\n                trackUsage('willEditTokenFromList', {\n                  tokenType,\n                });\n                push(`${pathname}/${token.id}`);\n              },\n              condition: canUpdate,\n            })}\n          >\n            <Td maxWidth={pxToRem(250)}>\n              <Typography textColor=\"neutral800\" fontWeight=\"bold\" ellipsis>\n                {token.name}\n              </Typography>\n            </Td>\n            <Td maxWidth={pxToRem(250)}>\n              <Typography textColor=\"neutral800\" ellipsis>\n                {token.description}\n              </Typography>\n            </Td>\n            <Td>\n              <Typography textColor=\"neutral800\">\n                <RelativeTime timestamp={new Date(token.createdAt)} />\n              </Typography>\n            </Td>\n            <Td>\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            </Td>\n\n            {withBulkActions && (\n              <Td>\n                <Flex justifyContent=\"end\">\n                  {canUpdate && <UpdateButton tokenName={token.name} tokenId={token.id} />}\n                  {!canUpdate && canRead && (\n                    <ReadButton tokenName={token.name} tokenId={token.id} />\n                  )}\n                  {canDelete && (\n                    <DeleteButton\n                      tokenName={token.name}\n                      onClickDelete={() => onConfirmDelete(token.id)}\n                      tokenType={tokenType}\n                    />\n                  )}\n                </Flex>\n              </Td>\n            )}\n          </Tr>\n        );\n      })}\n    </Tbody>\n  );\n};\n\nTableRows.defaultProps = {\n  rows: [],\n  withBulkActions: false,\n};\n\nTableRows.propTypes = {\n  rows: PropTypes.array,\n  permissions: PropTypes.shape({\n    canRead: PropTypes.bool,\n    canDelete: PropTypes.bool,\n    canUpdate: PropTypes.bool,\n  }).isRequired,\n  onConfirmDelete: PropTypes.func.isRequired,\n  tokenType: PropTypes.string.isRequired,\n  withBulkActions: PropTypes.bool,\n};\n"],"names":["useIntl","useTracking","useState","jsxs","Box","jsx","IconButton","Trash","ConfirmDialog","PropTypes","styled","Link","useHistory","Eye","Pencil","DynamicTable","useQueryParams","Tbody","Tr","onRowClick","Td","pxToRem","Typography","RelativeTime","Flex"],"mappings":"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"}