@dr.pogodin/react-utils 1.25.6 → 1.26.0

package/build/development/server/utils/errors.js

@@ -95,6 +95,11 @@ var _joi = _interopRequireDefault(require("joi"));
  * });
  */
 
+// TODO: It could accept the status code as a constructor argument.
+class ErrorWithStatus extends Error {
+  status = _httpStatusCodes.StatusCodes.INTERNAL_SERVER_ERROR;
+}
+
 /**
  * ```js
  * import { server } from '@dr.pogodin/react-utils';
@@ -108,7 +113,7 @@ var _joi = _interopRequireDefault(require("joi"));
  * @return {Error}
  */
 function newError(message, statusCode = _httpStatusCodes.StatusCodes.INTERNAL_SERVER_ERROR) {
-  const error = new Error(message);
+  const error = new ErrorWithStatus(message);
   error.status = statusCode;
   return error;
 }
@@ -119,10 +124,9 @@ function newError(message, statusCode = _httpStatusCodes.StatusCodes.INTERNAL_SE
  * const { fail } = server.errors;
  * ```
  * Throws an error with given message and HTTP status code.
- * @param {string} message Error message.
- * @param {number} [statusCode=500] HTTP error code. Defaults to 500 (Internal
+ * @param message Error message.
+ * @param [statusCode=500] HTTP error code. Defaults to 500 (Internal
  * Server Error).
- * @throws {Error}
  */
 function fail(message, statusCode = _httpStatusCodes.StatusCodes.INTERNAL_SERVER_ERROR) {
   throw newError(message, statusCode);
@@ -135,12 +139,11 @@ function fail(message, statusCode = _httpStatusCodes.StatusCodes.INTERNAL_SERVER
  * ```
  * Validates a value using given Joi schema, and throws an error with given
  * message and HTTP status code in case of the validation failure.
- * @param {any} value
- * @param {object} schema
- * @param {string} [message] Error message.
- * @param {number} [statusCode=500] HTTP status code. Defaults to 400 (Bad
+ * @param value
+ * @param schema
+ * @param [message] Error message.
+ * @param [statusCode=500] HTTP status code. Defaults to 400 (Bad
  * Request).
- * @throws {Error}
  */
 function assert(value, schema, message = '', statusCode = _httpStatusCodes.StatusCodes.BAD_REQUEST) {
   const {

package/build/development/server/utils/errors.js.map

@@ -1 +1 @@
-{"version":3,"file":"errors.js","names":["_httpStatusCodes","require","_joi","_interopRequireDefault","newError","message","statusCode","CODES","INTERNAL_SERVER_ERROR","error","Error","status","fail","assert","value","schema","BAD_REQUEST","validate","abortEarly","concat"],"sources":["../../../../src/server/utils/errors.js"],"sourcesContent":["/**\n * @category Utilities\n * @module server/errors\n * @desc\n * ```js\n * import { server } from '@dr.pogodin/react-utils';\n * const { errors } = server;\n * ```\n * Server-side helpers for error handling.\n */\n\nimport {\n  StatusCodes as CODES,\n  ReasonPhrases as ERRORS,\n  getReasonPhrase as getErrorForCode,\n} from 'http-status-codes';\n\nimport joi from 'joi';\n\n/**\n * @static\n * @const CODES\n * @desc An alias for\n * [StatusCodes object from **http-status-codes** library](https://www.npmjs.com/package/http-status-codes).\n * It is a map between HTTP status code names and corresponding numeric codes.\n * @example\n * import { server } from '@dr.pogodin/react-utils';\n * const { CODES } = server.errors;\n * console.log(CODES.BAD_REQUEST); // Prints: 400\n */\nexport { CODES };\n\n/**\n * @static\n * @const ERRORS\n * @desc An alias for\n * [ReasonPhrases object from **http-status-codes** library](https://www.npmjs.com/package/http-status-codes).\n * It is a map between HTTP status code names and their pretty-printed forms.\n * @example\n * import { server } from '@dr.pogodin/react-utils';\n * const { ERRORS } = server.errors;\n * console.log(ERRORS.BAD_REQUEST); // Prints: Bad Request\n */\nexport { ERRORS };\n\n/**\n * @static\n * @func getErrorForCode\n * @desc An alias for\n * [getReasonPhrase() function from **http-status-codes** library](https://www.npmjs.com/package/http-status-codes).\n * Given an HTTP code it returns the corresponding error text.\n * @param {number} code HTTP code.\n * @return {string} HTTP error text.\n * @example\n * import { server } from '@dr.pogodin/react-utils';\n * console.log(server.errors.getErrorForCode(400)); // Prints: Bad Request\n */\nexport { getErrorForCode };\n\n/**\n * @static\n * @const joi\n * @desc An alias for [Joi library](https://joi.dev/api/?v=17.4.0),\n * which provides tooling for HTTP request validation. You can use it in any\n * way you would use that library import.\n * @example\n * import { server } from '@dr.pogodin/react-utils';\n * const { joi } = server.errors;\n * const requestBodySchema = joi.object({\n *   sampleKey: joi.string().max(16).required(),\n * });\n */\nexport { joi };\n\n/**\n * ```js\n * import { server } from '@dr.pogodin/react-utils';\n * const { newError } = server.errors;\n * ```\n * Creates a new `Error` object with given message, and HTTP status code\n * attached as `status` field.\n * @param {string} message Error message.\n * @param {number} [statusCode=500] HTTP status code. Defaults to 500 (Internal\n * Server Error).\n * @return {Error}\n */\nexport function newError(message, statusCode = CODES.INTERNAL_SERVER_ERROR) {\n  const error = new Error(message);\n  error.status = statusCode;\n  return error;\n}\n\n/**\n * ```js\n * import { server } from '@dr.pogodin/react-utils';\n * const { fail } = server.errors;\n * ```\n * Throws an error with given message and HTTP status code.\n * @param {string} message Error message.\n * @param {number} [statusCode=500] HTTP error code. Defaults to 500 (Internal\n * Server Error).\n * @throws {Error}\n */\nexport function fail(message, statusCode = CODES.INTERNAL_SERVER_ERROR) {\n  throw newError(message, statusCode);\n}\n\n/**\n * ```js\n * import { server } from '@dr.pogodin/react-utils';\n * const { assert } = server.errors;\n * ```\n * Validates a value using given Joi schema, and throws an error with given\n * message and HTTP status code in case of the validation failure.\n * @param {any} value\n * @param {object} schema\n * @param {string} [message] Error message.\n * @param {number} [statusCode=500] HTTP status code. Defaults to 400 (Bad\n * Request).\n * @throws {Error}\n */\nexport function assert(\n  value,\n  schema,\n  message = '',\n  statusCode = CODES.BAD_REQUEST,\n) {\n  const { error } = schema.validate(value, { abortEarly: false });\n  if (error) {\n    fail(message.concat(message ? '\\n' : '', error.message), statusCode);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAAA,gBAAA,GAAAC,OAAA;AAMA,IAAAC,IAAA,GAAAC,sBAAA,CAAAF,OAAA;AAjBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,QAAQA,CAACC,OAAO,EAAEC,UAAU,GAAGC,4BAAK,CAACC,qBAAqB,EAAE;EAC1E,MAAMC,KAAK,GAAG,IAAIC,KAAK,CAACL,OAAO,CAAC;EAChCI,KAAK,CAACE,MAAM,GAAGL,UAAU;EACzB,OAAOG,KAAK;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,IAAIA,CAACP,OAAO,EAAEC,UAAU,GAAGC,4BAAK,CAACC,qBAAqB,EAAE;EACtE,MAAMJ,QAAQ,CAACC,OAAO,EAAEC,UAAU,CAAC;AACrC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASO,MAAMA,CACpBC,KAAK,EACLC,MAAM,EACNV,OAAO,GAAG,EAAE,EACZC,UAAU,GAAGC,4BAAK,CAACS,WAAW,EAC9B;EACA,MAAM;IAAEP;EAAM,CAAC,GAAGM,MAAM,CAACE,QAAQ,CAACH,KAAK,EAAE;IAAEI,UAAU,EAAE;EAAM,CAAC,CAAC;EAC/D,IAAIT,KAAK,EAAE;IACTG,IAAI,CAACP,OAAO,CAACc,MAAM,CAACd,OAAO,GAAG,IAAI,GAAG,EAAE,EAAEI,KAAK,CAACJ,OAAO,CAAC,EAAEC,UAAU,CAAC;EACtE;AACF"}
+{"version":3,"file":"errors.js","names":["_httpStatusCodes","require","_joi","_interopRequireDefault","ErrorWithStatus","Error","status","CODES","INTERNAL_SERVER_ERROR","newError","message","statusCode","error","fail","assert","value","schema","BAD_REQUEST","validate","abortEarly","concat"],"sources":["../../../../src/server/utils/errors.ts"],"sourcesContent":["/**\n * @category Utilities\n * @module server/errors\n * @desc\n * ```js\n * import { server } from '@dr.pogodin/react-utils';\n * const { errors } = server;\n * ```\n * Server-side helpers for error handling.\n */\n\nimport {\n  StatusCodes as CODES,\n  ReasonPhrases as ERRORS,\n  getReasonPhrase as getErrorForCode,\n} from 'http-status-codes';\n\nimport joi from 'joi';\n\n/**\n * @static\n * @const CODES\n * @desc An alias for\n * [StatusCodes object from **http-status-codes** library](https://www.npmjs.com/package/http-status-codes).\n * It is a map between HTTP status code names and corresponding numeric codes.\n * @example\n * import { server } from '@dr.pogodin/react-utils';\n * const { CODES } = server.errors;\n * console.log(CODES.BAD_REQUEST); // Prints: 400\n */\nexport { CODES };\n\n/**\n * @static\n * @const ERRORS\n * @desc An alias for\n * [ReasonPhrases object from **http-status-codes** library](https://www.npmjs.com/package/http-status-codes).\n * It is a map between HTTP status code names and their pretty-printed forms.\n * @example\n * import { server } from '@dr.pogodin/react-utils';\n * const { ERRORS } = server.errors;\n * console.log(ERRORS.BAD_REQUEST); // Prints: Bad Request\n */\nexport { ERRORS };\n\n/**\n * @static\n * @func getErrorForCode\n * @desc An alias for\n * [getReasonPhrase() function from **http-status-codes** library](https://www.npmjs.com/package/http-status-codes).\n * Given an HTTP code it returns the corresponding error text.\n * @param {number} code HTTP code.\n * @return {string} HTTP error text.\n * @example\n * import { server } from '@dr.pogodin/react-utils';\n * console.log(server.errors.getErrorForCode(400)); // Prints: Bad Request\n */\nexport { getErrorForCode };\n\n/**\n * @static\n * @const joi\n * @desc An alias for [Joi library](https://joi.dev/api/?v=17.4.0),\n * which provides tooling for HTTP request validation. You can use it in any\n * way you would use that library import.\n * @example\n * import { server } from '@dr.pogodin/react-utils';\n * const { joi } = server.errors;\n * const requestBodySchema = joi.object({\n *   sampleKey: joi.string().max(16).required(),\n * });\n */\nexport { joi };\n\n// TODO: It could accept the status code as a constructor argument.\nclass ErrorWithStatus extends Error {\n  status: number = CODES.INTERNAL_SERVER_ERROR;\n}\n\n/**\n * ```js\n * import { server } from '@dr.pogodin/react-utils';\n * const { newError } = server.errors;\n * ```\n * Creates a new `Error` object with given message, and HTTP status code\n * attached as `status` field.\n * @param {string} message Error message.\n * @param {number} [statusCode=500] HTTP status code. Defaults to 500 (Internal\n * Server Error).\n * @return {Error}\n */\nexport function newError(message: string, statusCode = CODES.INTERNAL_SERVER_ERROR) {\n  const error = new ErrorWithStatus(message);\n  error.status = statusCode;\n  return error;\n}\n\n/**\n * ```js\n * import { server } from '@dr.pogodin/react-utils';\n * const { fail } = server.errors;\n * ```\n * Throws an error with given message and HTTP status code.\n * @param message Error message.\n * @param [statusCode=500] HTTP error code. Defaults to 500 (Internal\n * Server Error).\n */\nexport function fail(message: string, statusCode = CODES.INTERNAL_SERVER_ERROR) {\n  throw newError(message, statusCode);\n}\n\n/**\n * ```js\n * import { server } from '@dr.pogodin/react-utils';\n * const { assert } = server.errors;\n * ```\n * Validates a value using given Joi schema, and throws an error with given\n * message and HTTP status code in case of the validation failure.\n * @param value\n * @param schema\n * @param [message] Error message.\n * @param [statusCode=500] HTTP status code. Defaults to 400 (Bad\n * Request).\n */\nexport function assert(\n  value: any,\n  schema: joi.AnySchema,\n  message = '',\n  statusCode = CODES.BAD_REQUEST,\n) {\n  const { error } = schema.validate(value, { abortEarly: false });\n  if (error) {\n    fail(message.concat(message ? '\\n' : '', error.message), statusCode);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAAA,gBAAA,GAAAC,OAAA;AAMA,IAAAC,IAAA,GAAAC,sBAAA,CAAAF,OAAA;AAjBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA,MAAMG,eAAe,SAASC,KAAK,CAAC;EAClCC,MAAM,GAAWC,4BAAK,CAACC,qBAAqB;AAC9C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,QAAQA,CAACC,OAAe,EAAEC,UAAU,GAAGJ,4BAAK,CAACC,qBAAqB,EAAE;EAClF,MAAMI,KAAK,GAAG,IAAIR,eAAe,CAACM,OAAO,CAAC;EAC1CE,KAAK,CAACN,MAAM,GAAGK,UAAU;EACzB,OAAOC,KAAK;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,IAAIA,CAACH,OAAe,EAAEC,UAAU,GAAGJ,4BAAK,CAACC,qBAAqB,EAAE;EAC9E,MAAMC,QAAQ,CAACC,OAAO,EAAEC,UAAU,CAAC;AACrC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,MAAMA,CACpBC,KAAU,EACVC,MAAqB,EACrBN,OAAO,GAAG,EAAE,EACZC,UAAU,GAAGJ,4BAAK,CAACU,WAAW,EAC9B;EACA,MAAM;IAAEL;EAAM,CAAC,GAAGI,MAAM,CAACE,QAAQ,CAACH,KAAK,EAAE;IAAEI,UAAU,EAAE;EAAM,CAAC,CAAC;EAC/D,IAAIP,KAAK,EAAE;IACTC,IAAI,CAACH,OAAO,CAACU,MAAM,CAACV,OAAO,GAAG,IAAI,GAAG,EAAE,EAAEE,KAAK,CAACF,OAAO,CAAC,EAAEC,UAAU,CAAC;EACtE;AACF"}

package/build/development/server/utils/index.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.errors = void 0;
 var _errors = _interopRequireWildcard(require("./errors"));
 exports.errors = _errors;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 //# sourceMappingURL=index.js.map

package/build/development/server/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/server/utils/index.js"],"sourcesContent":["// Aggregates utility modules together.\n\nexport * as errors from './errors';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/server/utils/index.ts"],"sourcesContent":["// Aggregates utility modules together.\n\nexport * as errors from './errors';\n"],"mappings":""}

package/build/development/shared/components/Button/index.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
+require("react");
 var _Link = _interopRequireDefault(require("../Link"));
-var _utils = require("../../utils");
+var _reactThemes = _interopRequireDefault(require("@dr.pogodin/react-themes"));
 var _jsxRuntime = require("react/jsx-runtime");
 // The <Button> component implements a standard button / button-like link.
 const defaultTheme = {
@@ -18,7 +19,8 @@ const defaultTheme = {
   "active": "-dr-pogodin-react-utils___src-shared-components-Button-style___active___MAe9O6",
   "disabled": "-dr-pogodin-react-utils___src-shared-components-Button-style___disabled___Br9IWV"
 };
-function BaseButton({
+/* eslint-disable react/function-component-definition */
+const BaseButton = ({
   active,
   children,
   disabled,
@@ -29,7 +31,7 @@ function BaseButton({
   replace,
   theme,
   to
-}) {
+}) => {
   let className = theme.button;
   if (active && theme.active) className += ` ${theme.active}`;
   if (disabled) {
@@ -60,7 +62,7 @@ function BaseButton({
     tabIndex: 0,
     children: children
   });
-}
+};
 
 /**
  * Button component theme: a map of CSS
@@ -69,7 +71,7 @@ function BaseButton({
  * @prop {string} [button] to the root element of any button.
  * @prop {string} [disabled] to the root element of disabled button.
  */
-const ThemedButton = (0, _utils.themed)('Button', ['active', 'button', 'disabled'], defaultTheme)(BaseButton);
+const ThemedButton = (0, _reactThemes.default)(BaseButton, 'Button', ['active', 'button', 'disabled'], defaultTheme);
 
 /**
  * Implements themeable buttons, and button-line links (elements which look

package/build/development/shared/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_Link","_utils","_jsxRuntime","defaultTheme","BaseButton","active","children","disabled","enforceA","onClick","onMouseDown","openNewTab","replace","theme","to","className","button","jsx","default","onKeyDown","role","tabIndex","ThemedButton","themed","defaultProps","undefined","propTypes","PT","bool","node","func","themeType","isRequired","oneOfType","object","string","_default","exports"],"sources":["../../../../../src/shared/components/Button/index.jsx"],"sourcesContent":["// The <Button> component implements a standard button / button-like link.\n\nimport PT from 'prop-types';\n\nimport Link from 'components/Link';\n\nimport { themed } from 'utils';\n\nimport defaultTheme from './style.scss';\n\nfunction BaseButton({\n  active,\n  children,\n  disabled,\n  enforceA,\n  onClick,\n  onMouseDown,\n  openNewTab,\n  replace,\n  theme,\n  to,\n}) {\n  let className = theme.button;\n  if (active && theme.active) className += ` ${theme.active}`;\n  if (disabled) {\n    if (theme.disabled) className += ` ${theme.disabled}`;\n    return (\n      <div className={className}>\n        {children}\n      </div>\n    );\n  }\n  if (to) {\n    return (\n      <Link\n        className={className}\n        enforceA={enforceA}\n        onClick={onClick}\n        onMouseDown={onMouseDown}\n        openNewTab={openNewTab}\n        replace={replace}\n        to={to}\n      >\n        {children}\n      </Link>\n    );\n  }\n  return (\n    <div\n      className={className}\n      onClick={onClick}\n      onKeyDown={onClick}\n      onMouseDown={onMouseDown}\n      role=\"button\"\n      tabIndex={0}\n    >\n      {children}\n    </div>\n  );\n}\n\n/**\n * Button component theme: a map of CSS\n * class names to append to button elements:\n * @prop {string} [active] to the root element of active button.\n * @prop {string} [button] to the root element of any button.\n * @prop {string} [disabled] to the root element of disabled button.\n */\nconst ThemedButton = themed('Button', [\n  'active',\n  'button',\n  'disabled',\n], defaultTheme)(BaseButton);\n\n/**\n * Implements themeable buttons, and button-line links (elements which look\n * like buttons, but behave as links) in the same uniform manner.\n * @param {object} [props] Component props.\n * @param {boolean} [props.active] Set `true` to render the button as\n * active, even if it is not active otherwise.\n * @param {boolean} [props.disabled] Set `true` to disable the button.\n * @param {boolean} [props.enforceA] When the button is rendered as `<Link>`\n * component, this prop enforces it to be rendered as a simple `<a>` element\n * (external link), rather than the React router's internal link.\n * See `<Link>` documentation to learn when links are rendered as `<a>`\n * by default.\n * @param {function} [props.onClick] Click event handler.\n * @param {function} [props.onMouseDown] Mouse down event handler.\n * @param {boolean} [props.openNewTab] Set `true` to open link in the new tab.\n * @param {boolean} [props.replace] When the button is rendered as\n * `<Link>`, and the target URL is internal, this property tells that\n * the new route should replace the last record in the browser's history,\n * rather than to be pushed as a new entry into the history stack.\n * @param {ButtonTheme} [props.theme] _Ad hoc_ button theme.\n * @param {object|string} [props.to] If specified, the button will be rendered\n * as `<Link>` (if not disabled), and it will point to the specified location\n * or URL.\n * @param {...any} [props....]\n * [Other properties of themeable components](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\nBaseButton.defaultProps = {\n  active: false,\n  children: undefined,\n  disabled: false,\n  enforceA: false,\n  onClick: undefined,\n  onMouseDown: undefined,\n  openNewTab: false,\n  replace: false,\n  to: undefined,\n};\n\nBaseButton.propTypes = {\n  active: PT.bool,\n  children: PT.node,\n  disabled: PT.bool,\n  enforceA: PT.bool,\n  onClick: PT.func,\n  onMouseDown: PT.func,\n  openNewTab: PT.bool,\n  replace: PT.bool,\n  theme: ThemedButton.themeType.isRequired,\n  to: PT.oneOfType([PT.object, PT.string]),\n};\n\nexport default ThemedButton;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_Link","_reactThemes","_jsxRuntime","defaultTheme","BaseButton","active","children","disabled","enforceA","onClick","onMouseDown","openNewTab","replace","theme","to","className","button","jsx","default","onKeyDown","role","tabIndex","ThemedButton","themed","defaultProps","undefined","propTypes","PT","bool","node","func","themeType","isRequired","oneOfType","object","string","_default","exports"],"sources":["../../../../../src/shared/components/Button/index.tsx"],"sourcesContent":["// The <Button> component implements a standard button / button-like link.\n\nimport PT from 'prop-types';\nimport { type ReactNode } from 'react';\n\nimport Link from 'components/Link';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './style.scss';\n\ntype PropsT = {\n  active?: boolean;\n  children?: ReactNode;\n  disabled?: boolean;\n  enforceA?: boolean;\n  onClick?: React.MouseEventHandler & React.KeyboardEventHandler;\n  onMouseDown?: React.MouseEventHandler;\n  openNewTab?: boolean;\n  replace?: boolean;\n  theme: Theme & {\n    active?: string;\n    button?: string;\n    disabled?: string;\n  };\n  // TODO: It needs a more precise typing of the object option.\n  to?: object | string;\n};\n\n/* eslint-disable react/function-component-definition */\nconst BaseButton: React.FunctionComponent<PropsT> = ({\n  active,\n  children,\n  disabled,\n  enforceA,\n  onClick,\n  onMouseDown,\n  openNewTab,\n  replace,\n  theme,\n  to,\n}) => {\n  let className = theme.button;\n  if (active && theme.active) className += ` ${theme.active}`;\n  if (disabled) {\n    if (theme.disabled) className += ` ${theme.disabled}`;\n    return (\n      <div className={className}>\n        {children}\n      </div>\n    );\n  }\n  if (to) {\n    return (\n      <Link\n        className={className}\n        enforceA={enforceA}\n        onClick={onClick}\n        onMouseDown={onMouseDown}\n        openNewTab={openNewTab}\n        replace={replace}\n        to={to}\n      >\n        {children}\n      </Link>\n    );\n  }\n  return (\n    <div\n      className={className}\n      onClick={onClick}\n      onKeyDown={onClick}\n      onMouseDown={onMouseDown}\n      role=\"button\"\n      tabIndex={0}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * Button component theme: a map of CSS\n * class names to append to button elements:\n * @prop {string} [active] to the root element of active button.\n * @prop {string} [button] to the root element of any button.\n * @prop {string} [disabled] to the root element of disabled button.\n */\nconst ThemedButton = themed(BaseButton, 'Button', [\n  'active',\n  'button',\n  'disabled',\n], defaultTheme);\n\n/**\n * Implements themeable buttons, and button-line links (elements which look\n * like buttons, but behave as links) in the same uniform manner.\n * @param {object} [props] Component props.\n * @param {boolean} [props.active] Set `true` to render the button as\n * active, even if it is not active otherwise.\n * @param {boolean} [props.disabled] Set `true` to disable the button.\n * @param {boolean} [props.enforceA] When the button is rendered as `<Link>`\n * component, this prop enforces it to be rendered as a simple `<a>` element\n * (external link), rather than the React router's internal link.\n * See `<Link>` documentation to learn when links are rendered as `<a>`\n * by default.\n * @param {function} [props.onClick] Click event handler.\n * @param {function} [props.onMouseDown] Mouse down event handler.\n * @param {boolean} [props.openNewTab] Set `true` to open link in the new tab.\n * @param {boolean} [props.replace] When the button is rendered as\n * `<Link>`, and the target URL is internal, this property tells that\n * the new route should replace the last record in the browser's history,\n * rather than to be pushed as a new entry into the history stack.\n * @param {ButtonTheme} [props.theme] _Ad hoc_ button theme.\n * @param {object|string} [props.to] If specified, the button will be rendered\n * as `<Link>` (if not disabled), and it will point to the specified location\n * or URL.\n * @param {...any} [props....]\n * [Other properties of themeable components](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\nBaseButton.defaultProps = {\n  active: false,\n  children: undefined,\n  disabled: false,\n  enforceA: false,\n  onClick: undefined,\n  onMouseDown: undefined,\n  openNewTab: false,\n  replace: false,\n  to: undefined,\n};\n\nBaseButton.propTypes = {\n  active: PT.bool,\n  children: PT.node,\n  disabled: PT.bool,\n  enforceA: PT.bool,\n  onClick: PT.func,\n  onMouseDown: PT.func,\n  openNewTab: PT.bool,\n  replace: PT.bool,\n  theme: ThemedButton.themeType.isRequired,\n  to: PT.oneOfType([PT.object, PT.string]),\n};\n\nexport default ThemedButton;\n"],"mappings":"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"}

package/build/development/shared/components/Checkbox/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../../utils");
+var _reactThemes = _interopRequireDefault(require("@dr.pogodin/react-themes"));
 var _jsxRuntime = require("react/jsx-runtime");
 const defaultTheme = {
   "context": "-dr-pogodin-react-utils___src-shared-components-Checkbox-theme___context___dNQcC6",
@@ -16,43 +16,41 @@ const defaultTheme = {
   "container": "-dr-pogodin-react-utils___src-shared-components-Checkbox-theme___container___Kr0g3M",
   "label": "-dr-pogodin-react-utils___src-shared-components-Checkbox-theme___label___3dML-O"
 };
-function Checkbox({
+const Checkbox = ({
   checked,
   label,
   onChange,
   theme
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: theme.container,
-    children: [label === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      className: theme.label,
-      children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-      checked: checked,
-      className: theme.checkbox,
-      onChange: onChange,
-      type: "checkbox"
-    })]
-  });
-}
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  className: theme.container,
+  children: [label === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+    className: theme.label,
+    children: label
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+    checked: checked,
+    className: theme.checkbox,
+    onChange: onChange,
+    type: "checkbox"
+  })]
+});
 
 /**
  * Checkbox component theme: a map of
  * CSS classes to append to its elements:
- * @prop {string} [checkbox] to the underlying checkbox `<input>` element.
- * @prop {string} [container] to the root checkbox element.
- * @prop {string} [label] to the checkbox label element.
+ * @prop [checkbox] to the underlying checkbox `<input>` element.
+ * @prop [container] to the root checkbox element.
+ * @prop [label] to the checkbox label element.
  */
-const ThemedCheckbox = (0, _utils.themed)('Checkbox', ['checkbox', 'container', 'label'], defaultTheme)(Checkbox);
+const ThemedCheckbox = (0, _reactThemes.default)(Checkbox, 'Checkbox', ['checkbox', 'container', 'label'], defaultTheme);
 
 /**
  * The `<Checkbox>` component implements themeable checkboxes.
- * @param {object} [props] Component properties.
- * @param {boolean} [props.checked] Checkbox value.
- * @param {string} [props.label] Checkbox label.
- * @param {function} [props.onChange] State change handler.
- * @param {CheckboxTheme} [props.theme] _Ad hoc_ theme.
- * @param {...any} [props....]
+ * @param [props] Component properties.
+ * @param [props.checked] Checkbox value.
+ * @param [props.label] Checkbox label.
+ * @param [props.onChange] State change handler.
+ * @param [props.theme] _Ad hoc_ theme.
+ * @param [props....]
  * [Other properties of themeable components](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties).
  */
 Checkbox.propTypes = {

package/build/development/shared/components/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_utils","_jsxRuntime","defaultTheme","Checkbox","checked","label","onChange","theme","jsxs","className","container","children","undefined","jsx","checkbox","type","ThemedCheckbox","themed","propTypes","PT","bool","string","func","themeType","isRequired","defaultProps","_default","exports","default"],"sources":["../../../../../src/shared/components/Checkbox/index.jsx"],"sourcesContent":["import PT from 'prop-types';\n\nimport { themed } from 'utils';\n\nimport defaultTheme from './theme.scss';\n\nfunction Checkbox({\n  checked,\n  label,\n  onChange,\n  theme,\n}) {\n  return (\n    <div className={theme.container}>\n      { label === undefined ? null : <p className={theme.label}>{label}</p> }\n      <input\n        checked={checked}\n        className={theme.checkbox}\n        onChange={onChange}\n        type=\"checkbox\"\n      />\n    </div>\n  );\n}\n\n/**\n * Checkbox component theme: a map of\n * CSS classes to append to its elements:\n * @prop {string} [checkbox] to the underlying checkbox `<input>` element.\n * @prop {string} [container] to the root checkbox element.\n * @prop {string} [label] to the checkbox label element.\n */\nconst ThemedCheckbox = themed('Checkbox', [\n  'checkbox',\n  'container',\n  'label',\n], defaultTheme)(Checkbox);\n\n/**\n * The `<Checkbox>` component implements themeable checkboxes.\n * @param {object} [props] Component properties.\n * @param {boolean} [props.checked] Checkbox value.\n * @param {string} [props.label] Checkbox label.\n * @param {function} [props.onChange] State change handler.\n * @param {CheckboxTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props....]\n * [Other properties of themeable components](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties).\n */\nCheckbox.propTypes = {\n  checked: PT.bool,\n  label: PT.string,\n  onChange: PT.func,\n  theme: ThemedCheckbox.themeType.isRequired,\n};\n\nCheckbox.defaultProps = {\n  checked: undefined,\n  label: undefined,\n  onChange: undefined,\n};\n\nexport default ThemedCheckbox;\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAA+B,IAAAE,WAAA,GAAAF,OAAA;AAAA,MAAAG,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI/B,SAASC,QAAQA,CAAC;EAChBC,OAAO;EACPC,KAAK;EACLC,QAAQ;EACRC;AACF,CAAC,EAAE;EACD,oBACE,IAAAN,WAAA,CAAAO,IAAA;IAAKC,SAAS,EAAEF,KAAK,CAACG,SAAU;IAAAC,QAAA,GAC5BN,KAAK,KAAKO,SAAS,GAAG,IAAI,gBAAG,IAAAX,WAAA,CAAAY,GAAA;MAAGJ,SAAS,EAAEF,KAAK,CAACF,KAAM;MAAAM,QAAA,EAAEN;IAAK,CAAI,CAAC,eACrE,IAAAJ,WAAA,CAAAY,GAAA;MACET,OAAO,EAAEA,OAAQ;MACjBK,SAAS,EAAEF,KAAK,CAACO,QAAS;MAC1BR,QAAQ,EAAEA,QAAS;MACnBS,IAAI,EAAC;IAAU,CAChB,CAAC;EAAA,CACC,CAAC;AAEV;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAC,UAAU,EAAE,CACxC,UAAU,EACV,WAAW,EACX,OAAO,CACR,EAAEf,YAAY,CAAC,CAACC,QAAQ,CAAC;;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAA,QAAQ,CAACe,SAAS,GAAG;EACnBd,OAAO,EAAEe,kBAAE,CAACC,IAAI;EAChBf,KAAK,EAAEc,kBAAE,CAACE,MAAM;EAChBf,QAAQ,EAAEa,kBAAE,CAACG,IAAI;EACjBf,KAAK,EAAES,cAAc,CAACO,SAAS,CAACC;AAClC,CAAC;AAEDrB,QAAQ,CAACsB,YAAY,GAAG;EACtBrB,OAAO,EAAEQ,SAAS;EAClBP,KAAK,EAAEO,SAAS;EAChBN,QAAQ,EAAEM;AACZ,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaZ,cAAc"}
+{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_reactThemes","_jsxRuntime","defaultTheme","Checkbox","checked","label","onChange","theme","jsxs","className","container","children","undefined","jsx","checkbox","type","ThemedCheckbox","themed","propTypes","PT","bool","string","func","themeType","isRequired","defaultProps","_default","exports","default"],"sources":["../../../../../src/shared/components/Checkbox/index.tsx"],"sourcesContent":["import PT from 'prop-types';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './theme.scss';\n\ntype PropT = {\n  checked?: boolean;\n  label?: string;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  theme: Theme & {\n    checkbox?: string;\n    container?: string\n    label?: string;\n  };\n};\n\nconst Checkbox: React.FunctionComponent<PropT> = ({\n  checked,\n  label,\n  onChange,\n  theme,\n}) => (\n  <div className={theme.container}>\n    { label === undefined ? null : <p className={theme.label}>{label}</p> }\n    <input\n      checked={checked}\n      className={theme.checkbox}\n      onChange={onChange}\n      type=\"checkbox\"\n    />\n  </div>\n);\n\n/**\n * Checkbox component theme: a map of\n * CSS classes to append to its elements:\n * @prop [checkbox] to the underlying checkbox `<input>` element.\n * @prop [container] to the root checkbox element.\n * @prop [label] to the checkbox label element.\n */\nconst ThemedCheckbox = themed(Checkbox, 'Checkbox', [\n  'checkbox',\n  'container',\n  'label',\n], defaultTheme);\n\n/**\n * The `<Checkbox>` component implements themeable checkboxes.\n * @param [props] Component properties.\n * @param [props.checked] Checkbox value.\n * @param [props.label] Checkbox label.\n * @param [props.onChange] State change handler.\n * @param [props.theme] _Ad hoc_ theme.\n * @param [props....]\n * [Other properties of themeable components](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties).\n */\nCheckbox.propTypes = {\n  checked: PT.bool,\n  label: PT.string,\n  onChange: PT.func,\n  theme: ThemedCheckbox.themeType.isRequired,\n};\n\nCheckbox.defaultProps = {\n  checked: undefined,\n  label: undefined,\n  onChange: undefined,\n};\n\nexport default ThemedCheckbox;\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA8D,IAAAE,WAAA,GAAAF,OAAA;AAAA,MAAAG,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAe9D,MAAMC,QAAwC,GAAGA,CAAC;EAChDC,OAAO;EACPC,KAAK;EACLC,QAAQ;EACRC;AACF,CAAC,kBACC,IAAAN,WAAA,CAAAO,IAAA;EAAKC,SAAS,EAAEF,KAAK,CAACG,SAAU;EAAAC,QAAA,GAC5BN,KAAK,KAAKO,SAAS,GAAG,IAAI,gBAAG,IAAAX,WAAA,CAAAY,GAAA;IAAGJ,SAAS,EAAEF,KAAK,CAACF,KAAM;IAAAM,QAAA,EAAEN;EAAK,CAAI,CAAC,eACrE,IAAAJ,WAAA,CAAAY,GAAA;IACET,OAAO,EAAEA,OAAQ;IACjBK,SAAS,EAAEF,KAAK,CAACO,QAAS;IAC1BR,QAAQ,EAAEA,QAAS;IACnBS,IAAI,EAAC;EAAU,CAChB,CAAC;AAAA,CACC,CACN;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,GAAG,IAAAC,oBAAM,EAACd,QAAQ,EAAE,UAAU,EAAE,CAClD,UAAU,EACV,WAAW,EACX,OAAO,CACR,EAAED,YAAY,CAAC;;AAEhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAC,QAAQ,CAACe,SAAS,GAAG;EACnBd,OAAO,EAAEe,kBAAE,CAACC,IAAI;EAChBf,KAAK,EAAEc,kBAAE,CAACE,MAAM;EAChBf,QAAQ,EAAEa,kBAAE,CAACG,IAAI;EACjBf,KAAK,EAAES,cAAc,CAACO,SAAS,CAACC;AAClC,CAAC;AAEDrB,QAAQ,CAACsB,YAAY,GAAG;EACtBrB,OAAO,EAAEQ,SAAS;EAClBP,KAAK,EAAEO,SAAS;EAChBN,QAAQ,EAAEM;AACZ,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaZ,cAAc"}

package/build/development/shared/components/Dropdown/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../../utils");
+var _reactThemes = _interopRequireDefault(require("@dr.pogodin/react-themes"));
 var _jsxRuntime = require("react/jsx-runtime");
 const defaultTheme = {
   "context": "-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___context___haRIry",
@@ -23,36 +23,43 @@ const defaultTheme = {
  * Implements a themeable dropdown list. Internally it is rendered with help of
  * the standard HTML `<select>` element, thus the styling support is somewhat
  * limited.
- * @param {object} [props] Component properties.
- * @param {function} [props.filter] Options filter function. If provided, only
+ * @param [props] Component properties.
+ * @param [props.filter] Options filter function. If provided, only
  * those elements of `options` list will be used by the dropdown, for which this
  * filter returns `true`.
- * @param {string} [props.label] Dropdown label.
- * @param {string} [props.onChange] Selection event handler.
- * @param {DropdownOption[]|string[]} [props.options=[]] Array of dropdown
+ * @param [props.label] Dropdown label.
+ * @param [props.onChange] Selection event handler.
+ * @param [props.options=[]] Array of dropdown
  * options. For string elements the option value and name will be the same.
  * It is allowed to mix DropdownOption and string elements in the same option
  * list.
- * @param {DropdownTheme} [props.theme] _Ad hoc_ theme.
- * @param {string} [props.value] Currently selected value.
- * @param {...any} [props....]
+ * @param [props.theme] _Ad hoc_ theme.
+ * @param [props.value] Currently selected value.
+ * @param [props....]
  * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)
  */
-function Dropdown({
+const Dropdown = ({
   filter,
   label,
   onChange,
-  options,
+  options = [],
   theme,
   value
-}) {
+}) => {
   let isValidValue = false;
   const optionElements = [];
   for (let i = 0; i < options.length; ++i) {
     const option = options[i];
     if (!filter || filter(option)) {
-      const optionValue = typeof option === 'string' ? option : option.value;
-      const optionName = option.name === undefined ? optionValue : option.name;
+      let optionValue;
+      let optionName;
+      if (typeof option === 'string') {
+        optionName = option;
+        optionValue = option;
+      } else {
+        optionName = option.name || option.value;
+        optionValue = option.value;
+      }
       isValidValue ||= optionValue === value;
       optionElements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
         className: theme.option,
@@ -87,14 +94,14 @@ function Dropdown({
       children: "\u25BC"
     })]
   });
-}
-const ThemedDropdown = (0, _utils.themed)('Dropdown', ['arrow', 'container', 'hiddenOption', 'label', 'option', 'select'], defaultTheme)(Dropdown);
+};
+const ThemedDropdown = (0, _reactThemes.default)(Dropdown, 'Dropdown', ['arrow', 'container', 'hiddenOption', 'label', 'option', 'select'], defaultTheme);
 Dropdown.propTypes = {
   filter: _propTypes.default.func,
   label: _propTypes.default.string,
   onChange: _propTypes.default.func,
   options: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
-    name: _propTypes.default.node,
+    name: _propTypes.default.string,
     value: _propTypes.default.string.isRequired
   }), _propTypes.default.string]).isRequired),
   theme: ThemedDropdown.themeType.isRequired,

package/build/development/shared/components/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_utils","_jsxRuntime","defaultTheme","Dropdown","filter","label","onChange","options","theme","value","isValidValue","optionElements","i","length","option","optionValue","optionName","name","undefined","push","jsx","className","children","hiddenOption","disabled","jsxs","container","select","arrow","ThemedDropdown","themed","propTypes","PT","func","string","arrayOf","oneOfType","shape","node","isRequired","themeType","defaultProps","_default","exports","default"],"sources":["../../../../../src/shared/components/Dropdown/index.jsx"],"sourcesContent":["import PT from 'prop-types';\n\nimport { themed } from 'utils';\n\nimport defaultTheme from './theme.scss';\n\n/**\n * Implements a themeable dropdown list. Internally it is rendered with help of\n * the standard HTML `<select>` element, thus the styling support is somewhat\n * limited.\n * @param {object} [props] Component properties.\n * @param {function} [props.filter] Options filter function. If provided, only\n * those elements of `options` list will be used by the dropdown, for which this\n * filter returns `true`.\n * @param {string} [props.label] Dropdown label.\n * @param {string} [props.onChange] Selection event handler.\n * @param {DropdownOption[]|string[]} [props.options=[]] Array of dropdown\n * options. For string elements the option value and name will be the same.\n * It is allowed to mix DropdownOption and string elements in the same option\n * list.\n * @param {DropdownTheme} [props.theme] _Ad hoc_ theme.\n * @param {string} [props.value] Currently selected value.\n * @param {...any} [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\nfunction Dropdown({\n  filter,\n  label,\n  onChange,\n  options,\n  theme,\n  value,\n}) {\n  let isValidValue = false;\n  const optionElements = [];\n\n  for (let i = 0; i < options.length; ++i) {\n    const option = options[i];\n    if (!filter || filter(option)) {\n      const optionValue = typeof option === 'string' ? option : option.value;\n      const optionName = option.name === undefined ? optionValue : option.name;\n      isValidValue ||= optionValue === value;\n      optionElements.push(\n        <option className={theme.option} key={optionValue} value={optionValue}>\n          {optionName}\n        </option>,\n      );\n    }\n  }\n\n  // NOTE: This element represents the current `value` when it does not match\n  // any valid option. In Chrome, and some other browsers, we are able to hide\n  // it from the opened dropdown; in others, e.g. Safari, the best we can do is\n  // to show it as disabled.\n  const hiddenOption = isValidValue ? null : (\n    <option\n      disabled\n      className={theme.hiddenOption}\n      key=\"__reactUtilsHiddenOption\"\n      value={value}\n    >\n      {value}\n    </option>\n  );\n\n  return (\n    <div className={theme.container}>\n      { label === undefined ? null : <p className={theme.label}>{label}</p> }\n      <select\n        className={theme.select}\n        onChange={onChange}\n        value={value}\n      >\n        {hiddenOption}\n        {optionElements}\n      </select>\n      <div className={theme.arrow}>▼</div>\n    </div>\n  );\n}\n\nconst ThemedDropdown = themed('Dropdown', [\n  'arrow',\n  'container',\n  'hiddenOption',\n  'label',\n  'option',\n  'select',\n], defaultTheme)(Dropdown);\n\nDropdown.propTypes = {\n  filter: PT.func,\n  label: PT.string,\n  onChange: PT.func,\n  options: PT.arrayOf(\n    PT.oneOfType([\n      PT.shape({\n        name: PT.node,\n        value: PT.string.isRequired,\n      }),\n      PT.string,\n    ]).isRequired,\n  ),\n  theme: ThemedDropdown.themeType.isRequired,\n  value: PT.string,\n};\n\nDropdown.defaultProps = {\n  filter: undefined,\n  label: undefined,\n  onChange: undefined,\n  options: [],\n  value: '',\n};\n\nexport default ThemedDropdown;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_reactThemes","_jsxRuntime","defaultTheme","Dropdown","filter","label","onChange","options","theme","value","isValidValue","optionElements","i","length","option","optionValue","optionName","name","push","jsx","className","children","hiddenOption","disabled","jsxs","container","undefined","select","arrow","ThemedDropdown","themed","propTypes","PT","func","string","arrayOf","oneOfType","shape","isRequired","themeType","defaultProps","_default","exports","default"],"sources":["../../../../../src/shared/components/Dropdown/index.tsx"],"sourcesContent":["import PT from 'prop-types';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './theme.scss';\n\ntype DropdownOptionT = {\n  name?: string | null;\n  value: string;\n};\n\ntype PropsT = {\n  filter?: (item: DropdownOptionT | string) => boolean;\n  label?: string;\n  onChange?: React.ChangeEventHandler<HTMLSelectElement>;\n  options?: Array<DropdownOptionT | string>;\n  theme: Theme & {\n    arrow?: string;\n    container?: string;\n    hiddenOption?: string;\n    label?: string;\n    option?: string;\n    select?: string;\n  };\n  value?: string;\n};\n\n/**\n * Implements a themeable dropdown list. Internally it is rendered with help of\n * the standard HTML `<select>` element, thus the styling support is somewhat\n * limited.\n * @param [props] Component properties.\n * @param [props.filter] Options filter function. If provided, only\n * those elements of `options` list will be used by the dropdown, for which this\n * filter returns `true`.\n * @param [props.label] Dropdown label.\n * @param [props.onChange] Selection event handler.\n * @param [props.options=[]] Array of dropdown\n * options. For string elements the option value and name will be the same.\n * It is allowed to mix DropdownOption and string elements in the same option\n * list.\n * @param [props.theme] _Ad hoc_ theme.\n * @param [props.value] Currently selected value.\n * @param [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\nconst Dropdown: React.FunctionComponent<PropsT> = ({\n  filter,\n  label,\n  onChange,\n  options = [],\n  theme,\n  value,\n}) => {\n  let isValidValue = false;\n  const optionElements = [];\n\n  for (let i = 0; i < options.length; ++i) {\n    const option = options[i];\n    if (!filter || filter(option)) {\n      let optionValue: string;\n      let optionName: string;\n      if (typeof option === 'string') {\n        optionName = option;\n        optionValue = option;\n      } else {\n        optionName = option.name || option.value;\n        optionValue = option.value;\n      }\n      isValidValue ||= optionValue === value;\n      optionElements.push(\n        <option className={theme.option} key={optionValue} value={optionValue}>\n          {optionName}\n        </option>,\n      );\n    }\n  }\n\n  // NOTE: This element represents the current `value` when it does not match\n  // any valid option. In Chrome, and some other browsers, we are able to hide\n  // it from the opened dropdown; in others, e.g. Safari, the best we can do is\n  // to show it as disabled.\n  const hiddenOption = isValidValue ? null : (\n    <option\n      disabled\n      className={theme.hiddenOption}\n      key=\"__reactUtilsHiddenOption\"\n      value={value}\n    >\n      {value}\n    </option>\n  );\n\n  return (\n    <div className={theme.container}>\n      { label === undefined ? null : <p className={theme.label}>{label}</p> }\n      <select\n        className={theme.select}\n        onChange={onChange}\n        value={value}\n      >\n        {hiddenOption}\n        {optionElements}\n      </select>\n      <div className={theme.arrow}>▼</div>\n    </div>\n  );\n};\n\nconst ThemedDropdown = themed(Dropdown, 'Dropdown', [\n  'arrow',\n  'container',\n  'hiddenOption',\n  'label',\n  'option',\n  'select',\n], defaultTheme);\n\nDropdown.propTypes = {\n  filter: PT.func,\n  label: PT.string,\n  onChange: PT.func,\n  options: PT.arrayOf(\n    PT.oneOfType([\n      PT.shape({\n        name: PT.string,\n        value: PT.string.isRequired,\n      }),\n      PT.string,\n    ]).isRequired,\n  ),\n  theme: ThemedDropdown.themeType.isRequired,\n  value: PT.string,\n};\n\nDropdown.defaultProps = {\n  filter: undefined,\n  label: undefined,\n  onChange: undefined,\n  options: [],\n  value: '',\n};\n\nexport default ThemedDropdown;\n"],"mappings":"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"}

package/build/development/shared/components/GenericLink/index.js

@@ -4,9 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = GenericLink;
+exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = require("react");
+require("react");
+require("react-router-dom");
 var _jsxRuntime = require("react/jsx-runtime");
 /* global window */
 
@@ -17,40 +18,40 @@ var _jsxRuntime = require("react/jsx-runtime");
  * `<Link>` and `<NavLink>` components; they help to handle external and
  * internal links in uniform manner.
  *
- * @param {object} [props] Component properties.
- * @param {string} [props.className] CSS classes to apply to the link.
- * @param {boolean} [props.disabled] Disables the link.
- * @param {boolean} [props.enforceA] `true` enforces rendering of the link as
+ * @param [props] Component properties.
+ * @param [props.className] CSS classes to apply to the link.
+ * @param [props.disabled] Disables the link.
+ * @param [props.enforceA] `true` enforces rendering of the link as
  * a simple `<a>` element.
- * @param {boolean} [props.keepScrollPosition] If `true`, and the link is
+ * @param [props.keepScrollPosition] If `true`, and the link is
  * rendered as a React Router's component, it won't reset the viewport scrolling
  * position to the origin when clicked.
- * @param {function} [props.onClick] Event handler to trigger upon click.
- * @param {function} [props.onMouseDown] Event handler to trigger on MouseDown
+ * @param [props.onClick] Event handler to trigger upon click.
+ * @param [props.onMouseDown] Event handler to trigger on MouseDown
  * event.
- * @param {boolean} [props.openNewTab] If `true` the link opens in a new tab.
- * @param {boolean} [props.replace] When `true`, the link will replace current
+ * @param [props.openNewTab] If `true` the link opens in a new tab.
+ * @param [props.replace] When `true`, the link will replace current
  * entry in the history stack instead of adding a new one.
- * @param {string} [props.to] Link URL.
- * @param {string} [props.activeClassName] **`<NavLink>`** only: CSS class(es)
+ * @param [props.to] Link URL.
+ * @param [props.activeClassName] **`<NavLink>`** only: CSS class(es)
  * to apply to rendered link when it is active.
- * @param {string} [props.activeStyle] **`<NavLink>`** only: CSS styles
+ * @param [props.activeStyle] **`<NavLink>`** only: CSS styles
  * to apply to the rendered link when it is active.
- * @param {boolean} [props.exact] **`<NavLink>`** only: if `true`, the active
+ * @param [props.exact] **`<NavLink>`** only: if `true`, the active
  * class/style will only be applied if the location is matched exactly.
- * @param {function} [props.isActive] **`<NavLink>`** only: Add extra
+ * @param [props.isActive] **`<NavLink>`** only: Add extra
  * logic for determining whether the link is active. This should be used if you
  * want to do more than verify that the link’s pathname matches the current URL
  * pathname.
- * @param {object} [props.location] **`<NavLink>`** only: `isActive` compares
+ * @param [props.location] **`<NavLink>`** only: `isActive` compares
  * current history location (usually the current browser URL). To compare to
  * a different location, a custom `location` can be passed.
- * @param {boolean} [props.strict] **`<NavLink>`** only: . When `true`, trailing
+ * @param [props.strict] **`<NavLink>`** only: . When `true`, trailing
  * slash on a location’s pathname will be taken into consideration when
  * determining if the location matches the current URL. See the `<Route strict>`
  * documentation for more information.
  */
-function GenericLink({
+const GenericLink = ({
   children,
   className,
   disabled,
@@ -63,16 +64,20 @@ function GenericLink({
   routerLinkType,
   to,
   ...rest
-}) {
+}) => {
   /* Renders Link as <a> element if:
    * - It is opted explicitely by `enforceA` prop;
    * - It should be opened in a new tab;
    * - It is an absolte URL (starts with http:// or https://);
    * - It is anchor link (starts with #). */
-  if (disabled || enforceA || openNewTab || to.match(/^(#|(https?|mailto):)/)) {
+  if (disabled || enforceA || openNewTab || to?.match(/^(#|(https?|mailto):)/)) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-      className: (className ? className + " " : "") + "-dr-pogodin-react-utils___src-shared-components-GenericLink-style___link___zH52sA",
-      disabled: disabled,
+      className: (className ? className + " " : "") + "-dr-pogodin-react-utils___src-shared-components-GenericLink-style___link___zH52sA"
+      // TODO: This requires a fix: disabled is not really an attribute of <a>
+      // tag, thus for disabled option we rather should render a plain text
+      // styled as a link.
+      // disabled={disabled}
+      ,
       href: to,
       onClick: disabled ? e => e.preventDefault() : onClick,
       onMouseDown: disabled ? e => e.preventDefault() : onMouseDown,
@@ -81,14 +86,14 @@ function GenericLink({
       children: children
     });
   }
-
-  /* Otherwise we render the link as React Router's Link or NavLink element. */
-  return /*#__PURE__*/(0, _react.createElement)(routerLinkType, {
-    className,
-    disabled,
-    onMouseDown,
-    replace,
-    to,
+  const L = routerLinkType;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(L, {
+    className: className
+    // disabled
+    ,
+    onMouseDown: onMouseDown,
+    replace: replace,
+    to: to,
     onClick: e => {
       // Executes the user-provided event handler, if any.
       if (onClick) onClick(e);
@@ -96,17 +101,18 @@ function GenericLink({
       // By default, clicking the link scrolls the page to beginning.
       if (!keepScrollPosition) window.scroll(0, 0);
     },
-    ...rest
-  }, children);
-}
+    ...rest,
+    children: children
+  });
+};
 GenericLink.defaultProps = {
   children: null,
-  className: null,
+  className: '',
   disabled: false,
   enforceA: false,
   keepScrollPosition: false,
-  onClick: null,
-  onMouseDown: null,
+  onClick: undefined,
+  onMouseDown: undefined,
   openNewTab: false,
   replace: false,
   to: ''
@@ -124,4 +130,5 @@ GenericLink.propTypes = {
   routerLinkType: _propTypes.default.elementType.isRequired,
   to: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string])
 };
+var _default = exports.default = GenericLink;
 //# sourceMappingURL=index.js.map

package/build/development/shared/components/GenericLink/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_react","_jsxRuntime","GenericLink","children","className","disabled","enforceA","keepScrollPosition","onClick","onMouseDown","openNewTab","replace","routerLinkType","to","rest","match","jsx","href","e","preventDefault","rel","target","createElement","window","scroll","defaultProps","propTypes","PT","node","string","bool","func","elementType","isRequired","oneOfType","object"],"sources":["../../../../../src/shared/components/GenericLink/index.jsx"],"sourcesContent":["/* global window */\n\nimport PT from 'prop-types';\nimport { createElement } from 'react';\n\nimport './style.scss';\n\n/**\n * The `<Link>` component, and almost identical `<NavLink>` component, are\n * auxiliary wrappers around\n * [React Router](https://github.com/ReactTraining/react-router)'s\n * `<Link>` and `<NavLink>` components; they help to handle external and\n * internal links in uniform manner.\n *\n * @param {object} [props] Component properties.\n * @param {string} [props.className] CSS classes to apply to the link.\n * @param {boolean} [props.disabled] Disables the link.\n * @param {boolean} [props.enforceA] `true` enforces rendering of the link as\n * a simple `<a>` element.\n * @param {boolean} [props.keepScrollPosition] If `true`, and the link is\n * rendered as a React Router's component, it won't reset the viewport scrolling\n * position to the origin when clicked.\n * @param {function} [props.onClick] Event handler to trigger upon click.\n * @param {function} [props.onMouseDown] Event handler to trigger on MouseDown\n * event.\n * @param {boolean} [props.openNewTab] If `true` the link opens in a new tab.\n * @param {boolean} [props.replace] When `true`, the link will replace current\n * entry in the history stack instead of adding a new one.\n * @param {string} [props.to] Link URL.\n * @param {string} [props.activeClassName] **`<NavLink>`** only: CSS class(es)\n * to apply to rendered link when it is active.\n * @param {string} [props.activeStyle] **`<NavLink>`** only: CSS styles\n * to apply to the rendered link when it is active.\n * @param {boolean} [props.exact] **`<NavLink>`** only: if `true`, the active\n * class/style will only be applied if the location is matched exactly.\n * @param {function} [props.isActive] **`<NavLink>`** only: Add extra\n * logic for determining whether the link is active. This should be used if you\n * want to do more than verify that the link’s pathname matches the current URL\n * pathname.\n * @param {object} [props.location] **`<NavLink>`** only: `isActive` compares\n * current history location (usually the current browser URL). To compare to\n * a different location, a custom `location` can be passed.\n * @param {boolean} [props.strict] **`<NavLink>`** only: . When `true`, trailing\n * slash on a location’s pathname will be taken into consideration when\n * determining if the location matches the current URL. See the `<Route strict>`\n * documentation for more information.\n */\nexport default function GenericLink({\n  children,\n  className,\n  disabled,\n  enforceA,\n  keepScrollPosition,\n  onClick,\n  onMouseDown,\n  openNewTab,\n  replace,\n  routerLinkType,\n  to,\n  ...rest\n}) {\n  /* Renders Link as <a> element if:\n   * - It is opted explicitely by `enforceA` prop;\n   * - It should be opened in a new tab;\n   * - It is an absolte URL (starts with http:// or https://);\n   * - It is anchor link (starts with #). */\n  if (disabled || enforceA || openNewTab || to.match(/^(#|(https?|mailto):)/)) {\n    return (\n      <a\n        className={className}\n        disabled={disabled}\n        href={to}\n        onClick={disabled ? (e) => e.preventDefault() : onClick}\n        onMouseDown={disabled ? (e) => e.preventDefault() : onMouseDown}\n        rel=\"noopener noreferrer\"\n        styleName=\"link\"\n        target={openNewTab ? '_blank' : ''}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  /* Otherwise we render the link as React Router's Link or NavLink element. */\n  return createElement(routerLinkType, {\n    className,\n    disabled,\n    onMouseDown,\n    replace,\n    to,\n    onClick: (e) => {\n      // Executes the user-provided event handler, if any.\n      if (onClick) onClick(e);\n\n      // By default, clicking the link scrolls the page to beginning.\n      if (!keepScrollPosition) window.scroll(0, 0);\n    },\n    ...rest,\n  }, children);\n}\n\nGenericLink.defaultProps = {\n  children: null,\n  className: null,\n  disabled: false,\n  enforceA: false,\n  keepScrollPosition: false,\n  onClick: null,\n  onMouseDown: null,\n  openNewTab: false,\n  replace: false,\n  to: '',\n};\n\nGenericLink.propTypes = {\n  children: PT.node,\n  className: PT.string,\n  disabled: PT.bool,\n  enforceA: PT.bool,\n  keepScrollPosition: PT.bool,\n  onClick: PT.func,\n  onMouseDown: PT.func,\n  openNewTab: PT.bool,\n  replace: PT.bool,\n  routerLinkType: PT.elementType.isRequired,\n  to: PT.oneOfType([PT.object, PT.string]),\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_jsxRuntime","GenericLink","children","className","disabled","enforceA","keepScrollPosition","onClick","onMouseDown","openNewTab","replace","routerLinkType","to","rest","match","jsx","href","e","preventDefault","rel","target","L","window","scroll","defaultProps","undefined","propTypes","PT","node","string","bool","func","elementType","isRequired","oneOfType","object","_default","exports","default"],"sources":["../../../../../src/shared/components/GenericLink/index.tsx"],"sourcesContent":["/* global window */\n\nimport PT from 'prop-types';\nimport { type ReactNode } from 'react';\n\nimport { type Link, type NavLink } from 'react-router-dom';\n\nimport './style.scss';\n\ntype ToT = Parameters<typeof Link>[0]['to'];\n\ninterface LinkI {}\n\nexport type PropsT = {\n  children?: ReactNode;\n  className?: string;\n  disabled?: boolean;\n  enforceA?: boolean;\n  keepScrollPosition?: boolean;\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n  onMouseDown?: React.MouseEventHandler<HTMLAnchorElement>;\n  openNewTab?: boolean;\n  replace?: boolean;\n  routerLinkType: LinkI;\n  to?: ToT;\n};\n\n/**\n * The `<Link>` component, and almost identical `<NavLink>` component, are\n * auxiliary wrappers around\n * [React Router](https://github.com/ReactTraining/react-router)'s\n * `<Link>` and `<NavLink>` components; they help to handle external and\n * internal links in uniform manner.\n *\n * @param [props] Component properties.\n * @param [props.className] CSS classes to apply to the link.\n * @param [props.disabled] Disables the link.\n * @param [props.enforceA] `true` enforces rendering of the link as\n * a simple `<a>` element.\n * @param [props.keepScrollPosition] If `true`, and the link is\n * rendered as a React Router's component, it won't reset the viewport scrolling\n * position to the origin when clicked.\n * @param [props.onClick] Event handler to trigger upon click.\n * @param [props.onMouseDown] Event handler to trigger on MouseDown\n * event.\n * @param [props.openNewTab] If `true` the link opens in a new tab.\n * @param [props.replace] When `true`, the link will replace current\n * entry in the history stack instead of adding a new one.\n * @param [props.to] Link URL.\n * @param [props.activeClassName] **`<NavLink>`** only: CSS class(es)\n * to apply to rendered link when it is active.\n * @param [props.activeStyle] **`<NavLink>`** only: CSS styles\n * to apply to the rendered link when it is active.\n * @param [props.exact] **`<NavLink>`** only: if `true`, the active\n * class/style will only be applied if the location is matched exactly.\n * @param [props.isActive] **`<NavLink>`** only: Add extra\n * logic for determining whether the link is active. This should be used if you\n * want to do more than verify that the link’s pathname matches the current URL\n * pathname.\n * @param [props.location] **`<NavLink>`** only: `isActive` compares\n * current history location (usually the current browser URL). To compare to\n * a different location, a custom `location` can be passed.\n * @param [props.strict] **`<NavLink>`** only: . When `true`, trailing\n * slash on a location’s pathname will be taken into consideration when\n * determining if the location matches the current URL. See the `<Route strict>`\n * documentation for more information.\n */\nconst GenericLink: React.FunctionComponent<PropsT> = ({\n  children,\n  className,\n  disabled,\n  enforceA,\n  keepScrollPosition,\n  onClick,\n  onMouseDown,\n  openNewTab,\n  replace,\n  routerLinkType,\n  to,\n  ...rest\n}) => {\n  /* Renders Link as <a> element if:\n   * - It is opted explicitely by `enforceA` prop;\n   * - It should be opened in a new tab;\n   * - It is an absolte URL (starts with http:// or https://);\n   * - It is anchor link (starts with #). */\n  if (disabled || enforceA || openNewTab || (to as string)?.match(/^(#|(https?|mailto):)/)) {\n    return (\n      <a\n        className={className}\n        // TODO: This requires a fix: disabled is not really an attribute of <a>\n        // tag, thus for disabled option we rather should render a plain text\n        // styled as a link.\n        // disabled={disabled}\n        href={to as string}\n        onClick={disabled ? (e) => e.preventDefault() : onClick}\n        onMouseDown={disabled ? (e) => e.preventDefault() : onMouseDown}\n        rel=\"noopener noreferrer\"\n        styleName=\"link\"\n        target={openNewTab ? '_blank' : ''}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  const L = routerLinkType as typeof NavLink;\n\n  return (\n    <L\n      className={className}\n      // disabled\n      onMouseDown={onMouseDown}\n      replace={replace}\n      to={to!}\n      onClick={(e: React.MouseEvent<HTMLAnchorElement>) => {\n        // Executes the user-provided event handler, if any.\n        if (onClick) onClick(e);\n\n        // By default, clicking the link scrolls the page to beginning.\n        if (!keepScrollPosition) window.scroll(0, 0);\n      }}\n      {...rest} // eslint-disable-line react/jsx-props-no-spreading\n    >\n      {children}\n    </L>\n  );\n};\n\nGenericLink.defaultProps = {\n  children: null,\n  className: '',\n  disabled: false,\n  enforceA: false,\n  keepScrollPosition: false,\n  onClick: undefined,\n  onMouseDown: undefined,\n  openNewTab: false,\n  replace: false,\n  to: '',\n};\n\nGenericLink.propTypes = {\n  children: PT.node,\n  className: PT.string,\n  disabled: PT.bool,\n  enforceA: PT.bool,\n  keepScrollPosition: PT.bool,\n  onClick: PT.func,\n  onMouseDown: PT.func,\n  openNewTab: PT.bool,\n  replace: PT.bool,\n  routerLinkType: PT.elementType.isRequired,\n  to: PT.oneOfType([PT.object, PT.string]),\n};\n\nexport default GenericLink;\n"],"mappings":";;;;;;;AAEA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAEAA,OAAA;AAA2D,IAAAC,WAAA,GAAAD,OAAA;AAL3D;;AA2BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAME,WAA4C,GAAGA,CAAC;EACpDC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,QAAQ;EACRC,kBAAkB;EAClBC,OAAO;EACPC,WAAW;EACXC,UAAU;EACVC,OAAO;EACPC,cAAc;EACdC,EAAE;EACF,GAAGC;AACL,CAAC,KAAK;EACJ;AACF;AACA;AACA;AACA;EACE,IAAIT,QAAQ,IAAIC,QAAQ,IAAII,UAAU,IAAKG,EAAE,EAAaE,KAAK,CAAC,uBAAuB,CAAC,EAAE;IACxF,oBACE,IAAAd,WAAA,CAAAe,GAAA;MACEZ,SAAS,GAAEA,SAAS,GAATA,SAAS;MACpB;MACA;MACA;MACA;MAAA;MACAa,IAAI,EAAEJ,EAAa;MACnBL,OAAO,EAAEH,QAAQ,GAAIa,CAAC,IAAKA,CAAC,CAACC,cAAc,CAAC,CAAC,GAAGX,OAAQ;MACxDC,WAAW,EAAEJ,QAAQ,GAAIa,CAAC,IAAKA,CAAC,CAACC,cAAc,CAAC,CAAC,GAAGV,WAAY;MAChEW,GAAG,EAAC,qBAAqB;MAEzBC,MAAM,EAAEX,UAAU,GAAG,QAAQ,GAAG,EAAG;MAAAP,QAAA,EAElCA;IAAQ,CACR,CAAC;EAER;EAEA,MAAMmB,CAAC,GAAGV,cAAgC;EAE1C,oBACE,IAAAX,WAAA,CAAAe,GAAA,EAACM,CAAC;IACAlB,SAAS,EAAEA;IACX;IAAA;IACAK,WAAW,EAAEA,WAAY;IACzBE,OAAO,EAAEA,OAAQ;IACjBE,EAAE,EAAEA,EAAI;IACRL,OAAO,EAAGU,CAAsC,IAAK;MACnD;MACA,IAAIV,OAAO,EAAEA,OAAO,CAACU,CAAC,CAAC;;MAEvB;MACA,IAAI,CAACX,kBAAkB,EAAEgB,MAAM,CAACC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IAC9C,CAAE;IAAA,GACEV,IAAI;IAAAX,QAAA,EAEPA;EAAQ,CACR,CAAC;AAER,CAAC;AAEDD,WAAW,CAACuB,YAAY,GAAG;EACzBtB,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,EAAE;EACbC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE,KAAK;EACfC,kBAAkB,EAAE,KAAK;EACzBC,OAAO,EAAEkB,SAAS;EAClBjB,WAAW,EAAEiB,SAAS;EACtBhB,UAAU,EAAE,KAAK;EACjBC,OAAO,EAAE,KAAK;EACdE,EAAE,EAAE;AACN,CAAC;AAEDX,WAAW,CAACyB,SAAS,GAAG;EACtBxB,QAAQ,EAAEyB,kBAAE,CAACC,IAAI;EACjBzB,SAAS,EAAEwB,kBAAE,CAACE,MAAM;EACpBzB,QAAQ,EAAEuB,kBAAE,CAACG,IAAI;EACjBzB,QAAQ,EAAEsB,kBAAE,CAACG,IAAI;EACjBxB,kBAAkB,EAAEqB,kBAAE,CAACG,IAAI;EAC3BvB,OAAO,EAAEoB,kBAAE,CAACI,IAAI;EAChBvB,WAAW,EAAEmB,kBAAE,CAACI,IAAI;EACpBtB,UAAU,EAAEkB,kBAAE,CAACG,IAAI;EACnBpB,OAAO,EAAEiB,kBAAE,CAACG,IAAI;EAChBnB,cAAc,EAAEgB,kBAAE,CAACK,WAAW,CAACC,UAAU;EACzCrB,EAAE,EAAEe,kBAAE,CAACO,SAAS,CAAC,CAACP,kBAAE,CAACQ,MAAM,EAAER,kBAAE,CAACE,MAAM,CAAC;AACzC,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEarC,WAAW"}