@dr.pogodin/react-utils 1.25.5 → 1.26.0

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":";;;;;;;AAEA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAsC,IAAAE,WAAA,GAAAF,OAAA;AAHtC;;AAOA;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;AACe,SAASG,WAAWA,CAAC;EAClCC,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,EAAE;EACD;AACF;AACA;AACA;AACA;EACE,IAAIT,QAAQ,IAAIC,QAAQ,IAAII,UAAU,IAAIG,EAAE,CAACE,KAAK,CAAC,uBAAuB,CAAC,EAAE;IAC3E,oBACE,IAAAd,WAAA,CAAAe,GAAA;MACEZ,SAAS,GAAEA,SAAS,GAATA,SAAS,kGAAC;MACrBC,QAAQ,EAAEA,QAAS;MACnBY,IAAI,EAAEJ,EAAG;MACTL,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;EACA,oBAAO,IAAAmB,oBAAa,EAACV,cAAc,EAAE;IACnCR,SAAS;IACTC,QAAQ;IACRI,WAAW;IACXE,OAAO;IACPE,EAAE;IACFL,OAAO,EAAGU,CAAC,IAAK;MACd;MACA,IAAIV,OAAO,EAAEA,OAAO,CAACU,CAAC,CAAC;;MAEvB;MACA,IAAI,CAACX,kBAAkB,EAAEgB,MAAM,CAACC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IAC9C,CAAC;IACD,GAAGV;EACL,CAAC,EAAEX,QAAQ,CAAC;AACd;AAEAD,WAAW,CAACuB,YAAY,GAAG;EACzBtB,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE,KAAK;EACfC,kBAAkB,EAAE,KAAK;EACzBC,OAAO,EAAE,IAAI;EACbC,WAAW,EAAE,IAAI;EACjBC,UAAU,EAAE,KAAK;EACjBC,OAAO,EAAE,KAAK;EACdE,EAAE,EAAE;AACN,CAAC;AAEDX,WAAW,CAACwB,SAAS,GAAG;EACtBvB,QAAQ,EAAEwB,kBAAE,CAACC,IAAI;EACjBxB,SAAS,EAAEuB,kBAAE,CAACE,MAAM;EACpBxB,QAAQ,EAAEsB,kBAAE,CAACG,IAAI;EACjBxB,QAAQ,EAAEqB,kBAAE,CAACG,IAAI;EACjBvB,kBAAkB,EAAEoB,kBAAE,CAACG,IAAI;EAC3BtB,OAAO,EAAEmB,kBAAE,CAACI,IAAI;EAChBtB,WAAW,EAAEkB,kBAAE,CAACI,IAAI;EACpBrB,UAAU,EAAEiB,kBAAE,CAACG,IAAI;EACnBnB,OAAO,EAAEgB,kBAAE,CAACG,IAAI;EAChBlB,cAAc,EAAEe,kBAAE,CAACK,WAAW,CAACC,UAAU;EACzCpB,EAAE,EAAEc,kBAAE,CAACO,SAAS,CAAC,CAACP,kBAAE,CAACQ,MAAM,EAAER,kBAAE,CAACE,MAAM,CAAC;AACzC,CAAC"}
+{"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":"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"}

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = require("react");
-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-Input-theme___context___X5WszA",
@@ -19,11 +19,11 @@ const defaultTheme = {
 };
 /**
  * Themeable input field, based on the standard HTML `<input>` element.
- * @param {object} [props]
- * @param {string} [props.label] Input label.
- * @param {InputTheme} [props.theme] _Ad hoc_ theme.
- * @param {...any} [props...] [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)
- * @param {...any} [props...] Any other properties are passed to the underlying
+ * @param [props]
+ * @param [props.label] Input label.
+ * @param [props.theme] _Ad hoc_ theme.
+ * @param [props...] [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)
+ * @param [props...] Any other properties are passed to the underlying
  * `<input>` element.
  */
 const Input = /*#__PURE__*/(0, _react.forwardRef)(({
@@ -41,7 +41,7 @@ const Input = /*#__PURE__*/(0, _react.forwardRef)(({
     ...rest
   })]
 }));
