@verdaccio/ui-components 5.0.0-next-9.24 → 5.0.0-next-9.26

package/build/components/PackageList/PackageList.js

@@ -16,12 +16,12 @@ let react_virtualized_dist_commonjs_CellMeasurer = require("react-virtualized/di
 let react_virtualized_dist_commonjs_List = require("react-virtualized/dist/commonjs/List");
 let react_virtualized_dist_commonjs_WindowScroller = require("react-virtualized/dist/commonjs/WindowScroller");
 //#region src/components/PackageList/PackageList.tsx
-var cache = new react_virtualized_dist_commonjs_CellMeasurer.CellMeasurerCache({
-	fixedWidth: true,
-	defaultHeight: 100
-});
 var PackageList = ({ packages }) => {
 	const { configOptions } = require_AppConfigurationProvider.useConfig();
+	const [cache] = (0, react.useState)(() => new react_virtualized_dist_commonjs_CellMeasurer.CellMeasurerCache({
+		fixedWidth: true,
+		defaultHeight: 100
+	}));
 	const renderRow = ({ index, key, parent, style }) => {
 		const { name, version, description, time, keywords, dist, homepage, bugs, author, license } = packages[index];
 		const formattedLicense = require_utils.formatLicense(license);

package/build/components/PackageList/PackageList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PackageList.js","names":["CellMeasurerCache","useConfig","CellMeasurer","Divider","Package","Help","DownloadProvider","WindowScroller","AutoSizer","List"],"sources":["../../../src/components/PackageList/PackageList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport React from 'react';\nimport { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';\nimport { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';\nimport type { ListRowProps } from 'react-virtualized/dist/commonjs/List';\nimport { List } from 'react-virtualized/dist/commonjs/List';\nimport { WindowScroller } from 'react-virtualized/dist/commonjs/WindowScroller';\n\nimport { DownloadProvider, Help, Package, useConfig } from '../..';\nimport type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';\nimport { utils } from '../../utils';\n\ninterface Props {\n  packages: ManifestWeb[];\n}\n\nconst cache = new CellMeasurerCache({\n  fixedWidth: true,\n  defaultHeight: 100,\n});\n\nconst PackageList: React.FC<Props> = ({ packages }) => {\n  const { configOptions } = useConfig();\n  const renderRow = ({ index, key, parent, style }: ListRowProps) => {\n    const { name, version, description, time, keywords, dist, homepage, bugs, author, license } =\n      packages[index];\n    // TODO: move format license to API side.\n    const formattedLicense = utils.formatLicense(license);\n    return (\n      <CellMeasurer cache={cache} columnIndex={0} key={key} parent={parent} rowIndex={index}>\n        <div style={style}>\n          {index !== 0 && <Divider />}\n          <Package\n            author={author}\n            bugs={bugs}\n            description={description}\n            dist={dist}\n            homepage={homepage}\n            keywords={keywords}\n            license={formattedLicense}\n            name={name}\n            showDownload={configOptions.showDownloadTarball}\n            time={time}\n            version={version}\n          />\n        </div>\n      </CellMeasurer>\n    );\n  };\n\n  const hasPackages = packages?.length > 0;\n\n  if (!hasPackages) {\n    return <Help />;\n  }\n\n  return (\n    <DownloadProvider>\n      <WindowScroller>\n        {({ height, isScrolling, scrollTop, onChildScroll }) => (\n          <AutoSizer disableHeight={true}>\n            {({ width }) => {\n              return (\n                <List\n                  autoHeight={true}\n                  deferredMeasurementCache={cache}\n                  height={height}\n                  isScrolling={isScrolling}\n                  onScroll={onChildScroll}\n                  overscanRowCount={3}\n                  rowCount={packages?.length}\n                  rowHeight={cache.rowHeight}\n                  rowRenderer={renderRow}\n                  scrollTop={scrollTop}\n                  width={width}\n                />\n              );\n            }}\n          </AutoSizer>\n        )}\n      </WindowScroller>\n    </DownloadProvider>\n  );\n};\n\nexport default PackageList;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,IAAM,QAAQ,IAAIA,6CAAAA,kBAAkB;CAClC,YAAY;CACZ,eAAe;AACjB,CAAC;AAED,IAAM,eAAgC,EAAE,eAAe;CACrD,MAAM,EAAE,kBAAkBC,iCAAAA,UAAU;CACpC,MAAM,aAAa,EAAE,OAAO,KAAK,QAAQ,YAA0B;EACjE,MAAM,EAAE,MAAM,SAAS,aAAa,MAAM,UAAU,MAAM,UAAU,MAAM,QAAQ,YAChF,SAAS;EAEX,MAAM,mBAAA,cAAA,cAAuC,OAAO;EACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6CAAAA,cAAD;GAAqB;GAAO,aAAa;GAAqB;GAAQ,UAAU;GAC9E,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAY;IAAZ,UAAA,CACG,UAAU,KAAK,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,SAAD,CAAU,CAAA,GAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,SAAD;KACU;KACF;KACO;KACP;KACI;KACA;KACV,SAAS;KACH;KACN,cAAc,cAAc;KACtB;KACG;IACV,CAAA,CACE;;EACO,GAjBmC,GAiBnC;CAElB;CAIA,IAAI,EAFgB,UAAU,SAAS,IAGrC,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,SAAD,CAAO,CAAA;CAGhB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,+CAAAA,gBAAD,EAAA,WACI,EAAE,QAAQ,aAAa,WAAW,oBAClC,iBAAA,GAAA,kBAAA,IAAA,CAACC,0CAAAA,WAAD;EAAW,eAAe;EACtB,WAAA,EAAE,YAAY;GACd,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qCAAAA,MAAD;IACE,YAAY;IACZ,0BAA0B;IAClB;IACK;IACb,UAAU;IACV,kBAAkB;IAClB,UAAU,UAAU;IACpB,WAAW,MAAM;IACjB,aAAa;IACF;IACJ;GACR,CAAA;EAEL;CACS,CAAA,EAEC,CAAA,EACA,CAAA;AAEtB"}
+{"version":3,"file":"PackageList.js","names":["useConfig","useState","CellMeasurerCache","CellMeasurer","Divider","Package","Help","DownloadProvider","WindowScroller","AutoSizer","List"],"sources":["../../../src/components/PackageList/PackageList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport React, { useState } from 'react';\nimport { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';\nimport { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';\nimport type { ListRowProps } from 'react-virtualized/dist/commonjs/List';\nimport { List } from 'react-virtualized/dist/commonjs/List';\nimport { WindowScroller } from 'react-virtualized/dist/commonjs/WindowScroller';\n\nimport { DownloadProvider, Help, Package, useConfig } from '../..';\nimport type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';\nimport { utils } from '../../utils';\n\ninterface Props {\n  packages: ManifestWeb[];\n}\n\nconst PackageList: React.FC<Props> = ({ packages }) => {\n  const { configOptions } = useConfig();\n  // heights are cached by row index: callers remount the list (key) when its rows change\n  const [cache] = useState(() => new CellMeasurerCache({ fixedWidth: true, defaultHeight: 100 }));\n  const renderRow = ({ index, key, parent, style }: ListRowProps) => {\n    const { name, version, description, time, keywords, dist, homepage, bugs, author, license } =\n      packages[index];\n    // TODO: move format license to API side.\n    const formattedLicense = utils.formatLicense(license);\n    return (\n      <CellMeasurer cache={cache} columnIndex={0} key={key} parent={parent} rowIndex={index}>\n        <div style={style}>\n          {index !== 0 && <Divider />}\n          <Package\n            author={author}\n            bugs={bugs}\n            description={description}\n            dist={dist}\n            homepage={homepage}\n            keywords={keywords}\n            license={formattedLicense}\n            name={name}\n            showDownload={configOptions.showDownloadTarball}\n            time={time}\n            version={version}\n          />\n        </div>\n      </CellMeasurer>\n    );\n  };\n\n  const hasPackages = packages?.length > 0;\n\n  if (!hasPackages) {\n    return <Help />;\n  }\n\n  return (\n    <DownloadProvider>\n      <WindowScroller>\n        {({ height, isScrolling, scrollTop, onChildScroll }) => (\n          <AutoSizer disableHeight={true}>\n            {({ width }) => {\n              return (\n                <List\n                  autoHeight={true}\n                  deferredMeasurementCache={cache}\n                  height={height}\n                  isScrolling={isScrolling}\n                  onScroll={onChildScroll}\n                  overscanRowCount={3}\n                  rowCount={packages?.length}\n                  rowHeight={cache.rowHeight}\n                  rowRenderer={renderRow}\n                  scrollTop={scrollTop}\n                  width={width}\n                />\n              );\n            }}\n          </AutoSizer>\n        )}\n      </WindowScroller>\n    </DownloadProvider>\n  );\n};\n\nexport default PackageList;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,IAAM,eAAgC,EAAE,eAAe;CACrD,MAAM,EAAE,kBAAkBA,iCAAAA,UAAU;CAEpC,MAAM,CAAC,UAAA,GAASC,MAAAA,SAAAA,OAAe,IAAIC,6CAAAA,kBAAkB;EAAE,YAAY;EAAM,eAAe;CAAI,CAAC,CAAC;CAC9F,MAAM,aAAa,EAAE,OAAO,KAAK,QAAQ,YAA0B;EACjE,MAAM,EAAE,MAAM,SAAS,aAAa,MAAM,UAAU,MAAM,UAAU,MAAM,QAAQ,YAChF,SAAS;EAEX,MAAM,mBAAA,cAAA,cAAuC,OAAO;EACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6CAAAA,cAAD;GAAqB;GAAO,aAAa;GAAqB;GAAQ,UAAU;GAC9E,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAY;IAAZ,UAAA,CACG,UAAU,KAAK,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,SAAD,CAAU,CAAA,GAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,SAAD;KACU;KACF;KACO;KACP;KACI;KACA;KACV,SAAS;KACH;KACN,cAAc,cAAc;KACtB;KACG;IACV,CAAA,CACE;;EACO,GAjBmC,GAiBnC;CAElB;CAIA,IAAI,EAFgB,UAAU,SAAS,IAGrC,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,SAAD,CAAO,CAAA;CAGhB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,+CAAAA,gBAAD,EAAA,WACI,EAAE,QAAQ,aAAa,WAAW,oBAClC,iBAAA,GAAA,kBAAA,IAAA,CAACC,0CAAAA,WAAD;EAAW,eAAe;EACtB,WAAA,EAAE,YAAY;GACd,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qCAAAA,MAAD;IACE,YAAY;IACZ,0BAA0B;IAClB;IACK;IACb,UAAU;IACV,kBAAkB;IAClB,UAAU,UAAU;IACpB,WAAW,MAAM;IACjB,aAAa;IACF;IACJ;GACR,CAAA;EAEL;CACS,CAAA,EAEC,CAAA,EACA,CAAA;AAEtB"}

package/build/components/PackageList/PackageList.mjs

@@ -5,7 +5,7 @@ import { DownloadProvider } from "../../providers/DownloadProvider/DownloadProvi
 import Package from "../Package/Package.mjs";
 import Help from "../Help/Help.mjs";
 import "../../index.mjs";
-import "react";
+import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Divider from "@mui/material/Divider";
 import { AutoSizer } from "react-virtualized/dist/commonjs/AutoSizer";
@@ -13,12 +13,12 @@ import { CellMeasurer, CellMeasurerCache } from "react-virtualized/dist/commonjs
 import { List } from "react-virtualized/dist/commonjs/List";
 import { WindowScroller } from "react-virtualized/dist/commonjs/WindowScroller";
 //#region src/components/PackageList/PackageList.tsx
-var cache = new CellMeasurerCache({
-	fixedWidth: true,
-	defaultHeight: 100
-});
 var PackageList = ({ packages }) => {
 	const { configOptions } = useConfig();
+	const [cache] = useState(() => new CellMeasurerCache({
+		fixedWidth: true,
+		defaultHeight: 100
+	}));
 	const renderRow = ({ index, key, parent, style }) => {
 		const { name, version, description, time, keywords, dist, homepage, bugs, author, license } = packages[index];
 		const formattedLicense = formatLicense(license);

package/build/components/PackageList/PackageList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PackageList.mjs","names":["utils.formatLicense"],"sources":["../../../src/components/PackageList/PackageList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport React from 'react';\nimport { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';\nimport { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';\nimport type { ListRowProps } from 'react-virtualized/dist/commonjs/List';\nimport { List } from 'react-virtualized/dist/commonjs/List';\nimport { WindowScroller } from 'react-virtualized/dist/commonjs/WindowScroller';\n\nimport { DownloadProvider, Help, Package, useConfig } from '../..';\nimport type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';\nimport { utils } from '../../utils';\n\ninterface Props {\n  packages: ManifestWeb[];\n}\n\nconst cache = new CellMeasurerCache({\n  fixedWidth: true,\n  defaultHeight: 100,\n});\n\nconst PackageList: React.FC<Props> = ({ packages }) => {\n  const { configOptions } = useConfig();\n  const renderRow = ({ index, key, parent, style }: ListRowProps) => {\n    const { name, version, description, time, keywords, dist, homepage, bugs, author, license } =\n      packages[index];\n    // TODO: move format license to API side.\n    const formattedLicense = utils.formatLicense(license);\n    return (\n      <CellMeasurer cache={cache} columnIndex={0} key={key} parent={parent} rowIndex={index}>\n        <div style={style}>\n          {index !== 0 && <Divider />}\n          <Package\n            author={author}\n            bugs={bugs}\n            description={description}\n            dist={dist}\n            homepage={homepage}\n            keywords={keywords}\n            license={formattedLicense}\n            name={name}\n            showDownload={configOptions.showDownloadTarball}\n            time={time}\n            version={version}\n          />\n        </div>\n      </CellMeasurer>\n    );\n  };\n\n  const hasPackages = packages?.length > 0;\n\n  if (!hasPackages) {\n    return <Help />;\n  }\n\n  return (\n    <DownloadProvider>\n      <WindowScroller>\n        {({ height, isScrolling, scrollTop, onChildScroll }) => (\n          <AutoSizer disableHeight={true}>\n            {({ width }) => {\n              return (\n                <List\n                  autoHeight={true}\n                  deferredMeasurementCache={cache}\n                  height={height}\n                  isScrolling={isScrolling}\n                  onScroll={onChildScroll}\n                  overscanRowCount={3}\n                  rowCount={packages?.length}\n                  rowHeight={cache.rowHeight}\n                  rowRenderer={renderRow}\n                  scrollTop={scrollTop}\n                  width={width}\n                />\n              );\n            }}\n          </AutoSizer>\n        )}\n      </WindowScroller>\n    </DownloadProvider>\n  );\n};\n\nexport default PackageList;\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,IAAM,QAAQ,IAAI,kBAAkB;CAClC,YAAY;CACZ,eAAe;AACjB,CAAC;AAED,IAAM,eAAgC,EAAE,eAAe;CACrD,MAAM,EAAE,kBAAkB,UAAU;CACpC,MAAM,aAAa,EAAE,OAAO,KAAK,QAAQ,YAA0B;EACjE,MAAM,EAAE,MAAM,SAAS,aAAa,MAAM,UAAU,MAAM,UAAU,MAAM,QAAQ,YAChF,SAAS;EAEX,MAAM,mBAAmBA,cAAoB,OAAO;EACpD,OACE,oBAAC,cAAD;GAAqB;GAAO,aAAa;GAAqB;GAAQ,UAAU;GAC9E,UAAA,qBAAC,OAAD;IAAY;IAAZ,UAAA,CACG,UAAU,KAAK,oBAAC,SAAD,CAAU,CAAA,GAC1B,oBAAC,SAAD;KACU;KACF;KACO;KACP;KACI;KACA;KACV,SAAS;KACH;KACN,cAAc,cAAc;KACtB;KACG;IACV,CAAA,CACE;;EACO,GAjBmC,GAiBnC;CAElB;CAIA,IAAI,EAFgB,UAAU,SAAS,IAGrC,OAAO,oBAAC,MAAD,CAAO,CAAA;CAGhB,OACE,oBAAC,kBAAD,EAAA,UACE,oBAAC,gBAAD,EAAA,WACI,EAAE,QAAQ,aAAa,WAAW,oBAClC,oBAAC,WAAD;EAAW,eAAe;EACtB,WAAA,EAAE,YAAY;GACd,OACE,oBAAC,MAAD;IACE,YAAY;IACZ,0BAA0B;IAClB;IACK;IACb,UAAU;IACV,kBAAkB;IAClB,UAAU,UAAU;IACpB,WAAW,MAAM;IACjB,aAAa;IACF;IACJ;GACR,CAAA;EAEL;CACS,CAAA,EAEC,CAAA,EACA,CAAA;AAEtB"}
+{"version":3,"file":"PackageList.mjs","names":["utils.formatLicense"],"sources":["../../../src/components/PackageList/PackageList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport React, { useState } from 'react';\nimport { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';\nimport { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';\nimport type { ListRowProps } from 'react-virtualized/dist/commonjs/List';\nimport { List } from 'react-virtualized/dist/commonjs/List';\nimport { WindowScroller } from 'react-virtualized/dist/commonjs/WindowScroller';\n\nimport { DownloadProvider, Help, Package, useConfig } from '../..';\nimport type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';\nimport { utils } from '../../utils';\n\ninterface Props {\n  packages: ManifestWeb[];\n}\n\nconst PackageList: React.FC<Props> = ({ packages }) => {\n  const { configOptions } = useConfig();\n  // heights are cached by row index: callers remount the list (key) when its rows change\n  const [cache] = useState(() => new CellMeasurerCache({ fixedWidth: true, defaultHeight: 100 }));\n  const renderRow = ({ index, key, parent, style }: ListRowProps) => {\n    const { name, version, description, time, keywords, dist, homepage, bugs, author, license } =\n      packages[index];\n    // TODO: move format license to API side.\n    const formattedLicense = utils.formatLicense(license);\n    return (\n      <CellMeasurer cache={cache} columnIndex={0} key={key} parent={parent} rowIndex={index}>\n        <div style={style}>\n          {index !== 0 && <Divider />}\n          <Package\n            author={author}\n            bugs={bugs}\n            description={description}\n            dist={dist}\n            homepage={homepage}\n            keywords={keywords}\n            license={formattedLicense}\n            name={name}\n            showDownload={configOptions.showDownloadTarball}\n            time={time}\n            version={version}\n          />\n        </div>\n      </CellMeasurer>\n    );\n  };\n\n  const hasPackages = packages?.length > 0;\n\n  if (!hasPackages) {\n    return <Help />;\n  }\n\n  return (\n    <DownloadProvider>\n      <WindowScroller>\n        {({ height, isScrolling, scrollTop, onChildScroll }) => (\n          <AutoSizer disableHeight={true}>\n            {({ width }) => {\n              return (\n                <List\n                  autoHeight={true}\n                  deferredMeasurementCache={cache}\n                  height={height}\n                  isScrolling={isScrolling}\n                  onScroll={onChildScroll}\n                  overscanRowCount={3}\n                  rowCount={packages?.length}\n                  rowHeight={cache.rowHeight}\n                  rowRenderer={renderRow}\n                  scrollTop={scrollTop}\n                  width={width}\n                />\n              );\n            }}\n          </AutoSizer>\n        )}\n      </WindowScroller>\n    </DownloadProvider>\n  );\n};\n\nexport default PackageList;\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,IAAM,eAAgC,EAAE,eAAe;CACrD,MAAM,EAAE,kBAAkB,UAAU;CAEpC,MAAM,CAAC,SAAS,eAAe,IAAI,kBAAkB;EAAE,YAAY;EAAM,eAAe;CAAI,CAAC,CAAC;CAC9F,MAAM,aAAa,EAAE,OAAO,KAAK,QAAQ,YAA0B;EACjE,MAAM,EAAE,MAAM,SAAS,aAAa,MAAM,UAAU,MAAM,UAAU,MAAM,QAAQ,YAChF,SAAS;EAEX,MAAM,mBAAmBA,cAAoB,OAAO;EACpD,OACE,oBAAC,cAAD;GAAqB;GAAO,aAAa;GAAqB;GAAQ,UAAU;GAC9E,UAAA,qBAAC,OAAD;IAAY;IAAZ,UAAA,CACG,UAAU,KAAK,oBAAC,SAAD,CAAU,CAAA,GAC1B,oBAAC,SAAD;KACU;KACF;KACO;KACP;KACI;KACA;KACV,SAAS;KACH;KACN,cAAc,cAAc;KACtB;KACG;IACV,CAAA,CACE;;EACO,GAjBmC,GAiBnC;CAElB;CAIA,IAAI,EAFgB,UAAU,SAAS,IAGrC,OAAO,oBAAC,MAAD,CAAO,CAAA;CAGhB,OACE,oBAAC,kBAAD,EAAA,UACE,oBAAC,gBAAD,EAAA,WACI,EAAE,QAAQ,aAAa,WAAW,oBAClC,oBAAC,WAAD;EAAW,eAAe;EACtB,WAAA,EAAE,YAAY;GACd,OACE,oBAAC,MAAD;IACE,YAAY;IACZ,0BAA0B;IAClB;IACK;IACb,UAAU;IACV,kBAAkB;IAClB,UAAU,UAAU;IACpB,WAAW,MAAM;IACjB,aAAa;IACF;IACJ;GACR,CAAA;EAEL;CACS,CAAA,EAEC,CAAA,EACA,CAAA;AAEtB"}

package/build/components/PackageList/PackageListToolbar.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { PackageSort } from './filterPackages';
+type Props = {
+    query: string;
+    scope: string;
+    sort: PackageSort;
+    scopes: string[];
+    shown: number;
+    total: number;
+    onQueryChange: (query: string) => void;
+    onScopeChange: (scope: string) => void;
+    onSortChange: (sort: PackageSort) => void;
+};
+declare const PackageListToolbar: React.FC<Props>;
+export default PackageListToolbar;

package/build/components/PackageList/PackageListToolbar.js

@@ -0,0 +1,127 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_filterPackages = require("./filterPackages.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _mui_material_Box = require("@mui/material/Box");
+_mui_material_Box = require_runtime.__toESM(_mui_material_Box);
+let _mui_material_Typography = require("@mui/material/Typography");
+_mui_material_Typography = require_runtime.__toESM(_mui_material_Typography);
+let _mui_material_MenuItem = require("@mui/material/MenuItem");
+_mui_material_MenuItem = require_runtime.__toESM(_mui_material_MenuItem);
+let _mui_material_TextField = require("@mui/material/TextField");
+_mui_material_TextField = require_runtime.__toESM(_mui_material_TextField);
+let _mui_icons_material_Search = require("@mui/icons-material/Search");
+_mui_icons_material_Search = require_runtime.__toESM(_mui_icons_material_Search);
+let _mui_material_InputAdornment = require("@mui/material/InputAdornment");
+_mui_material_InputAdornment = require_runtime.__toESM(_mui_material_InputAdornment);
+//#region src/components/PackageList/PackageListToolbar.tsx
+var selectSx = (minWidth) => ({
+	flex: {
+		xs: "1 1 0",
+		sm: "0 0 auto"
+	},
+	minWidth: {
+		xs: 0,
+		sm: minWidth
+	}
+});
+var PackageListToolbar = ({ query, scope, sort, scopes, shown, total, onQueryChange, onScopeChange, onSortChange }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Box.default, {
+		"data-testid": "package-list-toolbar",
+		sx: {
+			display: "flex",
+			flexWrap: "wrap",
+			alignItems: "center",
+			gap: 2,
+			px: 2,
+			pb: 2
+		},
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_TextField.default, {
+				onChange: (event) => onQueryChange(event.target.value),
+				placeholder: t("packageList.filter"),
+				size: "small",
+				slotProps: {
+					htmlInput: {
+						"aria-label": t("packageList.filter"),
+						"data-testid": "package-list-filter"
+					},
+					input: { startAdornment: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_InputAdornment.default, {
+						position: "start",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_Search.default, { fontSize: "small" })
+					}) }
+				},
+				sx: { flex: {
+					xs: "1 1 100%",
+					sm: "1 1 240px"
+				} },
+				type: "search",
+				value: query
+			}),
+			scopes.length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_TextField.default, {
+				label: t("packageList.scope"),
+				onChange: (event) => onScopeChange(event.target.value),
+				select: true,
+				size: "small",
+				slotProps: {
+					htmlInput: { "data-testid": "package-list-scope" },
+					inputLabel: { shrink: true },
+					select: { displayEmpty: true }
+				},
+				sx: selectSx(160),
+				value: scope,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_MenuItem.default, {
+					value: "",
+					children: t("packageList.all-scopes")
+				}), scopes.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_MenuItem.default, {
+					value: item,
+					children: item === "-" ? t("packageList.no-scope") : item
+				}, item))]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_TextField.default, {
+				label: t("packageList.sort"),
+				onChange: (event) => onSortChange(event.target.value),
+				select: true,
+				size: "small",
+				slotProps: { htmlInput: { "data-testid": "package-list-sort" } },
+				sx: selectSx(180),
+				value: sort,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_MenuItem.default, {
+						value: require_filterPackages.PackageSort.DEFAULT,
+						children: t("packageList.sort-default")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_MenuItem.default, {
+						value: require_filterPackages.PackageSort.NAME,
+						children: t("packageList.sort-name")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_MenuItem.default, {
+						value: require_filterPackages.PackageSort.RECENT,
+						children: t("packageList.sort-recent")
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Typography.default, {
+				"aria-live": "polite",
+				color: "text.secondary",
+				"data-testid": "package-list-count",
+				sx: { width: {
+					xs: "100%",
+					sm: "auto"
+				} },
+				variant: "body2",
+				children: t("packageList.count", {
+					shown,
+					total
+				})
+			})
+		]
+	});
+};
+//#endregion
+exports.default = PackageListToolbar;
+
+//# sourceMappingURL=PackageListToolbar.js.map

package/build/components/PackageList/PackageListToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PackageListToolbar.js","names":["useTranslation","Box","TextField","InputAdornment","SearchIcon","MenuItem","PackageSort","Typography"],"sources":["../../../src/components/PackageList/PackageListToolbar.tsx"],"sourcesContent":["import SearchIcon from '@mui/icons-material/Search';\nimport Box from '@mui/material/Box';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport MenuItem from '@mui/material/MenuItem';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { NO_SCOPE, PackageSort } from './filterPackages';\n\ntype Props = {\n  query: string;\n  scope: string;\n  sort: PackageSort;\n  scopes: string[];\n  shown: number;\n  total: number;\n  onQueryChange: (query: string) => void;\n  onScopeChange: (scope: string) => void;\n  onSortChange: (sort: PackageSort) => void;\n};\n\n// side by side on phones, natural width from sm up\nconst selectSx = (minWidth: number) => ({\n  flex: { xs: '1 1 0', sm: '0 0 auto' },\n  minWidth: { xs: 0, sm: minWidth },\n});\n\nconst PackageListToolbar: React.FC<Props> = ({\n  query,\n  scope,\n  sort,\n  scopes,\n  shown,\n  total,\n  onQueryChange,\n  onScopeChange,\n  onSortChange,\n}) => {\n  const { t } = useTranslation();\n  return (\n    <Box\n      data-testid=\"package-list-toolbar\"\n      sx={{ display: 'flex', flexWrap: 'wrap', alignItems: 'center', gap: 2, px: 2, pb: 2 }}\n    >\n      <TextField\n        onChange={(event) => onQueryChange(event.target.value)}\n        placeholder={t('packageList.filter')}\n        size=\"small\"\n        slotProps={{\n          htmlInput: {\n            'aria-label': t('packageList.filter'),\n            'data-testid': 'package-list-filter',\n          },\n          input: {\n            startAdornment: (\n              <InputAdornment position=\"start\">\n                <SearchIcon fontSize=\"small\" />\n              </InputAdornment>\n            ),\n          },\n        }}\n        sx={{ flex: { xs: '1 1 100%', sm: '1 1 240px' } }}\n        type=\"search\"\n        value={query}\n      />\n      {scopes.length > 1 && (\n        <TextField\n          label={t('packageList.scope')}\n          onChange={(event) => onScopeChange(event.target.value)}\n          select={true}\n          size=\"small\"\n          slotProps={{\n            htmlInput: { 'data-testid': 'package-list-scope' },\n            inputLabel: { shrink: true },\n            select: { displayEmpty: true },\n          }}\n          sx={selectSx(160)}\n          value={scope}\n        >\n          <MenuItem value=\"\">{t('packageList.all-scopes')}</MenuItem>\n          {scopes.map((item) => (\n            <MenuItem key={item} value={item}>\n              {item === NO_SCOPE ? t('packageList.no-scope') : item}\n            </MenuItem>\n          ))}\n        </TextField>\n      )}\n      <TextField\n        label={t('packageList.sort')}\n        onChange={(event) => onSortChange(event.target.value as PackageSort)}\n        select={true}\n        size=\"small\"\n        slotProps={{ htmlInput: { 'data-testid': 'package-list-sort' } }}\n        sx={selectSx(180)}\n        value={sort}\n      >\n        <MenuItem value={PackageSort.DEFAULT}>{t('packageList.sort-default')}</MenuItem>\n        <MenuItem value={PackageSort.NAME}>{t('packageList.sort-name')}</MenuItem>\n        <MenuItem value={PackageSort.RECENT}>{t('packageList.sort-recent')}</MenuItem>\n      </TextField>\n      <Typography\n        aria-live=\"polite\"\n        color=\"text.secondary\"\n        data-testid=\"package-list-count\"\n        sx={{ width: { xs: '100%', sm: 'auto' } }}\n        variant=\"body2\"\n      >\n        {t('packageList.count', { shown, total })}\n      </Typography>\n    </Box>\n  );\n};\n\nexport default PackageListToolbar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAwBA,IAAM,YAAY,cAAsB;CACtC,MAAM;EAAE,IAAI;EAAS,IAAI;CAAW;CACpC,UAAU;EAAE,IAAI;EAAG,IAAI;CAAS;AAClC;AAEA,IAAM,sBAAuC,EAC3C,OACA,OACA,MACA,QACA,OACA,OACA,eACA,eACA,mBACI;CACJ,MAAM,EAAE,OAAA,GAAMA,cAAAA,eAAAA,CAAe;CAC7B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,kBAAAA,SAAD;EACE,eAAY;EACZ,IAAI;GAAE,SAAS;GAAQ,UAAU;GAAQ,YAAY;GAAU,KAAK;GAAG,IAAI;GAAG,IAAI;EAAE;EAFtF,UAAA;GAIE,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,SAAD;IACE,WAAW,UAAU,cAAc,MAAM,OAAO,KAAK;IACrD,aAAa,EAAE,oBAAoB;IACnC,MAAK;IACL,WAAW;KACT,WAAW;MACT,cAAc,EAAE,oBAAoB;MACpC,eAAe;KACjB;KACA,OAAO,EACL,gBACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,SAAD;MAAgB,UAAS;MACvB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,SAAD,EAAY,UAAS,QAAS,CAAA;KAChB,CAAA,EAEpB;IACF;IACA,IAAI,EAAE,MAAM;KAAE,IAAI;KAAY,IAAI;IAAY,EAAE;IAChD,MAAK;IACL,OAAO;GACR,CAAA;GACA,OAAO,SAAS,KACf,iBAAA,GAAA,kBAAA,KAAA,CAACF,wBAAAA,SAAD;IACE,OAAO,EAAE,mBAAmB;IAC5B,WAAW,UAAU,cAAc,MAAM,OAAO,KAAK;IACrD,QAAQ;IACR,MAAK;IACL,WAAW;KACT,WAAW,EAAE,eAAe,qBAAqB;KACjD,YAAY,EAAE,QAAQ,KAAK;KAC3B,QAAQ,EAAE,cAAc,KAAK;IAC/B;IACA,IAAI,SAAS,GAAG;IAChB,OAAO;IAXT,UAAA,CAaE,iBAAA,GAAA,kBAAA,IAAA,CAACG,uBAAAA,SAAD;KAAU,OAAM;KAAI,UAAA,EAAE,wBAAwB;IAAY,CAAA,GACzD,OAAO,KAAK,SACX,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,SAAD;KAAqB,OAAO;KACzB,UAAA,SAAA,MAAoB,EAAE,sBAAsB,IAAI;IACzC,GAFK,IAEL,CACX,CACQ;;GAEb,iBAAA,GAAA,kBAAA,KAAA,CAACH,wBAAAA,SAAD;IACE,OAAO,EAAE,kBAAkB;IAC3B,WAAW,UAAU,aAAa,MAAM,OAAO,KAAoB;IACnE,QAAQ;IACR,MAAK;IACL,WAAW,EAAE,WAAW,EAAE,eAAe,oBAAoB,EAAE;IAC/D,IAAI,SAAS,GAAG;IAChB,OAAO;IAPT,UAAA;KASE,iBAAA,GAAA,kBAAA,IAAA,CAACG,uBAAAA,SAAD;MAAU,OAAOC,uBAAAA,YAAY;MAAU,UAAA,EAAE,0BAA0B;KAAY,CAAA;KAC/E,iBAAA,GAAA,kBAAA,IAAA,CAACD,uBAAAA,SAAD;MAAU,OAAOC,uBAAAA,YAAY;MAAO,UAAA,EAAE,uBAAuB;KAAY,CAAA;KACzE,iBAAA,GAAA,kBAAA,IAAA,CAACD,uBAAAA,SAAD;MAAU,OAAOC,uBAAAA,YAAY;MAAS,UAAA,EAAE,yBAAyB;KAAY,CAAA;IACpE;;GACX,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,SAAD;IACE,aAAU;IACV,OAAM;IACN,eAAY;IACZ,IAAI,EAAE,OAAO;KAAE,IAAI;KAAQ,IAAI;IAAO,EAAE;IACxC,SAAQ;IAEP,UAAA,EAAE,qBAAqB;KAAE;KAAO;IAAM,CAAC;GAC9B,CAAA;EACT;;AAET"}

package/build/components/PackageList/PackageListToolbar.mjs

@@ -0,0 +1,119 @@
+import { PackageSort } from "./filterPackages.mjs";
+import "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Box from "@mui/material/Box";
+import Typography from "@mui/material/Typography";
+import MenuItem from "@mui/material/MenuItem";
+import TextField from "@mui/material/TextField";
+import SearchMui from "@mui/icons-material/Search";
+import InputAdornment from "@mui/material/InputAdornment";
+//#region src/components/PackageList/PackageListToolbar.tsx
+var selectSx = (minWidth) => ({
+	flex: {
+		xs: "1 1 0",
+		sm: "0 0 auto"
+	},
+	minWidth: {
+		xs: 0,
+		sm: minWidth
+	}
+});
+var PackageListToolbar = ({ query, scope, sort, scopes, shown, total, onQueryChange, onScopeChange, onSortChange }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs(Box, {
+		"data-testid": "package-list-toolbar",
+		sx: {
+			display: "flex",
+			flexWrap: "wrap",
+			alignItems: "center",
+			gap: 2,
+			px: 2,
+			pb: 2
+		},
+		children: [
+			/* @__PURE__ */ jsx(TextField, {
+				onChange: (event) => onQueryChange(event.target.value),
+				placeholder: t("packageList.filter"),
+				size: "small",
+				slotProps: {
+					htmlInput: {
+						"aria-label": t("packageList.filter"),
+						"data-testid": "package-list-filter"
+					},
+					input: { startAdornment: /* @__PURE__ */ jsx(InputAdornment, {
+						position: "start",
+						children: /* @__PURE__ */ jsx(SearchMui, { fontSize: "small" })
+					}) }
+				},
+				sx: { flex: {
+					xs: "1 1 100%",
+					sm: "1 1 240px"
+				} },
+				type: "search",
+				value: query
+			}),
+			scopes.length > 1 && /* @__PURE__ */ jsxs(TextField, {
+				label: t("packageList.scope"),
+				onChange: (event) => onScopeChange(event.target.value),
+				select: true,
+				size: "small",
+				slotProps: {
+					htmlInput: { "data-testid": "package-list-scope" },
+					inputLabel: { shrink: true },
+					select: { displayEmpty: true }
+				},
+				sx: selectSx(160),
+				value: scope,
+				children: [/* @__PURE__ */ jsx(MenuItem, {
+					value: "",
+					children: t("packageList.all-scopes")
+				}), scopes.map((item) => /* @__PURE__ */ jsx(MenuItem, {
+					value: item,
+					children: item === "-" ? t("packageList.no-scope") : item
+				}, item))]
+			}),
+			/* @__PURE__ */ jsxs(TextField, {
+				label: t("packageList.sort"),
+				onChange: (event) => onSortChange(event.target.value),
+				select: true,
+				size: "small",
+				slotProps: { htmlInput: { "data-testid": "package-list-sort" } },
+				sx: selectSx(180),
+				value: sort,
+				children: [
+					/* @__PURE__ */ jsx(MenuItem, {
+						value: PackageSort.DEFAULT,
+						children: t("packageList.sort-default")
+					}),
+					/* @__PURE__ */ jsx(MenuItem, {
+						value: PackageSort.NAME,
+						children: t("packageList.sort-name")
+					}),
+					/* @__PURE__ */ jsx(MenuItem, {
+						value: PackageSort.RECENT,
+						children: t("packageList.sort-recent")
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(Typography, {
+				"aria-live": "polite",
+				color: "text.secondary",
+				"data-testid": "package-list-count",
+				sx: { width: {
+					xs: "100%",
+					sm: "auto"
+				} },
+				variant: "body2",
+				children: t("packageList.count", {
+					shown,
+					total
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { PackageListToolbar as default };
+
+//# sourceMappingURL=PackageListToolbar.mjs.map

package/build/components/PackageList/PackageListToolbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PackageListToolbar.mjs","names":["SearchIcon"],"sources":["../../../src/components/PackageList/PackageListToolbar.tsx"],"sourcesContent":["import SearchIcon from '@mui/icons-material/Search';\nimport Box from '@mui/material/Box';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport MenuItem from '@mui/material/MenuItem';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { NO_SCOPE, PackageSort } from './filterPackages';\n\ntype Props = {\n  query: string;\n  scope: string;\n  sort: PackageSort;\n  scopes: string[];\n  shown: number;\n  total: number;\n  onQueryChange: (query: string) => void;\n  onScopeChange: (scope: string) => void;\n  onSortChange: (sort: PackageSort) => void;\n};\n\n// side by side on phones, natural width from sm up\nconst selectSx = (minWidth: number) => ({\n  flex: { xs: '1 1 0', sm: '0 0 auto' },\n  minWidth: { xs: 0, sm: minWidth },\n});\n\nconst PackageListToolbar: React.FC<Props> = ({\n  query,\n  scope,\n  sort,\n  scopes,\n  shown,\n  total,\n  onQueryChange,\n  onScopeChange,\n  onSortChange,\n}) => {\n  const { t } = useTranslation();\n  return (\n    <Box\n      data-testid=\"package-list-toolbar\"\n      sx={{ display: 'flex', flexWrap: 'wrap', alignItems: 'center', gap: 2, px: 2, pb: 2 }}\n    >\n      <TextField\n        onChange={(event) => onQueryChange(event.target.value)}\n        placeholder={t('packageList.filter')}\n        size=\"small\"\n        slotProps={{\n          htmlInput: {\n            'aria-label': t('packageList.filter'),\n            'data-testid': 'package-list-filter',\n          },\n          input: {\n            startAdornment: (\n              <InputAdornment position=\"start\">\n                <SearchIcon fontSize=\"small\" />\n              </InputAdornment>\n            ),\n          },\n        }}\n        sx={{ flex: { xs: '1 1 100%', sm: '1 1 240px' } }}\n        type=\"search\"\n        value={query}\n      />\n      {scopes.length > 1 && (\n        <TextField\n          label={t('packageList.scope')}\n          onChange={(event) => onScopeChange(event.target.value)}\n          select={true}\n          size=\"small\"\n          slotProps={{\n            htmlInput: { 'data-testid': 'package-list-scope' },\n            inputLabel: { shrink: true },\n            select: { displayEmpty: true },\n          }}\n          sx={selectSx(160)}\n          value={scope}\n        >\n          <MenuItem value=\"\">{t('packageList.all-scopes')}</MenuItem>\n          {scopes.map((item) => (\n            <MenuItem key={item} value={item}>\n              {item === NO_SCOPE ? t('packageList.no-scope') : item}\n            </MenuItem>\n          ))}\n        </TextField>\n      )}\n      <TextField\n        label={t('packageList.sort')}\n        onChange={(event) => onSortChange(event.target.value as PackageSort)}\n        select={true}\n        size=\"small\"\n        slotProps={{ htmlInput: { 'data-testid': 'package-list-sort' } }}\n        sx={selectSx(180)}\n        value={sort}\n      >\n        <MenuItem value={PackageSort.DEFAULT}>{t('packageList.sort-default')}</MenuItem>\n        <MenuItem value={PackageSort.NAME}>{t('packageList.sort-name')}</MenuItem>\n        <MenuItem value={PackageSort.RECENT}>{t('packageList.sort-recent')}</MenuItem>\n      </TextField>\n      <Typography\n        aria-live=\"polite\"\n        color=\"text.secondary\"\n        data-testid=\"package-list-count\"\n        sx={{ width: { xs: '100%', sm: 'auto' } }}\n        variant=\"body2\"\n      >\n        {t('packageList.count', { shown, total })}\n      </Typography>\n    </Box>\n  );\n};\n\nexport default PackageListToolbar;\n"],"mappings":";;;;;;;;;;;AAwBA,IAAM,YAAY,cAAsB;CACtC,MAAM;EAAE,IAAI;EAAS,IAAI;CAAW;CACpC,UAAU;EAAE,IAAI;EAAG,IAAI;CAAS;AAClC;AAEA,IAAM,sBAAuC,EAC3C,OACA,OACA,MACA,QACA,OACA,OACA,eACA,eACA,mBACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAC7B,OACE,qBAAC,KAAD;EACE,eAAY;EACZ,IAAI;GAAE,SAAS;GAAQ,UAAU;GAAQ,YAAY;GAAU,KAAK;GAAG,IAAI;GAAG,IAAI;EAAE;EAFtF,UAAA;GAIE,oBAAC,WAAD;IACE,WAAW,UAAU,cAAc,MAAM,OAAO,KAAK;IACrD,aAAa,EAAE,oBAAoB;IACnC,MAAK;IACL,WAAW;KACT,WAAW;MACT,cAAc,EAAE,oBAAoB;MACpC,eAAe;KACjB;KACA,OAAO,EACL,gBACE,oBAAC,gBAAD;MAAgB,UAAS;MACvB,UAAA,oBAACA,WAAD,EAAY,UAAS,QAAS,CAAA;KAChB,CAAA,EAEpB;IACF;IACA,IAAI,EAAE,MAAM;KAAE,IAAI;KAAY,IAAI;IAAY,EAAE;IAChD,MAAK;IACL,OAAO;GACR,CAAA;GACA,OAAO,SAAS,KACf,qBAAC,WAAD;IACE,OAAO,EAAE,mBAAmB;IAC5B,WAAW,UAAU,cAAc,MAAM,OAAO,KAAK;IACrD,QAAQ;IACR,MAAK;IACL,WAAW;KACT,WAAW,EAAE,eAAe,qBAAqB;KACjD,YAAY,EAAE,QAAQ,KAAK;KAC3B,QAAQ,EAAE,cAAc,KAAK;IAC/B;IACA,IAAI,SAAS,GAAG;IAChB,OAAO;IAXT,UAAA,CAaE,oBAAC,UAAD;KAAU,OAAM;KAAI,UAAA,EAAE,wBAAwB;IAAY,CAAA,GACzD,OAAO,KAAK,SACX,oBAAC,UAAD;KAAqB,OAAO;KACzB,UAAA,SAAA,MAAoB,EAAE,sBAAsB,IAAI;IACzC,GAFK,IAEL,CACX,CACQ;;GAEb,qBAAC,WAAD;IACE,OAAO,EAAE,kBAAkB;IAC3B,WAAW,UAAU,aAAa,MAAM,OAAO,KAAoB;IACnE,QAAQ;IACR,MAAK;IACL,WAAW,EAAE,WAAW,EAAE,eAAe,oBAAoB,EAAE;IAC/D,IAAI,SAAS,GAAG;IAChB,OAAO;IAPT,UAAA;KASE,oBAAC,UAAD;MAAU,OAAO,YAAY;MAAU,UAAA,EAAE,0BAA0B;KAAY,CAAA;KAC/E,oBAAC,UAAD;MAAU,OAAO,YAAY;MAAO,UAAA,EAAE,uBAAuB;KAAY,CAAA;KACzE,oBAAC,UAAD;MAAU,OAAO,YAAY;MAAS,UAAA,EAAE,yBAAyB;KAAY,CAAA;IACpE;;GACX,oBAAC,YAAD;IACE,aAAU;IACV,OAAM;IACN,eAAY;IACZ,IAAI,EAAE,OAAO;KAAE,IAAI;KAAQ,IAAI;IAAO,EAAE;IACxC,SAAQ;IAEP,UAAA,EAAE,qBAAqB;KAAE;KAAO;IAAM,CAAC;GAC9B,CAAA;EACT;;AAET"}

package/build/components/PackageList/filterPackages.d.ts

@@ -0,0 +1,16 @@
+import type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';
+export declare enum PackageSort {
+    DEFAULT = "default",
+    NAME = "name",
+    RECENT = "recent"
+}
+export declare const NO_SCOPE = "-";
+export type PackageFilter = {
+    query?: string;
+    scope?: string;
+    sort?: PackageSort;
+};
+export declare function getPackageScope(name: string): string;
+export declare function getScopes(packages: ManifestWeb[]): string[];
+/** Filters and sorts the home list; `PackageSort.DEFAULT` keeps the order configured on the server. */
+export declare function filterPackages(packages: ManifestWeb[], { query, scope, sort }: PackageFilter): ManifestWeb[];

package/build/components/PackageList/filterPackages.js

@@ -0,0 +1,37 @@
+//#region src/components/PackageList/filterPackages.ts
+var PackageSort = /* @__PURE__ */ function(PackageSort) {
+	PackageSort["DEFAULT"] = "default";
+	PackageSort["NAME"] = "name";
+	PackageSort["RECENT"] = "recent";
+	return PackageSort;
+}({});
+function getPackageScope(name) {
+	return name.startsWith("@") && name.includes("/") ? name.slice(0, name.indexOf("/")) : "-";
+}
+function getScopes(packages) {
+	return Array.from(new Set(packages.map((pkg) => getPackageScope(pkg.name)))).sort((a, b) => a === "-" ? 1 : b === "-" ? -1 : a.localeCompare(b));
+}
+function matchesQuery(pkg, query) {
+	const keywords = Array.isArray(pkg.keywords) ? pkg.keywords : [];
+	return [
+		pkg.name,
+		pkg.description ?? "",
+		...keywords
+	].some((field) => String(field).toLowerCase().includes(query));
+}
+var publishedAt = (pkg) => pkg.time ? new Date(pkg.time).getTime() || 0 : 0;
+/** Filters and sorts the home list; `PackageSort.DEFAULT` keeps the order configured on the server. */
+function filterPackages(packages, { query = "", scope = "", sort = "default" }) {
+	const normalizedQuery = query.trim().toLowerCase();
+	const filtered = packages.filter((pkg) => (!scope || getPackageScope(pkg.name) === scope) && (!normalizedQuery || matchesQuery(pkg, normalizedQuery)));
+	if (sort === "name") return filtered.sort((a, b) => a.name.localeCompare(b.name));
+	if (sort === "recent") return filtered.sort((a, b) => publishedAt(b) - publishedAt(a));
+	return filtered;
+}
+//#endregion
+exports.PackageSort = PackageSort;
+exports.filterPackages = filterPackages;
+exports.getPackageScope = getPackageScope;
+exports.getScopes = getScopes;
+
+//# sourceMappingURL=filterPackages.js.map

package/build/components/PackageList/filterPackages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterPackages.js","names":[],"sources":["../../../src/components/PackageList/filterPackages.ts"],"sourcesContent":["import type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';\n\nexport enum PackageSort {\n  DEFAULT = 'default',\n  NAME = 'name',\n  RECENT = 'recent',\n}\n\nexport const NO_SCOPE = '-';\n\nexport type PackageFilter = {\n  query?: string;\n  scope?: string;\n  sort?: PackageSort;\n};\n\nexport function getPackageScope(name: string): string {\n  return name.startsWith('@') && name.includes('/') ? name.slice(0, name.indexOf('/')) : NO_SCOPE;\n}\n\nexport function getScopes(packages: ManifestWeb[]): string[] {\n  return Array.from(new Set(packages.map((pkg) => getPackageScope(pkg.name)))).sort((a, b) =>\n    a === NO_SCOPE ? 1 : b === NO_SCOPE ? -1 : a.localeCompare(b)\n  );\n}\n\nfunction matchesQuery(pkg: ManifestWeb, query: string): boolean {\n  const keywords = Array.isArray(pkg.keywords) ? pkg.keywords : [];\n  return [pkg.name, pkg.description ?? '', ...keywords].some((field) =>\n    String(field).toLowerCase().includes(query)\n  );\n}\n\nconst publishedAt = (pkg: ManifestWeb): number =>\n  pkg.time ? new Date(pkg.time).getTime() || 0 : 0;\n\n/** Filters and sorts the home list; `PackageSort.DEFAULT` keeps the order configured on the server. */\nexport function filterPackages(\n  packages: ManifestWeb[],\n  { query = '', scope = '', sort = PackageSort.DEFAULT }: PackageFilter\n): ManifestWeb[] {\n  const normalizedQuery = query.trim().toLowerCase();\n  const filtered = packages.filter(\n    (pkg) =>\n      (!scope || getPackageScope(pkg.name) === scope) &&\n      (!normalizedQuery || matchesQuery(pkg, normalizedQuery))\n  );\n  if (sort === PackageSort.NAME) {\n    return filtered.sort((a, b) => a.name.localeCompare(b.name));\n  }\n  if (sort === PackageSort.RECENT) {\n    return filtered.sort((a, b) => publishedAt(b) - publishedAt(a));\n  }\n  return filtered;\n}\n"],"mappings":";AAEA,IAAY,cAAL,yBAAA,aAAA;CACL,YAAA,aAAA;CACA,YAAA,UAAA;CACA,YAAA,YAAA;;AACF,EAAA,CAAA,CAAA;AAUA,SAAgB,gBAAgB,MAAsB;CACpD,OAAO,KAAK,WAAW,GAAG,KAAK,KAAK,SAAS,GAAG,IAAI,KAAK,MAAM,GAAG,KAAK,QAAQ,GAAG,CAAC,IAAA;AACrF;AAEA,SAAgB,UAAU,UAAmC;CAC3D,OAAO,MAAM,KAAK,IAAI,IAAI,SAAS,KAAK,QAAQ,gBAAgB,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,MACpF,MAAA,MAAiB,IAAI,MAAA,MAAiB,KAAK,EAAE,cAAc,CAAC,CAC9D;AACF;AAEA,SAAS,aAAa,KAAkB,OAAwB;CAC9D,MAAM,WAAW,MAAM,QAAQ,IAAI,QAAQ,IAAI,IAAI,WAAW,CAAC;CAC/D,OAAO;EAAC,IAAI;EAAM,IAAI,eAAe;EAAI,GAAG;CAAQ,CAAC,CAAC,MAAM,UAC1D,OAAO,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,SAAS,KAAK,CAC5C;AACF;AAEA,IAAM,eAAe,QACnB,IAAI,OAAO,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI;;AAGjD,SAAgB,eACd,UACA,EAAE,QAAQ,IAAI,QAAQ,IAAI,OAAA,aACX;CACf,MAAM,kBAAkB,MAAM,KAAK,CAAC,CAAC,YAAY;CACjD,MAAM,WAAW,SAAS,QACvB,SACE,CAAC,SAAS,gBAAgB,IAAI,IAAI,MAAM,WACxC,CAAC,mBAAmB,aAAa,KAAK,eAAe,EAC1D;CACA,IAAI,SAAA,QACF,OAAO,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC;CAE7D,IAAI,SAAA,UACF,OAAO,SAAS,MAAM,GAAG,MAAM,YAAY,CAAC,IAAI,YAAY,CAAC,CAAC;CAEhE,OAAO;AACT"}

package/build/components/PackageList/filterPackages.mjs

@@ -0,0 +1,34 @@
+//#region src/components/PackageList/filterPackages.ts
+var PackageSort = /* @__PURE__ */ function(PackageSort) {
+	PackageSort["DEFAULT"] = "default";
+	PackageSort["NAME"] = "name";
+	PackageSort["RECENT"] = "recent";
+	return PackageSort;
+}({});
+function getPackageScope(name) {
+	return name.startsWith("@") && name.includes("/") ? name.slice(0, name.indexOf("/")) : "-";
+}
+function getScopes(packages) {
+	return Array.from(new Set(packages.map((pkg) => getPackageScope(pkg.name)))).sort((a, b) => a === "-" ? 1 : b === "-" ? -1 : a.localeCompare(b));
+}
+function matchesQuery(pkg, query) {
+	const keywords = Array.isArray(pkg.keywords) ? pkg.keywords : [];
+	return [
+		pkg.name,
+		pkg.description ?? "",
+		...keywords
+	].some((field) => String(field).toLowerCase().includes(query));
+}
+var publishedAt = (pkg) => pkg.time ? new Date(pkg.time).getTime() || 0 : 0;
+/** Filters and sorts the home list; `PackageSort.DEFAULT` keeps the order configured on the server. */
+function filterPackages(packages, { query = "", scope = "", sort = "default" }) {
+	const normalizedQuery = query.trim().toLowerCase();
+	const filtered = packages.filter((pkg) => (!scope || getPackageScope(pkg.name) === scope) && (!normalizedQuery || matchesQuery(pkg, normalizedQuery)));
+	if (sort === "name") return filtered.sort((a, b) => a.name.localeCompare(b.name));
+	if (sort === "recent") return filtered.sort((a, b) => publishedAt(b) - publishedAt(a));
+	return filtered;
+}
+//#endregion
+export { PackageSort, filterPackages, getPackageScope, getScopes };
+
+//# sourceMappingURL=filterPackages.mjs.map

package/build/components/PackageList/filterPackages.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterPackages.mjs","names":[],"sources":["../../../src/components/PackageList/filterPackages.ts"],"sourcesContent":["import type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';\n\nexport enum PackageSort {\n  DEFAULT = 'default',\n  NAME = 'name',\n  RECENT = 'recent',\n}\n\nexport const NO_SCOPE = '-';\n\nexport type PackageFilter = {\n  query?: string;\n  scope?: string;\n  sort?: PackageSort;\n};\n\nexport function getPackageScope(name: string): string {\n  return name.startsWith('@') && name.includes('/') ? name.slice(0, name.indexOf('/')) : NO_SCOPE;\n}\n\nexport function getScopes(packages: ManifestWeb[]): string[] {\n  return Array.from(new Set(packages.map((pkg) => getPackageScope(pkg.name)))).sort((a, b) =>\n    a === NO_SCOPE ? 1 : b === NO_SCOPE ? -1 : a.localeCompare(b)\n  );\n}\n\nfunction matchesQuery(pkg: ManifestWeb, query: string): boolean {\n  const keywords = Array.isArray(pkg.keywords) ? pkg.keywords : [];\n  return [pkg.name, pkg.description ?? '', ...keywords].some((field) =>\n    String(field).toLowerCase().includes(query)\n  );\n}\n\nconst publishedAt = (pkg: ManifestWeb): number =>\n  pkg.time ? new Date(pkg.time).getTime() || 0 : 0;\n\n/** Filters and sorts the home list; `PackageSort.DEFAULT` keeps the order configured on the server. */\nexport function filterPackages(\n  packages: ManifestWeb[],\n  { query = '', scope = '', sort = PackageSort.DEFAULT }: PackageFilter\n): ManifestWeb[] {\n  const normalizedQuery = query.trim().toLowerCase();\n  const filtered = packages.filter(\n    (pkg) =>\n      (!scope || getPackageScope(pkg.name) === scope) &&\n      (!normalizedQuery || matchesQuery(pkg, normalizedQuery))\n  );\n  if (sort === PackageSort.NAME) {\n    return filtered.sort((a, b) => a.name.localeCompare(b.name));\n  }\n  if (sort === PackageSort.RECENT) {\n    return filtered.sort((a, b) => publishedAt(b) - publishedAt(a));\n  }\n  return filtered;\n}\n"],"mappings":";AAEA,IAAY,cAAL,yBAAA,aAAA;CACL,YAAA,aAAA;CACA,YAAA,UAAA;CACA,YAAA,YAAA;;AACF,EAAA,CAAA,CAAA;AAUA,SAAgB,gBAAgB,MAAsB;CACpD,OAAO,KAAK,WAAW,GAAG,KAAK,KAAK,SAAS,GAAG,IAAI,KAAK,MAAM,GAAG,KAAK,QAAQ,GAAG,CAAC,IAAA;AACrF;AAEA,SAAgB,UAAU,UAAmC;CAC3D,OAAO,MAAM,KAAK,IAAI,IAAI,SAAS,KAAK,QAAQ,gBAAgB,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,MACpF,MAAA,MAAiB,IAAI,MAAA,MAAiB,KAAK,EAAE,cAAc,CAAC,CAC9D;AACF;AAEA,SAAS,aAAa,KAAkB,OAAwB;CAC9D,MAAM,WAAW,MAAM,QAAQ,IAAI,QAAQ,IAAI,IAAI,WAAW,CAAC;CAC/D,OAAO;EAAC,IAAI;EAAM,IAAI,eAAe;EAAI,GAAG;CAAQ,CAAC,CAAC,MAAM,UAC1D,OAAO,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,SAAS,KAAK,CAC5C;AACF;AAEA,IAAM,eAAe,QACnB,IAAI,OAAO,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI;;AAGjD,SAAgB,eACd,UACA,EAAE,QAAQ,IAAI,QAAQ,IAAI,OAAA,aACX;CACf,MAAM,kBAAkB,MAAM,KAAK,CAAC,CAAC,YAAY;CACjD,MAAM,WAAW,SAAS,QACvB,SACE,CAAC,SAAS,gBAAgB,IAAI,IAAI,MAAM,WACxC,CAAC,mBAAmB,aAAa,KAAK,eAAe,EAC1D;CACA,IAAI,SAAA,QACF,OAAO,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC;CAE7D,IAAI,SAAA,UACF,OAAO,SAAS,MAAM,GAAG,MAAM,YAAY,CAAC,IAAI,YAAY,CAAC,CAAC;CAEhE,OAAO;AACT"}

package/build/components/RegistryInfoDialog/RegistryInfoDialog.js

@@ -1,4 +1,6 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_DocsLink = require("../DocsLink/DocsLink.js");
+require("../DocsLink/index.js");
 const require_styles = require("./styles.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
@@ -11,7 +13,7 @@ _mui_material_Button = require_runtime.__toESM(_mui_material_Button);
 let _mui_material_DialogActions = require("@mui/material/DialogActions");
 _mui_material_DialogActions = require_runtime.__toESM(_mui_material_DialogActions);
 //#region src/components/RegistryInfoDialog/RegistryInfoDialog.tsx
-var RegistryInfoDialog = ({ open = false, children, onClose, title = "" }) => {
+var RegistryInfoDialog = ({ open = false, children, onClose, title = "", docsUrl }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Dialog.default, {
 		"data-testid": "registryInfo--dialog",
@@ -22,12 +24,21 @@ var RegistryInfoDialog = ({ open = false, children, onClose, title = "" }) => {
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.Title, { children: title }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.Content, { children }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_DialogActions.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Button.default, {
-				color: "inherit",
-				id: "registryInfo--dialog-close",
-				onClick: onClose,
-				children: t("button.close")
-			}) })
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_DialogActions.default, {
+				sx: {
+					justifyContent: docsUrl ? "space-between" : "flex-end",
+					px: 3
+				},
+				children: [docsUrl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DocsLink.default, {
+					dataTestId: "registryInfo--dialog-docs",
+					href: docsUrl
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Button.default, {
+					color: "inherit",
+					id: "registryInfo--dialog-close",
+					onClick: onClose,
+					children: t("button.close")
+				})]
+			})
 		]
 	});
 };

package/build/components/RegistryInfoDialog/RegistryInfoDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegistryInfoDialog.js","names":["useTranslation","Dialog","Title","Content","DialogActions","Button"],"sources":["../../../src/components/RegistryInfoDialog/RegistryInfoDialog.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Content, Title } from './styles';\nimport type { Props } from './types';\n\nconst RegistryInfoDialog: React.FC<Props> = ({ open = false, children, onClose, title = '' }) => {\n  const { t } = useTranslation();\n  return (\n    <Dialog\n      data-testid={'registryInfo--dialog'}\n      id=\"registryInfo--dialog-container\"\n      maxWidth=\"sm\"\n      onClose={onClose}\n      open={open}\n    >\n      <Title>{title}</Title>\n      <Content>{children}</Content>\n      <DialogActions>\n        <Button color=\"inherit\" id=\"registryInfo--dialog-close\" onClick={onClose}>\n          {t('button.close')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default RegistryInfoDialog;\n"],"mappings":";;;;;;;;;;;;;AASA,IAAM,sBAAuC,EAAE,OAAO,OAAO,UAAU,SAAS,QAAQ,SAAS;CAC/F,MAAM,EAAE,OAAA,GAAMA,cAAAA,eAAAA,CAAe;CAC7B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,qBAAAA,SAAD;EACE,eAAa;EACb,IAAG;EACH,UAAS;EACA;EACH;EALR,UAAA;GAOE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,OAAD,EAAA,UAAQ,MAAa,CAAA;GACrB,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,SAAD,EAAU,SAAkB,CAAA;GAC5B,iBAAA,GAAA,kBAAA,IAAA,CAACC,4BAAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,SAAD;IAAQ,OAAM;IAAU,IAAG;IAA6B,SAAS;IAC9D,UAAA,EAAE,cAAc;GACX,CAAA,EACK,CAAA;EACT;;AAEZ"}
+{"version":3,"file":"RegistryInfoDialog.js","names":["useTranslation","Dialog","Title","Content","DialogActions","DocsLink","Button"],"sources":["../../../src/components/RegistryInfoDialog/RegistryInfoDialog.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport DocsLink from '../DocsLink';\nimport { Content, Title } from './styles';\nimport type { Props } from './types';\n\nconst RegistryInfoDialog: React.FC<Props> = ({\n  open = false,\n  children,\n  onClose,\n  title = '',\n  docsUrl,\n}) => {\n  const { t } = useTranslation();\n  return (\n    <Dialog\n      data-testid={'registryInfo--dialog'}\n      id=\"registryInfo--dialog-container\"\n      maxWidth=\"sm\"\n      onClose={onClose}\n      open={open}\n    >\n      <Title>{title}</Title>\n      <Content>{children}</Content>\n      <DialogActions sx={{ justifyContent: docsUrl ? 'space-between' : 'flex-end', px: 3 }}>\n        {docsUrl && <DocsLink dataTestId=\"registryInfo--dialog-docs\" href={docsUrl} />}\n        <Button color=\"inherit\" id=\"registryInfo--dialog-close\" onClick={onClose}>\n          {t('button.close')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default RegistryInfoDialog;\n"],"mappings":";;;;;;;;;;;;;;;AAUA,IAAM,sBAAuC,EAC3C,OAAO,OACP,UACA,SACA,QAAQ,IACR,cACI;CACJ,MAAM,EAAE,OAAA,GAAMA,cAAAA,eAAAA,CAAe;CAC7B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,qBAAAA,SAAD;EACE,eAAa;EACb,IAAG;EACH,UAAS;EACA;EACH;EALR,UAAA;GAOE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,OAAD,EAAA,UAAQ,MAAa,CAAA;GACrB,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,SAAD,EAAU,SAAkB,CAAA;GAC5B,iBAAA,GAAA,kBAAA,KAAA,CAACC,4BAAAA,SAAD;IAAe,IAAI;KAAE,gBAAgB,UAAU,kBAAkB;KAAY,IAAI;IAAE;IAAnF,UAAA,CACG,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,SAAD;KAAU,YAAW;KAA4B,MAAM;IAAU,CAAA,GAC7E,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,SAAD;KAAQ,OAAM;KAAU,IAAG;KAA6B,SAAS;KAC9D,UAAA,EAAE,cAAc;IACX,CAAA,CACK;;EACT;;AAEZ"}

package/build/components/RegistryInfoDialog/RegistryInfoDialog.mjs

@@ -1,3 +1,5 @@
+import DocsLink from "../DocsLink/DocsLink.mjs";
+import "../DocsLink/index.mjs";
 import { Content, Title } from "./styles.mjs";
 import "react";
 import { useTranslation } from "react-i18next";
@@ -6,7 +8,7 @@ import Dialog from "@mui/material/Dialog";
 import Button from "@mui/material/Button";
 import DialogActions from "@mui/material/DialogActions";
 //#region src/components/RegistryInfoDialog/RegistryInfoDialog.tsx
-var RegistryInfoDialog = ({ open = false, children, onClose, title = "" }) => {
+var RegistryInfoDialog = ({ open = false, children, onClose, title = "", docsUrl }) => {
 	const { t } = useTranslation();
 	return /* @__PURE__ */ jsxs(Dialog, {
 		"data-testid": "registryInfo--dialog",
@@ -17,12 +19,21 @@ var RegistryInfoDialog = ({ open = false, children, onClose, title = "" }) => {
 		children: [
 			/* @__PURE__ */ jsx(Title, { children: title }),
 			/* @__PURE__ */ jsx(Content, { children }),
-			/* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, {
-				color: "inherit",
-				id: "registryInfo--dialog-close",
-				onClick: onClose,
-				children: t("button.close")
-			}) })
+			/* @__PURE__ */ jsxs(DialogActions, {
+				sx: {
+					justifyContent: docsUrl ? "space-between" : "flex-end",
+					px: 3
+				},
+				children: [docsUrl && /* @__PURE__ */ jsx(DocsLink, {
+					dataTestId: "registryInfo--dialog-docs",
+					href: docsUrl
+				}), /* @__PURE__ */ jsx(Button, {
+					color: "inherit",
+					id: "registryInfo--dialog-close",
+					onClick: onClose,
+					children: t("button.close")
+				})]
+			})
 		]
 	});
 };

package/build/components/RegistryInfoDialog/RegistryInfoDialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RegistryInfoDialog.mjs","names":[],"sources":["../../../src/components/RegistryInfoDialog/RegistryInfoDialog.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Content, Title } from './styles';\nimport type { Props } from './types';\n\nconst RegistryInfoDialog: React.FC<Props> = ({ open = false, children, onClose, title = '' }) => {\n  const { t } = useTranslation();\n  return (\n    <Dialog\n      data-testid={'registryInfo--dialog'}\n      id=\"registryInfo--dialog-container\"\n      maxWidth=\"sm\"\n      onClose={onClose}\n      open={open}\n    >\n      <Title>{title}</Title>\n      <Content>{children}</Content>\n      <DialogActions>\n        <Button color=\"inherit\" id=\"registryInfo--dialog-close\" onClick={onClose}>\n          {t('button.close')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default RegistryInfoDialog;\n"],"mappings":";;;;;;;;AASA,IAAM,sBAAuC,EAAE,OAAO,OAAO,UAAU,SAAS,QAAQ,SAAS;CAC/F,MAAM,EAAE,MAAM,eAAe;CAC7B,OACE,qBAAC,QAAD;EACE,eAAa;EACb,IAAG;EACH,UAAS;EACA;EACH;EALR,UAAA;GAOE,oBAAC,OAAD,EAAA,UAAQ,MAAa,CAAA;GACrB,oBAAC,SAAD,EAAU,SAAkB,CAAA;GAC5B,oBAAC,eAAD,EAAA,UACE,oBAAC,QAAD;IAAQ,OAAM;IAAU,IAAG;IAA6B,SAAS;IAC9D,UAAA,EAAE,cAAc;GACX,CAAA,EACK,CAAA;EACT;;AAEZ"}
+{"version":3,"file":"RegistryInfoDialog.mjs","names":[],"sources":["../../../src/components/RegistryInfoDialog/RegistryInfoDialog.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport DocsLink from '../DocsLink';\nimport { Content, Title } from './styles';\nimport type { Props } from './types';\n\nconst RegistryInfoDialog: React.FC<Props> = ({\n  open = false,\n  children,\n  onClose,\n  title = '',\n  docsUrl,\n}) => {\n  const { t } = useTranslation();\n  return (\n    <Dialog\n      data-testid={'registryInfo--dialog'}\n      id=\"registryInfo--dialog-container\"\n      maxWidth=\"sm\"\n      onClose={onClose}\n      open={open}\n    >\n      <Title>{title}</Title>\n      <Content>{children}</Content>\n      <DialogActions sx={{ justifyContent: docsUrl ? 'space-between' : 'flex-end', px: 3 }}>\n        {docsUrl && <DocsLink dataTestId=\"registryInfo--dialog-docs\" href={docsUrl} />}\n        <Button color=\"inherit\" id=\"registryInfo--dialog-close\" onClick={onClose}>\n          {t('button.close')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default RegistryInfoDialog;\n"],"mappings":";;;;;;;;;;AAUA,IAAM,sBAAuC,EAC3C,OAAO,OACP,UACA,SACA,QAAQ,IACR,cACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAC7B,OACE,qBAAC,QAAD;EACE,eAAa;EACb,IAAG;EACH,UAAS;EACA;EACH;EALR,UAAA;GAOE,oBAAC,OAAD,EAAA,UAAQ,MAAa,CAAA;GACrB,oBAAC,SAAD,EAAU,SAAkB,CAAA;GAC5B,qBAAC,eAAD;IAAe,IAAI;KAAE,gBAAgB,UAAU,kBAAkB;KAAY,IAAI;IAAE;IAAnF,UAAA,CACG,WAAW,oBAAC,UAAD;KAAU,YAAW;KAA4B,MAAM;IAAU,CAAA,GAC7E,oBAAC,QAAD;KAAQ,OAAM;KAAU,IAAG;KAA6B,SAAS;KAC9D,UAAA,EAAE,cAAc;IACX,CAAA,CACK;;EACT;;AAEZ"}

package/build/components/RegistryInfoDialog/types.d.ts

@@ -4,4 +4,5 @@ export interface Props {
     open: boolean;
     title: string;
     onClose: () => void;
+    docsUrl?: string;
 }

package/build/components/Search/AutoComplete/AutoComplete.d.ts

@@ -1,3 +1,4 @@
+import type { AutocompleteRenderGroupParams } from '@mui/material/Autocomplete';
 import type { FC } from 'react';
 import React from 'react';
 import type { SearchResultWeb } from '@verdaccio/types';
@@ -13,6 +14,8 @@ interface Props {
     getOptionLabel: (option: any) => any;
     onCleanSuggestions: (event: React.SyntheticEvent) => void;
     onSelectItem: OnSelecItem;
+    groupBy?: (option: any) => string;
+    renderGroup?: (params: AutocompleteRenderGroupParams) => React.ReactNode;
 }
 declare const AutoComplete: FC<Props>;
 export default AutoComplete;