@strapi/admin 5.33.4 → 5.35.0

package/dist/admin/admin/src/pages/Marketplace/components/NpmPackageCard.mjs

@@ -1,308 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Typography, Divider, Flex, Box, Tooltip, LinkButton, Button } from '@strapi/design-system';
-import { CheckCircle, ExternalLink, Check, Duplicate, Star, Download } from '@strapi/icons';
-import { GitHub } from '@strapi/icons/symbols';
-import pluralize from 'pluralize';
-import { useIntl } from 'react-intl';
-import * as semver from 'semver';
-import { styled } from 'styled-components';
-import img from '../../../assets/images/logo-strapi-2022.svg.mjs';
-import { useNotification } from '../../../features/Notifications.mjs';
-import { useTracking } from '../../../features/Tracking.mjs';
-import { useClipboard } from '../../../hooks/useClipboard.mjs';
-
-// Custom component to have an ellipsis after the 2nd line
-const EllipsisText = styled(Typography)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-`;
-const NpmPackageCard = ({ npmPackage, isInstalled, useYarn, isInDevelopmentMode, npmPackageType, strapiAppVersion })=>{
-    const { attributes } = npmPackage;
-    const { formatMessage } = useIntl();
-    const { trackUsage } = useTracking();
-    const commandToCopy = useYarn ? `yarn add ${attributes.npmPackageName}` : `npm install ${attributes.npmPackageName}`;
-    const madeByStrapiMessage = formatMessage({
-        id: 'admin.pages.MarketPlacePage.plugin.tooltip.madeByStrapi',
-        defaultMessage: 'Made by Strapi'
-    });
-    const npmPackageHref = `https://market.strapi.io/${pluralize.plural(npmPackageType)}/${attributes.slug}`;
-    const versionRange = semver.validRange(attributes.strapiVersion);
-    const isCompatible = versionRange ? semver.satisfies(strapiAppVersion ?? '', versionRange) : false;
-    return /*#__PURE__*/ jsxs(Flex, {
-        direction: "column",
-        justifyContent: "space-between",
-        paddingTop: 4,
-        paddingRight: 4,
-        paddingBottom: 4,
-        paddingLeft: 4,
-        hasRadius: true,
-        background: "neutral0",
-        shadow: "tableShadow",
-        height: "100%",
-        alignItems: "normal",
-        "data-testid": "npm-package-card",
-        children: [
-            /*#__PURE__*/ jsxs(Box, {
-                children: [
-                    /*#__PURE__*/ jsxs(Flex, {
-                        direction: "row",
-                        justifyContent: "space-between",
-                        alignItems: "flex-start",
-                        children: [
-                            /*#__PURE__*/ jsx(Box, {
-                                tag: "img",
-                                src: attributes.logo.url,
-                                alt: `${attributes.name} logo`,
-                                hasRadius: true,
-                                width: 11,
-                                height: 11
-                            }),
-                            /*#__PURE__*/ jsx(PackageStats, {
-                                githubStars: attributes.githubStars,
-                                npmDownloads: attributes.npmDownloads,
-                                npmPackageType: npmPackageType
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsx(Box, {
-                        paddingTop: 4,
-                        children: /*#__PURE__*/ jsx(Typography, {
-                            tag: "h3",
-                            variant: "delta",
-                            children: /*#__PURE__*/ jsxs(Flex, {
-                                alignItems: "center",
-                                gap: attributes.validated && !attributes.madeByStrapi ? 2 : 1,
-                                children: [
-                                    attributes.name,
-                                    attributes.validated && !attributes.madeByStrapi && /*#__PURE__*/ jsx(Tooltip, {
-                                        description: formatMessage({
-                                            id: 'admin.pages.MarketPlacePage.plugin.tooltip.verified',
-                                            defaultMessage: 'Plugin verified by Strapi'
-                                        }),
-                                        children: /*#__PURE__*/ jsx(CheckCircle, {
-                                            fill: "success600"
-                                        })
-                                    }),
-                                    attributes.madeByStrapi && /*#__PURE__*/ jsx(Tooltip, {
-                                        label: madeByStrapiMessage,
-                                        children: /*#__PURE__*/ jsx(Box, {
-                                            tag: "img",
-                                            src: img,
-                                            alt: madeByStrapiMessage,
-                                            width: 6,
-                                            height: "auto"
-                                        })
-                                    })
-                                ]
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(Box, {
-                        paddingTop: 2,
-                        children: /*#__PURE__*/ jsx(EllipsisText, {
-                            tag: "p",
-                            variant: "omega",
-                            textColor: "neutral600",
-                            children: attributes.description
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs(Flex, {
-                gap: 2,
-                style: {
-                    alignSelf: 'flex-end'
-                },
-                paddingTop: 6,
-                children: [
-                    /*#__PURE__*/ jsx(LinkButton, {
-                        size: "S",
-                        href: npmPackageHref,
-                        isExternal: true,
-                        endIcon: /*#__PURE__*/ jsx(ExternalLink, {}),
-                        "aria-label": formatMessage({
-                            id: 'admin.pages.MarketPlacePage.plugin.info.label',
-                            defaultMessage: 'Learn more about {pluginName}'
-                        }, {
-                            pluginName: attributes.name
-                        }),
-                        variant: "tertiary",
-                        onClick: ()=>trackUsage('didPluginLearnMore'),
-                        children: formatMessage({
-                            id: 'admin.pages.MarketPlacePage.plugin.info.text',
-                            defaultMessage: 'More'
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(InstallPluginButton, {
-                        isInstalled: isInstalled,
-                        isInDevelopmentMode: isInDevelopmentMode,
-                        isCompatible: isCompatible,
-                        commandToCopy: commandToCopy,
-                        strapiAppVersion: strapiAppVersion,
-                        strapiPeerDepVersion: attributes.strapiVersion,
-                        pluginName: attributes.name
-                    })
-                ]
-            })
-        ]
-    });
-};
-const InstallPluginButton = ({ isInstalled, isInDevelopmentMode, isCompatible, commandToCopy, strapiAppVersion, strapiPeerDepVersion, pluginName })=>{
-    const { toggleNotification } = useNotification();
-    const { formatMessage } = useIntl();
-    const { trackUsage } = useTracking();
-    const { copy } = useClipboard();
-    const handleCopy = async ()=>{
-        const didCopy = await copy(commandToCopy);
-        if (didCopy) {
-            trackUsage('willInstallPlugin');
-            toggleNotification({
-                type: 'success',
-                message: formatMessage({
-                    id: 'admin.pages.MarketPlacePage.plugin.copy.success'
-                })
-            });
-        }
-    };
-    // Already installed
-    if (isInstalled) {
-        return /*#__PURE__*/ jsxs(Flex, {
-            gap: 2,
-            paddingLeft: 4,
-            children: [
-                /*#__PURE__*/ jsx(Check, {
-                    width: "1.2rem",
-                    height: "1.2rem",
-                    color: "success600"
-                }),
-                /*#__PURE__*/ jsx(Typography, {
-                    variant: "omega",
-                    textColor: "success600",
-                    fontWeight: "bold",
-                    children: formatMessage({
-                        id: 'admin.pages.MarketPlacePage.plugin.installed',
-                        defaultMessage: 'Installed'
-                    })
-                })
-            ]
-        });
-    }
-    // In development, show install button
-    if (isInDevelopmentMode && isCompatible !== false) {
-        return /*#__PURE__*/ jsx(CardButton, {
-            strapiAppVersion: strapiAppVersion,
-            strapiPeerDepVersion: strapiPeerDepVersion,
-            handleCopy: handleCopy,
-            pluginName: pluginName
-        });
-    }
-    // Not in development and plugin not installed already. Show nothing
-    return null;
-};
-const CardButton = ({ strapiPeerDepVersion, strapiAppVersion, handleCopy, pluginName })=>{
-    const { formatMessage } = useIntl();
-    const versionRange = semver.validRange(strapiPeerDepVersion);
-    const isCompatible = semver.satisfies(strapiAppVersion ?? '', versionRange ?? '');
-    const installMessage = formatMessage({
-        id: 'admin.pages.MarketPlacePage.plugin.copy',
-        defaultMessage: 'Copy install command'
-    });
-    // Only plugins receive a strapiAppVersion
-    if (strapiAppVersion) {
-        if (!versionRange || !isCompatible) {
-            return /*#__PURE__*/ jsx(Tooltip, {
-                "data-testid": `tooltip-${pluginName}`,
-                label: formatMessage({
-                    id: 'admin.pages.MarketPlacePage.plugin.version',
-                    defaultMessage: 'Update your Strapi version: "{strapiAppVersion}" to: "{versionRange}"'
-                }, {
-                    strapiAppVersion,
-                    versionRange
-                }),
-                children: /*#__PURE__*/ jsx("span", {
-                    children: /*#__PURE__*/ jsx(Button, {
-                        size: "S",
-                        startIcon: /*#__PURE__*/ jsx(Duplicate, {}),
-                        variant: "secondary",
-                        onClick: handleCopy,
-                        disabled: !isCompatible,
-                        children: installMessage
-                    })
-                })
-            });
-        }
-    }
-    return /*#__PURE__*/ jsx(Button, {
-        size: "S",
-        startIcon: /*#__PURE__*/ jsx(Duplicate, {}),
-        variant: "secondary",
-        onClick: handleCopy,
-        children: installMessage
-    });
-};
-const PackageStats = ({ githubStars = 0, npmDownloads = 0, npmPackageType })=>{
-    const { formatMessage } = useIntl();
-    return /*#__PURE__*/ jsxs(Flex, {
-        gap: 1,
-        children: [
-            !!githubStars && /*#__PURE__*/ jsxs(Fragment, {
-                children: [
-                    /*#__PURE__*/ jsx(GitHub, {
-                        height: "1.2rem",
-                        width: "1.2rem",
-                        "aria-hidden": true
-                    }),
-                    /*#__PURE__*/ jsx(Star, {
-                        height: "1.2rem",
-                        width: "1.2rem",
-                        fill: "warning500",
-                        "aria-hidden": true
-                    }),
-                    /*#__PURE__*/ jsx("p", {
-                        "aria-label": formatMessage({
-                            id: `admin.pages.MarketPlacePage.${npmPackageType}.githubStars`,
-                            defaultMessage: `This {package} was starred {starsCount} on GitHub`
-                        }, {
-                            starsCount: githubStars,
-                            package: npmPackageType
-                        }),
-                        children: /*#__PURE__*/ jsx(Typography, {
-                            variant: "pi",
-                            textColor: "neutral800",
-                            children: githubStars
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(VerticalDivider, {})
-                ]
-            }),
-            /*#__PURE__*/ jsx(Download, {
-                height: "1.2rem",
-                width: "1.2rem",
-                "aria-hidden": true
-            }),
-            /*#__PURE__*/ jsx("p", {
-                "aria-label": formatMessage({
-                    id: `admin.pages.MarketPlacePage.${npmPackageType}.downloads`,
-                    defaultMessage: `This {package} has {downloadsCount} weekly downloads`
-                }, {
-                    downloadsCount: npmDownloads,
-                    package: npmPackageType
-                }),
-                children: /*#__PURE__*/ jsx(Typography, {
-                    variant: "pi",
-                    textColor: "neutral800",
-                    children: npmDownloads
-                })
-            })
-        ]
-    });
-};
-const VerticalDivider = styled(Divider)`
-  width: 1.2rem;
-  transform: rotate(90deg);
-`;
-
-export { NpmPackageCard };
-//# sourceMappingURL=NpmPackageCard.mjs.map

package/dist/admin/admin/src/pages/Marketplace/components/NpmPackageCard.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NpmPackageCard.mjs","sources":["../../../../../../../admin/src/pages/Marketplace/components/NpmPackageCard.tsx"],"sourcesContent":["import {\n  Box,\n  Flex,\n  Tooltip,\n  Typography,\n  Divider,\n  Button,\n  LinkButton,\n  TypographyComponent,\n} from '@strapi/design-system';\nimport { CheckCircle, ExternalLink, Download, Star, Check, Duplicate } from '@strapi/icons';\nimport { GitHub } from '@strapi/icons/symbols';\nimport pluralize from 'pluralize';\nimport { useIntl } from 'react-intl';\nimport * as semver from 'semver';\nimport { styled } from 'styled-components';\n\nimport StrapiLogo from '../../../assets/images/logo-strapi-2022.svg';\nimport { AppInfoContextValue } from '../../../features/AppInfo';\nimport { useNotification } from '../../../features/Notifications';\nimport { useTracking } from '../../../features/Tracking';\nimport { useClipboard } from '../../../hooks/useClipboard';\n\nimport type { Plugin, Provider } from '../hooks/useMarketplaceData';\nimport type { NpmPackageType } from '../MarketplacePage';\n\n// Custom component to have an ellipsis after the 2nd line\nconst EllipsisText = styled<TypographyComponent<'p'>>(Typography)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n`;\n\ninterface NpmPackageCardProps extends Pick<AppInfoContextValue, 'useYarn'> {\n  npmPackage: Plugin | Provider;\n  isInstalled: boolean;\n  isInDevelopmentMode: AppInfoContextValue['autoReload'];\n  npmPackageType: NpmPackageType;\n  strapiAppVersion: AppInfoContextValue['strapiVersion'];\n}\n\nconst NpmPackageCard = ({\n  npmPackage,\n  isInstalled,\n  useYarn,\n  isInDevelopmentMode,\n  npmPackageType,\n  strapiAppVersion,\n}: NpmPackageCardProps) => {\n  const { attributes } = npmPackage;\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n\n  const commandToCopy = useYarn\n    ? `yarn add ${attributes.npmPackageName}`\n    : `npm install ${attributes.npmPackageName}`;\n\n  const madeByStrapiMessage = formatMessage({\n    id: 'admin.pages.MarketPlacePage.plugin.tooltip.madeByStrapi',\n    defaultMessage: 'Made by Strapi',\n  });\n\n  const npmPackageHref = `https://market.strapi.io/${pluralize.plural(npmPackageType)}/${\n    attributes.slug\n  }`;\n\n  const versionRange = semver.validRange(attributes.strapiVersion);\n\n  const isCompatible = versionRange\n    ? semver.satisfies(strapiAppVersion ?? '', versionRange)\n    : false;\n\n  return (\n    <Flex\n      direction=\"column\"\n      justifyContent=\"space-between\"\n      paddingTop={4}\n      paddingRight={4}\n      paddingBottom={4}\n      paddingLeft={4}\n      hasRadius\n      background=\"neutral0\"\n      shadow=\"tableShadow\"\n      height=\"100%\"\n      alignItems=\"normal\"\n      data-testid=\"npm-package-card\"\n    >\n      <Box>\n        <Flex direction=\"row\" justifyContent=\"space-between\" alignItems=\"flex-start\">\n          <Box\n            tag=\"img\"\n            src={attributes.logo.url}\n            alt={`${attributes.name} logo`}\n            hasRadius\n            width={11}\n            height={11}\n          />\n          <PackageStats\n            githubStars={attributes.githubStars}\n            npmDownloads={attributes.npmDownloads}\n            npmPackageType={npmPackageType}\n          />\n        </Flex>\n        <Box paddingTop={4}>\n          <Typography tag=\"h3\" variant=\"delta\">\n            <Flex\n              alignItems=\"center\"\n              gap={attributes.validated && !attributes.madeByStrapi ? 2 : 1}\n            >\n              {attributes.name}\n              {attributes.validated && !attributes.madeByStrapi && (\n                <Tooltip\n                  description={formatMessage({\n                    id: 'admin.pages.MarketPlacePage.plugin.tooltip.verified',\n                    defaultMessage: 'Plugin verified by Strapi',\n                  })}\n                >\n                  <CheckCircle fill=\"success600\" />\n                </Tooltip>\n              )}\n              {attributes.madeByStrapi && (\n                <Tooltip label={madeByStrapiMessage}>\n                  <Box\n                    tag=\"img\"\n                    src={StrapiLogo}\n                    alt={madeByStrapiMessage}\n                    width={6}\n                    height=\"auto\"\n                  />\n                </Tooltip>\n              )}\n            </Flex>\n          </Typography>\n        </Box>\n        <Box paddingTop={2}>\n          <EllipsisText tag=\"p\" variant=\"omega\" textColor=\"neutral600\">\n            {attributes.description}\n          </EllipsisText>\n        </Box>\n      </Box>\n\n      <Flex gap={2} style={{ alignSelf: 'flex-end' }} paddingTop={6}>\n        <LinkButton\n          size=\"S\"\n          href={npmPackageHref}\n          isExternal\n          endIcon={<ExternalLink />}\n          aria-label={formatMessage(\n            {\n              id: 'admin.pages.MarketPlacePage.plugin.info.label',\n              defaultMessage: 'Learn more about {pluginName}',\n            },\n            { pluginName: attributes.name }\n          )}\n          variant=\"tertiary\"\n          onClick={() => trackUsage('didPluginLearnMore')}\n        >\n          {formatMessage({\n            id: 'admin.pages.MarketPlacePage.plugin.info.text',\n            defaultMessage: 'More',\n          })}\n        </LinkButton>\n        <InstallPluginButton\n          isInstalled={isInstalled}\n          isInDevelopmentMode={isInDevelopmentMode}\n          isCompatible={isCompatible}\n          commandToCopy={commandToCopy}\n          strapiAppVersion={strapiAppVersion}\n          strapiPeerDepVersion={attributes.strapiVersion}\n          pluginName={attributes.name}\n        />\n      </Flex>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * InstallPluginButton\n * -----------------------------------------------------------------------------------------------*/\n\ninterface InstallPluginButtonProps\n  extends Pick<NpmPackageCardProps, 'isInstalled' | 'isInDevelopmentMode' | 'strapiAppVersion'> {\n  commandToCopy: string;\n  pluginName: string;\n  strapiPeerDepVersion?: string;\n  isCompatible?: boolean;\n}\n\nconst InstallPluginButton = ({\n  isInstalled,\n  isInDevelopmentMode,\n  isCompatible,\n  commandToCopy,\n  strapiAppVersion,\n  strapiPeerDepVersion,\n  pluginName,\n}: InstallPluginButtonProps) => {\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const { copy } = useClipboard();\n\n  const handleCopy = async () => {\n    const didCopy = await copy(commandToCopy);\n\n    if (didCopy) {\n      trackUsage('willInstallPlugin');\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({ id: 'admin.pages.MarketPlacePage.plugin.copy.success' }),\n      });\n    }\n  };\n\n  // Already installed\n  if (isInstalled) {\n    return (\n      <Flex gap={2} paddingLeft={4}>\n        <Check width=\"1.2rem\" height=\"1.2rem\" color=\"success600\" />\n        <Typography variant=\"omega\" textColor=\"success600\" fontWeight=\"bold\">\n          {formatMessage({\n            id: 'admin.pages.MarketPlacePage.plugin.installed',\n            defaultMessage: 'Installed',\n          })}\n        </Typography>\n      </Flex>\n    );\n  }\n\n  // In development, show install button\n  if (isInDevelopmentMode && isCompatible !== false) {\n    return (\n      <CardButton\n        strapiAppVersion={strapiAppVersion}\n        strapiPeerDepVersion={strapiPeerDepVersion}\n        handleCopy={handleCopy}\n        pluginName={pluginName}\n      />\n    );\n  }\n\n  // Not in development and plugin not installed already. Show nothing\n  return null;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * CardButton\n * -----------------------------------------------------------------------------------------------*/\n\ninterface CardButtonProps\n  extends Pick<NpmPackageCardProps, 'strapiAppVersion'>,\n    Pick<InstallPluginButtonProps, 'strapiPeerDepVersion' | 'pluginName'> {\n  handleCopy: () => void;\n}\n\nconst CardButton = ({\n  strapiPeerDepVersion,\n  strapiAppVersion,\n  handleCopy,\n  pluginName,\n}: CardButtonProps) => {\n  const { formatMessage } = useIntl();\n  const versionRange = semver.validRange(strapiPeerDepVersion);\n  const isCompatible = semver.satisfies(strapiAppVersion ?? '', versionRange ?? '');\n\n  const installMessage = formatMessage({\n    id: 'admin.pages.MarketPlacePage.plugin.copy',\n    defaultMessage: 'Copy install command',\n  });\n\n  // Only plugins receive a strapiAppVersion\n  if (strapiAppVersion) {\n    if (!versionRange || !isCompatible) {\n      return (\n        <Tooltip\n          data-testid={`tooltip-${pluginName}`}\n          label={formatMessage(\n            {\n              id: 'admin.pages.MarketPlacePage.plugin.version',\n              defaultMessage:\n                'Update your Strapi version: \"{strapiAppVersion}\" to: \"{versionRange}\"',\n            },\n            {\n              strapiAppVersion,\n              versionRange,\n            }\n          )}\n        >\n          <span>\n            <Button\n              size=\"S\"\n              startIcon={<Duplicate />}\n              variant=\"secondary\"\n              onClick={handleCopy}\n              disabled={!isCompatible}\n            >\n              {installMessage}\n            </Button>\n          </span>\n        </Tooltip>\n      );\n    }\n  }\n\n  return (\n    <Button size=\"S\" startIcon={<Duplicate />} variant=\"secondary\" onClick={handleCopy}>\n      {installMessage}\n    </Button>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * PackageStats\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PackageStatsProps {\n  githubStars?: number;\n  npmDownloads?: number;\n  npmPackageType: NpmPackageType;\n}\n\nconst PackageStats = ({ githubStars = 0, npmDownloads = 0, npmPackageType }: PackageStatsProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Flex gap={1}>\n      {!!githubStars && (\n        <>\n          <GitHub height=\"1.2rem\" width=\"1.2rem\" aria-hidden />\n          <Star height=\"1.2rem\" width=\"1.2rem\" fill=\"warning500\" aria-hidden />\n          <p\n            aria-label={formatMessage(\n              {\n                id: `admin.pages.MarketPlacePage.${npmPackageType}.githubStars`,\n                defaultMessage: `This {package} was starred {starsCount} on GitHub`,\n              },\n              {\n                starsCount: githubStars,\n                package: npmPackageType,\n              }\n            )}\n          >\n            <Typography variant=\"pi\" textColor=\"neutral800\">\n              {githubStars}\n            </Typography>\n          </p>\n          <VerticalDivider />\n        </>\n      )}\n      <Download height=\"1.2rem\" width=\"1.2rem\" aria-hidden />\n      <p\n        aria-label={formatMessage(\n          {\n            id: `admin.pages.MarketPlacePage.${npmPackageType}.downloads`,\n            defaultMessage: `This {package} has {downloadsCount} weekly downloads`,\n          },\n          {\n            downloadsCount: npmDownloads,\n            package: npmPackageType,\n          }\n        )}\n      >\n        <Typography variant=\"pi\" textColor=\"neutral800\">\n          {npmDownloads}\n        </Typography>\n      </p>\n    </Flex>\n  );\n};\n\nconst VerticalDivider = styled(Divider)`\n  width: 1.2rem;\n  transform: rotate(90deg);\n`;\n\nexport { NpmPackageCard };\nexport type { NpmPackageCardProps };\n"],"names":["EllipsisText","styled","Typography","NpmPackageCard","npmPackage","isInstalled","useYarn","isInDevelopmentMode","npmPackageType","strapiAppVersion","attributes","formatMessage","useIntl","trackUsage","useTracking","commandToCopy","npmPackageName","madeByStrapiMessage","id","defaultMessage","npmPackageHref","pluralize","plural","slug","versionRange","semver","validRange","strapiVersion","isCompatible","satisfies","_jsxs","Flex","direction","justifyContent","paddingTop","paddingRight","paddingBottom","paddingLeft","hasRadius","background","shadow","height","alignItems","data-testid","Box","_jsx","tag","src","logo","url","alt","name","width","PackageStats","githubStars","npmDownloads","variant","gap","validated","madeByStrapi","Tooltip","description","CheckCircle","fill","label","StrapiLogo","textColor","style","alignSelf","LinkButton","size","href","isExternal","endIcon","ExternalLink","aria-label","pluginName","onClick","InstallPluginButton","strapiPeerDepVersion","toggleNotification","useNotification","copy","useClipboard","handleCopy","didCopy","type","message","Check","color","fontWeight","CardButton","installMessage","span","Button","startIcon","Duplicate","disabled","_Fragment","GitHub","aria-hidden","Star","p","starsCount","package","VerticalDivider","Download","downloadsCount","Divider"],"mappings":"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"}

package/dist/admin/admin/src/pages/Marketplace/components/NpmPackagesFilters.js

@@ -1,121 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-require('react');
-var designSystem = require('@strapi/design-system');
-var icons = require('@strapi/icons');
-var reactIntl = require('react-intl');
-
-const NpmPackagesFilters = ({ handleSelectClear, handleSelectChange, npmPackageType, possibleCategories, possibleCollections, query })=>{
-    const { formatMessage } = reactIntl.useIntl();
-    const handleTagRemove = (tagToRemove, filterType)=>{
-        const update = {
-            [filterType]: (query[filterType] ?? []).filter((previousTag)=>previousTag !== tagToRemove)
-        };
-        handleSelectChange(update);
-    };
-    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Popover.Root, {
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Popover.Trigger, {
-                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
-                    variant: "tertiary",
-                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Filter, {}),
-                    children: formatMessage({
-                        id: 'app.utils.filters',
-                        defaultMessage: 'Filters'
-                    })
-                })
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Popover.Content, {
-                sideOffset: 4,
-                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                    padding: 3,
-                    direction: "column",
-                    alignItems: "stretch",
-                    gap: 1,
-                    children: [
-                        /*#__PURE__*/ jsxRuntime.jsx(FilterSelect, {
-                            message: formatMessage({
-                                id: 'admin.pages.MarketPlacePage.filters.collections',
-                                defaultMessage: 'Collections'
-                            }),
-                            value: query?.collections || [],
-                            onChange: (newCollections)=>{
-                                const update = {
-                                    collections: newCollections
-                                };
-                                handleSelectChange(update);
-                            },
-                            onClear: ()=>handleSelectClear('collections'),
-                            possibleFilters: possibleCollections,
-                            customizeContent: (values)=>formatMessage({
-                                    id: 'admin.pages.MarketPlacePage.filters.collectionsSelected',
-                                    defaultMessage: '{count, plural, =0 {No collections} one {# collection} other {# collections}} selected'
-                                }, {
-                                    count: values?.length ?? 0
-                                })
-                        }),
-                        npmPackageType === 'plugin' && /*#__PURE__*/ jsxRuntime.jsx(FilterSelect, {
-                            message: formatMessage({
-                                id: 'admin.pages.MarketPlacePage.filters.categories',
-                                defaultMessage: 'Categories'
-                            }),
-                            value: query?.categories || [],
-                            onChange: (newCategories)=>{
-                                const update = {
-                                    categories: newCategories
-                                };
-                                handleSelectChange(update);
-                            },
-                            onClear: ()=>handleSelectClear('categories'),
-                            possibleFilters: possibleCategories,
-                            customizeContent: (values)=>formatMessage({
-                                    id: 'admin.pages.MarketPlacePage.filters.categoriesSelected',
-                                    defaultMessage: '{count, plural, =0 {No categories} one {# category} other {# categories}} selected'
-                                }, {
-                                    count: values?.length ?? 0
-                                })
-                        })
-                    ]
-                })
-            }),
-            query.collections?.map((collection)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                    padding: 1,
-                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tag, {
-                        icon: /*#__PURE__*/ jsxRuntime.jsx(icons.Cross, {}),
-                        onClick: ()=>handleTagRemove(collection, 'collections'),
-                        children: collection
-                    })
-                }, collection)),
-            npmPackageType === 'plugin' && query.categories?.map((category)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                    padding: 1,
-                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tag, {
-                        icon: /*#__PURE__*/ jsxRuntime.jsx(icons.Cross, {}),
-                        onClick: ()=>handleTagRemove(category, 'categories'),
-                        children: category
-                    })
-                }, category))
-        ]
-    });
-};
-const FilterSelect = ({ message, value, onChange, possibleFilters, onClear, customizeContent })=>{
-    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.MultiSelect, {
-        "data-testid": `${message}-button`,
-        "aria-label": message,
-        placeholder: message,
-        onChange: onChange,
-        onClear: onClear,
-        value: value,
-        customizeContent: customizeContent,
-        children: Object.entries(possibleFilters).map(([filterName, count])=>{
-            return /*#__PURE__*/ jsxRuntime.jsx(designSystem.MultiSelectOption, {
-                "data-testid": `${filterName}-${count}`,
-                value: filterName,
-                children: `${filterName} (${count})`
-            }, filterName);
-        })
-    });
-};
-
-exports.NpmPackagesFilters = NpmPackagesFilters;
-//# sourceMappingURL=NpmPackagesFilters.js.map

package/dist/admin/admin/src/pages/Marketplace/components/NpmPackagesFilters.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NpmPackagesFilters.js","sources":["../../../../../../../admin/src/pages/Marketplace/components/NpmPackagesFilters.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  Button,\n  Tag,\n  MultiSelect,\n  MultiSelectOption,\n  MultiSelectProps,\n  Popover,\n  Flex,\n} from '@strapi/design-system';\nimport { Cross, Filter } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport type { Categories, Collections, FilterTypes } from '../hooks/useMarketplaceData';\nimport type { NpmPackageType, MarketplacePageQuery } from '../MarketplacePage';\n\ninterface NpmPackagesFiltersProps {\n  handleSelectClear: (type: FilterTypes) => void;\n  handleSelectChange: (update: Partial<MarketplacePageQuery>) => void;\n  npmPackageType: NpmPackageType;\n  possibleCategories: Partial<Record<Categories, number>>;\n  possibleCollections: Partial<Record<Collections, number>>;\n  query: MarketplacePageQuery;\n}\n\nconst NpmPackagesFilters = ({\n  handleSelectClear,\n  handleSelectChange,\n  npmPackageType,\n  possibleCategories,\n  possibleCollections,\n  query,\n}: NpmPackagesFiltersProps) => {\n  const { formatMessage } = useIntl();\n\n  const handleTagRemove = (tagToRemove: string, filterType: FilterTypes) => {\n    const update = {\n      [filterType]: (query[filterType] ?? []).filter((previousTag) => previousTag !== tagToRemove),\n    };\n\n    handleSelectChange(update);\n  };\n\n  return (\n    <Popover.Root>\n      <Popover.Trigger>\n        <Button variant=\"tertiary\" startIcon={<Filter />}>\n          {formatMessage({ id: 'app.utils.filters', defaultMessage: 'Filters' })}\n        </Button>\n      </Popover.Trigger>\n      <Popover.Content sideOffset={4}>\n        <Flex padding={3} direction=\"column\" alignItems=\"stretch\" gap={1}>\n          <FilterSelect\n            message={formatMessage({\n              id: 'admin.pages.MarketPlacePage.filters.collections',\n              defaultMessage: 'Collections',\n            })}\n            value={query?.collections || []}\n            onChange={(newCollections) => {\n              const update = { collections: newCollections };\n              handleSelectChange(update);\n            }}\n            onClear={() => handleSelectClear('collections')}\n            possibleFilters={possibleCollections}\n            customizeContent={(values) =>\n              formatMessage(\n                {\n                  id: 'admin.pages.MarketPlacePage.filters.collectionsSelected',\n                  defaultMessage:\n                    '{count, plural, =0 {No collections} one {# collection} other {# collections}} selected',\n                },\n                { count: values?.length ?? 0 }\n              )\n            }\n          />\n          {npmPackageType === 'plugin' && (\n            <FilterSelect\n              message={formatMessage({\n                id: 'admin.pages.MarketPlacePage.filters.categories',\n                defaultMessage: 'Categories',\n              })}\n              value={query?.categories || []}\n              onChange={(newCategories) => {\n                const update = { categories: newCategories };\n                handleSelectChange(update);\n              }}\n              onClear={() => handleSelectClear('categories')}\n              possibleFilters={possibleCategories}\n              customizeContent={(values) =>\n                formatMessage(\n                  {\n                    id: 'admin.pages.MarketPlacePage.filters.categoriesSelected',\n                    defaultMessage:\n                      '{count, plural, =0 {No categories} one {# category} other {# categories}} selected',\n                  },\n                  { count: values?.length ?? 0 }\n                )\n              }\n            />\n          )}\n        </Flex>\n      </Popover.Content>\n\n      {query.collections?.map((collection) => (\n        <Box key={collection} padding={1}>\n          <Tag icon={<Cross />} onClick={() => handleTagRemove(collection, 'collections')}>\n            {collection}\n          </Tag>\n        </Box>\n      ))}\n      {npmPackageType === 'plugin' &&\n        query.categories?.map((category) => (\n          <Box key={category} padding={1}>\n            <Tag icon={<Cross />} onClick={() => handleTagRemove(category, 'categories')}>\n              {category}\n            </Tag>\n          </Box>\n        ))}\n    </Popover.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * FilterSelect\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FilterSelectProps\n  extends Pick<MultiSelectProps, 'customizeContent' | 'onClear' | 'onChange' | 'value'> {\n  message: string;\n  possibleFilters:\n    | NpmPackagesFiltersProps['possibleCategories']\n    | NpmPackagesFiltersProps['possibleCollections'];\n}\n\nconst FilterSelect = ({\n  message,\n  value,\n  onChange,\n  possibleFilters,\n  onClear,\n  customizeContent,\n}: FilterSelectProps) => {\n  return (\n    <MultiSelect\n      data-testid={`${message}-button`}\n      aria-label={message}\n      placeholder={message}\n      onChange={onChange}\n      onClear={onClear}\n      value={value}\n      customizeContent={customizeContent}\n    >\n      {Object.entries(possibleFilters).map(([filterName, count]) => {\n        return (\n          <MultiSelectOption\n            data-testid={`${filterName}-${count}`}\n            key={filterName}\n            value={filterName}\n          >\n            {`${filterName} (${count})`}\n          </MultiSelectOption>\n        );\n      })}\n    </MultiSelect>\n  );\n};\n\nexport { NpmPackagesFilters };\nexport type { NpmPackagesFiltersProps };\n"],"names":["NpmPackagesFilters","handleSelectClear","handleSelectChange","npmPackageType","possibleCategories","possibleCollections","query","formatMessage","useIntl","handleTagRemove","tagToRemove","filterType","update","filter","previousTag","_jsxs","Popover","Root","_jsx","Trigger","Button","variant","startIcon","Filter","id","defaultMessage","Content","sideOffset","Flex","padding","direction","alignItems","gap","FilterSelect","message","value","collections","onChange","newCollections","onClear","possibleFilters","customizeContent","values","count","length","categories","newCategories","map","collection","Box","Tag","icon","Cross","onClick","category","MultiSelect","data-testid","aria-label","placeholder","Object","entries","filterName","MultiSelectOption"],"mappings":"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"}

package/dist/admin/admin/src/pages/Marketplace/components/NpmPackagesFilters.mjs

@@ -1,119 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import { Popover, Button, Flex, Box, Tag, MultiSelect, MultiSelectOption } from '@strapi/design-system';
-import { Filter, Cross } from '@strapi/icons';
-import { useIntl } from 'react-intl';
-
-const NpmPackagesFilters = ({ handleSelectClear, handleSelectChange, npmPackageType, possibleCategories, possibleCollections, query })=>{
-    const { formatMessage } = useIntl();
-    const handleTagRemove = (tagToRemove, filterType)=>{
-        const update = {
-            [filterType]: (query[filterType] ?? []).filter((previousTag)=>previousTag !== tagToRemove)
-        };
-        handleSelectChange(update);
-    };
-    return /*#__PURE__*/ jsxs(Popover.Root, {
-        children: [
-            /*#__PURE__*/ jsx(Popover.Trigger, {
-                children: /*#__PURE__*/ jsx(Button, {
-                    variant: "tertiary",
-                    startIcon: /*#__PURE__*/ jsx(Filter, {}),
-                    children: formatMessage({
-                        id: 'app.utils.filters',
-                        defaultMessage: 'Filters'
-                    })
-                })
-            }),
-            /*#__PURE__*/ jsx(Popover.Content, {
-                sideOffset: 4,
-                children: /*#__PURE__*/ jsxs(Flex, {
-                    padding: 3,
-                    direction: "column",
-                    alignItems: "stretch",
-                    gap: 1,
-                    children: [
-                        /*#__PURE__*/ jsx(FilterSelect, {
-                            message: formatMessage({
-                                id: 'admin.pages.MarketPlacePage.filters.collections',
-                                defaultMessage: 'Collections'
-                            }),
-                            value: query?.collections || [],
-                            onChange: (newCollections)=>{
-                                const update = {
-                                    collections: newCollections
-                                };
-                                handleSelectChange(update);
-                            },
-                            onClear: ()=>handleSelectClear('collections'),
-                            possibleFilters: possibleCollections,
-                            customizeContent: (values)=>formatMessage({
-                                    id: 'admin.pages.MarketPlacePage.filters.collectionsSelected',
-                                    defaultMessage: '{count, plural, =0 {No collections} one {# collection} other {# collections}} selected'
-                                }, {
-                                    count: values?.length ?? 0
-                                })
-                        }),
-                        npmPackageType === 'plugin' && /*#__PURE__*/ jsx(FilterSelect, {
-                            message: formatMessage({
-                                id: 'admin.pages.MarketPlacePage.filters.categories',
-                                defaultMessage: 'Categories'
-                            }),
-                            value: query?.categories || [],
-                            onChange: (newCategories)=>{
-                                const update = {
-                                    categories: newCategories
-                                };
-                                handleSelectChange(update);
-                            },
-                            onClear: ()=>handleSelectClear('categories'),
-                            possibleFilters: possibleCategories,
-                            customizeContent: (values)=>formatMessage({
-                                    id: 'admin.pages.MarketPlacePage.filters.categoriesSelected',
-                                    defaultMessage: '{count, plural, =0 {No categories} one {# category} other {# categories}} selected'
-                                }, {
-                                    count: values?.length ?? 0
-                                })
-                        })
-                    ]
-                })
-            }),
-            query.collections?.map((collection)=>/*#__PURE__*/ jsx(Box, {
-                    padding: 1,
-                    children: /*#__PURE__*/ jsx(Tag, {
-                        icon: /*#__PURE__*/ jsx(Cross, {}),
-                        onClick: ()=>handleTagRemove(collection, 'collections'),
-                        children: collection
-                    })
-                }, collection)),
-            npmPackageType === 'plugin' && query.categories?.map((category)=>/*#__PURE__*/ jsx(Box, {
-                    padding: 1,
-                    children: /*#__PURE__*/ jsx(Tag, {
-                        icon: /*#__PURE__*/ jsx(Cross, {}),
-                        onClick: ()=>handleTagRemove(category, 'categories'),
-                        children: category
-                    })
-                }, category))
-        ]
-    });
-};
-const FilterSelect = ({ message, value, onChange, possibleFilters, onClear, customizeContent })=>{
-    return /*#__PURE__*/ jsx(MultiSelect, {
-        "data-testid": `${message}-button`,
-        "aria-label": message,
-        placeholder: message,
-        onChange: onChange,
-        onClear: onClear,
-        value: value,
-        customizeContent: customizeContent,
-        children: Object.entries(possibleFilters).map(([filterName, count])=>{
-            return /*#__PURE__*/ jsx(MultiSelectOption, {
-                "data-testid": `${filterName}-${count}`,
-                value: filterName,
-                children: `${filterName} (${count})`
-            }, filterName);
-        })
-    });
-};
-
-export { NpmPackagesFilters };
-//# sourceMappingURL=NpmPackagesFilters.mjs.map

package/dist/admin/admin/src/pages/Marketplace/components/NpmPackagesFilters.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NpmPackagesFilters.mjs","sources":["../../../../../../../admin/src/pages/Marketplace/components/NpmPackagesFilters.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  Button,\n  Tag,\n  MultiSelect,\n  MultiSelectOption,\n  MultiSelectProps,\n  Popover,\n  Flex,\n} from '@strapi/design-system';\nimport { Cross, Filter } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport type { Categories, Collections, FilterTypes } from '../hooks/useMarketplaceData';\nimport type { NpmPackageType, MarketplacePageQuery } from '../MarketplacePage';\n\ninterface NpmPackagesFiltersProps {\n  handleSelectClear: (type: FilterTypes) => void;\n  handleSelectChange: (update: Partial<MarketplacePageQuery>) => void;\n  npmPackageType: NpmPackageType;\n  possibleCategories: Partial<Record<Categories, number>>;\n  possibleCollections: Partial<Record<Collections, number>>;\n  query: MarketplacePageQuery;\n}\n\nconst NpmPackagesFilters = ({\n  handleSelectClear,\n  handleSelectChange,\n  npmPackageType,\n  possibleCategories,\n  possibleCollections,\n  query,\n}: NpmPackagesFiltersProps) => {\n  const { formatMessage } = useIntl();\n\n  const handleTagRemove = (tagToRemove: string, filterType: FilterTypes) => {\n    const update = {\n      [filterType]: (query[filterType] ?? []).filter((previousTag) => previousTag !== tagToRemove),\n    };\n\n    handleSelectChange(update);\n  };\n\n  return (\n    <Popover.Root>\n      <Popover.Trigger>\n        <Button variant=\"tertiary\" startIcon={<Filter />}>\n          {formatMessage({ id: 'app.utils.filters', defaultMessage: 'Filters' })}\n        </Button>\n      </Popover.Trigger>\n      <Popover.Content sideOffset={4}>\n        <Flex padding={3} direction=\"column\" alignItems=\"stretch\" gap={1}>\n          <FilterSelect\n            message={formatMessage({\n              id: 'admin.pages.MarketPlacePage.filters.collections',\n              defaultMessage: 'Collections',\n            })}\n            value={query?.collections || []}\n            onChange={(newCollections) => {\n              const update = { collections: newCollections };\n              handleSelectChange(update);\n            }}\n            onClear={() => handleSelectClear('collections')}\n            possibleFilters={possibleCollections}\n            customizeContent={(values) =>\n              formatMessage(\n                {\n                  id: 'admin.pages.MarketPlacePage.filters.collectionsSelected',\n                  defaultMessage:\n                    '{count, plural, =0 {No collections} one {# collection} other {# collections}} selected',\n                },\n                { count: values?.length ?? 0 }\n              )\n            }\n          />\n          {npmPackageType === 'plugin' && (\n            <FilterSelect\n              message={formatMessage({\n                id: 'admin.pages.MarketPlacePage.filters.categories',\n                defaultMessage: 'Categories',\n              })}\n              value={query?.categories || []}\n              onChange={(newCategories) => {\n                const update = { categories: newCategories };\n                handleSelectChange(update);\n              }}\n              onClear={() => handleSelectClear('categories')}\n              possibleFilters={possibleCategories}\n              customizeContent={(values) =>\n                formatMessage(\n                  {\n                    id: 'admin.pages.MarketPlacePage.filters.categoriesSelected',\n                    defaultMessage:\n                      '{count, plural, =0 {No categories} one {# category} other {# categories}} selected',\n                  },\n                  { count: values?.length ?? 0 }\n                )\n              }\n            />\n          )}\n        </Flex>\n      </Popover.Content>\n\n      {query.collections?.map((collection) => (\n        <Box key={collection} padding={1}>\n          <Tag icon={<Cross />} onClick={() => handleTagRemove(collection, 'collections')}>\n            {collection}\n          </Tag>\n        </Box>\n      ))}\n      {npmPackageType === 'plugin' &&\n        query.categories?.map((category) => (\n          <Box key={category} padding={1}>\n            <Tag icon={<Cross />} onClick={() => handleTagRemove(category, 'categories')}>\n              {category}\n            </Tag>\n          </Box>\n        ))}\n    </Popover.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * FilterSelect\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FilterSelectProps\n  extends Pick<MultiSelectProps, 'customizeContent' | 'onClear' | 'onChange' | 'value'> {\n  message: string;\n  possibleFilters:\n    | NpmPackagesFiltersProps['possibleCategories']\n    | NpmPackagesFiltersProps['possibleCollections'];\n}\n\nconst FilterSelect = ({\n  message,\n  value,\n  onChange,\n  possibleFilters,\n  onClear,\n  customizeContent,\n}: FilterSelectProps) => {\n  return (\n    <MultiSelect\n      data-testid={`${message}-button`}\n      aria-label={message}\n      placeholder={message}\n      onChange={onChange}\n      onClear={onClear}\n      value={value}\n      customizeContent={customizeContent}\n    >\n      {Object.entries(possibleFilters).map(([filterName, count]) => {\n        return (\n          <MultiSelectOption\n            data-testid={`${filterName}-${count}`}\n            key={filterName}\n            value={filterName}\n          >\n            {`${filterName} (${count})`}\n          </MultiSelectOption>\n        );\n      })}\n    </MultiSelect>\n  );\n};\n\nexport { NpmPackagesFilters };\nexport type { NpmPackagesFiltersProps };\n"],"names":["NpmPackagesFilters","handleSelectClear","handleSelectChange","npmPackageType","possibleCategories","possibleCollections","query","formatMessage","useIntl","handleTagRemove","tagToRemove","filterType","update","filter","previousTag","_jsxs","Popover","Root","_jsx","Trigger","Button","variant","startIcon","Filter","id","defaultMessage","Content","sideOffset","Flex","padding","direction","alignItems","gap","FilterSelect","message","value","collections","onChange","newCollections","onClear","possibleFilters","customizeContent","values","count","length","categories","newCategories","map","collection","Box","Tag","icon","Cross","onClick","category","MultiSelect","data-testid","aria-label","placeholder","Object","entries","filterName","MultiSelectOption"],"mappings":"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"}