@dr.pogodin/react-utils 1.48.1 → 1.48.3

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

@@ -16,6 +16,7 @@ export const BaseButton = ({
   children,
   disabled,
   enforceA,
+  keepScrollPosition,
   onClick,
   onKeyDown: onKeyDownProp,
   onKeyUp,
@@ -49,7 +50,16 @@ export const BaseButton = ({
     return /*#__PURE__*/_jsx(Link, {
       className: className,
       "data-testid": process.env.NODE_ENV === 'production' ? undefined : testId,
-      enforceA: enforceA,
+      enforceA: enforceA
+
+      // TODO: This was exposed as a hotifx... however, I guess we better want
+      // to check if the `to` URL contains an anchor (#), and if it does we should
+      // automatically opt to keep the position here; and enforce <a> (as
+      // react-router link does not seem to respect the hash tag either,
+      // at least not without some additional settings).
+      ,
+
+      keepScrollPosition: keepScrollPosition,
       onClick: onClick
 
       // TODO: For now, the `onKeyDown` handler is not passed to the <Link>,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useTheme","Link","defaultTheme","jsx","_jsx","BaseButton","active","children","disabled","enforceA","onClick","onKeyDown","onKeyDownProp","onKeyUp","onMouseDown","onMouseUp","onPointerDown","onPointerUp","openNewTab","replace","testId","theme","to","className","button","process","env","NODE_ENV","undefined","e","key","role","tabIndex","Button","rest","composed"],"sources":["../../../../../src/shared/components/Button/index.tsx"],"sourcesContent":["// The <Button> component implements a standard button / button-like link.\n\nimport type {\n  FunctionComponent,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  PointerEventHandler,\n  ReactNode,\n} from 'react';\n\nimport { type Theme, useTheme } from '@dr.pogodin/react-themes';\n\nimport Link from 'components/Link';\n\nimport defaultTheme from './style.scss';\n\ntype ThemeT = Theme<'active' | 'button' | 'disabled'>;\n\ntype PropsT = {\n  active?: boolean;\n  children?: ReactNode;\n  disabled?: boolean;\n  enforceA?: boolean;\n  onClick?: MouseEventHandler & KeyboardEventHandler;\n  onKeyDown?: KeyboardEventHandler;\n  onKeyUp?: KeyboardEventHandler;\n  onMouseDown?: MouseEventHandler;\n  onMouseUp?: MouseEventHandler;\n  onPointerDown?: PointerEventHandler;\n  onPointerUp?: PointerEventHandler;\n  openNewTab?: boolean;\n  replace?: boolean;\n  testId?: string;\n  theme: ThemeT;\n\n  // TODO: It needs a more precise typing of the object option.\n  to?: object | string;\n};\n\nexport const BaseButton: FunctionComponent<PropsT> = ({\n  active,\n  children,\n  disabled,\n  enforceA,\n  onClick,\n  onKeyDown: onKeyDownProp,\n  onKeyUp,\n  onMouseDown,\n  onMouseUp,\n  onPointerDown,\n  onPointerUp,\n  openNewTab,\n  replace,\n  testId,\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\n        className={className}\n        data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  let onKeyDown = onKeyDownProp;\n  if (!onKeyDown && onClick) {\n    onKeyDown = (e) => {\n      if (e.key === 'Enter') onClick(e);\n    };\n  }\n\n  if (to) {\n    return (\n      <Link\n        className={className}\n        data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n        enforceA={enforceA}\n        onClick={onClick}\n\n        // TODO: For now, the `onKeyDown` handler is not passed to the <Link>,\n        // as <Link> component does not call it anyway, presumably due to\n        // the inner implementation details. We should look into supporting it:\n        // https://github.com/birdofpreyru/react-utils/issues/444\n        // onKeyDown={onKeyDown}\n\n        onKeyUp={onKeyUp}\n        onMouseDown={onMouseDown}\n        onMouseUp={onMouseUp}\n        onPointerDown={onPointerDown}\n        onPointerUp={onPointerUp}\n        openNewTab={openNewTab}\n        replace={replace}\n        to={to}\n      >\n        {children}\n      </Link>\n    );\n  }\n\n  return (\n    <div\n      className={className}\n      data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n      onMouseDown={onMouseDown}\n      onMouseUp={onMouseUp}\n      onPointerDown={onPointerDown}\n      onPointerUp={onPointerUp}\n      role=\"button\"\n      tabIndex={0}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst Button: FunctionComponent<\n  Omit<PropsT, 'theme'> & { theme?: ThemeT }\n> = ({ theme, ...rest }) => {\n  const composed = useTheme('Button', defaultTheme, theme);\n\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  return <BaseButton {...rest} theme={composed} />;\n};\n\nexport default Button;\n"],"mappings":"AAAA;;AAUA,SAAqBA,QAAQ,QAAQ,0BAA0B;AAAA,OAExDC,IAAI;AAAA,MAAAC,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE6B,SAAAC,GAAA,IAAAC,IAAA;AAyBxC,OAAO,MAAMC,UAAqC,GAAGA,CAAC;EACpDC,MAAM;EACNC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;EACPC,SAAS,EAAEC,aAAa;EACxBC,OAAO;EACPC,WAAW;EACXC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,UAAU;EACVC,OAAO;EACPC,MAAM;EACNC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,IAAIC,SAAS,GAAGF,KAAK,CAACG,MAAM;EAC5B,IAAIlB,MAAM,IAAIe,KAAK,CAACf,MAAM,EAAEiB,SAAS,IAAI,IAAIF,KAAK,CAACf,MAAM,EAAE;EAC3D,IAAIE,QAAQ,EAAE;IACZ,IAAIa,KAAK,CAACb,QAAQ,EAAEe,SAAS,IAAI,IAAIF,KAAK,CAACb,QAAQ,EAAE;IACrD,oBACEJ,IAAA;MACEmB,SAAS,EAAEA,SAAU;MACrB,eAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGR,MAAO;MAAAb,QAAA,EAEvEA;IAAQ,CACN,CAAC;EAEV;EAEA,IAAII,SAAS,GAAGC,aAAa;EAC7B,IAAI,CAACD,SAAS,IAAID,OAAO,EAAE;IACzBC,SAAS,GAAIkB,CAAC,IAAK;MACjB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEpB,OAAO,CAACmB,CAAC,CAAC;IACnC,CAAC;EACH;EAEA,IAAIP,EAAE,EAAE;IACN,oBACElB,IAAA,CAACH,IAAI;MACHsB,SAAS,EAAEA,SAAU;MACrB,eAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGR,MAAO;MACxEX,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA;;MAET;MACA;MACA;MACA;MACA;MAAA;;MAEAG,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzBC,SAAS,EAAEA,SAAU;MACrBC,aAAa,EAAEA,aAAc;MAC7BC,WAAW,EAAEA,WAAY;MACzBC,UAAU,EAAEA,UAAW;MACvBC,OAAO,EAAEA,OAAQ;MACjBG,EAAE,EAAEA,EAAG;MAAAf,QAAA,EAENA;IAAQ,CACL,CAAC;EAEX;EAEA,oBACEH,IAAA;IACEmB,SAAS,EAAEA,SAAU;IACrB,eAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGR,MAAO;IACxEV,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAU;IACrBE,OAAO,EAAEA,OAAQ;IACjBC,WAAW,EAAEA,WAAY;IACzBC,SAAS,EAAEA,SAAU;IACrBC,aAAa,EAAEA,aAAc;IAC7BC,WAAW,EAAEA,WAAY;IACzBc,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IAAAzB,QAAA,EAEXA;EAAQ,CACN,CAAC;AAEV,CAAC;AAED,MAAM0B,MAEL,GAAGA,CAAC;EAAEZ,KAAK;EAAE,GAAGa;AAAK,CAAC,KAAK;EAC1B,MAAMC,QAAQ,GAAGnC,QAAQ,CAAC,QAAQ,EAAEE,YAAY,EAAEmB,KAAK,CAAC;;EAExD;EACA,oBAAOjB,IAAA,CAACC,UAAU;IAAA,GAAK6B,IAAI;IAAEb,KAAK,EAAEc;EAAS,CAAE,CAAC;AAClD,CAAC;AAED,eAAeF,MAAM","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useTheme","Link","defaultTheme","jsx","_jsx","BaseButton","active","children","disabled","enforceA","keepScrollPosition","onClick","onKeyDown","onKeyDownProp","onKeyUp","onMouseDown","onMouseUp","onPointerDown","onPointerUp","openNewTab","replace","testId","theme","to","className","button","process","env","NODE_ENV","undefined","e","key","role","tabIndex","Button","rest","composed"],"sources":["../../../../../src/shared/components/Button/index.tsx"],"sourcesContent":["// The <Button> component implements a standard button / button-like link.\n\nimport type {\n  FunctionComponent,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  PointerEventHandler,\n  ReactNode,\n} from 'react';\n\nimport { type Theme, useTheme } from '@dr.pogodin/react-themes';\n\nimport Link from 'components/Link';\n\nimport defaultTheme from './style.scss';\n\ntype ThemeT = Theme<'active' | 'button' | 'disabled'>;\n\ntype PropsT = {\n  active?: boolean;\n  children?: ReactNode;\n  disabled?: boolean;\n  enforceA?: boolean;\n  keepScrollPosition?: boolean;\n  onClick?: MouseEventHandler & KeyboardEventHandler;\n  onKeyDown?: KeyboardEventHandler;\n  onKeyUp?: KeyboardEventHandler;\n  onMouseDown?: MouseEventHandler;\n  onMouseUp?: MouseEventHandler;\n  onPointerDown?: PointerEventHandler;\n  onPointerUp?: PointerEventHandler;\n  openNewTab?: boolean;\n  replace?: boolean;\n  testId?: string;\n  theme: ThemeT;\n\n  // TODO: It needs a more precise typing of the object option.\n  to?: object | string;\n};\n\nexport const BaseButton: FunctionComponent<PropsT> = ({\n  active,\n  children,\n  disabled,\n  enforceA,\n  keepScrollPosition,\n  onClick,\n  onKeyDown: onKeyDownProp,\n  onKeyUp,\n  onMouseDown,\n  onMouseUp,\n  onPointerDown,\n  onPointerUp,\n  openNewTab,\n  replace,\n  testId,\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\n        className={className}\n        data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  let onKeyDown = onKeyDownProp;\n  if (!onKeyDown && onClick) {\n    onKeyDown = (e) => {\n      if (e.key === 'Enter') onClick(e);\n    };\n  }\n\n  if (to) {\n    return (\n      <Link\n        className={className}\n        data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n        enforceA={enforceA}\n\n        // TODO: This was exposed as a hotifx... however, I guess we better want\n        // to check if the `to` URL contains an anchor (#), and if it does we should\n        // automatically opt to keep the position here; and enforce <a> (as\n        // react-router link does not seem to respect the hash tag either,\n        // at least not without some additional settings).\n        keepScrollPosition={keepScrollPosition}\n\n        onClick={onClick}\n\n        // TODO: For now, the `onKeyDown` handler is not passed to the <Link>,\n        // as <Link> component does not call it anyway, presumably due to\n        // the inner implementation details. We should look into supporting it:\n        // https://github.com/birdofpreyru/react-utils/issues/444\n        // onKeyDown={onKeyDown}\n\n        onKeyUp={onKeyUp}\n        onMouseDown={onMouseDown}\n        onMouseUp={onMouseUp}\n        onPointerDown={onPointerDown}\n        onPointerUp={onPointerUp}\n        openNewTab={openNewTab}\n        replace={replace}\n        to={to}\n      >\n        {children}\n      </Link>\n    );\n  }\n\n  return (\n    <div\n      className={className}\n      data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n      onMouseDown={onMouseDown}\n      onMouseUp={onMouseUp}\n      onPointerDown={onPointerDown}\n      onPointerUp={onPointerUp}\n      role=\"button\"\n      tabIndex={0}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst Button: FunctionComponent<\n  Omit<PropsT, 'theme'> & { theme?: ThemeT }\n> = ({ theme, ...rest }) => {\n  const composed = useTheme('Button', defaultTheme, theme);\n\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  return <BaseButton {...rest} theme={composed} />;\n};\n\nexport default Button;\n"],"mappings":"AAAA;;AAUA,SAAqBA,QAAQ,QAAQ,0BAA0B;AAAA,OAExDC,IAAI;AAAA,MAAAC,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE6B,SAAAC,GAAA,IAAAC,IAAA;AA0BxC,OAAO,MAAMC,UAAqC,GAAGA,CAAC;EACpDC,MAAM;EACNC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,kBAAkB;EAClBC,OAAO;EACPC,SAAS,EAAEC,aAAa;EACxBC,OAAO;EACPC,WAAW;EACXC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,UAAU;EACVC,OAAO;EACPC,MAAM;EACNC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,IAAIC,SAAS,GAAGF,KAAK,CAACG,MAAM;EAC5B,IAAInB,MAAM,IAAIgB,KAAK,CAAChB,MAAM,EAAEkB,SAAS,IAAI,IAAIF,KAAK,CAAChB,MAAM,EAAE;EAC3D,IAAIE,QAAQ,EAAE;IACZ,IAAIc,KAAK,CAACd,QAAQ,EAAEgB,SAAS,IAAI,IAAIF,KAAK,CAACd,QAAQ,EAAE;IACrD,oBACEJ,IAAA;MACEoB,SAAS,EAAEA,SAAU;MACrB,eAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGR,MAAO;MAAAd,QAAA,EAEvEA;IAAQ,CACN,CAAC;EAEV;EAEA,IAAIK,SAAS,GAAGC,aAAa;EAC7B,IAAI,CAACD,SAAS,IAAID,OAAO,EAAE;IACzBC,SAAS,GAAIkB,CAAC,IAAK;MACjB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEpB,OAAO,CAACmB,CAAC,CAAC;IACnC,CAAC;EACH;EAEA,IAAIP,EAAE,EAAE;IACN,oBACEnB,IAAA,CAACH,IAAI;MACHuB,SAAS,EAAEA,SAAU;MACrB,eAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGR,MAAO;MACxEZ,QAAQ,EAAEA;;MAEV;MACA;MACA;MACA;MACA;MAAA;;MACAC,kBAAkB,EAAEA,kBAAmB;MAEvCC,OAAO,EAAEA;;MAET;MACA;MACA;MACA;MACA;MAAA;;MAEAG,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzBC,SAAS,EAAEA,SAAU;MACrBC,aAAa,EAAEA,aAAc;MAC7BC,WAAW,EAAEA,WAAY;MACzBC,UAAU,EAAEA,UAAW;MACvBC,OAAO,EAAEA,OAAQ;MACjBG,EAAE,EAAEA,EAAG;MAAAhB,QAAA,EAENA;IAAQ,CACL,CAAC;EAEX;EAEA,oBACEH,IAAA;IACEoB,SAAS,EAAEA,SAAU;IACrB,eAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGR,MAAO;IACxEV,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAU;IACrBE,OAAO,EAAEA,OAAQ;IACjBC,WAAW,EAAEA,WAAY;IACzBC,SAAS,EAAEA,SAAU;IACrBC,aAAa,EAAEA,aAAc;IAC7BC,WAAW,EAAEA,WAAY;IACzBc,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IAAA1B,QAAA,EAEXA;EAAQ,CACN,CAAC;AAEV,CAAC;AAED,MAAM2B,MAEL,GAAGA,CAAC;EAAEZ,KAAK;EAAE,GAAGa;AAAK,CAAC,KAAK;EAC1B,MAAMC,QAAQ,GAAGpC,QAAQ,CAAC,QAAQ,EAAEE,YAAY,EAAEoB,KAAK,CAAC;;EAExD;EACA,oBAAOlB,IAAA,CAACC,UAAU;IAAA,GAAK8B,IAAI;IAAEb,KAAK,EAAEc;EAAS,CAAE,CAAC;AAClD,CAAC;AAED,eAAeF,MAAM","ignoreList":[]}

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

@@ -18,9 +18,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)
  */
 const Throbber = ({
-  theme
+  theme,
+  themePriority
 }) => {
-  const custom = useTheme('Throbber', defaultTheme, theme);
+  const custom = useTheme('Throbber', defaultTheme, theme, {
+    themePriority
+  });
   return /*#__PURE__*/_jsxs("span", {
     className: custom.container,
     children: [/*#__PURE__*/_jsx("span", {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useTheme","defaultTheme","jsx","_jsx","jsxs","_jsxs","Throbber","theme","custom","className","container","children","circle"],"sources":["../../../../../src/shared/components/Throbber/index.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\n\nimport { type Theme, useTheme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './theme.scss';\n\ntype ThemeKeyT = 'bouncing' | 'circle' | 'container';\n\ntype PropsT = {\n  theme?: Theme<ThemeKeyT>;\n};\n\n/**\n * Throbber is an \"action in progress\" indicator, which renders\n * three bouncing circles as a simple pending activity indicator,\n * and can be further themed to a certain degree.\n * @param {object} [props] Component properties.\n * @param {ThrobberTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\nconst Throbber: FunctionComponent<PropsT> = ({ theme }) => {\n  const custom = useTheme('Throbber', defaultTheme, theme);\n\n  return (\n    <span className={custom.container}>\n      <span className={custom.circle} />\n      <span className={custom.circle} />\n      <span className={custom.circle} />\n    </span>\n  );\n};\n\nexport default Throbber;\n"],"mappings":"AAEA,SAAqBA,QAAQ,QAAQ,0BAA0B;AAAA,MAAAC,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAEvB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,QAAmC,GAAGA,CAAC;EAAEC;AAAM,CAAC,KAAK;EACzD,MAAMC,MAAM,GAAGR,QAAQ,CAAC,UAAU,EAAEC,YAAY,EAAEM,KAAK,CAAC;EAExD,oBACEF,KAAA;IAAMI,SAAS,EAAED,MAAM,CAACE,SAAU;IAAAC,QAAA,gBAChCR,IAAA;MAAMM,SAAS,EAAED,MAAM,CAACI;IAAO,CAAE,CAAC,eAClCT,IAAA;MAAMM,SAAS,EAAED,MAAM,CAACI;IAAO,CAAE,CAAC,eAClCT,IAAA;MAAMM,SAAS,EAAED,MAAM,CAACI;IAAO,CAAE,CAAC;EAAA,CAC9B,CAAC;AAEX,CAAC;AAED,eAAeN,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useTheme","defaultTheme","jsx","_jsx","jsxs","_jsxs","Throbber","theme","themePriority","custom","className","container","children","circle"],"sources":["../../../../../src/shared/components/Throbber/index.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\n\nimport { type PRIORITY, type Theme, useTheme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './theme.scss';\n\ntype ThemeKeyT = 'bouncing' | 'circle' | 'container';\n\ntype PropsT = {\n  theme?: Theme<ThemeKeyT>;\n  themePriority?: PRIORITY;\n};\n\n/**\n * Throbber is an \"action in progress\" indicator, which renders\n * three bouncing circles as a simple pending activity indicator,\n * and can be further themed to a certain degree.\n * @param {object} [props] Component properties.\n * @param {ThrobberTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\nconst Throbber: FunctionComponent<PropsT> = ({ theme, themePriority }) => {\n  const custom = useTheme('Throbber', defaultTheme, theme, {\n    themePriority,\n  });\n\n  return (\n    <span className={custom.container}>\n      <span className={custom.circle} />\n      <span className={custom.circle} />\n      <span className={custom.circle} />\n    </span>\n  );\n};\n\nexport default Throbber;\n"],"mappings":"AAEA,SAAoCA,QAAQ,QAAQ,0BAA0B;AAAA,MAAAC,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAEtC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,QAAmC,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAc,CAAC,KAAK;EACxE,MAAMC,MAAM,GAAGT,QAAQ,CAAC,UAAU,EAAEC,YAAY,EAAEM,KAAK,EAAE;IACvDC;EACF,CAAC,CAAC;EAEF,oBACEH,KAAA;IAAMK,SAAS,EAAED,MAAM,CAACE,SAAU;IAAAC,QAAA,gBAChCT,IAAA;MAAMO,SAAS,EAAED,MAAM,CAACI;IAAO,CAAE,CAAC,eAClCV,IAAA;MAAMO,SAAS,EAAED,MAAM,CAACI;IAAO,CAAE,CAAC,eAClCV,IAAA;MAAMO,SAAS,EAAED,MAAM,CAACI;IAAO,CAAE,CAAC;EAAA,CAC9B,CAAC;AAEX,CAAC;AAED,eAAeP,QAAQ","ignoreList":[]}

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

@@ -1,5 +1,10 @@
 // The <Button> component implements a standard button / button-like link.
-import{useTheme}from"@dr.pogodin/react-themes";import Link from"../Link.js";const defaultTheme={"context":"_0S7CYa","ad":"YFXz0-","hoc":"BElFuo","button":"hXiBOw","active":"biX-UA","disabled":"_-6CH9q"};import{jsx as _jsx}from"react/jsx-runtime";export const BaseButton=({active,children,disabled,enforceA,onClick,onKeyDown:onKeyDownProp,onKeyUp,onMouseDown,onMouseUp,onPointerDown,onPointerUp,openNewTab,replace,testId,theme,to})=>{let className=theme.button;if(active&&theme.active)className+=` ${theme.active}`;if(disabled){if(theme.disabled)className+=` ${theme.disabled}`;return/*#__PURE__*/_jsx("div",{className:className,"data-testid":process.env.NODE_ENV==="production"?undefined:testId,children:children})}let onKeyDown=onKeyDownProp;if(!onKeyDown&&onClick){onKeyDown=e=>{if(e.key==="Enter")onClick(e)}}if(to){return/*#__PURE__*/_jsx(Link,{className:className,"data-testid":process.env.NODE_ENV==="production"?undefined:testId,enforceA:enforceA,onClick:onClick// TODO: For now, the `onKeyDown` handler is not passed to the <Link>,
+import{useTheme}from"@dr.pogodin/react-themes";import Link from"../Link.js";const defaultTheme={"context":"_0S7CYa","ad":"YFXz0-","hoc":"BElFuo","button":"hXiBOw","active":"biX-UA","disabled":"_-6CH9q"};import{jsx as _jsx}from"react/jsx-runtime";export const BaseButton=({active,children,disabled,enforceA,keepScrollPosition,onClick,onKeyDown:onKeyDownProp,onKeyUp,onMouseDown,onMouseUp,onPointerDown,onPointerUp,openNewTab,replace,testId,theme,to})=>{let className=theme.button;if(active&&theme.active)className+=` ${theme.active}`;if(disabled){if(theme.disabled)className+=` ${theme.disabled}`;return/*#__PURE__*/_jsx("div",{className:className,"data-testid":process.env.NODE_ENV==="production"?undefined:testId,children:children})}let onKeyDown=onKeyDownProp;if(!onKeyDown&&onClick){onKeyDown=e=>{if(e.key==="Enter")onClick(e)}}if(to){return/*#__PURE__*/_jsx(Link,{className:className,"data-testid":process.env.NODE_ENV==="production"?undefined:testId,enforceA:enforceA// TODO: This was exposed as a hotifx... however, I guess we better want
+// to check if the `to` URL contains an anchor (#), and if it does we should
+// automatically opt to keep the position here; and enforce <a> (as
+// react-router link does not seem to respect the hash tag either,
+// at least not without some additional settings).
+,keepScrollPosition:keepScrollPosition,onClick:onClick// TODO: For now, the `onKeyDown` handler is not passed to the <Link>,
 // as <Link> component does not call it anyway, presumably due to
 // the inner implementation details. We should look into supporting it:
 // https://github.com/birdofpreyru/react-utils/issues/444

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useTheme","Link","defaultTheme","jsx","_jsx","BaseButton","active","children","disabled","enforceA","onClick","onKeyDown","onKeyDownProp","onKeyUp","onMouseDown","onMouseUp","onPointerDown","onPointerUp","openNewTab","replace","testId","theme","to","className","button","process","env","NODE_ENV","undefined","e","key","role","tabIndex","Button","rest","composed"],"sources":["../../../../../src/shared/components/Button/index.tsx"],"sourcesContent":["// The <Button> component implements a standard button / button-like link.\n\nimport type {\n  FunctionComponent,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  PointerEventHandler,\n  ReactNode,\n} from 'react';\n\nimport { type Theme, useTheme } from '@dr.pogodin/react-themes';\n\nimport Link from 'components/Link';\n\nimport defaultTheme from './style.scss';\n\ntype ThemeT = Theme<'active' | 'button' | 'disabled'>;\n\ntype PropsT = {\n  active?: boolean;\n  children?: ReactNode;\n  disabled?: boolean;\n  enforceA?: boolean;\n  onClick?: MouseEventHandler & KeyboardEventHandler;\n  onKeyDown?: KeyboardEventHandler;\n  onKeyUp?: KeyboardEventHandler;\n  onMouseDown?: MouseEventHandler;\n  onMouseUp?: MouseEventHandler;\n  onPointerDown?: PointerEventHandler;\n  onPointerUp?: PointerEventHandler;\n  openNewTab?: boolean;\n  replace?: boolean;\n  testId?: string;\n  theme: ThemeT;\n\n  // TODO: It needs a more precise typing of the object option.\n  to?: object | string;\n};\n\nexport const BaseButton: FunctionComponent<PropsT> = ({\n  active,\n  children,\n  disabled,\n  enforceA,\n  onClick,\n  onKeyDown: onKeyDownProp,\n  onKeyUp,\n  onMouseDown,\n  onMouseUp,\n  onPointerDown,\n  onPointerUp,\n  openNewTab,\n  replace,\n  testId,\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\n        className={className}\n        data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  let onKeyDown = onKeyDownProp;\n  if (!onKeyDown && onClick) {\n    onKeyDown = (e) => {\n      if (e.key === 'Enter') onClick(e);\n    };\n  }\n\n  if (to) {\n    return (\n      <Link\n        className={className}\n        data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n        enforceA={enforceA}\n        onClick={onClick}\n\n        // TODO: For now, the `onKeyDown` handler is not passed to the <Link>,\n        // as <Link> component does not call it anyway, presumably due to\n        // the inner implementation details. We should look into supporting it:\n        // https://github.com/birdofpreyru/react-utils/issues/444\n        // onKeyDown={onKeyDown}\n\n        onKeyUp={onKeyUp}\n        onMouseDown={onMouseDown}\n        onMouseUp={onMouseUp}\n        onPointerDown={onPointerDown}\n        onPointerUp={onPointerUp}\n        openNewTab={openNewTab}\n        replace={replace}\n        to={to}\n      >\n        {children}\n      </Link>\n    );\n  }\n\n  return (\n    <div\n      className={className}\n      data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n      onMouseDown={onMouseDown}\n      onMouseUp={onMouseUp}\n      onPointerDown={onPointerDown}\n      onPointerUp={onPointerUp}\n      role=\"button\"\n      tabIndex={0}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst Button: FunctionComponent<\n  Omit<PropsT, 'theme'> & { theme?: ThemeT }\n> = ({ theme, ...rest }) => {\n  const composed = useTheme('Button', defaultTheme, theme);\n\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  return <BaseButton {...rest} theme={composed} />;\n};\n\nexport default Button;\n"],"mappings":"AAAA;AAUA,OAAqBA,QAAQ,KAAQ,0BAA0B,OAExD,CAAAC,IAAI,wBAAAC,YAAA,6GAE6B,OAAAC,GAAA,IAAAC,IAAA,yBAyBxC,MAAO,MAAM,CAAAC,UAAqC,CAAGA,CAAC,CACpDC,MAAM,CACNC,QAAQ,CACRC,QAAQ,CACRC,QAAQ,CACRC,OAAO,CACPC,SAAS,CAAEC,aAAa,CACxBC,OAAO,CACPC,WAAW,CACXC,SAAS,CACTC,aAAa,CACbC,WAAW,CACXC,UAAU,CACVC,OAAO,CACPC,MAAM,CACNC,KAAK,CACLC,EACF,CAAC,GAAK,CACJ,GAAI,CAAAC,SAAS,CAAGF,KAAK,CAACG,MAAM,CAC5B,GAAIlB,MAAM,EAAIe,KAAK,CAACf,MAAM,CAAEiB,SAAS,EAAI,IAAIF,KAAK,CAACf,MAAM,EAAE,CAC3D,GAAIE,QAAQ,CAAE,CACZ,GAAIa,KAAK,CAACb,QAAQ,CAAEe,SAAS,EAAI,IAAIF,KAAK,CAACb,QAAQ,EAAE,CACrD,mBACEJ,IAAA,QACEmB,SAAS,CAAEA,SAAU,CACrB,cAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,GAAK,YAAY,CAAGC,SAAS,CAAGR,MAAO,CAAAb,QAAA,CAEvEA,QAAQ,CACN,CAET,CAEA,GAAI,CAAAI,SAAS,CAAGC,aAAa,CAC7B,GAAI,CAACD,SAAS,EAAID,OAAO,CAAE,CACzBC,SAAS,CAAIkB,CAAC,EAAK,CACjB,GAAIA,CAAC,CAACC,GAAG,GAAK,OAAO,CAAEpB,OAAO,CAACmB,CAAC,CAClC,CACF,CAEA,GAAIP,EAAE,CAAE,CACN,mBACElB,IAAA,CAACH,IAAI,EACHsB,SAAS,CAAEA,SAAU,CACrB,cAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,GAAK,YAAY,CAAGC,SAAS,CAAGR,MAAO,CACxEX,QAAQ,CAAEA,QAAS,CACnBC,OAAO,CAAEA,OAET;AACA;AACA;AACA;AACA;AAAA,CAEAG,OAAO,CAAEA,OAAQ,CACjBC,WAAW,CAAEA,WAAY,CACzBC,SAAS,CAAEA,SAAU,CACrBC,aAAa,CAAEA,aAAc,CAC7BC,WAAW,CAAEA,WAAY,CACzBC,UAAU,CAAEA,UAAW,CACvBC,OAAO,CAAEA,OAAQ,CACjBG,EAAE,CAAEA,EAAG,CAAAf,QAAA,CAENA,QAAQ,CACL,CAEV,CAEA,mBACEH,IAAA,QACEmB,SAAS,CAAEA,SAAU,CACrB,cAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,GAAK,YAAY,CAAGC,SAAS,CAAGR,MAAO,CACxEV,OAAO,CAAEA,OAAQ,CACjBC,SAAS,CAAEA,SAAU,CACrBE,OAAO,CAAEA,OAAQ,CACjBC,WAAW,CAAEA,WAAY,CACzBC,SAAS,CAAEA,SAAU,CACrBC,aAAa,CAAEA,aAAc,CAC7BC,WAAW,CAAEA,WAAY,CACzBc,IAAI,CAAC,QAAQ,CACbC,QAAQ,CAAE,CAAE,CAAAzB,QAAA,CAEXA,QAAQ,CACN,CAET,CAAC,CAED,KAAM,CAAA0B,MAEL,CAAGA,CAAC,CAAEZ,KAAK,CAAE,GAAGa,IAAK,CAAC,GAAK,CAC1B,KAAM,CAAAC,QAAQ,CAAGnC,QAAQ,CAAC,QAAQ,CAAEE,YAAY,CAAEmB,KAAK,CAAC,CAExD;AACA,mBAAOjB,IAAA,CAACC,UAAU,KAAK6B,IAAI,CAAEb,KAAK,CAAEc,QAAS,CAAE,CACjD,CAAC,CAED,cAAe,CAAAF,MAAM","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useTheme","Link","defaultTheme","jsx","_jsx","BaseButton","active","children","disabled","enforceA","keepScrollPosition","onClick","onKeyDown","onKeyDownProp","onKeyUp","onMouseDown","onMouseUp","onPointerDown","onPointerUp","openNewTab","replace","testId","theme","to","className","button","process","env","NODE_ENV","undefined","e","key","role","tabIndex","Button","rest","composed"],"sources":["../../../../../src/shared/components/Button/index.tsx"],"sourcesContent":["// The <Button> component implements a standard button / button-like link.\n\nimport type {\n  FunctionComponent,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  PointerEventHandler,\n  ReactNode,\n} from 'react';\n\nimport { type Theme, useTheme } from '@dr.pogodin/react-themes';\n\nimport Link from 'components/Link';\n\nimport defaultTheme from './style.scss';\n\ntype ThemeT = Theme<'active' | 'button' | 'disabled'>;\n\ntype PropsT = {\n  active?: boolean;\n  children?: ReactNode;\n  disabled?: boolean;\n  enforceA?: boolean;\n  keepScrollPosition?: boolean;\n  onClick?: MouseEventHandler & KeyboardEventHandler;\n  onKeyDown?: KeyboardEventHandler;\n  onKeyUp?: KeyboardEventHandler;\n  onMouseDown?: MouseEventHandler;\n  onMouseUp?: MouseEventHandler;\n  onPointerDown?: PointerEventHandler;\n  onPointerUp?: PointerEventHandler;\n  openNewTab?: boolean;\n  replace?: boolean;\n  testId?: string;\n  theme: ThemeT;\n\n  // TODO: It needs a more precise typing of the object option.\n  to?: object | string;\n};\n\nexport const BaseButton: FunctionComponent<PropsT> = ({\n  active,\n  children,\n  disabled,\n  enforceA,\n  keepScrollPosition,\n  onClick,\n  onKeyDown: onKeyDownProp,\n  onKeyUp,\n  onMouseDown,\n  onMouseUp,\n  onPointerDown,\n  onPointerUp,\n  openNewTab,\n  replace,\n  testId,\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\n        className={className}\n        data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  let onKeyDown = onKeyDownProp;\n  if (!onKeyDown && onClick) {\n    onKeyDown = (e) => {\n      if (e.key === 'Enter') onClick(e);\n    };\n  }\n\n  if (to) {\n    return (\n      <Link\n        className={className}\n        data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n        enforceA={enforceA}\n\n        // TODO: This was exposed as a hotifx... however, I guess we better want\n        // to check if the `to` URL contains an anchor (#), and if it does we should\n        // automatically opt to keep the position here; and enforce <a> (as\n        // react-router link does not seem to respect the hash tag either,\n        // at least not without some additional settings).\n        keepScrollPosition={keepScrollPosition}\n\n        onClick={onClick}\n\n        // TODO: For now, the `onKeyDown` handler is not passed to the <Link>,\n        // as <Link> component does not call it anyway, presumably due to\n        // the inner implementation details. We should look into supporting it:\n        // https://github.com/birdofpreyru/react-utils/issues/444\n        // onKeyDown={onKeyDown}\n\n        onKeyUp={onKeyUp}\n        onMouseDown={onMouseDown}\n        onMouseUp={onMouseUp}\n        onPointerDown={onPointerDown}\n        onPointerUp={onPointerUp}\n        openNewTab={openNewTab}\n        replace={replace}\n        to={to}\n      >\n        {children}\n      </Link>\n    );\n  }\n\n  return (\n    <div\n      className={className}\n      data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n      onMouseDown={onMouseDown}\n      onMouseUp={onMouseUp}\n      onPointerDown={onPointerDown}\n      onPointerUp={onPointerUp}\n      role=\"button\"\n      tabIndex={0}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst Button: FunctionComponent<\n  Omit<PropsT, 'theme'> & { theme?: ThemeT }\n> = ({ theme, ...rest }) => {\n  const composed = useTheme('Button', defaultTheme, theme);\n\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  return <BaseButton {...rest} theme={composed} />;\n};\n\nexport default Button;\n"],"mappings":"AAAA;AAUA,OAAqBA,QAAQ,KAAQ,0BAA0B,OAExD,CAAAC,IAAI,wBAAAC,YAAA,6GAE6B,OAAAC,GAAA,IAAAC,IAAA,yBA0BxC,MAAO,MAAM,CAAAC,UAAqC,CAAGA,CAAC,CACpDC,MAAM,CACNC,QAAQ,CACRC,QAAQ,CACRC,QAAQ,CACRC,kBAAkB,CAClBC,OAAO,CACPC,SAAS,CAAEC,aAAa,CACxBC,OAAO,CACPC,WAAW,CACXC,SAAS,CACTC,aAAa,CACbC,WAAW,CACXC,UAAU,CACVC,OAAO,CACPC,MAAM,CACNC,KAAK,CACLC,EACF,CAAC,GAAK,CACJ,GAAI,CAAAC,SAAS,CAAGF,KAAK,CAACG,MAAM,CAC5B,GAAInB,MAAM,EAAIgB,KAAK,CAAChB,MAAM,CAAEkB,SAAS,EAAI,IAAIF,KAAK,CAAChB,MAAM,EAAE,CAC3D,GAAIE,QAAQ,CAAE,CACZ,GAAIc,KAAK,CAACd,QAAQ,CAAEgB,SAAS,EAAI,IAAIF,KAAK,CAACd,QAAQ,EAAE,CACrD,mBACEJ,IAAA,QACEoB,SAAS,CAAEA,SAAU,CACrB,cAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,GAAK,YAAY,CAAGC,SAAS,CAAGR,MAAO,CAAAd,QAAA,CAEvEA,QAAQ,CACN,CAET,CAEA,GAAI,CAAAK,SAAS,CAAGC,aAAa,CAC7B,GAAI,CAACD,SAAS,EAAID,OAAO,CAAE,CACzBC,SAAS,CAAIkB,CAAC,EAAK,CACjB,GAAIA,CAAC,CAACC,GAAG,GAAK,OAAO,CAAEpB,OAAO,CAACmB,CAAC,CAClC,CACF,CAEA,GAAIP,EAAE,CAAE,CACN,mBACEnB,IAAA,CAACH,IAAI,EACHuB,SAAS,CAAEA,SAAU,CACrB,cAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,GAAK,YAAY,CAAGC,SAAS,CAAGR,MAAO,CACxEZ,QAAQ,CAAEA,QAEV;AACA;AACA;AACA;AACA;AAAA,CACAC,kBAAkB,CAAEA,kBAAmB,CAEvCC,OAAO,CAAEA,OAET;AACA;AACA;AACA;AACA;AAAA,CAEAG,OAAO,CAAEA,OAAQ,CACjBC,WAAW,CAAEA,WAAY,CACzBC,SAAS,CAAEA,SAAU,CACrBC,aAAa,CAAEA,aAAc,CAC7BC,WAAW,CAAEA,WAAY,CACzBC,UAAU,CAAEA,UAAW,CACvBC,OAAO,CAAEA,OAAQ,CACjBG,EAAE,CAAEA,EAAG,CAAAhB,QAAA,CAENA,QAAQ,CACL,CAEV,CAEA,mBACEH,IAAA,QACEoB,SAAS,CAAEA,SAAU,CACrB,cAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,GAAK,YAAY,CAAGC,SAAS,CAAGR,MAAO,CACxEV,OAAO,CAAEA,OAAQ,CACjBC,SAAS,CAAEA,SAAU,CACrBE,OAAO,CAAEA,OAAQ,CACjBC,WAAW,CAAEA,WAAY,CACzBC,SAAS,CAAEA,SAAU,CACrBC,aAAa,CAAEA,aAAc,CAC7BC,WAAW,CAAEA,WAAY,CACzBc,IAAI,CAAC,QAAQ,CACbC,QAAQ,CAAE,CAAE,CAAA1B,QAAA,CAEXA,QAAQ,CACN,CAET,CAAC,CAED,KAAM,CAAA2B,MAEL,CAAGA,CAAC,CAAEZ,KAAK,CAAE,GAAGa,IAAK,CAAC,GAAK,CAC1B,KAAM,CAAAC,QAAQ,CAAGpC,QAAQ,CAAC,QAAQ,CAAEE,YAAY,CAAEoB,KAAK,CAAC,CAExD;AACA,mBAAOlB,IAAA,CAACC,UAAU,KAAK8B,IAAI,CAAEb,KAAK,CAAEc,QAAS,CAAE,CACjD,CAAC,CAED,cAAe,CAAAF,MAAM","ignoreList":[]}

package/build/production/shared/components/Throbber/index.js

@@ -6,5 +6,5 @@ import{useTheme}from"@dr.pogodin/react-themes";const defaultTheme={"context":"eV
  * @param {ThrobberTheme} [props.theme] _Ad hoc_ theme.
  * @param {...any} [props....]
  * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)
- */const Throbber=({theme})=>{const custom=useTheme("Throbber",defaultTheme,theme);return/*#__PURE__*/_jsxs("span",{className:custom.container,children:[/*#__PURE__*/_jsx("span",{className:custom.circle}),/*#__PURE__*/_jsx("span",{className:custom.circle}),/*#__PURE__*/_jsx("span",{className:custom.circle})]})};export default Throbber;
+ */const Throbber=({theme,themePriority})=>{const custom=useTheme("Throbber",defaultTheme,theme,{themePriority});return/*#__PURE__*/_jsxs("span",{className:custom.container,children:[/*#__PURE__*/_jsx("span",{className:custom.circle}),/*#__PURE__*/_jsx("span",{className:custom.circle}),/*#__PURE__*/_jsx("span",{className:custom.circle})]})};export default Throbber;
 //# sourceMappingURL=index.js.map

package/build/production/shared/components/Throbber/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useTheme","defaultTheme","jsx","_jsx","jsxs","_jsxs","Throbber","theme","custom","className","container","children","circle"],"sources":["../../../../../src/shared/components/Throbber/index.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\n\nimport { type Theme, useTheme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './theme.scss';\n\ntype ThemeKeyT = 'bouncing' | 'circle' | 'container';\n\ntype PropsT = {\n  theme?: Theme<ThemeKeyT>;\n};\n\n/**\n * Throbber is an \"action in progress\" indicator, which renders\n * three bouncing circles as a simple pending activity indicator,\n * and can be further themed to a certain degree.\n * @param {object} [props] Component properties.\n * @param {ThrobberTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\nconst Throbber: FunctionComponent<PropsT> = ({ theme }) => {\n  const custom = useTheme('Throbber', defaultTheme, theme);\n\n  return (\n    <span className={custom.container}>\n      <span className={custom.circle} />\n      <span className={custom.circle} />\n      <span className={custom.circle} />\n    </span>\n  );\n};\n\nexport default Throbber;\n"],"mappings":"AAEA,OAAqBA,QAAQ,KAAQ,0BAA0B,OAAAC,YAAA,+GAEvB,OAAAC,GAAA,IAAAC,IAAA,CAAAC,IAAA,IAAAC,KAAA,yBAQxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,KAAM,CAAAC,QAAmC,CAAGA,CAAC,CAAEC,KAAM,CAAC,GAAK,CACzD,KAAM,CAAAC,MAAM,CAAGR,QAAQ,CAAC,UAAU,CAAEC,YAAY,CAAEM,KAAK,CAAC,CAExD,mBACEF,KAAA,SAAMI,SAAS,CAAED,MAAM,CAACE,SAAU,CAAAC,QAAA,eAChCR,IAAA,SAAMM,SAAS,CAAED,MAAM,CAACI,MAAO,CAAE,CAAC,cAClCT,IAAA,SAAMM,SAAS,CAAED,MAAM,CAACI,MAAO,CAAE,CAAC,cAClCT,IAAA,SAAMM,SAAS,CAAED,MAAM,CAACI,MAAO,CAAE,CAAC,EAC9B,CAEV,CAAC,CAED,cAAe,CAAAN,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useTheme","defaultTheme","jsx","_jsx","jsxs","_jsxs","Throbber","theme","themePriority","custom","className","container","children","circle"],"sources":["../../../../../src/shared/components/Throbber/index.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\n\nimport { type PRIORITY, type Theme, useTheme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './theme.scss';\n\ntype ThemeKeyT = 'bouncing' | 'circle' | 'container';\n\ntype PropsT = {\n  theme?: Theme<ThemeKeyT>;\n  themePriority?: PRIORITY;\n};\n\n/**\n * Throbber is an \"action in progress\" indicator, which renders\n * three bouncing circles as a simple pending activity indicator,\n * and can be further themed to a certain degree.\n * @param {object} [props] Component properties.\n * @param {ThrobberTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\nconst Throbber: FunctionComponent<PropsT> = ({ theme, themePriority }) => {\n  const custom = useTheme('Throbber', defaultTheme, theme, {\n    themePriority,\n  });\n\n  return (\n    <span className={custom.container}>\n      <span className={custom.circle} />\n      <span className={custom.circle} />\n      <span className={custom.circle} />\n    </span>\n  );\n};\n\nexport default Throbber;\n"],"mappings":"AAEA,OAAoCA,QAAQ,KAAQ,0BAA0B,OAAAC,YAAA,+GAEtC,OAAAC,GAAA,IAAAC,IAAA,CAAAC,IAAA,IAAAC,KAAA,yBASxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,KAAM,CAAAC,QAAmC,CAAGA,CAAC,CAAEC,KAAK,CAAEC,aAAc,CAAC,GAAK,CACxE,KAAM,CAAAC,MAAM,CAAGT,QAAQ,CAAC,UAAU,CAAEC,YAAY,CAAEM,KAAK,CAAE,CACvDC,aACF,CAAC,CAAC,CAEF,mBACEH,KAAA,SAAMK,SAAS,CAAED,MAAM,CAACE,SAAU,CAAAC,QAAA,eAChCT,IAAA,SAAMO,SAAS,CAAED,MAAM,CAACI,MAAO,CAAE,CAAC,cAClCV,IAAA,SAAMO,SAAS,CAAED,MAAM,CAACI,MAAO,CAAE,CAAC,cAClCV,IAAA,SAAMO,SAAS,CAAED,MAAM,CAACI,MAAO,CAAE,CAAC,EAC9B,CAEV,CAAC,CAED,cAAe,CAAAP,QAAQ","ignoreList":[]}

package/build/types-code/shared/components/Button/index.d.ts

@@ -6,6 +6,7 @@ type PropsT = {
     children?: ReactNode;
     disabled?: boolean;
     enforceA?: boolean;
+    keepScrollPosition?: boolean;
     onClick?: MouseEventHandler & KeyboardEventHandler;
     onKeyDown?: KeyboardEventHandler;
     onKeyUp?: KeyboardEventHandler;

package/build/types-code/shared/components/Throbber/index.d.ts

@@ -1,8 +1,9 @@
 import type { FunctionComponent } from 'react';
-import { type Theme } from '@dr.pogodin/react-themes';
+import { type PRIORITY, type Theme } from '@dr.pogodin/react-themes';
 type ThemeKeyT = 'bouncing' | 'circle' | 'container';
 type PropsT = {
     theme?: Theme<ThemeKeyT>;
+    themePriority?: PRIORITY;
 };
 /**
  * Throbber is an "action in progress" indicator, which renders

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

@@ -9,6 +9,7 @@ export const BaseButton = ({
   children,
   disabled,
   enforceA,
+  keepScrollPosition,
   onClick,
   onKeyDown: onKeyDownProp,
   onKeyUp,
@@ -42,7 +43,15 @@ export const BaseButton = ({
     return /*#__PURE__*/_jsx(Link, {
       className: className,
       "data-testid": process.env.NODE_ENV === 'production' ? undefined : testId,
-      enforceA: enforceA,
+      enforceA: enforceA
+
+      // TODO: This was exposed as a hotifx... however, I guess we better want
+      // to check if the `to` URL contains an anchor (#), and if it does we should
+      // automatically opt to keep the position here; and enforce <a> (as
+      // react-router link does not seem to respect the hash tag either,
+      // at least not without some additional settings).
+      ,
+      keepScrollPosition: keepScrollPosition,
       onClick: onClick
 
       // TODO: For now, the `onKeyDown` handler is not passed to the <Link>,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useTheme","Link","defaultTheme","jsx","_jsx","BaseButton","active","children","disabled","enforceA","onClick","onKeyDown","onKeyDownProp","onKeyUp","onMouseDown","onMouseUp","onPointerDown","onPointerUp","openNewTab","replace","testId","theme","to","className","button","process","env","NODE_ENV","undefined","e","key","role","tabIndex","Button","rest","composed"],"sources":["../../../../../src/shared/components/Button/index.tsx"],"sourcesContent":["// The <Button> component implements a standard button / button-like link.\n\nimport type {\n  FunctionComponent,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  PointerEventHandler,\n  ReactNode,\n} from 'react';\n\nimport { type Theme, useTheme } from '@dr.pogodin/react-themes';\n\nimport Link from 'components/Link';\n\nimport defaultTheme from './style.scss';\n\ntype ThemeT = Theme<'active' | 'button' | 'disabled'>;\n\ntype PropsT = {\n  active?: boolean;\n  children?: ReactNode;\n  disabled?: boolean;\n  enforceA?: boolean;\n  onClick?: MouseEventHandler & KeyboardEventHandler;\n  onKeyDown?: KeyboardEventHandler;\n  onKeyUp?: KeyboardEventHandler;\n  onMouseDown?: MouseEventHandler;\n  onMouseUp?: MouseEventHandler;\n  onPointerDown?: PointerEventHandler;\n  onPointerUp?: PointerEventHandler;\n  openNewTab?: boolean;\n  replace?: boolean;\n  testId?: string;\n  theme: ThemeT;\n\n  // TODO: It needs a more precise typing of the object option.\n  to?: object | string;\n};\n\nexport const BaseButton: FunctionComponent<PropsT> = ({\n  active,\n  children,\n  disabled,\n  enforceA,\n  onClick,\n  onKeyDown: onKeyDownProp,\n  onKeyUp,\n  onMouseDown,\n  onMouseUp,\n  onPointerDown,\n  onPointerUp,\n  openNewTab,\n  replace,\n  testId,\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\n        className={className}\n        data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  let onKeyDown = onKeyDownProp;\n  if (!onKeyDown && onClick) {\n    onKeyDown = (e) => {\n      if (e.key === 'Enter') onClick(e);\n    };\n  }\n\n  if (to) {\n    return (\n      <Link\n        className={className}\n        data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n        enforceA={enforceA}\n        onClick={onClick}\n\n        // TODO: For now, the `onKeyDown` handler is not passed to the <Link>,\n        // as <Link> component does not call it anyway, presumably due to\n        // the inner implementation details. We should look into supporting it:\n        // https://github.com/birdofpreyru/react-utils/issues/444\n        // onKeyDown={onKeyDown}\n\n        onKeyUp={onKeyUp}\n        onMouseDown={onMouseDown}\n        onMouseUp={onMouseUp}\n        onPointerDown={onPointerDown}\n        onPointerUp={onPointerUp}\n        openNewTab={openNewTab}\n        replace={replace}\n        to={to}\n      >\n        {children}\n      </Link>\n    );\n  }\n\n  return (\n    <div\n      className={className}\n      data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n      onMouseDown={onMouseDown}\n      onMouseUp={onMouseUp}\n      onPointerDown={onPointerDown}\n      onPointerUp={onPointerUp}\n      role=\"button\"\n      tabIndex={0}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst Button: FunctionComponent<\n  Omit<PropsT, 'theme'> & { theme?: ThemeT }\n> = ({ theme, ...rest }) => {\n  const composed = useTheme('Button', defaultTheme, theme);\n\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  return <BaseButton {...rest} theme={composed} />;\n};\n\nexport default Button;\n"],"mappings":"AAAA;;AAUA,SAAqBA,QAAQ,QAAQ,0BAA0B;AAE/D,OAAOC,IAAI;AAEX,OAAOC,YAAY;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAyBxC,OAAO,MAAMC,UAAqC,GAAGA,CAAC;EACpDC,MAAM;EACNC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;EACPC,SAAS,EAAEC,aAAa;EACxBC,OAAO;EACPC,WAAW;EACXC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,UAAU;EACVC,OAAO;EACPC,MAAM;EACNC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,IAAIC,SAAS,GAAGF,KAAK,CAACG,MAAM;EAC5B,IAAIlB,MAAM,IAAIe,KAAK,CAACf,MAAM,EAAEiB,SAAS,IAAI,IAAIF,KAAK,CAACf,MAAM,EAAE;EAC3D,IAAIE,QAAQ,EAAE;IACZ,IAAIa,KAAK,CAACb,QAAQ,EAAEe,SAAS,IAAI,IAAIF,KAAK,CAACb,QAAQ,EAAE;IACrD,oBACEJ,IAAA;MACEmB,SAAS,EAAEA,SAAU;MACrB,eAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGR,MAAO;MAAAb,QAAA,EAEvEA;IAAQ,CACN,CAAC;EAEV;EAEA,IAAII,SAAS,GAAGC,aAAa;EAC7B,IAAI,CAACD,SAAS,IAAID,OAAO,EAAE;IACzBC,SAAS,GAAIkB,CAAC,IAAK;MACjB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEpB,OAAO,CAACmB,CAAC,CAAC;IACnC,CAAC;EACH;EAEA,IAAIP,EAAE,EAAE;IACN,oBACElB,IAAA,CAACH,IAAI;MACHsB,SAAS,EAAEA,SAAU;MACrB,eAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGR,MAAO;MACxEX,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA;;MAET;MACA;MACA;MACA;MACA;MAAA;;MAEAG,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzBC,SAAS,EAAEA,SAAU;MACrBC,aAAa,EAAEA,aAAc;MAC7BC,WAAW,EAAEA,WAAY;MACzBC,UAAU,EAAEA,UAAW;MACvBC,OAAO,EAAEA,OAAQ;MACjBG,EAAE,EAAEA,EAAG;MAAAf,QAAA,EAENA;IAAQ,CACL,CAAC;EAEX;EAEA,oBACEH,IAAA;IACEmB,SAAS,EAAEA,SAAU;IACrB,eAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGR,MAAO;IACxEV,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAU;IACrBE,OAAO,EAAEA,OAAQ;IACjBC,WAAW,EAAEA,WAAY;IACzBC,SAAS,EAAEA,SAAU;IACrBC,aAAa,EAAEA,aAAc;IAC7BC,WAAW,EAAEA,WAAY;IACzBc,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IAAAzB,QAAA,EAEXA;EAAQ,CACN,CAAC;AAEV,CAAC;AAED,MAAM0B,MAEL,GAAGA,CAAC;EAAEZ,KAAK;EAAE,GAAGa;AAAK,CAAC,KAAK;EAC1B,MAAMC,QAAQ,GAAGnC,QAAQ,CAAC,QAAQ,EAAEE,YAAY,EAAEmB,KAAK,CAAC;;EAExD;EACA,oBAAOjB,IAAA,CAACC,UAAU;IAAA,GAAK6B,IAAI;IAAEb,KAAK,EAAEc;EAAS,CAAE,CAAC;AAClD,CAAC;AAED,eAAeF,MAAM","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useTheme","Link","defaultTheme","jsx","_jsx","BaseButton","active","children","disabled","enforceA","keepScrollPosition","onClick","onKeyDown","onKeyDownProp","onKeyUp","onMouseDown","onMouseUp","onPointerDown","onPointerUp","openNewTab","replace","testId","theme","to","className","button","process","env","NODE_ENV","undefined","e","key","role","tabIndex","Button","rest","composed"],"sources":["../../../../../src/shared/components/Button/index.tsx"],"sourcesContent":["// The <Button> component implements a standard button / button-like link.\n\nimport type {\n  FunctionComponent,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  PointerEventHandler,\n  ReactNode,\n} from 'react';\n\nimport { type Theme, useTheme } from '@dr.pogodin/react-themes';\n\nimport Link from 'components/Link';\n\nimport defaultTheme from './style.scss';\n\ntype ThemeT = Theme<'active' | 'button' | 'disabled'>;\n\ntype PropsT = {\n  active?: boolean;\n  children?: ReactNode;\n  disabled?: boolean;\n  enforceA?: boolean;\n  keepScrollPosition?: boolean;\n  onClick?: MouseEventHandler & KeyboardEventHandler;\n  onKeyDown?: KeyboardEventHandler;\n  onKeyUp?: KeyboardEventHandler;\n  onMouseDown?: MouseEventHandler;\n  onMouseUp?: MouseEventHandler;\n  onPointerDown?: PointerEventHandler;\n  onPointerUp?: PointerEventHandler;\n  openNewTab?: boolean;\n  replace?: boolean;\n  testId?: string;\n  theme: ThemeT;\n\n  // TODO: It needs a more precise typing of the object option.\n  to?: object | string;\n};\n\nexport const BaseButton: FunctionComponent<PropsT> = ({\n  active,\n  children,\n  disabled,\n  enforceA,\n  keepScrollPosition,\n  onClick,\n  onKeyDown: onKeyDownProp,\n  onKeyUp,\n  onMouseDown,\n  onMouseUp,\n  onPointerDown,\n  onPointerUp,\n  openNewTab,\n  replace,\n  testId,\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\n        className={className}\n        data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  let onKeyDown = onKeyDownProp;\n  if (!onKeyDown && onClick) {\n    onKeyDown = (e) => {\n      if (e.key === 'Enter') onClick(e);\n    };\n  }\n\n  if (to) {\n    return (\n      <Link\n        className={className}\n        data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n        enforceA={enforceA}\n\n        // TODO: This was exposed as a hotifx... however, I guess we better want\n        // to check if the `to` URL contains an anchor (#), and if it does we should\n        // automatically opt to keep the position here; and enforce <a> (as\n        // react-router link does not seem to respect the hash tag either,\n        // at least not without some additional settings).\n        keepScrollPosition={keepScrollPosition}\n\n        onClick={onClick}\n\n        // TODO: For now, the `onKeyDown` handler is not passed to the <Link>,\n        // as <Link> component does not call it anyway, presumably due to\n        // the inner implementation details. We should look into supporting it:\n        // https://github.com/birdofpreyru/react-utils/issues/444\n        // onKeyDown={onKeyDown}\n\n        onKeyUp={onKeyUp}\n        onMouseDown={onMouseDown}\n        onMouseUp={onMouseUp}\n        onPointerDown={onPointerDown}\n        onPointerUp={onPointerUp}\n        openNewTab={openNewTab}\n        replace={replace}\n        to={to}\n      >\n        {children}\n      </Link>\n    );\n  }\n\n  return (\n    <div\n      className={className}\n      data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n      onMouseDown={onMouseDown}\n      onMouseUp={onMouseUp}\n      onPointerDown={onPointerDown}\n      onPointerUp={onPointerUp}\n      role=\"button\"\n      tabIndex={0}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst Button: FunctionComponent<\n  Omit<PropsT, 'theme'> & { theme?: ThemeT }\n> = ({ theme, ...rest }) => {\n  const composed = useTheme('Button', defaultTheme, theme);\n\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  return <BaseButton {...rest} theme={composed} />;\n};\n\nexport default Button;\n"],"mappings":"AAAA;;AAUA,SAAqBA,QAAQ,QAAQ,0BAA0B;AAE/D,OAAOC,IAAI;AAEX,OAAOC,YAAY;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AA0BxC,OAAO,MAAMC,UAAqC,GAAGA,CAAC;EACpDC,MAAM;EACNC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,kBAAkB;EAClBC,OAAO;EACPC,SAAS,EAAEC,aAAa;EACxBC,OAAO;EACPC,WAAW;EACXC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,UAAU;EACVC,OAAO;EACPC,MAAM;EACNC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,IAAIC,SAAS,GAAGF,KAAK,CAACG,MAAM;EAC5B,IAAInB,MAAM,IAAIgB,KAAK,CAAChB,MAAM,EAAEkB,SAAS,IAAI,IAAIF,KAAK,CAAChB,MAAM,EAAE;EAC3D,IAAIE,QAAQ,EAAE;IACZ,IAAIc,KAAK,CAACd,QAAQ,EAAEgB,SAAS,IAAI,IAAIF,KAAK,CAACd,QAAQ,EAAE;IACrD,oBACEJ,IAAA;MACEoB,SAAS,EAAEA,SAAU;MACrB,eAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGR,MAAO;MAAAd,QAAA,EAEvEA;IAAQ,CACN,CAAC;EAEV;EAEA,IAAIK,SAAS,GAAGC,aAAa;EAC7B,IAAI,CAACD,SAAS,IAAID,OAAO,EAAE;IACzBC,SAAS,GAAIkB,CAAC,IAAK;MACjB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEpB,OAAO,CAACmB,CAAC,CAAC;IACnC,CAAC;EACH;EAEA,IAAIP,EAAE,EAAE;IACN,oBACEnB,IAAA,CAACH,IAAI;MACHuB,SAAS,EAAEA,SAAU;MACrB,eAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGR,MAAO;MACxEZ,QAAQ,EAAEA;;MAEV;MACA;MACA;MACA;MACA;MAAA;MACAC,kBAAkB,EAAEA,kBAAmB;MAEvCC,OAAO,EAAEA;;MAET;MACA;MACA;MACA;MACA;MAAA;;MAEAG,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzBC,SAAS,EAAEA,SAAU;MACrBC,aAAa,EAAEA,aAAc;MAC7BC,WAAW,EAAEA,WAAY;MACzBC,UAAU,EAAEA,UAAW;MACvBC,OAAO,EAAEA,OAAQ;MACjBG,EAAE,EAAEA,EAAG;MAAAhB,QAAA,EAENA;IAAQ,CACL,CAAC;EAEX;EAEA,oBACEH,IAAA;IACEoB,SAAS,EAAEA,SAAU;IACrB,eAAaE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGR,MAAO;IACxEV,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAU;IACrBE,OAAO,EAAEA,OAAQ;IACjBC,WAAW,EAAEA,WAAY;IACzBC,SAAS,EAAEA,SAAU;IACrBC,aAAa,EAAEA,aAAc;IAC7BC,WAAW,EAAEA,WAAY;IACzBc,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IAAA1B,QAAA,EAEXA;EAAQ,CACN,CAAC;AAEV,CAAC;AAED,MAAM2B,MAEL,GAAGA,CAAC;EAAEZ,KAAK;EAAE,GAAGa;AAAK,CAAC,KAAK;EAC1B,MAAMC,QAAQ,GAAGpC,QAAQ,CAAC,QAAQ,EAAEE,YAAY,EAAEoB,KAAK,CAAC;;EAExD;EACA,oBAAOlB,IAAA,CAACC,UAAU;IAAA,GAAK8B,IAAI;IAAEb,KAAK,EAAEc;EAAS,CAAE,CAAC;AAClD,CAAC;AAED,eAAeF,MAAM","ignoreList":[]}

package/build/web/shared/components/Throbber/index.js

@@ -11,9 +11,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)
  */
 const Throbber = ({
-  theme
+  theme,
+  themePriority
 }) => {
-  const custom = useTheme('Throbber', defaultTheme, theme);
+  const custom = useTheme('Throbber', defaultTheme, theme, {
+    themePriority
+  });
   return /*#__PURE__*/_jsxs("span", {
     className: custom.container,
     children: [/*#__PURE__*/_jsx("span", {

package/build/web/shared/components/Throbber/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useTheme","defaultTheme","jsx","_jsx","jsxs","_jsxs","Throbber","theme","custom","className","container","children","circle"],"sources":["../../../../../src/shared/components/Throbber/index.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\n\nimport { type Theme, useTheme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './theme.scss';\n\ntype ThemeKeyT = 'bouncing' | 'circle' | 'container';\n\ntype PropsT = {\n  theme?: Theme<ThemeKeyT>;\n};\n\n/**\n * Throbber is an \"action in progress\" indicator, which renders\n * three bouncing circles as a simple pending activity indicator,\n * and can be further themed to a certain degree.\n * @param {object} [props] Component properties.\n * @param {ThrobberTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\nconst Throbber: FunctionComponent<PropsT> = ({ theme }) => {\n  const custom = useTheme('Throbber', defaultTheme, theme);\n\n  return (\n    <span className={custom.container}>\n      <span className={custom.circle} />\n      <span className={custom.circle} />\n      <span className={custom.circle} />\n    </span>\n  );\n};\n\nexport default Throbber;\n"],"mappings":"AAEA,SAAqBA,QAAQ,QAAQ,0BAA0B;AAE/D,OAAOC,YAAY;AAAqB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,QAAmC,GAAGA,CAAC;EAAEC;AAAM,CAAC,KAAK;EACzD,MAAMC,MAAM,GAAGR,QAAQ,CAAC,UAAU,EAAEC,YAAY,EAAEM,KAAK,CAAC;EAExD,oBACEF,KAAA;IAAMI,SAAS,EAAED,MAAM,CAACE,SAAU;IAAAC,QAAA,gBAChCR,IAAA;MAAMM,SAAS,EAAED,MAAM,CAACI;IAAO,CAAE,CAAC,eAClCT,IAAA;MAAMM,SAAS,EAAED,MAAM,CAACI;IAAO,CAAE,CAAC,eAClCT,IAAA;MAAMM,SAAS,EAAED,MAAM,CAACI;IAAO,CAAE,CAAC;EAAA,CAC9B,CAAC;AAEX,CAAC;AAED,eAAeN,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useTheme","defaultTheme","jsx","_jsx","jsxs","_jsxs","Throbber","theme","themePriority","custom","className","container","children","circle"],"sources":["../../../../../src/shared/components/Throbber/index.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\n\nimport { type PRIORITY, type Theme, useTheme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './theme.scss';\n\ntype ThemeKeyT = 'bouncing' | 'circle' | 'container';\n\ntype PropsT = {\n  theme?: Theme<ThemeKeyT>;\n  themePriority?: PRIORITY;\n};\n\n/**\n * Throbber is an \"action in progress\" indicator, which renders\n * three bouncing circles as a simple pending activity indicator,\n * and can be further themed to a certain degree.\n * @param {object} [props] Component properties.\n * @param {ThrobberTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\nconst Throbber: FunctionComponent<PropsT> = ({ theme, themePriority }) => {\n  const custom = useTheme('Throbber', defaultTheme, theme, {\n    themePriority,\n  });\n\n  return (\n    <span className={custom.container}>\n      <span className={custom.circle} />\n      <span className={custom.circle} />\n      <span className={custom.circle} />\n    </span>\n  );\n};\n\nexport default Throbber;\n"],"mappings":"AAEA,SAAoCA,QAAQ,QAAQ,0BAA0B;AAE9E,OAAOC,YAAY;AAAqB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,QAAmC,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAc,CAAC,KAAK;EACxE,MAAMC,MAAM,GAAGT,QAAQ,CAAC,UAAU,EAAEC,YAAY,EAAEM,KAAK,EAAE;IACvDC;EACF,CAAC,CAAC;EAEF,oBACEH,KAAA;IAAMK,SAAS,EAAED,MAAM,CAACE,SAAU;IAAAC,QAAA,gBAChCT,IAAA;MAAMO,SAAS,EAAED,MAAM,CAACI;IAAO,CAAE,CAAC,eAClCV,IAAA;MAAMO,SAAS,EAAED,MAAM,CAACI;IAAO,CAAE,CAAC,eAClCV,IAAA;MAAMO,SAAS,EAAED,MAAM,CAACI;IAAO,CAAE,CAAC;EAAA,CAC9B,CAAC;AAEX,CAAC;AAED,eAAeP,QAAQ","ignoreList":[]}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.48.1",
+  "version": "1.48.3",
   "bin": {
     "react-utils-build": "bin/build.js",
     "react-utils-setup": "bin/setup.js"
@@ -11,7 +11,7 @@
     "@babel/runtime": "^7.28.4",
     "@dr.pogodin/babel-plugin-react-css-modules": "^6.13.8",
     "@dr.pogodin/csurf": "^1.16.6",
-    "@dr.pogodin/js-utils": "^0.1.4",
+    "@dr.pogodin/js-utils": "^0.1.5",
     "@dr.pogodin/react-global-state": "^0.21.2",
     "@dr.pogodin/react-helmet": "^3.0.4",
     "@dr.pogodin/react-themes": "^1.10.1",
@@ -25,7 +25,7 @@
     "core-js": "^3.47.0",
     "cross-env": "^10.1.0",
     "dayjs": "^1.11.19",
-    "express": "^5.1.0",
+    "express": "^5.2.0",
     "helmet": "^8.1.0",
     "http-status-codes": "^2.3.0",
     "lodash-es": "^4.17.21",
@@ -37,7 +37,7 @@
     "react-router": "^7.9.6",
     "request-ip": "^3.3.0",
     "rimraf": "^6.1.2",
-    "serialize-javascript": "^7.0.0",
+    "serialize-javascript": "^7.0.1",
     "serve-favicon": "^2.5.1",
     "source-map-support": "^0.5.21",
     "uuid": "^13.0.0",
@@ -91,7 +91,7 @@
     "identity-obj-proxy": "^3.0.0",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
-    "memfs": "^4.51.0",
+    "memfs": "^4.51.1",
     "mini-css-extract-plugin": "^2.9.4",
     "mockdate": "^3.0.5",
     "nodelist-foreach-polyfill": "^1.2.0",
@@ -105,7 +105,7 @@
     "sass-loader": "^16.0.6",
     "sitemap": "^9.0.0",
     "source-map-loader": "^5.0.0",
-    "stylelint": "^16.26.0",
+    "stylelint": "^16.26.1",
     "stylelint-config-standard-scss": "^16.0.0",
     "supertest": "^7.1.4",
     "tsc-alias": "1.8.16",