@verdaccio/ui-components 2.0.0-6-next.4 → 2.0.0-6-next.6

package/build/utils/cli-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli-utils.js","names":["copyToClipBoardUtility","str","event","preventDefault","node","document","createElement","innerText","body","appendChild","range","createRange","selection","window","getSelection","selectNodeContents","removeAllRanges","addRange","execCommand","removeChild","getCLISetConfigRegistry","command","scope","registryUrl","getCLISetRegistry","getCLIChangePassword","getCLISBerryYamlRegistry","URL","host","replace"],"sources":["../../src/utils/cli-utils.ts"],"sourcesContent":["import { SyntheticEvent } from 'react';\n\nexport const copyToClipBoardUtility =\n  (str: string): ((e: SyntheticEvent<HTMLElement>) => void) =>\n  (event: SyntheticEvent<HTMLElement>): void => {\n    event.preventDefault();\n\n    const node = document.createElement('div');\n    node.innerText = str;\n    if (document.body) {\n      document.body.appendChild(node);\n\n      const range = document.createRange();\n      const selection = window.getSelection() as Selection;\n      range.selectNodeContents(node);\n      selection.removeAllRanges();\n      selection.addRange(range);\n      document.execCommand('copy');\n      document.body.removeChild(node);\n    }\n  };\n\nexport function getCLISetConfigRegistry(\n  command: string,\n  scope: string | undefined,\n  registryUrl: string\n): string {\n  // if there is a scope defined there needs to be a \":\" separator between the scope and the registry\n  return `${command} ${scope ? `${scope}:` : ''}registry ${registryUrl}`;\n}\n\nexport function getCLISetRegistry(command: string, registryUrl: string): string {\n  return `${command} --registry ${registryUrl}`;\n}\n\nexport function getCLIChangePassword(command: string, registryUrl: string): string {\n  return `${command} profile set password --registry ${registryUrl}`;\n}\n\nexport function getCLISBerryYamlRegistry(scope: string | undefined, registryUrl: string): string {\n  return !scope\n    ? `// .yarnrc.yml    \nnpmRegistryServer: \"${registryUrl}\"\nunsafeHttpWhitelist:\n  - ${new URL(registryUrl).host}`\n    : `\n// .yarnrc.yml\nnpmRegistryServer: \"${registryUrl}\"\nnpmScopes:\n  ${scope.replace('@', '')}:\n    npmRegistryServer: ${registryUrl}\n    npmPublishRegistry: ${registryUrl}`;\n}\n"],"mappings":";;;;;;;;;;AAEO,IAAMA,sBAAsB,GACjC,SADWA,sBAAsB,CAChCC,GAAW;EAAA,OACZ,UAACC,KAAkC,EAAW;IAC5CA,KAAK,CAACC,cAAc,EAAE;IAEtB,IAAMC,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC1CF,IAAI,CAACG,SAAS,GAAGN,GAAG;IACpB,IAAII,QAAQ,CAACG,IAAI,EAAE;MACjBH,QAAQ,CAACG,IAAI,CAACC,WAAW,CAACL,IAAI,CAAC;MAE/B,IAAMM,KAAK,GAAGL,QAAQ,CAACM,WAAW,EAAE;MACpC,IAAMC,SAAS,GAAGC,MAAM,CAACC,YAAY,EAAe;MACpDJ,KAAK,CAACK,kBAAkB,CAACX,IAAI,CAAC;MAC9BQ,SAAS,CAACI,eAAe,EAAE;MAC3BJ,SAAS,CAACK,QAAQ,CAACP,KAAK,CAAC;MACzBL,QAAQ,CAACa,WAAW,CAAC,MAAM,CAAC;MAC5Bb,QAAQ,CAACG,IAAI,CAACW,WAAW,CAACf,IAAI,CAAC;IACjC;EACF,CAAC;AAAA;AAAC;AAEG,SAASgB,uBAAuB,CACrCC,OAAe,EACfC,KAAyB,EACzBC,WAAmB,EACX;EACR;EACA,iBAAUF,OAAO,cAAIC,KAAK,aAAMA,KAAK,SAAM,EAAE,sBAAYC,WAAW;AACtE;AAEO,SAASC,iBAAiB,CAACH,OAAe,EAAEE,WAAmB,EAAU;EAC9E,iBAAUF,OAAO,yBAAeE,WAAW;AAC7C;AAEO,SAASE,oBAAoB,CAACJ,OAAe,EAAEE,WAAmB,EAAU;EACjF,iBAAUF,OAAO,8CAAoCE,WAAW;AAClE;AAEO,SAASG,wBAAwB,CAACJ,KAAyB,EAAEC,WAAmB,EAAU;EAC/F,OAAO,CAACD,KAAK,sDAEOC,WAAW,2CAE3B,IAAII,GAAG,CAACJ,WAAW,CAAC,CAACK,IAAI,qDAGTL,WAAW,+BAE7BD,KAAK,CAACO,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,uCACDN,WAAW,uCACVA,WAAW,CAAE;AACvC"}

package/build/utils/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Route", {
+  enumerable: true,
+  get: function get() {
+    return _routes.Route;
+  }
+});
+Object.defineProperty(exports, "getCLIChangePassword", {
+  enumerable: true,
+  get: function get() {
+    return _cliUtils.getCLIChangePassword;
+  }
+});
+Object.defineProperty(exports, "getCLISBerryYamlRegistry", {
+  enumerable: true,
+  get: function get() {
+    return _cliUtils.getCLISBerryYamlRegistry;
+  }
+});
+Object.defineProperty(exports, "getCLISetConfigRegistry", {
+  enumerable: true,
+  get: function get() {
+    return _cliUtils.getCLISetConfigRegistry;
+  }
+});
+Object.defineProperty(exports, "getCLISetRegistry", {
+  enumerable: true,
+  get: function get() {
+    return _cliUtils.getCLISetRegistry;
+  }
+});
+Object.defineProperty(exports, "loadable", {
+  enumerable: true,
+  get: function get() {
+    return _loadable["default"];
+  }
+});
+exports.utils = exports.url = void 0;
+var _url = _interopRequireWildcard(require("./url"));
+exports.url = _url;
+var _utils = _interopRequireWildcard(require("./utils"));
+exports.utils = _utils;
+var _cliUtils = require("./cli-utils");
+var _loadable = _interopRequireDefault(require("./loadable"));
+var _routes = require("./routes");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