-const ThemedInput = (0, _utils.themed)('Input', ['container', 'input', 'label'], defaultTheme)(Input);
+const ThemedInput = (0, _reactThemes.default)(Input, 'Input', ['container', 'input', 'label'], defaultTheme);
 Input.propTypes = {
   label: _propTypes.default.string,
   theme: ThemedInput.themeType.isRequired
@@ -49,6 +49,5 @@ Input.propTypes = {
 Input.defaultProps = {
   label: undefined
 };
-var _default = ThemedInput;
-exports.default = _default;
+var _default = exports.default = ThemedInput;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_react","_utils","_jsxRuntime","defaultTheme","Input","forwardRef","label","theme","rest","ref","jsxs","className","container","children","undefined","jsx","input","ThemedInput","themed","propTypes","PT","string","themeType","isRequired","defaultProps","_default","exports","default"],"sources":["../../../../../src/shared/components/Input/index.jsx"],"sourcesContent":["import PT from 'prop-types';\nimport { forwardRef } from 'react';\n\nimport { themed } from 'utils';\n\nimport defaultTheme from './theme.scss';\n\n/**\n * Themeable input field, based on the standard HTML `<input>` element.\n * @param {object} [props]\n * @param {string} [props.label] Input label.\n * @param {InputTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props...] [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n * @param {...any} [props...] Any other properties are passed to the underlying\n * `<input>` element.\n */\nconst Input = forwardRef(({\n  label,\n  theme,\n  ...rest\n}, ref) => (\n  <span className={theme.container}>\n    { label === undefined ? null : <p className={theme.label}>{label}</p> }\n    <input\n      className={theme.input}\n      ref={ref}\n      {...rest} // eslint-disable-line react/jsx-props-no-spreading\n    />\n  </span>\n));\n\nconst ThemedInput = themed('Input', [\n  'container',\n  'input',\n  'label',\n], defaultTheme)(Input);\n\nInput.propTypes = {\n  label: PT.string,\n  theme: ThemedInput.themeType.isRequired,\n};\n\nInput.defaultProps = {\n  label: undefined,\n};\n\nexport default ThemedInput;\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA+B,IAAAG,WAAA,GAAAH,OAAA;AAAA,MAAAI,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAK,gBAAG,IAAAC,iBAAU,EAAC,CAAC;EACxBC,KAAK;EACLC,KAAK;EACL,GAAGC;AACL,CAAC,EAAEC,GAAG,kBACJ,IAAAP,WAAA,CAAAQ,IAAA;EAAMC,SAAS,EAAEJ,KAAK,CAACK,SAAU;EAAAC,QAAA,GAC7BP,KAAK,KAAKQ,SAAS,GAAG,IAAI,gBAAG,IAAAZ,WAAA,CAAAa,GAAA;IAAGJ,SAAS,EAAEJ,KAAK,CAACD,KAAM;IAAAO,QAAA,EAAEP;EAAK,CAAI,CAAC,eACrE,IAAAJ,WAAA,CAAAa,GAAA;IACEJ,SAAS,EAAEJ,KAAK,CAACS,KAAM;IACvBP,GAAG,EAAEA,GAAI;IAAA,GACLD;EAAI,CACT,CAAC;AAAA,CACE,CACP,CAAC;AAEF,MAAMS,WAAW,GAAG,IAAAC,aAAM,EAAC,OAAO,EAAE,CAClC,WAAW,EACX,OAAO,EACP,OAAO,CACR,EAAEf,YAAY,CAAC,CAACC,KAAK,CAAC;AAEvBA,KAAK,CAACe,SAAS,GAAG;EAChBb,KAAK,EAAEc,kBAAE,CAACC,MAAM;EAChBd,KAAK,EAAEU,WAAW,CAACK,SAAS,CAACC;AAC/B,CAAC;AAEDnB,KAAK,CAACoB,YAAY,GAAG;EACnBlB,KAAK,EAAEQ;AACT,CAAC;AAAC,IAAAW,QAAA,GAEaR,WAAW;AAAAS,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_react","_reactThemes","_jsxRuntime","defaultTheme","Input","forwardRef","label","theme","rest","ref","jsxs","className","container","children","undefined","jsx","input","ThemedInput","themed","propTypes","PT","string","themeType","isRequired","defaultProps","_default","exports","default"],"sources":["../../../../../src/shared/components/Input/index.tsx"],"sourcesContent":["import PT from 'prop-types';\nimport { forwardRef } from 'react';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './theme.scss';\n\ntype PropsT = React.InputHTMLAttributes<HTMLInputElement> & {\n  label?: string;\n  theme: Theme & {\n    container?: string;\n    input?: string;\n    label?: string;\n  };\n};\n\n/**\n * Themeable input field, based on the standard HTML `<input>` element.\n * @param [props]\n * @param [props.label] Input label.\n * @param [props.theme] _Ad hoc_ theme.\n * @param [props...] [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n * @param [props...] Any other properties are passed to the underlying\n * `<input>` element.\n */\nconst Input = forwardRef<HTMLInputElement, PropsT>((\n  {\n    label,\n    theme,\n    ...rest\n  }: PropsT,\n  ref,\n) => (\n  <span className={theme.container}>\n    { label === undefined ? null : <p className={theme.label}>{label}</p> }\n    <input\n      className={theme.input}\n      ref={ref}\n      {...rest} // eslint-disable-line react/jsx-props-no-spreading\n    />\n  </span>\n));\n\nconst ThemedInput = themed(Input, 'Input', [\n  'container',\n  'input',\n  'label',\n], defaultTheme);\n\nInput.propTypes = {\n  label: PT.string,\n  theme: ThemedInput.themeType.isRequired,\n};\n\nInput.defaultProps = {\n  label: undefined,\n};\n\nexport default ThemedInput;\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA8D,IAAAG,WAAA,GAAAH,OAAA;AAAA,MAAAI,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAa9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAK,gBAAG,IAAAC,iBAAU,EAA2B,CACjD;EACEC,KAAK;EACLC,KAAK;EACL,GAAGC;AACG,CAAC,EACTC,GAAG,kBAEH,IAAAP,WAAA,CAAAQ,IAAA;EAAMC,SAAS,EAAEJ,KAAK,CAACK,SAAU;EAAAC,QAAA,GAC7BP,KAAK,KAAKQ,SAAS,GAAG,IAAI,gBAAG,IAAAZ,WAAA,CAAAa,GAAA;IAAGJ,SAAS,EAAEJ,KAAK,CAACD,KAAM;IAAAO,QAAA,EAAEP;EAAK,CAAI,CAAC,eACrE,IAAAJ,WAAA,CAAAa,GAAA;IACEJ,SAAS,EAAEJ,KAAK,CAACS,KAAM;IACvBP,GAAG,EAAEA,GAAI;IAAA,GACLD;EAAI,CACT,CAAC;AAAA,CACE,CACP,CAAC;AAEF,MAAMS,WAAW,GAAG,IAAAC,oBAAM,EAACd,KAAK,EAAE,OAAO,EAAE,CACzC,WAAW,EACX,OAAO,EACP,OAAO,CACR,EAAED,YAAY,CAAC;AAEhBC,KAAK,CAACe,SAAS,GAAG;EAChBb,KAAK,EAAEc,kBAAE,CAACC,MAAM;EAChBd,KAAK,EAAEU,WAAW,CAACK,SAAS,CAACC;AAC/B,CAAC;AAEDnB,KAAK,CAACoB,YAAY,GAAG;EACnBlB,KAAK,EAAEQ;AACT,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaV,WAAW"}

package/build/development/shared/components/Link.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Link;
+exports.default = void 0;
 var _reactRouterDom = require("react-router-dom");
 var _GenericLink = _interopRequireDefault(require("./GenericLink"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -16,12 +16,13 @@ var _jsxRuntime = require("react/jsx-runtime");
  * - User explicitely opts to use <a>.
  */
 
-function Link(props) {
-  /* eslint-disable react/jsx-props-no-spreading */
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GenericLink.default, {
-    ...props,
-    routerLinkType: _reactRouterDom.Link
-  });
-  /* eslint-enable react/jsx-props-no-spreading */
-}
+const Link = props =>
+/*#__PURE__*/
+/* eslint-disable react/jsx-props-no-spreading */
+(0, _jsxRuntime.jsx)(_GenericLink.default, {
+  ...props,
+  routerLinkType: _reactRouterDom.Link
+})
+/* eslint-enable react/jsx-props-no-spreading */;
+var _default = exports.default = Link;
 //# sourceMappingURL=Link.js.map

package/build/development/shared/components/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["_reactRouterDom","require","_GenericLink","_interopRequireDefault","_jsxRuntime","Link","props","jsx","default","routerLinkType","RrLink"],"sources":["../../../../src/shared/components/Link.jsx"],"sourcesContent":["/**\n * The Link wraps around React Router's Link component, to automatically replace\n * it by the regular <a> element when:\n * - The target reference points to another domain;\n * - User opts to open the reference in a new tab;\n * - User explicitely opts to use <a>.\n */\n\nimport { Link as RrLink } from 'react-router-dom';\n\nimport GenericLink from './GenericLink';\n\nexport default function Link(props) {\n  /* eslint-disable react/jsx-props-no-spreading */\n  return <GenericLink {...props} routerLinkType={RrLink} />;\n  /* eslint-enable react/jsx-props-no-spreading */\n}\n"],"mappings":";;;;;;;AAQA,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAwC,IAAAG,WAAA,GAAAH,OAAA;AAVxC;AACA;AACA;AACA;AACA;AACA;AACA;;AAMe,SAASI,IAAIA,CAACC,KAAK,EAAE;EAClC;EACA,oBAAO,IAAAF,WAAA,CAAAG,GAAA,EAACL,YAAA,CAAAM,OAAW;IAAA,GAAKF,KAAK;IAAEG,cAAc,EAAEC;EAAO,CAAE,CAAC;EACzD;AACF"}
+{"version":3,"file":"Link.js","names":["_reactRouterDom","require","_GenericLink","_interopRequireDefault","_jsxRuntime","Link","props","jsx","default","routerLinkType","RrLink","_default","exports"],"sources":["../../../../src/shared/components/Link.tsx"],"sourcesContent":["/**\n * The Link wraps around React Router's Link component, to automatically replace\n * it by the regular <a> element when:\n * - The target reference points to another domain;\n * - User opts to open the reference in a new tab;\n * - User explicitely opts to use <a>.\n */\n\nimport { Link as RrLink } from 'react-router-dom';\n\nimport GenericLink, { type PropsT as GenericLinkPropsT } from './GenericLink';\n\ntype PropsT = Omit<GenericLinkPropsT, 'routerLinkType'>;\n\nconst Link: React.FunctionComponent<PropsT> = (props) => (\n  /* eslint-disable react/jsx-props-no-spreading */\n  <GenericLink {...props} routerLinkType={RrLink} />\n  /* eslint-enable react/jsx-props-no-spreading */\n);\n\nexport default Link;\n"],"mappings":";;;;;;;AAQA,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA8E,IAAAG,WAAA,GAAAH,OAAA;AAV9E;AACA;AACA;AACA;AACA;AACA;AACA;;AAQA,MAAMI,IAAqC,GAAIC,KAAK;AAAA;AAClD;AACA,IAAAF,WAAA,CAAAG,GAAA,EAACL,YAAA,CAAAM,OAAW;EAAA,GAAKF,KAAK;EAAEG,cAAc,EAAEC;AAAO,CAAE;AACjD,gDACD;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEaH,IAAI"}

package/build/development/shared/components/MetaTags.js

@@ -4,12 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = MetaTags;
+exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = require("react");
 var _reactHelmet = require("react-helmet");
 var _jsxRuntime = require("react/jsx-runtime");
-const Context = /*#__PURE__*/(0, _react.createContext)();
+const Context = /*#__PURE__*/(0, _react.createContext)({
+  description: '',
+  title: ''
+});
 
 /**
  * The `<MetaTags>` component is an auxiliary wrapper around `react-helmet`,
@@ -37,34 +40,34 @@ const Context = /*#__PURE__*/(0, _react.createContext)();
  *   );
  * }
  * ```
- * @param {object} [props]
- * @param {string} [props.description] Page description to use in
+ * @param [props]
+ * @param [props.description] Page description to use in
  * the `description` meta tag, and as a default description of Open Graph Tags.
- * @param {string} [props.image] The absolute URL of thumbnail image to use
+ * @param [props.image] The absolute URL of thumbnail image to use
  * in Open Graph Tags (`twitter:image`, and `og:image`). By default these tags
  * are not injected.
  *
  * **BEWARE:** It must be a complete, absolute URL, including the correct
  * website domain and HTTP schema.
  *
- * @param {string} [props.siteName]: The site name to use in `twitter:site`,
+ * @param [props.siteName]: The site name to use in `twitter:site`,
  * and `og:sitename` tags. By default these tags are not injected.
  *
- * @param {string} [props.socialDescription] The site description to use in
+ * @param [props.socialDescription] The site description to use in
  * `twitter:description` and `og:description` meta tags. By default the value of
  * `description` prop is used.
- * @param {string} [props.socialTitle] The page title to use in
+ * @param [props.socialTitle] The page title to use in
  * `twitter:title`, `og:title`, and `og:image:alt` tags. By default the value of
  * `title` prop is used. Also the `og:image:alt` tag is only injected if `image`
  * prop is present.
  *
- * @param {string} props.title: The page name to use in the `<title>` tag.
+ * @param props.title: The page name to use in the `<title>` tag.
  * It is also used as the default value of `socialTitle` prop.
  *
- * @param {string} [props.url] The page URL to use in `og:url` tag.
+ * @param [props.url] The page URL to use in `og:url` tag.
  * By default the tag is not injected.
  */
-function MetaTags({
+const MetaTags = ({
   children,
   description,
   image,
@@ -73,7 +76,7 @@ function MetaTags({
   socialTitle,
   title,
   url
-}) {
+}) => {
   const socTitle = socialTitle || title;
   const socDesc = socialDescription || description;
   const context = (0, _react.useMemo)(() => ({
@@ -131,15 +134,15 @@ function MetaTags({
       children: children
     }) : null]
   });
-}
+};
 MetaTags.Context = Context;
 MetaTags.defaultProps = {
   children: null,
-  image: null,
-  siteName: null,
-  socialDescription: null,
-  socialTitle: null,
-  url: null
+  image: '',
+  siteName: '',
+  socialDescription: '',
+  socialTitle: '',
+  url: ''
 };
 MetaTags.propTypes = {
   children: _propTypes.default.node,
@@ -151,4 +154,5 @@ MetaTags.propTypes = {
   title: _propTypes.default.string.isRequired,
   url: _propTypes.default.string
 };
+var _default = exports.default = MetaTags;
 //# sourceMappingURL=MetaTags.js.map

package/build/development/shared/components/MetaTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetaTags.js","names":["_propTypes","_interopRequireDefault","require","_react","_reactHelmet","_jsxRuntime","Context","createContext","MetaTags","children","description","image","siteName","socialDescription","socialTitle","title","url","socTitle","socDesc","context","useMemo","jsxs","Fragment","Helmet","jsx","name","content","Provider","value","defaultProps","propTypes","PT","node","string","isRequired"],"sources":["../../../../src/shared/components/MetaTags.jsx"],"sourcesContent":["import PT from 'prop-types';\nimport { createContext, useMemo } from 'react';\nimport { Helmet } from 'react-helmet';\n\nconst Context = createContext();\n\n/**\n * The `<MetaTags>` component is an auxiliary wrapper around `react-helmet`,\n * which helps to inject meta tags (page title, a brief content description,\n * and social media thumbnails) into generated pages.\n *\n * When `<MetaTags>` are nested within the app's component tree, meta tags\n * content injected by components encountered down the tree overrides tags\n * injected by previously encountered `<MetaTags>` components.\n *\n * **Children:** `<MetaTags>` children, if any, are rendered at the component's\n * location. The context passes down all meta tag properties of parent\n * `<MetaTag>` instances. These properties can fetched within children\n * hierarchy in the following way, thus facilitating tags modification by\n * children:\n * ```jsx\n * import { useContext } from 'react';\n * import { MetaTags } from '@dr.pogodin/react-utils';\n * export default function SampleComponent() {\n *   const { title, description, ...rest } = useContext(MetaTags.Context);\n *   // Do something with these props here, e.g. prefix the page title with\n *   // the component name:\n *   return (\n *     <MetaTags title={`Sample component - ${title}`} />\n *   );\n * }\n * ```\n * @param {object} [props]\n * @param {string} [props.description] Page description to use in\n * the `description` meta tag, and as a default description of Open Graph Tags.\n * @param {string} [props.image] The absolute URL of thumbnail image to use\n * in Open Graph Tags (`twitter:image`, and `og:image`). By default these tags\n * are not injected.\n *\n * **BEWARE:** It must be a complete, absolute URL, including the correct\n * website domain and HTTP schema.\n *\n * @param {string} [props.siteName]: The site name to use in `twitter:site`,\n * and `og:sitename` tags. By default these tags are not injected.\n *\n * @param {string} [props.socialDescription] The site description to use in\n * `twitter:description` and `og:description` meta tags. By default the value of\n * `description` prop is used.\n * @param {string} [props.socialTitle] The page title to use in\n * `twitter:title`, `og:title`, and `og:image:alt` tags. By default the value of\n * `title` prop is used. Also the `og:image:alt` tag is only injected if `image`\n * prop is present.\n *\n * @param {string} props.title: The page name to use in the `<title>` tag.\n * It is also used as the default value of `socialTitle` prop.\n *\n * @param {string} [props.url] The page URL to use in `og:url` tag.\n * By default the tag is not injected.\n */\nexport default function MetaTags({\n  children,\n  description,\n  image,\n  siteName,\n  socialDescription,\n  socialTitle,\n  title,\n  url,\n}) {\n  const socTitle = socialTitle || title;\n  const socDesc = socialDescription || description;\n\n  const context = useMemo(() => ({\n    description,\n    image,\n    siteName,\n    socialDescription,\n    socialTitle,\n    title,\n    url,\n  }), [\n    description,\n    image,\n    siteName,\n    socialDescription,\n    socialTitle,\n    title,\n    url,\n  ]);\n\n  return (\n    <>\n      <Helmet>\n        {/* General tags. */}\n        <title>\n          {title}\n        </title>\n        <meta name=\"description\" content={description} />\n\n        {/* Twitter cards. */}\n        <meta name=\"twitter:card\" content=\"summary_large_image\" />\n        <meta name=\"twitter:title\" content={socTitle} />\n        <meta name=\"twitter:description\" content={socDesc} />\n        { image ? <meta name=\"twitter:image\" content={image} /> : null }\n        {\n          siteName ? (\n            <meta name=\"twitter:site\" content={`@${siteName}`} />\n          ) : null\n        }\n\n        {/* Open Graph data. */}\n        <meta name=\"og:title\" content={socTitle} />\n        { image ? <meta name=\"og:image\" content={image} /> : null }\n        { image ? <meta name=\"og:image:alt\" content={socTitle} /> : null }\n        <meta name=\"og:description\" content={socDesc} />\n        {\n          siteName ? (<meta name=\"og:sitename\" content={siteName} />) : null\n        }\n        { url ? (<meta name=\"og:url\" content={url} />) : null }\n      </Helmet>\n      {\n        children ? (\n          <Context.Provider value={context}>\n            {children}\n          </Context.Provider>\n        ) : null\n      }\n    </>\n  );\n}\n\nMetaTags.Context = Context;\n\nMetaTags.defaultProps = {\n  children: null,\n  image: null,\n  siteName: null,\n  socialDescription: null,\n  socialTitle: null,\n  url: null,\n};\n\nMetaTags.propTypes = {\n  children: PT.node,\n  description: PT.string.isRequired,\n  image: PT.string,\n  siteName: PT.string,\n  socialDescription: PT.string,\n  socialTitle: PT.string,\n  title: PT.string.isRequired,\n  url: PT.string,\n};\n"],"mappings":"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"}
+{"version":3,"file":"MetaTags.js","names":["_propTypes","_interopRequireDefault","require","_react","_reactHelmet","_jsxRuntime","Context","createContext","description","title","MetaTags","children","image","siteName","socialDescription","socialTitle","url","socTitle","socDesc","context","useMemo","jsxs","Fragment","Helmet","jsx","name","content","Provider","value","defaultProps","propTypes","PT","node","string","isRequired","_default","exports","default"],"sources":["../../../../src/shared/components/MetaTags.tsx"],"sourcesContent":["import PT from 'prop-types';\nimport { type ReactNode, createContext, useMemo } from 'react';\nimport { Helmet } from 'react-helmet';\n\ntype PropsT = {\n  children?: ReactNode;\n  description: string;\n  image?: string;\n  siteName?: string;\n  socialDescription?: string;\n  socialTitle?: string;\n  title: string;\n  url?: string;\n};\n\nconst Context = createContext<PropsT>({\n  description: '',\n  title: '',\n});\n\n/**\n * The `<MetaTags>` component is an auxiliary wrapper around `react-helmet`,\n * which helps to inject meta tags (page title, a brief content description,\n * and social media thumbnails) into generated pages.\n *\n * When `<MetaTags>` are nested within the app's component tree, meta tags\n * content injected by components encountered down the tree overrides tags\n * injected by previously encountered `<MetaTags>` components.\n *\n * **Children:** `<MetaTags>` children, if any, are rendered at the component's\n * location. The context passes down all meta tag properties of parent\n * `<MetaTag>` instances. These properties can fetched within children\n * hierarchy in the following way, thus facilitating tags modification by\n * children:\n * ```jsx\n * import { useContext } from 'react';\n * import { MetaTags } from '@dr.pogodin/react-utils';\n * export default function SampleComponent() {\n *   const { title, description, ...rest } = useContext(MetaTags.Context);\n *   // Do something with these props here, e.g. prefix the page title with\n *   // the component name:\n *   return (\n *     <MetaTags title={`Sample component - ${title}`} />\n *   );\n * }\n * ```\n * @param [props]\n * @param [props.description] Page description to use in\n * the `description` meta tag, and as a default description of Open Graph Tags.\n * @param [props.image] The absolute URL of thumbnail image to use\n * in Open Graph Tags (`twitter:image`, and `og:image`). By default these tags\n * are not injected.\n *\n * **BEWARE:** It must be a complete, absolute URL, including the correct\n * website domain and HTTP schema.\n *\n * @param [props.siteName]: The site name to use in `twitter:site`,\n * and `og:sitename` tags. By default these tags are not injected.\n *\n * @param [props.socialDescription] The site description to use in\n * `twitter:description` and `og:description` meta tags. By default the value of\n * `description` prop is used.\n * @param [props.socialTitle] The page title to use in\n * `twitter:title`, `og:title`, and `og:image:alt` tags. By default the value of\n * `title` prop is used. Also the `og:image:alt` tag is only injected if `image`\n * prop is present.\n *\n * @param props.title: The page name to use in the `<title>` tag.\n * It is also used as the default value of `socialTitle` prop.\n *\n * @param [props.url] The page URL to use in `og:url` tag.\n * By default the tag is not injected.\n */\nconst MetaTags: React.FunctionComponent<PropsT> & {\n  Context: React.Context<PropsT>;\n} = ({\n  children,\n  description,\n  image,\n  siteName,\n  socialDescription,\n  socialTitle,\n  title,\n  url,\n}) => {\n  const socTitle = socialTitle || title;\n  const socDesc = socialDescription || description;\n\n  const context = useMemo(() => ({\n    description,\n    image,\n    siteName,\n    socialDescription,\n    socialTitle,\n    title,\n    url,\n  }), [\n    description,\n    image,\n    siteName,\n    socialDescription,\n    socialTitle,\n    title,\n    url,\n  ]);\n\n  return (\n    <>\n      <Helmet>\n        {/* General tags. */}\n        <title>\n          {title}\n        </title>\n        <meta name=\"description\" content={description} />\n\n        {/* Twitter cards. */}\n        <meta name=\"twitter:card\" content=\"summary_large_image\" />\n        <meta name=\"twitter:title\" content={socTitle} />\n        <meta name=\"twitter:description\" content={socDesc} />\n        { image ? <meta name=\"twitter:image\" content={image} /> : null }\n        {\n          siteName ? (\n            <meta name=\"twitter:site\" content={`@${siteName}`} />\n          ) : null\n        }\n\n        {/* Open Graph data. */}\n        <meta name=\"og:title\" content={socTitle} />\n        { image ? <meta name=\"og:image\" content={image} /> : null }\n        { image ? <meta name=\"og:image:alt\" content={socTitle} /> : null }\n        <meta name=\"og:description\" content={socDesc} />\n        {\n          siteName ? (<meta name=\"og:sitename\" content={siteName} />) : null\n        }\n        { url ? (<meta name=\"og:url\" content={url} />) : null }\n      </Helmet>\n      {\n        children ? (\n          <Context.Provider value={context}>\n            {children}\n          </Context.Provider>\n        ) : null\n      }\n    </>\n  );\n};\n\nMetaTags.Context = Context;\n\nMetaTags.defaultProps = {\n  children: null,\n  image: '',\n  siteName: '',\n  socialDescription: '',\n  socialTitle: '',\n  url: '',\n};\n\nMetaTags.propTypes = {\n  children: PT.node,\n  description: PT.string.isRequired,\n  image: PT.string,\n  siteName: PT.string,\n  socialDescription: PT.string,\n  socialTitle: PT.string,\n  title: PT.string.isRequired,\n  url: PT.string,\n};\n\nexport default MetaTags;\n"],"mappings":"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"}

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

@@ -4,8 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BaseModal = BaseModal;
-exports.default = void 0;
+exports.default = exports.BaseModal = void 0;
 var _lodash = require("lodash");
 var _react = require("react");
 var _reactDom = _interopRequireDefault(require("react-dom"));
@@ -31,13 +30,13 @@ const baseTheme = {
  * modal.
  * @param {ModalTheme} [props.theme] _Ad hoc_ theme.
  */
-function BaseModal({
+const BaseModal = ({
   children,
   onCancel,
   theme
-}) {
-  const containerRef = (0, _react.useRef)();
-  const overlayRef = (0, _react.useRef)();
+}) => {
+  const containerRef = (0, _react.useRef)(null);
+  const overlayRef = (0, _react.useRef)(null);
   const [portal, setPortal] = (0, _react.useState)();
   (0, _react.useEffect)(() => {
     const p = document.createElement('div');
@@ -51,24 +50,24 @@ function BaseModal({
   }, []);
   const focusLast = (0, _react.useMemo)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     onFocus: () => {
-      const elems = containerRef.current.querySelectorAll('*');
+      const elems = containerRef.current?.querySelectorAll('*');
       for (let i = elems.length - 1; i >= 0; --i) {
         elems[i].focus();
         if (document.activeElement === elems[i]) return;
       }
-      overlayRef.current.focus();
+      overlayRef.current?.focus();
     }
     /* eslint-disable jsx-a11y/no-noninteractive-tabindex */,
-    tabIndex: "0"
+    tabIndex: 0
     /* eslint-enable jsx-a11y/no-noninteractive-tabindex */
   }), []);
   return portal ? /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [focusLast, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       "aria-label": "Cancel",
       className: theme.overlay,
-      onClick: () => onCancel(),
+      onClick: () => onCancel && onCancel(),
       onKeyDown: e => {
-        if (e.key === 'Escape') onCancel();
+        if (e.key === 'Escape' && onCancel) onCancel();
       },
       ref: node => {
         if (node && node !== overlayRef.current) {
@@ -77,7 +76,7 @@ function BaseModal({
         }
       },
       role: "button",
-      tabIndex: "0"
+      tabIndex: 0
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       "aria-modal": "true",
       className: theme.container,
@@ -87,15 +86,16 @@ function BaseModal({
       children: children
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       onFocus: () => {
-        overlayRef.current.focus();
+        overlayRef.current?.focus();
       }
       /* eslint-disable jsx-a11y/no-noninteractive-tabindex */,
-      tabIndex: "0"
+      tabIndex: 0
       /* eslint-enable jsx-a11y/no-noninteractive-tabindex */
     }), focusLast]
   }), portal) : null;
-}
-const ThemedModal = (0, _reactThemes.default)('Modal', ['container', 'overlay'], baseTheme)(BaseModal);
+};
+exports.BaseModal = BaseModal;
+const ThemedModal = (0, _reactThemes.default)(BaseModal, 'Modal', ['container', 'overlay'], baseTheme);
 BaseModal.propTypes = {
   onCancel: _propTypes.default.func,
   children: _propTypes.default.node,
@@ -105,7 +105,6 @@ BaseModal.defaultProps = {
   onCancel: _lodash.noop,
   children: null
 };
-var _default = ThemedModal;
+var _default = exports.default = ThemedModal;
 /* Non-themed version of the Modal. */
-exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_lodash","require","_react","_reactDom","_interopRequireDefault","_propTypes","_reactThemes","_jsxRuntime","baseTheme","BaseModal","children","onCancel","theme","containerRef","useRef","overlayRef","portal","setPortal","useState","useEffect","p","document","createElement","body","classList","add","appendChild","remove","removeChild","focusLast","useMemo","jsx","onFocus","elems","current","querySelectorAll","i","length","focus","activeElement","tabIndex","ReactDom","createPortal","jsxs","Fragment","className","overlay","onClick","onKeyDown","e","key","ref","node","role","container","onWheel","event","stopPropagation","ThemedModal","themed","propTypes","PT","func","themeType","isRequired","defaultProps","noop","_default","exports","default"],"sources":["../../../../../src/shared/components/Modal/index.jsx"],"sourcesContent":["/* global document */\n\nimport { noop } from 'lodash';\n\nimport {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport ReactDom from 'react-dom';\nimport PT from 'prop-types';\nimport themed from '@dr.pogodin/react-themes';\n\nimport baseTheme from './base-theme.scss';\nimport './styles.scss';\n\n/**\n * The `<Modal>` component implements a simple themeable modal window, wrapped\n * into the default theme. `<BaseModal>` exposes the base non-themed component.\n * **Children:** Component children are rendered as the modal content.\n * @param {object} props Component properties. Beside props documented below,\n *  [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties) are supported as well.\n * @param {function} [props.onCancel] The callback to trigger when user\n * clicks outside the modal, or presses Escape. It is expected to hide the\n * modal.\n * @param {ModalTheme} [props.theme] _Ad hoc_ theme.\n */\nfunction BaseModal({\n  children,\n  onCancel,\n  theme,\n}) {\n  const containerRef = useRef();\n  const overlayRef = useRef();\n  const [portal, setPortal] = useState();\n\n  useEffect(() => {\n    const p = document.createElement('div');\n    document.body.classList.add('scrolling-disabled-by-modal');\n    document.body.appendChild(p);\n    setPortal(p);\n    return () => {\n      document.body.classList.remove('scrolling-disabled-by-modal');\n      document.body.removeChild(p);\n    };\n  }, []);\n\n  const focusLast = useMemo(() => (\n    <div\n      onFocus={() => {\n        const elems = containerRef.current.querySelectorAll('*');\n        for (let i = elems.length - 1; i >= 0; --i) {\n          elems[i].focus();\n          if (document.activeElement === elems[i]) return;\n        }\n        overlayRef.current.focus();\n      }}\n      /* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n      tabIndex=\"0\"\n      /* eslint-enable jsx-a11y/no-noninteractive-tabindex */\n    />\n  ), []);\n\n  return portal ? ReactDom.createPortal(\n    (\n      <>\n        {focusLast}\n        <div\n          aria-label=\"Cancel\"\n          className={theme.overlay}\n          onClick={() => onCancel()}\n          onKeyDown={(e) => {\n            if (e.key === 'Escape') onCancel();\n          }}\n          ref={(node) => {\n            if (node && node !== overlayRef.current) {\n              overlayRef.current = node;\n              node.focus();\n            }\n          }}\n          role=\"button\"\n          tabIndex=\"0\"\n        />\n        <div\n          aria-modal=\"true\"\n          className={theme.container}\n          onWheel={(event) => event.stopPropagation()}\n          ref={containerRef}\n          role=\"dialog\"\n        >\n          {children}\n        </div>\n        <div\n          onFocus={() => {\n            overlayRef.current.focus();\n          }}\n          /* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n          tabIndex=\"0\"\n          /* eslint-enable jsx-a11y/no-noninteractive-tabindex */\n        />\n        {focusLast}\n      </>\n    ),\n    portal,\n  ) : null;\n}\n\nconst ThemedModal = themed(\n  'Modal',\n  [\n    'container',\n    'overlay',\n  ],\n  baseTheme,\n)(BaseModal);\n\nBaseModal.propTypes = {\n  onCancel: PT.func,\n  children: PT.node,\n  theme: ThemedModal.themeType.isRequired,\n};\n\nBaseModal.defaultProps = {\n  onCancel: noop,\n  children: null,\n};\n\nexport default ThemedModal;\n\n/* Non-themed version of the Modal. */\nexport { BaseModal };\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_lodash","require","_react","_reactDom","_interopRequireDefault","_propTypes","_reactThemes","_jsxRuntime","baseTheme","BaseModal","children","onCancel","theme","containerRef","useRef","overlayRef","portal","setPortal","useState","useEffect","p","document","createElement","body","classList","add","appendChild","remove","removeChild","focusLast","useMemo","jsx","onFocus","elems","current","querySelectorAll","i","length","focus","activeElement","tabIndex","ReactDom","createPortal","jsxs","Fragment","className","overlay","onClick","onKeyDown","e","key","ref","node","role","container","onWheel","event","stopPropagation","exports","ThemedModal","themed","propTypes","PT","func","themeType","isRequired","defaultProps","noop","_default","default"],"sources":["../../../../../src/shared/components/Modal/index.tsx"],"sourcesContent":["/* global document */\n\nimport { noop } from 'lodash';\n\nimport {\n  type ReactNode,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport ReactDom from 'react-dom';\nimport PT from 'prop-types';\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport baseTheme from './base-theme.scss';\nimport './styles.scss';\n\ntype PropsT = {\n  children?: ReactNode;\n  onCancel?: () => void;\n  theme: Theme & {\n    container?: string;\n    overlay?: string;\n  };\n};\n\n/**\n * The `<Modal>` component implements a simple themeable modal window, wrapped\n * into the default theme. `<BaseModal>` exposes the base non-themed component.\n * **Children:** Component children are rendered as the modal content.\n * @param {object} props Component properties. Beside props documented below,\n *  [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties) are supported as well.\n * @param {function} [props.onCancel] The callback to trigger when user\n * clicks outside the modal, or presses Escape. It is expected to hide the\n * modal.\n * @param {ModalTheme} [props.theme] _Ad hoc_ theme.\n */\nconst BaseModal: React.FunctionComponent<PropsT> = ({\n  children,\n  onCancel,\n  theme,\n}) => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const overlayRef = useRef<HTMLDivElement | null>(null);\n  const [portal, setPortal] = useState<HTMLDivElement>();\n\n  useEffect(() => {\n    const p = document.createElement('div');\n    document.body.classList.add('scrolling-disabled-by-modal');\n    document.body.appendChild(p);\n    setPortal(p);\n    return () => {\n      document.body.classList.remove('scrolling-disabled-by-modal');\n      document.body.removeChild(p);\n    };\n  }, []);\n\n  const focusLast = useMemo(() => (\n    <div\n      onFocus={() => {\n        const elems = containerRef.current?.querySelectorAll('*') as NodeListOf<HTMLElement>;\n        for (let i = elems.length - 1; i >= 0; --i) {\n          elems[i].focus();\n          if (document.activeElement === elems[i]) return;\n        }\n        overlayRef.current?.focus();\n      }}\n      /* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n      tabIndex={0}\n      /* eslint-enable jsx-a11y/no-noninteractive-tabindex */\n    />\n  ), []);\n\n  return portal ? ReactDom.createPortal(\n    (\n      <>\n        {focusLast}\n        <div\n          aria-label=\"Cancel\"\n          className={theme.overlay}\n          onClick={() => onCancel && onCancel()}\n          onKeyDown={(e) => {\n            if (e.key === 'Escape' && onCancel) onCancel();\n          }}\n          ref={(node) => {\n            if (node && node !== overlayRef.current) {\n              overlayRef.current = node;\n              node.focus();\n            }\n          }}\n          role=\"button\"\n          tabIndex={0}\n        />\n        <div\n          aria-modal=\"true\"\n          className={theme.container}\n          onWheel={(event) => event.stopPropagation()}\n          ref={containerRef}\n          role=\"dialog\"\n        >\n          {children}\n        </div>\n        <div\n          onFocus={() => {\n            overlayRef.current?.focus();\n          }}\n          /* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n          tabIndex={0}\n          /* eslint-enable jsx-a11y/no-noninteractive-tabindex */\n        />\n        {focusLast}\n      </>\n    ),\n    portal,\n  ) : null;\n};\n\nconst ThemedModal = themed(\n  BaseModal,\n  'Modal',\n  [\n    'container',\n    'overlay',\n  ],\n  baseTheme,\n);\n\nBaseModal.propTypes = {\n  onCancel: PT.func,\n  children: PT.node,\n  theme: ThemedModal.themeType.isRequired,\n};\n\nBaseModal.defaultProps = {\n  onCancel: noop,\n  children: null,\n};\n\nexport default ThemedModal;\n\n/* Non-themed version of the Modal. */\nexport { BaseModal };\n"],"mappings":"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"}

package/build/development/shared/components/NavLink.js

@@ -4,16 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = NavLink;
+exports.default = void 0;
 var _reactRouterDom = require("react-router-dom");
 var _GenericLink = _interopRequireDefault(require("./GenericLink"));
 var _jsxRuntime = require("react/jsx-runtime");
-function NavLink(props) {
-  /* eslint-disable react/jsx-props-no-spreading */
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GenericLink.default, {
-    ...props,
-    routerLinkType: _reactRouterDom.NavLink
-  });
-  /* eslint-enable react/jsx-props-no-spreading */
-}
+const NavLink = props =>
+/*#__PURE__*/
+/* eslint-disable react/jsx-props-no-spreading */
+(0, _jsxRuntime.jsx)(_GenericLink.default, {
+  ...props,
+  routerLinkType: _reactRouterDom.NavLink
+})
+/* eslint-enable react/jsx-props-no-spreading */;
+var _default = exports.default = NavLink;
 //# sourceMappingURL=NavLink.js.map

package/build/development/shared/components/NavLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavLink.js","names":["_reactRouterDom","require","_GenericLink","_interopRequireDefault","_jsxRuntime","NavLink","props","jsx","default","routerLinkType","RrNavLink"],"sources":["../../../../src/shared/components/NavLink.jsx"],"sourcesContent":["import { NavLink as RrNavLink } from 'react-router-dom';\n\nimport GenericLink from './GenericLink';\n\nexport default function NavLink(props) {\n  /* eslint-disable react/jsx-props-no-spreading */\n  return <GenericLink {...props} routerLinkType={RrNavLink} />;\n  /* eslint-enable react/jsx-props-no-spreading */\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAwC,IAAAG,WAAA,GAAAH,OAAA;AAEzB,SAASI,OAAOA,CAACC,KAAK,EAAE;EACrC;EACA,oBAAO,IAAAF,WAAA,CAAAG,GAAA,EAACL,YAAA,CAAAM,OAAW;IAAA,GAAKF,KAAK;IAAEG,cAAc,EAAEC;EAAU,CAAE,CAAC;EAC5D;AACF"}
+{"version":3,"file":"NavLink.js","names":["_reactRouterDom","require","_GenericLink","_interopRequireDefault","_jsxRuntime","NavLink","props","jsx","default","routerLinkType","RrNavLink","_default","exports"],"sources":["../../../../src/shared/components/NavLink.tsx"],"sourcesContent":["import { NavLink as RrNavLink } from 'react-router-dom';\n\nimport GenericLink, { type PropsT as GenericLinkPropsT } from './GenericLink';\n\ntype PropsT = Omit<GenericLinkPropsT, 'routerLinkType'>;\n\nconst NavLink: React.FunctionComponent<PropsT> = (props) => (\n  /* eslint-disable react/jsx-props-no-spreading */\n  <GenericLink {...props} routerLinkType={RrNavLink} />\n  /* eslint-enable react/jsx-props-no-spreading */\n);\n\nexport default NavLink;\n"],"mappings":";;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA8E,IAAAG,WAAA,GAAAH,OAAA;AAI9E,MAAMI,OAAwC,GAAIC,KAAK;AAAA;AACrD;AACA,IAAAF,WAAA,CAAAG,GAAA,EAACL,YAAA,CAAAM,OAAW;EAAA,GAAKF,KAAK;EAAEG,cAAc,EAAEC;AAAU,CAAE;AACpD,gDACD;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEaH,OAAO"}