package/build/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["export * as url from './url';\nexport * as utils from './utils';\nexport {\n  getCLIChangePassword,\n  getCLISBerryYamlRegistry,\n  getCLISetConfigRegistry,\n  getCLISetRegistry,\n} from './cli-utils';\nexport { default as loadable } from './loadable';\nexport { Route } from './routes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AAMA;AACA;AAAiC;AAAA;AAAA"}

package/build/utils/loadable.js

@@ -0,0 +1,30 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/* eslint-disable verdaccio/jsx-spread */
+/**
+ *  With the combination of a bundler, enable to code split a package.
+ * 
+ *  @example
+    ```jsx
+    const VersionPage = loadable(() => import(/'../pages/Version'));
+   ```
+   @category HOC
+ */
+var _default = function _default(importCallback) {
+  var TargetComponent = /*#__PURE__*/(0, _react.lazy)(importCallback);
+  return function (props) {
+    return /*#__PURE__*/_react["default"].createElement(_react.Suspense, {
+      fallback: null
+    }, /*#__PURE__*/_react["default"].createElement(TargetComponent, props));
+  };
+};
+exports["default"] = _default;
+//# sourceMappingURL=loadable.js.map

package/build/utils/loadable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadable.js","names":["importCallback","TargetComponent","lazy","props"],"sources":["../../src/utils/loadable.tsx"],"sourcesContent":["/* eslint-disable verdaccio/jsx-spread */\nimport React, { Suspense, lazy } from 'react';\n\n/**\n *  With the combination of a bundler, enable to code split a package.\n * \n *  @example\n    ```jsx\n    const VersionPage = loadable(() => import(/'../pages/Version'));\n   ```\n   @category HOC\n */\nexport default (importCallback: any) => {\n  const TargetComponent = lazy(importCallback);\n  return (props: any) => (\n    <Suspense fallback={null}>\n      <TargetComponent {...props} />\n    </Suspense>\n  );\n};\n"],"mappings":";;;;;;;AACA;AAA8C;AAAA;AAD9C;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AARA,eASe,kBAACA,cAAmB,EAAK;EACtC,IAAMC,eAAe,gBAAG,IAAAC,WAAI,EAACF,cAAc,CAAC;EAC5C,OAAO,UAACG,KAAU;IAAA,oBAChB,gCAAC,eAAQ;MAAC,QAAQ,EAAE;IAAK,gBACvB,gCAAC,eAAe,EAAKA,KAAK,CAAI,CACrB;EAAA,CACZ;AACH,CAAC;AAAA"}

package/build/utils/routes.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Route = void 0;
+var Route;
+exports.Route = Route;
+(function (Route) {
+  Route["ROOT"] = "/";
+  Route["SCOPE_PACKAGE"] = "/-/web/detail/@:scope/:package";
+  Route["SCOPE_PACKAGE_VERSION"] = "/-/web/detail/@:scope/:package/v/:version";
+  Route["PACKAGE"] = "/-/web/detail/:package";
+  Route["PACKAGE_VERSION"] = "/-/web/detail/:package/v/:version";
+})(Route || (exports.Route = Route = {}));
+//# sourceMappingURL=routes.js.map

package/build/utils/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.js","names":["Route"],"sources":["../../src/utils/routes.ts"],"sourcesContent":["export enum Route {\n  ROOT = '/',\n  SCOPE_PACKAGE = '/-/web/detail/@:scope/:package',\n  SCOPE_PACKAGE_VERSION = '/-/web/detail/@:scope/:package/v/:version',\n  PACKAGE = '/-/web/detail/:package',\n  PACKAGE_VERSION = '/-/web/detail/:package/v/:version',\n}\n"],"mappings":";;;;;;IAAYA,KAAK;AAAA;AAAA,WAALA,KAAK;EAALA,KAAK;EAALA,KAAK;EAALA,KAAK;EAALA,KAAK;EAALA,KAAK;AAAA,GAALA,KAAK,qBAALA,KAAK"}

package/build/utils/url.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.downloadFile = downloadFile;
+exports.extractFileName = extractFileName;
+exports.isEmail = isEmail;
+exports.isURL = isURL;
+var _isEmail = _interopRequireDefault(require("validator/lib/isEmail"));
+var _isURL = _interopRequireDefault(require("validator/lib/isURL"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function isURL(url) {
+  return (0, _isURL["default"])(url || '', {
+    protocols: ['http', 'https', 'git+https'],
+    require_protocol: true,
+    require_tld: false
+  });
+}
+function isEmail(email) {
+  return (0, _isEmail["default"])(email || '');
+}
+function extractFileName(url) {
+  return url.substring(url.lastIndexOf('/') + 1);
+}
+function blobToFile(blob, fileName) {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  var b = blob;
+  b.lastModified = Date.now();
+  b.name = fileName;
+  return b;
+}
+function downloadFile(fileStream, fileName) {
+  var file;
+  // File constructor is not supported by Edge
+  // https://developer.mozilla.org/en-US/docs/Web/API/File#Browser_compatibility
+  // @ts-ignore. Please see: https://github.com/microsoft/TypeScript/issues/33792
+  if (navigator.msSaveBlob) {
+    // Detect if Edge
+    file = blobToFile(new Blob([fileStream], {
+      type: 'application/octet-stream'
+    }), fileName);
+  } else {
+    file = new File([fileStream], fileName, {
+      type: 'application/octet-stream',
+      lastModified: Date.now()
+    });
+  }
+  var objectURL = URL.createObjectURL(file);
+  var fileLink = document.createElement('a');
+  fileLink.href = objectURL;
+  fileLink.download = fileName;
+
+  // Without appending to an HTML Element, download dialog does not show up on Firefox
+  // https://github.com/verdaccio/ui/issues/119
+  document.documentElement.appendChild(fileLink);
+  fileLink.click();
+  // firefox requires remove the object url
+  setTimeout(function () {
+    URL.revokeObjectURL(objectURL);
+    document.documentElement.removeChild(fileLink);
+  }, 150);
+}
+//# sourceMappingURL=url.js.map

package/build/utils/url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.js","names":["isURL","url","isURLValidator","protocols","require_protocol","require_tld","isEmail","email","isEmailValidator","extractFileName","substring","lastIndexOf","blobToFile","blob","fileName","b","lastModified","Date","now","name","downloadFile","fileStream","file","navigator","msSaveBlob","Blob","type","File","objectURL","URL","createObjectURL","fileLink","document","createElement","href","download","documentElement","appendChild","click","setTimeout","revokeObjectURL","removeChild"],"sources":["../../src/utils/url.ts"],"sourcesContent":["import isEmailValidator from 'validator/lib/isEmail';\nimport isURLValidator from 'validator/lib/isURL';\n\nexport function isURL(url: string): boolean {\n  return isURLValidator(url || '', {\n    protocols: ['http', 'https', 'git+https'],\n    require_protocol: true,\n    require_tld: false,\n  });\n}\n\nexport function isEmail(email: string): boolean {\n  return isEmailValidator(email || '');\n}\n\nexport function extractFileName(url: string): string {\n  return url.substring(url.lastIndexOf('/') + 1);\n}\n\nfunction blobToFile(blob: Blob, fileName: string): File {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const b: any = blob;\n  b.lastModified = Date.now();\n  b.name = fileName;\n  return b as File;\n}\n\nexport function downloadFile(fileStream: Blob, fileName: string): void {\n  let file: File;\n  // File constructor is not supported by Edge\n  // https://developer.mozilla.org/en-US/docs/Web/API/File#Browser_compatibility\n  // @ts-ignore. Please see: https://github.com/microsoft/TypeScript/issues/33792\n  if (navigator.msSaveBlob) {\n    // Detect if Edge\n    file = blobToFile(new Blob([fileStream], { type: 'application/octet-stream' }), fileName);\n  } else {\n    file = new File([fileStream], fileName, {\n      type: 'application/octet-stream',\n      lastModified: Date.now(),\n    });\n  }\n\n  const objectURL = URL.createObjectURL(file);\n  const fileLink = document.createElement('a');\n  fileLink.href = objectURL;\n  fileLink.download = fileName;\n\n  // Without appending to an HTML Element, download dialog does not show up on Firefox\n  // https://github.com/verdaccio/ui/issues/119\n  document.documentElement.appendChild(fileLink);\n  fileLink.click();\n  // firefox requires remove the object url\n  setTimeout(() => {\n    URL.revokeObjectURL(objectURL);\n    document.documentElement.removeChild(fileLink);\n  }, 150);\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AAAiD;AAE1C,SAASA,KAAK,CAACC,GAAW,EAAW;EAC1C,OAAO,IAAAC,iBAAc,EAACD,GAAG,IAAI,EAAE,EAAE;IAC/BE,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,CAAC;IACzCC,gBAAgB,EAAE,IAAI;IACtBC,WAAW,EAAE;EACf,CAAC,CAAC;AACJ;AAEO,SAASC,OAAO,CAACC,KAAa,EAAW;EAC9C,OAAO,IAAAC,mBAAgB,EAACD,KAAK,IAAI,EAAE,CAAC;AACtC;AAEO,SAASE,eAAe,CAACR,GAAW,EAAU;EACnD,OAAOA,GAAG,CAACS,SAAS,CAACT,GAAG,CAACU,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAChD;AAEA,SAASC,UAAU,CAACC,IAAU,EAAEC,QAAgB,EAAQ;EACtD;EACA,IAAMC,CAAM,GAAGF,IAAI;EACnBE,CAAC,CAACC,YAAY,GAAGC,IAAI,CAACC,GAAG,EAAE;EAC3BH,CAAC,CAACI,IAAI,GAAGL,QAAQ;EACjB,OAAOC,CAAC;AACV;AAEO,SAASK,YAAY,CAACC,UAAgB,EAAEP,QAAgB,EAAQ;EACrE,IAAIQ,IAAU;EACd;EACA;EACA;EACA,IAAIC,SAAS,CAACC,UAAU,EAAE;IACxB;IACAF,IAAI,GAAGV,UAAU,CAAC,IAAIa,IAAI,CAAC,CAACJ,UAAU,CAAC,EAAE;MAAEK,IAAI,EAAE;IAA2B,CAAC,CAAC,EAAEZ,QAAQ,CAAC;EAC3F,CAAC,MAAM;IACLQ,IAAI,GAAG,IAAIK,IAAI,CAAC,CAACN,UAAU,CAAC,EAAEP,QAAQ,EAAE;MACtCY,IAAI,EAAE,0BAA0B;MAChCV,YAAY,EAAEC,IAAI,CAACC,GAAG;IACxB,CAAC,CAAC;EACJ;EAEA,IAAMU,SAAS,GAAGC,GAAG,CAACC,eAAe,CAACR,IAAI,CAAC;EAC3C,IAAMS,QAAQ,GAAGC,QAAQ,CAACC,aAAa,CAAC,GAAG,CAAC;EAC5CF,QAAQ,CAACG,IAAI,GAAGN,SAAS;EACzBG,QAAQ,CAACI,QAAQ,GAAGrB,QAAQ;;EAE5B;EACA;EACAkB,QAAQ,CAACI,eAAe,CAACC,WAAW,CAACN,QAAQ,CAAC;EAC9CA,QAAQ,CAACO,KAAK,EAAE;EAChB;EACAC,UAAU,CAAC,YAAM;IACfV,GAAG,CAACW,eAAe,CAACZ,SAAS,CAAC;IAC9BI,QAAQ,CAACI,eAAe,CAACK,WAAW,CAACV,QAAQ,CAAC;EAChD,CAAC,EAAE,GAAG,CAAC;AACT"}

package/build/utils/utils.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TIMEFORMAT = void 0;
+exports.fileSizeSI = fileSizeSI;
+exports.formatDate = formatDate;
+exports.formatDateDistance = formatDateDistance;
+exports.formatLicense = formatLicense;
+exports.formatRepository = formatRepository;
+exports.getAuthorName = getAuthorName;
+exports.getLastUpdatedPackageTime = getLastUpdatedPackageTime;
+exports.getRecentReleases = getRecentReleases;
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _localizedFormat = _interopRequireDefault(require("dayjs/plugin/localizedFormat"));
+var _relativeTime = _interopRequireDefault(require("dayjs/plugin/relativeTime"));
+var _i18next = _interopRequireDefault(require("i18next"));
+var _isString = _interopRequireDefault(require("lodash/isString"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var TIMEFORMAT = 'L LTS';
+exports.TIMEFORMAT = TIMEFORMAT;
+_dayjs["default"].extend(_relativeTime["default"]);
+_dayjs["default"].extend(_localizedFormat["default"]);
+
+/**
+ * Formats license field for webui.
+ * @see https://docs.npmjs.com/files/package.json#license
+ */
+// License should use type License defined above, but conflicts with the unit test that provide array or empty object
+/* eslint-disable @typescript-eslint/no-explicit-any */
+function formatLicense(license) {
+  if ((0, _isString["default"])(license)) {
+    return license;
+  }
+  if (license !== null && license !== void 0 && license.type) {
+    return license.type;
+  }
+  return;
+}
+/**
+ * Formats repository field for webui.
+ * @see https://docs.npmjs.com/files/package.json#repository
+ */
+
+// Repository should use type Repository defined above, but conflicts with the unit test that provide array or empty object
+/* eslint-disable @typescript-eslint/no-explicit-any */
+function formatRepository(repository) {
+  if ((0, _isString["default"])(repository)) {
+    return repository;
+  }
+  if (repository !== null && repository !== void 0 && repository.url) {
+    return repository.url;
+  }
+  return null;
+}
+function formatDate(lastUpdate) {
+  return (0, _dayjs["default"])(new Date(lastUpdate)).format(TIMEFORMAT);
+}
+function formatDateDistance(lastUpdate) {
+  return (0, _dayjs["default"])(new Date(lastUpdate)).fromNow();
+}
+
+/**
+ * For <LastSync /> component
+ * @param {array} uplinks
+ */
+function getLastUpdatedPackageTime() {
+  var uplinks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var lastUpdate = 0;
+  Object.keys(uplinks).forEach(function computeUplink(upLinkName) {
+    var status = uplinks[upLinkName];
+    if (status.fetched > lastUpdate) {
+      lastUpdate = status.fetched;
+    }
+  });
+  return lastUpdate ? formatDate(lastUpdate) : '';
+}
+
+/**
+ * For <LastSync /> component
+ * @param {Object} time
+ * @returns {Array} last 3 releases
+ */
+function getRecentReleases() {
+  var time = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var recent = Object.keys(time).map(function (version) {
+    return {
+      version: version,
+      time: formatDate(time[version])
+    };
+  });
+  return recent.slice(recent.length - 3, recent.length).reverse();
+}
+function getAuthorName(authorName) {
+  if (!authorName) {
+    return _i18next["default"].t('author-unknown');
+  }
+  if (authorName.toLowerCase() === 'anonymous') {
+    return _i18next["default"].t('author-anonymous');
+  }
+  return authorName;
+}
+function fileSizeSI(a, b, c, d, e) {
+  return (b = Math, c = b.log, d = 1e3, e = c(a) / c(d) | 0, a / b.pow(d, e)).toFixed(2) + ' ' + (e ? 'kMGTPEZY'[--e] + 'B' : 'Bytes');
+}
+//# sourceMappingURL=utils.js.map

package/build/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["TIMEFORMAT","dayjs","extend","relativeTime","localizedFormat","formatLicense","license","isString","type","formatRepository","repository","url","formatDate","lastUpdate","Date","format","formatDateDistance","fromNow","getLastUpdatedPackageTime","uplinks","Object","keys","forEach","computeUplink","upLinkName","status","fetched","getRecentReleases","time","recent","map","version","slice","length","reverse","getAuthorName","authorName","i18next","t","toLowerCase","fileSizeSI","a","b","c","d","e","Math","log","pow","toFixed"],"sources":["../../src/utils/utils.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport localizedFormat from 'dayjs/plugin/localizedFormat';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport i18next from 'i18next';\nimport isString from 'lodash/isString';\n\nimport { UpLinks } from '@verdaccio/types';\n\nimport { Time } from '../types/packageMeta';\n\nexport const TIMEFORMAT = 'L LTS';\n\ndayjs.extend(relativeTime);\ndayjs.extend(localizedFormat);\n\n/**\n * Formats license field for webui.\n * @see https://docs.npmjs.com/files/package.json#license\n */\n// License should use type License defined above, but conflicts with the unit test that provide array or empty object\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport function formatLicense(license: any): string | undefined {\n  if (isString(license)) {\n    return license;\n  }\n\n  if (license?.type) {\n    return license.type;\n  }\n\n  return;\n}\n\nexport interface Repository {\n  type: string;\n  url: string;\n}\n\n/**\n * Formats repository field for webui.\n * @see https://docs.npmjs.com/files/package.json#repository\n */\n\n// Repository should use type Repository defined above, but conflicts with the unit test that provide array or empty object\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport function formatRepository(repository: any): string | null {\n  if (isString(repository)) {\n    return repository;\n  }\n\n  if (repository?.url) {\n    return repository.url;\n  }\n\n  return null;\n}\n\nexport function formatDate(lastUpdate: string | number): string {\n  return dayjs(new Date(lastUpdate)).format(TIMEFORMAT);\n}\n\nexport function formatDateDistance(lastUpdate: Date | string | number): string {\n  return dayjs(new Date(lastUpdate)).fromNow();\n}\n\n/**\n * For <LastSync /> component\n * @param {array} uplinks\n */\nexport function getLastUpdatedPackageTime(uplinks: UpLinks = {}): string {\n  let lastUpdate = 0;\n  Object.keys(uplinks).forEach(function computeUplink(upLinkName): void {\n    const status = uplinks[upLinkName];\n    if (status.fetched > lastUpdate) {\n      lastUpdate = status.fetched;\n    }\n  });\n\n  return lastUpdate ? formatDate(lastUpdate) : '';\n}\n\n/**\n * For <LastSync /> component\n * @param {Object} time\n * @returns {Array} last 3 releases\n */\nexport function getRecentReleases(time: Time = {}): Time[] {\n  const recent = Object.keys(time).map((version) => ({\n    version,\n    time: formatDate(time[version]),\n  }));\n\n  return recent.slice(recent.length - 3, recent.length).reverse();\n}\n\nexport function getAuthorName(authorName?: string): string {\n  if (!authorName) {\n    return i18next.t('author-unknown');\n  }\n\n  if (authorName.toLowerCase() === 'anonymous') {\n    return i18next.t('author-anonymous');\n  }\n\n  return authorName;\n}\n\nexport function fileSizeSI(\n  a: number,\n  b?: typeof Math,\n  c?: (p: number) => number,\n  d?: number,\n  e?: number\n): string {\n  return (\n    ((b = Math), (c = b.log), (d = 1e3), (e = (c(a) / c(d)) | 0), a / b.pow(d, e)).toFixed(2) +\n    ' ' +\n    (e ? 'kMGTPEZY'[--e] + 'B' : 'Bytes')\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAuC;AAMhC,IAAMA,UAAU,GAAG,OAAO;AAAC;AAElCC,iBAAK,CAACC,MAAM,CAACC,wBAAY,CAAC;AAC1BF,iBAAK,CAACC,MAAM,CAACE,2BAAe,CAAC;;AAE7B;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,aAAa,CAACC,OAAY,EAAsB;EAC9D,IAAI,IAAAC,oBAAQ,EAACD,OAAO,CAAC,EAAE;IACrB,OAAOA,OAAO;EAChB;EAEA,IAAIA,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEE,IAAI,EAAE;IACjB,OAAOF,OAAO,CAACE,IAAI;EACrB;EAEA;AACF;AAOA;AACA;AACA;AACA;;AAEA;AACA;AACO,SAASC,gBAAgB,CAACC,UAAe,EAAiB;EAC/D,IAAI,IAAAH,oBAAQ,EAACG,UAAU,CAAC,EAAE;IACxB,OAAOA,UAAU;EACnB;EAEA,IAAIA,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEC,GAAG,EAAE;IACnB,OAAOD,UAAU,CAACC,GAAG;EACvB;EAEA,OAAO,IAAI;AACb;AAEO,SAASC,UAAU,CAACC,UAA2B,EAAU;EAC9D,OAAO,IAAAZ,iBAAK,EAAC,IAAIa,IAAI,CAACD,UAAU,CAAC,CAAC,CAACE,MAAM,CAACf,UAAU,CAAC;AACvD;AAEO,SAASgB,kBAAkB,CAACH,UAAkC,EAAU;EAC7E,OAAO,IAAAZ,iBAAK,EAAC,IAAIa,IAAI,CAACD,UAAU,CAAC,CAAC,CAACI,OAAO,EAAE;AAC9C;;AAEA;AACA;AACA;AACA;AACO,SAASC,yBAAyB,GAAgC;EAAA,IAA/BC,OAAgB,uEAAG,CAAC,CAAC;EAC7D,IAAIN,UAAU,GAAG,CAAC;EAClBO,MAAM,CAACC,IAAI,CAACF,OAAO,CAAC,CAACG,OAAO,CAAC,SAASC,aAAa,CAACC,UAAU,EAAQ;IACpE,IAAMC,MAAM,GAAGN,OAAO,CAACK,UAAU,CAAC;IAClC,IAAIC,MAAM,CAACC,OAAO,GAAGb,UAAU,EAAE;MAC/BA,UAAU,GAAGY,MAAM,CAACC,OAAO;IAC7B;EACF,CAAC,CAAC;EAEF,OAAOb,UAAU,GAAGD,UAAU,CAACC,UAAU,CAAC,GAAG,EAAE;AACjD;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASc,iBAAiB,GAA0B;EAAA,IAAzBC,IAAU,uEAAG,CAAC,CAAC;EAC/C,IAAMC,MAAM,GAAGT,MAAM,CAACC,IAAI,CAACO,IAAI,CAAC,CAACE,GAAG,CAAC,UAACC,OAAO;IAAA,OAAM;MACjDA,OAAO,EAAPA,OAAO;MACPH,IAAI,EAAEhB,UAAU,CAACgB,IAAI,CAACG,OAAO,CAAC;IAChC,CAAC;EAAA,CAAC,CAAC;EAEH,OAAOF,MAAM,CAACG,KAAK,CAACH,MAAM,CAACI,MAAM,GAAG,CAAC,EAAEJ,MAAM,CAACI,MAAM,CAAC,CAACC,OAAO,EAAE;AACjE;AAEO,SAASC,aAAa,CAACC,UAAmB,EAAU;EACzD,IAAI,CAACA,UAAU,EAAE;IACf,OAAOC,mBAAO,CAACC,CAAC,CAAC,gBAAgB,CAAC;EACpC;EAEA,IAAIF,UAAU,CAACG,WAAW,EAAE,KAAK,WAAW,EAAE;IAC5C,OAAOF,mBAAO,CAACC,CAAC,CAAC,kBAAkB,CAAC;EACtC;EAEA,OAAOF,UAAU;AACnB;AAEO,SAASI,UAAU,CACxBC,CAAS,EACTC,CAAe,EACfC,CAAyB,EACzBC,CAAU,EACVC,CAAU,EACF;EACR,OACE,CAAEH,CAAC,GAAGI,IAAI,EAAIH,CAAC,GAAGD,CAAC,CAACK,GAAG,EAAIH,CAAC,GAAG,GAAG,EAAIC,CAAC,GAAIF,CAAC,CAACF,CAAC,CAAC,GAAGE,CAAC,CAACC,CAAC,CAAC,GAAI,CAAC,EAAGH,CAAC,GAAGC,CAAC,CAACM,GAAG,CAACJ,CAAC,EAAEC,CAAC,CAAC,EAAEI,OAAO,CAAC,CAAC,CAAC,GACzF,GAAG,IACFJ,CAAC,GAAG,UAAU,CAAC,EAAEA,CAAC,CAAC,GAAG,GAAG,GAAG,OAAO,CAAC;AAEzC"}

package/package.json

@@ -1,16 +1,12 @@
 {
   "name": "@verdaccio/ui-components",
-  "version": "2.0.0-6-next.4",
+  "version": "2.0.0-6-next.6",
   "description": "theme ui component",
   "author": "Juan Picado <juanpicado19@gmail.com>",
   "license": "MIT",
   "homepage": "https://verdaccio.org",
   "main": "./build/index.js",
   "types": "build/index.d.ts",
-  "files": [
-    "./build",
-    "./src"
-  ],
   "dependencies": {
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
@@ -20,9 +16,9 @@
     "@rematch/core": "2.2.0",
     "@rematch/loading": "2.1.2",
     "@rematch/persist": "2.1.2",
-    "@verdaccio/types": "11.0.0-6-next.21",
+    "@verdaccio/types": "11.0.0-6-next.23",
     "dayjs": "1.11.7",
-    "dompurify": "2.4.4",
+    "dompurify": "2.4.5",
     "github-markdown-css": "5.1.0",
     "highlight.js": "11.7.0",
     "i18next": "20.6.1",
@@ -41,7 +37,7 @@
     "react-virtualized": "9.22.3",
     "country-flag-icons": "1.5.5",
     "history": "4.10.1",
-    "react-markdown": "8.0.4",
+    "react-markdown": "8.0.5",
     "remark-gfm": "3.0.1",
     "redux": "4.2.1",
     "validator": "13.9.0"

package/src/Theme/ResetStyles.tsx

@@ -0,0 +1,44 @@
+import { makeStyles } from '@mui/styles';
+import React from 'react';
+
+import { Theme } from './theme';
+
+const resetStyles = makeStyles(({ theme }: { theme?: Theme }) => ({
+  '@global': {
+    // eslint-disable-next-line max-len
+    'html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video':
+      {
+        fontFamily: '"Roboto", Helvetica Neue, Arial, sans-serif',
+      },
+    strong: {
+      fontWeight: theme?.fontWeight.semiBold,
+    },
+    'html, body, #root': {
+      height: '100%',
+    },
+    ul: {
+      margin: 0,
+      padding: 0,
+      listStyle: 'none',
+    },
+    '.container': {
+      padding: 15,
+      flex: 1,
+      height: '100%',
+
+      [`@media screen and (min-width: ${theme?.breakPoints.container}px)`]: {
+        maxWidth: theme?.breakPoints.container,
+        width: '100%',
+        marginLeft: 'auto',
+        marginRight: 'auto',
+      },
+    },
+  },
+}));
+
+const ResetStyles: React.FC<any> = ({ children }) => {
+  resetStyles();
+  return <>{children}</>;
+};
+
+export default ResetStyles;

package/src/Theme/StyleBaseline.tsx

@@ -0,0 +1,14 @@
+import CssBaseline from '@mui/material/CssBaseline';
+import 'normalize.css';
+import React from 'react';
+
+import ResetCSS from './ResetStyles';
+
+const StyleBaseline: React.FC = () => (
+  <>
+    <CssBaseline />
+    <ResetCSS />
+  </>
+);
+
+export default StyleBaseline;

package/src/Theme/ThemeProvider.tsx

@@ -0,0 +1,45 @@
+import { ThemeProvider as MUIThemeProvider, StyledEngineProvider } from '@mui/material/styles';
+import React, { createContext, useContext } from 'react';
+
+import useLocalStorage from '../hooks/useLocalStorage';
+import { useConfig } from '../providers/AppConfigurationProvider';
+import { ThemeMode, getTheme } from './theme';
+
+interface Props {
+  isDarkMode: boolean;
+  setIsDarkMode: (isDarkMode: boolean) => void;
+}
+
+const ThemeContext = createContext<undefined | Props>(undefined);
+
+function getDarkModeDefault(darkModeConfig?: boolean) {
+  const prefersDarkMode = window.matchMedia?.('(prefers-color-scheme:dark)').matches;
+  if (typeof darkModeConfig === 'boolean') {
+    return darkModeConfig;
+  } else {
+    return prefersDarkMode;
+  }
+}
+
+const ThemeProvider: React.FC<{ children: any }> = ({ children }) => {
+  const { configOptions } = useConfig();
+  const isDarkModeDefault = getDarkModeDefault(configOptions.darkMode);
+  const isSwitchThemeEnabled = configOptions.showThemeSwitch;
+  const [isDarkModeStorage, setIsDarkMode] = useLocalStorage('darkMode', isDarkModeDefault);
+  const isDarkMode = isSwitchThemeEnabled === true ? isDarkModeStorage : isDarkModeDefault;
+  const themeMode: ThemeMode = isDarkMode ? 'dark' : 'light';
+
+  const currentTheme = getTheme(themeMode, configOptions.primaryColor);
+
+  return (
+    <ThemeContext.Provider value={{ isDarkMode, setIsDarkMode }}>
+      <StyledEngineProvider injectFirst={true}>
+        <MUIThemeProvider theme={currentTheme}>{children}</MUIThemeProvider>
+      </StyledEngineProvider>
+    </ThemeContext.Provider>
+  );
+};
+
+export const useCustomTheme = () => useContext(ThemeContext);
+
+export { ThemeProvider };

package/src/Theme/colors.ts

@@ -0,0 +1 @@
+export const PRIMARY_COLOR = '#4b5e40';

package/src/Theme/index.ts

@@ -0,0 +1,4 @@
+export * as colors from './colors';
+export { ThemeProvider, useCustomTheme } from './ThemeProvider';
+export { default as StyleBaseline } from './StyleBaseline';
+export { Theme, FontWeight } from './theme';

package/src/Theme/theme.ts

@@ -0,0 +1,161 @@
+import { createTheme } from '@mui/material/styles';
+
+import { PRIMARY_COLOR } from './colors';
+
+const colors = {
+  black: '#000',
+  white: '#fff',
+  red: '#d32f2f',
+  orange: '#CD4000',
+  greySuperLight: '#f5f5f5',
+  greyLight: '#d3d3d3',
+  greyLight2: '#908ba1',
+  greyLight3: '#f3f4f240',
+  greyDark: '#a9a9a9',
+  greyDark2: '#586069',
+  greyChateau: '#95989a',
+  greyGainsboro: '#e3e3e3',
+  greyAthens: '#d3dddd',
+  eclipse: '#3c3c3c',
+  paleNavy: '#e4e8f1',
+  saltpan: '#f7f8f6',
+  snow: '#f9f9f9',
+  love: '#e25555',
+  nobel01: '#999999',
+  nobel02: '#9f9f9f',
+  primary: PRIMARY_COLOR,
+  secondary: '#20232a',
+  background: '#fff',
+  dodgerBlue: '#1ba1f2',
+  cyanBlue: '#253341',
+};
+
+const themeModes = {
+  light: {
+    ...colors,
+  },
+  dark: {
+    ...colors,
+    primary: '#24394e',
+    secondary: '#424242',
+    background: '#1A202C',
+  },
+};
+
+function applyPrimaryColor(mode: ThemeMode, primaryColor: string): any {
+  if (mode === 'light') {
+    themeModes['light'].primary = primaryColor;
+  }
+
+  return themeModes[mode];
+}
+
+export type ThemeMode = keyof typeof themeModes;
+
+const fontSize = {
+  xxl: 26,
+  xl: 24,
+  lg: 21,
+  md: 18,
+  default: 16,
+  sm: 14,
+  ssm: 12,
+};
+
+export type FontSize = keyof typeof fontSize;
+
+const fontWeight = {
+  light: 300,
+  regular: 400,
+  semiBold: 500,
+  bold: 700,
+};
+
+export type FontWeight = keyof typeof fontWeight;
+
+export const breakPoints = {
+  xsmall: 400,
+  small: 576,
+  medium: 768,
+  large: 1024,
+  container: 1240,
+  xlarge: 1275,
+};
+
+export type BreakPoints = typeof breakPoints;
+
+const customizedTheme = {
+  fontSize,
+  fontWeight,
+  breakPoints,
+};
+
+type CustomizedTheme = typeof customizedTheme;
+
+export const getTheme = (themeMode: ThemeMode, primaryColor: string) => {
+  const palette = applyPrimaryColor(themeMode, primaryColor);
+  return createTheme({
+    typography: {
+      fontFamily: [
+        '-apple-system',
+        'BlinkMacSystemFont',
+        '"Helvetica Neue"',
+        'Arial',
+        'sans-serif',
+      ].join(','),
+    },
+    palette: {
+      mode: themeMode,
+      ...palette,
+      primary: { main: palette.primary },
+      secondary: { main: palette.secondary },
+      error: { main: palette.red },
+      background: {
+        default: palette.background,
+      },
+    },
+    ...customizedTheme,
+  });
+};
+
+export type Theme = ReturnType<typeof getTheme>;
+
+declare module '@mui/material/styles/createTheme' {
+  /* eslint-disable-next-line @typescript-eslint/no-empty-interface */
+  interface Theme extends CustomizedTheme {}
+  /* eslint-disable-next-line @typescript-eslint/no-empty-interface */
+  interface DeprecatedThemeOptions extends CustomizedTheme {}
+}
+
+declare module '@mui/material/styles/createPalette' {
+  interface CustomPalette {
+    black: string;
+    white: string;
+    red: string;
+    orange: string;
+    greySuperLight: string;
+    greyLight: string;
+    greyLight2: string;
+    greyLight3: string;
+    greyDark: string;
+    greyDark2: string;
+    greyChateau: string;
+    greyGainsboro: string;
+    greyAthens: string;
+    eclipse: string;
+    paleNavy: string;
+    saltpan: string;
+    snow: string;
+    love: string;
+    nobel01: string;
+    nobel02: string;
+    background: string;
+    dodgerBlue: string;
+    cyanBlue: string;
+  }
+
+  /* eslint-disable-next-line @typescript-eslint/no-empty-interface */
+  interface Palette extends CustomPalette {}
+  /* eslint-disable-next-line @typescript-eslint/no-empty-interface */
+  interface PaletteOptions extends Partial<CustomPalette> {}
+}

package/src/__mocks__/react-markdown.tsx

@@ -0,0 +1,8 @@
+// eslint-disable
+import React from 'react';
+
+// @ts-ignore
+export default function ({ children }) {
+  return <>{children}</>;
+}
+// eslint-enable

package/src/__mocks__/remark-plugin.ts

@@ -0,0 +1 @@
+export default function () {}