npm - @dr.pogodin/react-utils - Versions diffs - 1.42.0 → 1.43.0 - Mend

@dr.pogodin/react-utils 1.42.0 → 1.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (230) hide show

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

@@ -17,7 +17,6 @@ const defaultTheme = {
   "active": "-dr-pogodin-react-utils___src-shared-components-Button-style___active___MAe9O6",
   "disabled": "-dr-pogodin-react-utils___src-shared-components-Button-style___disabled___Br9IWV"
 };
-/* eslint-disable react/function-component-definition */
 const BaseButton = ({
   active,
   children,
@@ -60,9 +59,9 @@ const BaseButton = ({
     className: className,
     "data-testid": process.env.NODE_ENV === 'production' ? undefined : testId,
     onClick: onClick,
-    onKeyDown: onClick && (e => {
+    onKeyDown: onClick ? e => {
       if (e.key === 'Enter') onClick(e);
-    }),
+    } : undefined,
     onMouseDown: onMouseDown,
     onPointerDown: onPointerDown,
     role: "button",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["_Link","_interopRequireDefault","require","_reactThemes","_jsxRuntime","defaultTheme","BaseButton","active","children","disabled","enforceA","onClick","onMouseDown","onPointerDown","openNewTab","replace","testId","theme","to","className","button","jsx","process","env","NODE_ENV","undefined","default","onKeyDown","e","key","role","tabIndex","exports","_default","themed"],"sources":["../../../../../src/shared/components/Button/index.tsx"],"sourcesContent":["// The <Button> component implements a standard button / button-like link.\n\nimport type { PointerEventHandler, ReactNode } from 'react';\n\nimport Link from 'components/Link';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './style.scss';\n\ntype PropsT = {\n active?: boolean;\n children?: ReactNode;\n disabled?: boolean;\n enforceA?: boolean;\n onClick?: React.MouseEventHandler & React.KeyboardEventHandler;\n onMouseDown?: React.MouseEventHandler;\n onPointerDown?: PointerEventHandler;\n openNewTab?: boolean;\n replace?: boolean;\n testId?: string;\n theme: Theme<'active' \| 'button' \| 'disabled'>;\n // TODO: It needs a more precise typing of the object option.\n to?: object \| string;\n};\n\~~n/* eslint-disable react/function-component-definition /\~~nexport const BaseButton: ~~React.~~FunctionComponent<PropsT> = ({\n active,\n children,\n disabled,\n enforceA,\n onClick,\n onMouseDown,\n onPointerDown,\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 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 onMouseDown={onMouseDown}\n onPointerDown={onPointerDown}\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={onClick && ((e) => {\n if (e.key === 'Enter') onClick(e);\n })}\n onMouseDown={onMouseDown}\n onPointerDown={onPointerDown}\n role=\"button\"\n tabIndex={0}\n >\n {children}\n </div>\n );\n};\n\n/\n Button component theme: a map of CSS\n * class names to append to button elements:\n * @prop {string} [active] to the root element of active button.\n * @prop {string} [button] to the root element of any button.\n * @prop {string} [disabled] to the root element of disabled button.\n */\nexport default themed(BaseButton, 'Button', defaultTheme);\n"],"mappings":";;;;;;;AAIA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA8D,IAAAE,WAAA,GAAAF,OAAA;AAN9D;AAAA,MAAAG,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;~~AA0BA;AACO~~,MAAMC,~~UAA2C~~,GAAGA,CAAC;~~EAC1DC~~,MAAM;EACNC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;EACPC,WAAW;EACXC,aAAa;EACbC,UAAU;EACVC,OAAO;EACPC,MAAM;EACNC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,IAAIC,SAAS,GAAGF,KAAK,CAACG,MAAM;EAC5B,IAAIb,MAAM,IAAIU,KAAK,CAACV,MAAM,EAAEY,SAAS,IAAI,IAAIF,KAAK,CAACV,MAAM,EAAE;EAC3D,IAAIE,QAAQ,EAAE;IACZ,IAAIQ,KAAK,CAACR,QAAQ,EAAEU,SAAS,IAAI,IAAIF,KAAK,CAACR,QAAQ,EAAE;IACrD,oBACE,IAAAL,WAAA,CAAAiB,GAAA;MACEF,SAAS,EAAEA,SAAU;MACrB,eAAaG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGT,MAAO;MAAAR,QAAA,EAEvEA;IAAQ,CACN,CAAC;EAEV;EACA,IAAIU,EAAE,EAAE;IACN,oBACE,IAAAd,WAAA,CAAAiB,GAAA,EAACrB,KAAA,CAAA0B,OAAI;MACHP,SAAS,EAAEA,SAAU;MACrB,eAAaG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGT,MAAO;MACxEN,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzBC,aAAa,EAAEA,aAAc;MAC7BC,UAAU,EAAEA,UAAW;MACvBC,OAAO,EAAEA,OAAQ;MACjBG,EAAE,EAAEA,EAAG;MAAAV,QAAA,EAENA;IAAQ,CACL,CAAC;EAEX;EAEA,oBACE,IAAAJ,WAAA,CAAAiB,GAAA;IACEF,SAAS,EAAEA,SAAU;IACrB,eAAaG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGT,MAAO;IACxEL,OAAO,EAAEA,OAAQ;IACjBgB,SAAS,EAAEhB,OAAO,~~KAAMiB~~,CAAC,IAAK;~~MAC5B~~,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAElB,OAAO,CAACiB,CAAC,CAAC;IACnC,CAAC,~~CAAE~~;~~IACHhB~~,WAAW,EAAEA,WAAY;IACzBC,aAAa,EAAEA,aAAc;IAC7BiB,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IAAAvB,QAAA,EAEXA;EAAQ,CACN,CAAC;AAEV,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AANAwB,OAAA,CAAA1B,UAAA,GAAAA,UAAA;AAAA,IAAA2B,QAAA,GAAAD,OAAA,CAAAN,OAAA,GAOe,IAAAQ,oBAAM,EAAC5B,UAAU,EAAE,QAAQ,EAAED,YAAY,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["_Link","_interopRequireDefault","require","_reactThemes","_jsxRuntime","defaultTheme","BaseButton","active","children","disabled","enforceA","onClick","onMouseDown","onPointerDown","openNewTab","replace","testId","theme","to","className","button","jsx","process","env","NODE_ENV","undefined","default","onKeyDown","e","key","role","tabIndex","exports","_default","themed"],"sources":["../../../../../src/shared/components/Button/index.tsx"],"sourcesContent":["// The <Button> component implements a standard button / button-like link.\n\nimport type { FunctionComponent, PointerEventHandler, ReactNode } from 'react';\n\nimport Link from 'components/Link';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './style.scss';\n\ntype PropsT = {\n active?: boolean;\n children?: ReactNode;\n disabled?: boolean;\n enforceA?: boolean;\n onClick?: React.MouseEventHandler & React.KeyboardEventHandler;\n onMouseDown?: React.MouseEventHandler;\n onPointerDown?: PointerEventHandler;\n openNewTab?: boolean;\n replace?: boolean;\n testId?: string;\n theme: Theme<'active' \| 'button' \| 'disabled'>;\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 onMouseDown,\n onPointerDown,\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 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 onMouseDown={onMouseDown}\n onPointerDown={onPointerDown}\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={onClick ? (e) => {\n if (e.key === 'Enter') onClick(e);\n } : undefined}\n onMouseDown={onMouseDown}\n onPointerDown={onPointerDown}\n role=\"button\"\n tabIndex={0}\n >\n {children}\n </div>\n );\n};\n\n/*\n Button component theme: a map of CSS\n * class names to append to button elements:\n * @prop {string} [active] to the root element of active button.\n * @prop {string} [button] to the root element of any button.\n * @prop {string} [disabled] to the root element of disabled button.\n */\nexport default themed(BaseButton, 'Button', defaultTheme);\n"],"mappings":";;;;;;;AAIA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA8D,IAAAE,WAAA,GAAAF,OAAA;AAN9D;AAAA,MAAAG,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AA0BO,MAAMC,UAAqC,GAAGA,CAAC;EACpDC,MAAM;EACNC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;EACPC,WAAW;EACXC,aAAa;EACbC,UAAU;EACVC,OAAO;EACPC,MAAM;EACNC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,IAAIC,SAAS,GAAGF,KAAK,CAACG,MAAM;EAC5B,IAAIb,MAAM,IAAIU,KAAK,CAACV,MAAM,EAAEY,SAAS,IAAI,IAAIF,KAAK,CAACV,MAAM,EAAE;EAC3D,IAAIE,QAAQ,EAAE;IACZ,IAAIQ,KAAK,CAACR,QAAQ,EAAEU,SAAS,IAAI,IAAIF,KAAK,CAACR,QAAQ,EAAE;IACrD,oBACE,IAAAL,WAAA,CAAAiB,GAAA;MACEF,SAAS,EAAEA,SAAU;MACrB,eAAaG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGT,MAAO;MAAAR,QAAA,EAEvEA;IAAQ,CACN,CAAC;EAEV;EACA,IAAIU,EAAE,EAAE;IACN,oBACE,IAAAd,WAAA,CAAAiB,GAAA,EAACrB,KAAA,CAAA0B,OAAI;MACHP,SAAS,EAAEA,SAAU;MACrB,eAAaG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGT,MAAO;MACxEN,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzBC,aAAa,EAAEA,aAAc;MAC7BC,UAAU,EAAEA,UAAW;MACvBC,OAAO,EAAEA,OAAQ;MACjBG,EAAE,EAAEA,EAAG;MAAAV,QAAA,EAENA;IAAQ,CACL,CAAC;EAEX;EAEA,oBACE,IAAAJ,WAAA,CAAAiB,GAAA;IACEF,SAAS,EAAEA,SAAU;IACrB,eAAaG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGC,SAAS,GAAGT,MAAO;IACxEL,OAAO,EAAEA,OAAQ;IACjBgB,SAAS,EAAEhB,OAAO,GAAIiB,CAAC,IAAK;MAC1B,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAElB,OAAO,CAACiB,CAAC,CAAC;IACnC,CAAC,GAAGH,SAAU;IACdb,WAAW,EAAEA,WAAY;IACzBC,aAAa,EAAEA,aAAc;IAC7BiB,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IAAAvB,QAAA,EAEXA;EAAQ,CACN,CAAC;AAEV,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AANAwB,OAAA,CAAA1B,UAAA,GAAAA,UAAA;AAAA,IAAA2B,QAAA,GAAAD,OAAA,CAAAN,OAAA,GAOe,IAAAQ,oBAAM,EAAC5B,UAAU,EAAE,QAAQ,EAAED,YAAY,CAAC","ignoreList":[]}

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

@@ -40,7 +40,9 @@ const Checkbox = ({
       "data-testid": process.env.NODE_ENV === 'production' ? undefined : testId,
       disabled: disabled,
       onChange: onChange,
-      onClick: e => e.stopPropagation(),
+      onClick: e => {
+        e.stopPropagation();
+      },
       type: "checkbox"
     })]
   });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["_reactThemes","_interopRequireDefault","require","_jsxRuntime","defaultTheme","Checkbox","checked","disabled","label","onChange","testId","theme","containerClassName","container","checkboxClassName","checkbox","indeterminate","jsxs","className","children","undefined","jsx","process","env","NODE_ENV","onClick","e","stopPropagation","type","_default","exports","default","themed"],"sources":["../../../../../src/shared/components/Checkbox/index.tsx"],"sourcesContent":["import themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './theme.scss';\n\ntype PropT<ValueT> = {\n checked?: ValueT;\n disabled?: boolean;\n label?: React.ReactNode;\n onChange?: React.ChangeEventHandler<HTMLInputElement>;\n testId?: string;\n theme: Theme<\n \| 'checkbox'\n \| 'container'\n \| 'disabled'\n \| 'indeterminate'\n \| 'label'\n >;\n};\n\nconst Checkbox = <ValueT extends boolean \| 'indeterminate' = boolean>({\n checked,\n disabled,\n label,\n onChange,\n testId,\n theme,\n}: PropT<ValueT>) => {\n let containerClassName = theme.container;\n if (disabled) containerClassName += ` ${theme.disabled}`;\n\n let checkboxClassName = theme.checkbox;\n if (checked === 'indeterminate') checkboxClassName += ` ${theme.indeterminate}`;\n\n return (\n <div className={containerClassName}>\n { label === undefined ? null : <div className={theme.label}>{label}</div> }\n <input\n checked={checked === undefined ? undefined : checked === true}\n className={checkboxClassName}\n data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n disabled={disabled}\n onChange={onChange}\n onClick={(e) => e.stopPropagation()}\n type=\"checkbox\"\n />\n </div>\n );\n};\n\nexport default themed(Checkbox, 'Checkbox', defaultTheme);\n"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8D,IAAAC,WAAA,GAAAD,OAAA;AAAA,MAAAE,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAmB9D,MAAMC,QAAQ,GAAGA,CAAqD;EACpEC,OAAO;EACPC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC;AACa,CAAC,KAAK;EACnB,IAAIC,kBAAkB,GAAGD,KAAK,CAACE,SAAS;EACxC,IAAIN,QAAQ,EAAEK,kBAAkB,IAAI,IAAID,KAAK,CAACJ,QAAQ,EAAE;EAExD,IAAIO,iBAAiB,GAAGH,KAAK,CAACI,QAAQ;EACtC,IAAIT,OAAO,KAAK,eAAe,EAAEQ,iBAAiB,IAAI,IAAIH,KAAK,CAACK,aAAa,EAAE;EAE/E,oBACE,IAAAb,WAAA,CAAAc,IAAA;IAAKC,SAAS,EAAEN,kBAAmB;IAAAO,QAAA,GAC/BX,KAAK,KAAKY,SAAS,~~GAAG~~,IAAI,gBAAG,IAAAjB,WAAA,CAAAkB,GAAA;MAAKH,SAAS,EAAEP,KAAK,CAACH,KAAM;MAAAW,QAAA,EAAEX;IAAK,CAAM,CAAC,~~eACzE~~,IAAAL,WAAA,CAAAkB,GAAA;MACEf,OAAO,EAAEA,OAAO,KAAKc,SAAS,GAAGA,SAAS,GAAGd,OAAO,KAAK,IAAK;MAC9DY,SAAS,EAAEJ,iBAAkB;MAC7B,eAAaQ,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGJ,SAAS,GAAGV,MAAO;MACxEH,QAAQ,EAAEA,QAAS;MACnBE,QAAQ,EAAEA,QAAS;MACnBgB,OAAO,EAAGC,CAAC,~~IAAKA~~,CAAC,CAACC,eAAe,CAAC,CAAE;~~MACpCC~~,IAAI,EAAC;IAAU,CAChB,CAAC;EAAA,CACC,CAAC;AAEV,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,oBAAM,EAAC3B,QAAQ,EAAE,UAAU,EAAED,YAAY,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["_reactThemes","_interopRequireDefault","require","_jsxRuntime","defaultTheme","Checkbox","checked","disabled","label","onChange","testId","theme","containerClassName","container","checkboxClassName","checkbox","indeterminate","jsxs","className","children","undefined","jsx","process","env","NODE_ENV","onClick","e","stopPropagation","type","_default","exports","default","themed"],"sources":["../../../../../src/shared/components/Checkbox/index.tsx"],"sourcesContent":["import themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './theme.scss';\n\ntype PropT<ValueT> = {\n checked?: ValueT;\n disabled?: boolean;\n label?: React.ReactNode;\n onChange?: React.ChangeEventHandler<HTMLInputElement>;\n testId?: string;\n theme: Theme<\n \| 'checkbox'\n \| 'container'\n \| 'disabled'\n \| 'indeterminate'\n \| 'label'\n >;\n};\n\nconst Checkbox = <ValueT extends boolean \| 'indeterminate' = boolean>({\n checked,\n disabled,\n label,\n onChange,\n testId,\n theme,\n}: PropT<ValueT>) => {\n let containerClassName = theme.container;\n if (disabled) containerClassName += ` ${theme.disabled}`;\n\n let checkboxClassName = theme.checkbox;\n if (checked === 'indeterminate') checkboxClassName += ` ${theme.indeterminate}`;\n\n return (\n <div className={containerClassName}>\n { label === undefined\n ? null : <div className={theme.label}>{label}</div> }\n <input\n checked={checked === undefined ? undefined : checked === true}\n className={checkboxClassName}\n data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n disabled={disabled}\n onChange={onChange}\n onClick={(e) => {\n e.stopPropagation();\n }}\n type=\"checkbox\"\n />\n </div>\n );\n};\n\nexport default themed(Checkbox, 'Checkbox', defaultTheme);\n"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8D,IAAAC,WAAA,GAAAD,OAAA;AAAA,MAAAE,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAmB9D,MAAMC,QAAQ,GAAGA,CAAqD;EACpEC,OAAO;EACPC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC;AACa,CAAC,KAAK;EACnB,IAAIC,kBAAkB,GAAGD,KAAK,CAACE,SAAS;EACxC,IAAIN,QAAQ,EAAEK,kBAAkB,IAAI,IAAID,KAAK,CAACJ,QAAQ,EAAE;EAExD,IAAIO,iBAAiB,GAAGH,KAAK,CAACI,QAAQ;EACtC,IAAIT,OAAO,KAAK,eAAe,EAAEQ,iBAAiB,IAAI,IAAIH,KAAK,CAACK,aAAa,EAAE;EAE/E,oBACE,IAAAb,WAAA,CAAAc,IAAA;IAAKC,SAAS,EAAEN,kBAAmB;IAAAO,QAAA,GAC/BX,KAAK,KAAKY,SAAS,GACjB,IAAI,gBAAG,IAAAjB,WAAA,CAAAkB,GAAA;MAAKH,SAAS,EAAEP,KAAK,CAACH,KAAM;MAAAW,QAAA,EAAEX;IAAK,CAAM,CAAC,eACrD,IAAAL,WAAA,CAAAkB,GAAA;MACEf,OAAO,EAAEA,OAAO,KAAKc,SAAS,GAAGA,SAAS,GAAGd,OAAO,KAAK,IAAK;MAC9DY,SAAS,EAAEJ,iBAAkB;MAC7B,eAAaQ,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGJ,SAAS,GAAGV,MAAO;MACxEH,QAAQ,EAAEA,QAAS;MACnBE,QAAQ,EAAEA,QAAS;MACnBgB,OAAO,EAAGC,CAAC,IAAK;QACdA,CAAC,CAACC,eAAe,CAAC,CAAC;MACrB,CAAE;MACFC,IAAI,EAAC;IAAU,CAChB,CAAC;EAAA,CACC,CAAC;AAEV,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,oBAAM,EAAC3B,QAAQ,EAAE,UAAU,EAAED,YAAY,CAAC","ignoreList":[]}

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

@@ -64,7 +64,7 @@ const GenericLink = ({
    * - 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"
       // TODO: This requires a fix: disabled is not really an attribute of <a>
@@ -73,8 +73,12 @@ const GenericLink = ({
       // disabled={disabled}
       ,
       href: to,
-      onClick: disabled ? e => e.preventDefault() : onClick,
-      onMouseDown: disabled ? e => e.preventDefault() : onMouseDown,
+      onClick: disabled ? e => {
+        e.preventDefault();
+      } : onClick,
+      onMouseDown: disabled ? e => {
+        e.preventDefault();
+      } : onMouseDown,
       rel: "noopener noreferrer",
       target: openNewTab ? '_blank' : '',
       children: children
@@ -86,9 +90,6 @@ const GenericLink = ({
     discover: "none"
     // disabled
     ,
-    onMouseDown: onMouseDown,
-    replace: replace,
-    to: to,
     onClick: e => {
       // Executes the user-provided event handler, if any.
       if (onClick) onClick(e);
@@ -96,6 +97,12 @@ const GenericLink = ({
       // By default, clicking the link scrolls the page to beginning.
       if (!keepScrollPosition) window.scroll(0, 0);
     },
+    onMouseDown: onMouseDown,
+    replace: replace,
+    to: to
+    // TODO: Refactor it later.
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    ,
     ...rest,
     children: children
   });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["GenericLink","children","className","disabled","enforceA","keepScrollPosition","onClick","onMouseDown","openNewTab","replace","routerLinkType","to","rest","match","_jsxRuntime","jsx","href","e","preventDefault","rel","target","L","discover","window","scroll","_default","exports","default"],"sources":["../../../../../src/shared/components/GenericLink/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type {\n Link,\n LinkProps,\n NavLink,\n NavLinkProps,\n} from 'react-router';\n\nimport './style.scss';\n\ntype LinkT = typeof Link;\ntype NavLinkT = typeof NavLink;\n\ntype ToT = Parameters<typeof Link>[0]['to'];\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: LinkT \| NavLinkT;\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 = ({\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}: (LinkProps \| NavLinkProps) & PropsT): ReactNode => {\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;\n\n return (\n <L\n className={className}\n discover=\"none\"\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\nexport default GenericLink;\n"],"mappings":";;;;;;;AA8BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,WAAW,GAAGA,CAAC;EACnBC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,QAAQ;EACRC,kBAAkB;EAClBC,OAAO;EACPC,WAAW;EACXC,UAAU;EACVC,OAAO;EACPC,cAAc;EACdC,EAAE;EACF,GAAGC;AACgC,CAAC,KAAgB;EACpD;AACF;AACA;AACA;AACA;EACE,IAAIT,QAAQ,IAAIC,QAAQ,IAAII,UAAU,~~IAAKG~~,EAAE,~~EAAaE~~,KAAK,CAAC,uBAAuB,CAAC,EAAE;~~IACxF~~,oBACE,IAAAC,WAAA,CAAAC,GAAA;MACEb,SAAS,GAAEA,SAAS,GAATA,SAAS;MACpB;MACA;MACA;MACA;MAAA;MACAc,IAAI,EAAEL,EAAa;MACnBL,OAAO,EAAEH,QAAQ,GAAIc,CAAC,~~IAAKA~~,CAAC,CAACC,cAAc,CAAC,CAAC,GAAGZ,OAAQ;~~MACxDC~~,WAAW,EAAEJ,QAAQ,GAAIc,CAAC,~~IAAKA~~,CAAC,CAACC,cAAc,CAAC,CAAC,GAAGX,WAAY;~~MAChEY~~,GAAG,EAAC,qBAAqB;MAEzBC,MAAM,EAAEZ,UAAU,GAAG,QAAQ,GAAG,EAAG;MAAAP,QAAA,EAElCA;IAAQ,CACR,CAAC;EAER;EAEA,MAAMoB,CAAC,GAAGX,cAAc;EAExB,oBACE,IAAAI,WAAA,CAAAC,GAAA,EAACM,CAAC;IACAnB,SAAS,EAAEA,SAAU;IACrBoB,QAAQ,EAAC;IACT;IAAA;~~IACAf~~,~~WAAW,EAAEA,WAAY;IACzBE,~~OAAO,~~EAAEA,OAAQ;IACjBE,EAAE,EAAEA,EAAI;IACRL,OAAO,~~EAAGW,CAAsC,IAAK;MACnD;MACA,IAAIX,OAAO,EAAEA,OAAO,CAACW,CAAC,CAAC;;MAEvB;MACA,IAAI,CAACZ,kBAAkB,EAAEkB,MAAM,CAACC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IAC9C,CAAE;IAAA,~~GACEZ~~,IAAI;IAAAX,QAAA,EAEPA;EAAQ,CACR,CAAC;AAER,CAAC;AAAC,IAAAwB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa3B,WAAW","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["GenericLink","children","className","disabled","enforceA","keepScrollPosition","onClick","onMouseDown","openNewTab","replace","routerLinkType","to","rest","match","_jsxRuntime","jsx","href","e","preventDefault","rel","target","L","discover","window","scroll","_default","exports","default"],"sources":["../../../../../src/shared/components/GenericLink/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type {\n Link,\n LinkProps,\n NavLink,\n NavLinkProps,\n} from 'react-router';\n\nimport './style.scss';\n\ntype LinkT = typeof Link;\ntype NavLinkT = typeof NavLink;\n\ntype ToT = Parameters<typeof Link>[0]['to'];\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: LinkT \| NavLinkT;\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 = ({\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}: (LinkProps \| NavLinkProps) & PropsT): ReactNode => {\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\n \|\| (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) => {\n e.preventDefault();\n } : onClick}\n onMouseDown={disabled ? (e) => {\n e.preventDefault();\n } : onMouseDown}\n rel=\"noopener noreferrer\"\n styleName=\"link\"\n target={openNewTab ? '_blank' : ''}\n >\n {children}\n </a>\n );\n }\n\n const L = routerLinkType;\n\n return (\n <L\n className={className}\n discover=\"none\"\n // disabled\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 onMouseDown={onMouseDown}\n replace={replace}\n to={to}\n // TODO: Refactor it later.\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...rest}\n >\n {children}\n </L>\n );\n};\n\nexport default GenericLink;\n"],"mappings":";;;;;;;AA8BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,WAAW,GAAGA,CAAC;EACnBC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,QAAQ;EACRC,kBAAkB;EAClBC,OAAO;EACPC,WAAW;EACXC,UAAU;EACVC,OAAO;EACPC,cAAc;EACdC,EAAE;EACF,GAAGC;AACgC,CAAC,KAAgB;EACpD;AACF;AACA;AACA;AACA;EACE,IAAIT,QAAQ,IAAIC,QAAQ,IAAII,UAAU,IAChCG,EAAE,CAAYE,KAAK,CAAC,uBAAuB,CAAC,EAAE;IAClD,oBACE,IAAAC,WAAA,CAAAC,GAAA;MACEb,SAAS,GAAEA,SAAS,GAATA,SAAS;MACpB;MACA;MACA;MACA;MAAA;MACAc,IAAI,EAAEL,EAAa;MACnBL,OAAO,EAAEH,QAAQ,GAAIc,CAAC,IAAK;QACzBA,CAAC,CAACC,cAAc,CAAC,CAAC;MACpB,CAAC,GAAGZ,OAAQ;MACZC,WAAW,EAAEJ,QAAQ,GAAIc,CAAC,IAAK;QAC7BA,CAAC,CAACC,cAAc,CAAC,CAAC;MACpB,CAAC,GAAGX,WAAY;MAChBY,GAAG,EAAC,qBAAqB;MAEzBC,MAAM,EAAEZ,UAAU,GAAG,QAAQ,GAAG,EAAG;MAAAP,QAAA,EAElCA;IAAQ,CACR,CAAC;EAER;EAEA,MAAMoB,CAAC,GAAGX,cAAc;EAExB,oBACE,IAAAI,WAAA,CAAAC,GAAA,EAACM,CAAC;IACAnB,SAAS,EAAEA,SAAU;IACrBoB,QAAQ,EAAC;IACT;IAAA;IACAhB,OAAO,EAAGW,CAAsC,IAAK;MACnD;MACA,IAAIX,OAAO,EAAEA,OAAO,CAACW,CAAC,CAAC;;MAEvB;MACA,IAAI,CAACZ,kBAAkB,EAAEkB,MAAM,CAACC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IAC9C,CAAE;IACFjB,WAAW,EAAEA,WAAY;IACzBE,OAAO,EAAEA,OAAQ;IACjBE,EAAE,EAAEA;IACJ;IACA;IAAA;IAAA,GACIC,IAAI;IAAAX,QAAA,EAEPA;EAAQ,CACR,CAAC;AAER,CAAC;AAAC,IAAAwB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa3B,WAAW","ignoreList":[]}

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

@@ -37,7 +37,11 @@ const Input = ({
   }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
     className: theme.input,
     "data-testid": process.env.NODE_ENV === 'production' ? undefined : testId,
-    ref: ref,
+    ref: ref
+    // TODO: Avoid the spreading later.
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    ,
     ...rest
   })]
 });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["_reactThemes","_interopRequireDefault","require","_jsxRuntime","defaultTheme","Input","label","ref","testId","theme","rest","jsxs","className","container","children","undefined","jsx","input","process","env","NODE_ENV","_default","exports","default","themed"],"sources":["../../../../../src/shared/components/Input/index.tsx"],"sourcesContent":["import type { FunctionComponent, Ref } from 'react';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './theme.scss';\n\ntype ThemeKeyT =\n \| 'container'\n \| 'input'\n \| 'label';\n\ntype PropsT = React.InputHTMLAttributes<HTMLInputElement> & {\n label?: React.ReactNode;\n ref?: Ref<HTMLInputElement>;\n testId?: string;\n theme: Theme<ThemeKeyT>;\n};\n\n/*\n Themeable input field, based on the standard HTML `<input>` element.\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: FunctionComponent<PropsT> = ({\n label,\n ref,\n testId,\n theme,\n ...rest\n}) => (\n <span className={theme.container}>\n { label === undefined ? null : <div className={theme.label}>{label}</div> }\n <input\n className={theme.input}\n data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n ref={ref}\n ~~{...rest}~~ // eslint-disable-line react/jsx-props-no-spreading\n />\n </span>\n);\n\nexport default themed(Input, 'Input', defaultTheme);\n"],"mappings":";;;;;;;AAEA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8D,IAAAC,WAAA,GAAAD,OAAA;AAAA,MAAAE,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAgB9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAgC,GAAGA,CAAC;EACxCC,KAAK;EACLC,GAAG;EACHC,MAAM;EACNC,KAAK;EACL,GAAGC;AACL,CAAC,kBACC,IAAAP,WAAA,CAAAQ,IAAA;EAAMC,SAAS,EAAEH,KAAK,CAACI,SAAU;EAAAC,QAAA,GAC7BR,KAAK,KAAKS,SAAS,GAAG,IAAI,gBAAG,IAAAZ,WAAA,CAAAa,GAAA;IAAKJ,SAAS,EAAEH,KAAK,CAACH,KAAM;IAAAQ,QAAA,EAAER;EAAK,CAAM,CAAC,eACzE,IAAAH,WAAA,CAAAa,GAAA;IACEJ,SAAS,EAAEH,KAAK,CAACQ,KAAM;IACvB,eAAaC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGL,SAAS,GAAGP,MAAO;IACxED,GAAG,EAAEA~~,GAAI~~;IAAA,~~GACLG~~;EAAI,CACT,CAAC;AAAA,CACE,CACP;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,oBAAM,EAACnB,KAAK,EAAE,OAAO,EAAED,YAAY,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["_reactThemes","_interopRequireDefault","require","_jsxRuntime","defaultTheme","Input","label","ref","testId","theme","rest","jsxs","className","container","children","undefined","jsx","input","process","env","NODE_ENV","_default","exports","default","themed"],"sources":["../../../../../src/shared/components/Input/index.tsx"],"sourcesContent":["import type { FunctionComponent, Ref } from 'react';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './theme.scss';\n\ntype ThemeKeyT =\n \| 'container'\n \| 'input'\n \| 'label';\n\ntype PropsT = React.InputHTMLAttributes<HTMLInputElement> & {\n label?: React.ReactNode;\n ref?: Ref<HTMLInputElement>;\n testId?: string;\n theme: Theme<ThemeKeyT>;\n};\n\n/*\n Themeable input field, based on the standard HTML `<input>` element.\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: FunctionComponent<PropsT> = ({\n label,\n ref,\n testId,\n theme,\n ...rest\n}) => (\n <span className={theme.container}>\n { label === undefined ? null : <div className={theme.label}>{label}</div> }\n <input\n className={theme.input}\n data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n ref={ref}\n\n // TODO: Avoid the spreading later.\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...rest}\n />\n </span>\n);\n\nexport default themed(Input, 'Input', defaultTheme);\n"],"mappings":";;;;;;;AAEA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8D,IAAAC,WAAA,GAAAD,OAAA;AAAA,MAAAE,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAgB9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAgC,GAAGA,CAAC;EACxCC,KAAK;EACLC,GAAG;EACHC,MAAM;EACNC,KAAK;EACL,GAAGC;AACL,CAAC,kBACC,IAAAP,WAAA,CAAAQ,IAAA;EAAMC,SAAS,EAAEH,KAAK,CAACI,SAAU;EAAAC,QAAA,GAC7BR,KAAK,KAAKS,SAAS,GAAG,IAAI,gBAAG,IAAAZ,WAAA,CAAAa,GAAA;IAAKJ,SAAS,EAAEH,KAAK,CAACH,KAAM;IAAAQ,QAAA,EAAER;EAAK,CAAM,CAAC,eACzE,IAAAH,WAAA,CAAAa,GAAA;IACEJ,SAAS,EAAEH,KAAK,CAACQ,KAAM;IACvB,eAAaC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGL,SAAS,GAAGP,MAAO;IACxED,GAAG,EAAEA;;IAEL;IACA;IAAA;IAAA,GACIG;EAAI,CACT,CAAC;AAAA,CACE,CACP;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,oBAAM,EAACnB,KAAK,EAAE,OAAO,EAAED,YAAY,CAAC","ignoreList":[]}

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

@@ -16,13 +16,12 @@ var _jsxRuntime = require("react/jsx-runtime");
  * - User explicitely opts to use <a>.
  */
-const Link = props =>
-/*#__PURE__*/
-/* eslint-disable react/jsx-props-no-spreading */
-(0, _jsxRuntime.jsx)(_GenericLink.default, {
+const Link = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GenericLink.default
+// TODO: Avoid the spreading later.
+// eslint-disable-next-line react/jsx-props-no-spreading
+, {
   ...props,
   routerLinkType: _reactRouter.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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","names":["_reactRouter","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 { type LinkProps, Link as RrLink } from 'react-router';\n\nimport GenericLink, { type PropsT as GenericLinkPropsT } from './GenericLink';\n\ntype PropsT = Omit<GenericLinkPropsT, 'routerLinkType'> & LinkProps;\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,YAAA,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","ignoreList":[]}
1	+ {"version":3,"file":"Link.js","names":["_reactRouter","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 { type LinkProps, Link as RrLink } from 'react-router';\n\nimport GenericLink, { type PropsT as GenericLinkPropsT } from './GenericLink';\n\ntype PropsT = Omit<GenericLinkPropsT, 'routerLinkType'> & LinkProps;\n\nconst Link: React.FunctionComponent<PropsT>\n = (props) => (\n <GenericLink\n // TODO: Avoid the spreading later.\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...props}\n routerLinkType={RrLink}\n />\n );\n\nexport default Link;\n"],"mappings":";;;;;;;AAQA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA8E,IAAAG,WAAA,GAAAH,OAAA;AAV9E;AACA;AACA;AACA;AACA;AACA;AACA;;AAQA,MAAMI,IAAqC,GACtCC,KAAK,iBACN,IAAAF,WAAA,CAAAG,GAAA,EAACL,YAAA,CAAAM;AACC;AACA;AAAA;EAAA,GACIF,KAAK;EACTG,cAAc,EAAEC;AAAO,CACxB,CACF;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEWH,IAAI","ignoreList":[]}

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

@@ -7,6 +7,8 @@ exports.default = void 0;
 var _react = require("react");
 var _reactHelmet = require("@dr.pogodin/react-helmet");
 var _jsxRuntime = require("react/jsx-runtime");
+// TODO: Move this component to React Helmet library.
 const Context = /*#__PURE__*/(0, _react.createContext)({
   description: '',
   title: ''
@@ -28,8 +30,13 @@ const MetaTags = ({
   title,
   url
 }) => {
+  // NOTE: I guess, in this very case, we should prefer title and description
+  // also to empty social title and decscription?
+  /* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
   const socTitle = socialTitle || title;
   const socDesc = socialDescription || description;
+  /* eslint-enable @typescript-eslint/prefer-nullish-coalescing */
   const context = (0, _react.useMemo)(() => ({
     description,
     image,
@@ -57,41 +64,41 @@ const MetaTags = ({
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
         children: title
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        name: "description",
-        content: description
+        content: description,
+        name: "description"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        name: "twitter:card",
-        content: "summary_large_image"
+        content: "summary_large_image",
+        name: "twitter:card"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        name: "twitter:title",
-        content: socTitle
+        content: socTitle,
+        name: "twitter:title"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        name: "twitter:description",
-        content: socDesc
+        content: socDesc,
+        name: "twitter:description"
       }), image ? /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        name: "twitter:image",
-        content: image
+        content: image,
+        name: "twitter:image"
       }) : null, siteName ? /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        name: "twitter:site",
-        content: `@${siteName}`
+        content: `@${siteName}`,
+        name: "twitter:site"
       }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        name: "og:title",
-        content: socTitle
+        content: socTitle,
+        name: "og:title"
       }), image ? /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        name: "og:image",
-        content: image
+        content: image,
+        name: "og:image"
       }) : null, image ? /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        name: "og:image:alt",
-        content: socTitle
+        content: socTitle,
+        name: "og:image:alt"
       }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        name: "og:description",
-        content: socDesc
+        content: socDesc,
+        name: "og:description"
       }), siteName ? /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        name: "og:sitename",
-        content: siteName
+        content: siteName,
+        name: "og:sitename"
       }) : null, url ? /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
-        name: "og:url",
-        content: url
+        content: url,
+        name: "og:url"
       }) : null, extra]
     }), children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Context.Provider, {
       value: context,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MetaTags.js","names":["_react","require","_reactHelmet","_jsxRuntime","Context","createContext","description","title","MetaTags","children","extraMetaTags","image","siteName","socialDescription","socialTitle","url","socTitle","socDesc","context","useMemo","extra","length","i","content","name","push","jsx","jsxs","Fragment","Helmet","Provider","value","_default","exports","default"],"sources":["../../../../src/shared/components/MetaTags.tsx"],"sourcesContent":["~~import~~ {\n type Context as ContextT,\n type FunctionComponent,\n type ReactNode,\n createContext,\n useMemo,\n} from 'react';\n\nimport { Helmet } from '@dr.pogodin/react-helmet';\n\ntype PropsT = {\n children?: ReactNode;\n description: string;\n extraMetaTags?: Array<{\n content: string;\n name: string;\n }>;\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 Auxiliary wrapper around \"react-helmet\", which helps to inject meta tags\n * (page title, a brief content description, and social media thumbnails) into\n * generated pages.\n /\nconst MetaTags: FunctionComponent<PropsT> & {\n Context: ContextT<PropsT>;\n} = ({\n children,\n description,\n extraMetaTags,\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 const extra: ReactNode[] = [];\n if (extraMetaTags?.length) {\n for (let i = 0; i < extraMetaTags.length; ++i) {\n const { content, name } = extraMetaTags[i]!;\n extra.push(\n <meta\n content={content}\n ~~name={name}\n~~ key={`extra-meta-tag-${i}`}\n />,\n );\n }\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 {extra}\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\nexport default MetaTags;\n"],"mappings":";;;;;;~~AAAA~~,IAAAA,MAAA,GAAAC,OAAA;AAQA,IAAAC,YAAA,GAAAD,OAAA;AAAkD,IAAAE,WAAA,GAAAF,OAAA;~~AAiBlD~~,MAAMG,OAAO,gBAAG,IAAAC,oBAAa,EAAS;EACpCC,WAAW,EAAE,EAAE;EACfC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA,MAAMC,QAEL,GAAGA,CAAC;EACHC,QAAQ;EACRH,WAAW;EACXI,aAAa;EACbC,KAAK;EACLC,QAAQ;EACRC,iBAAiB;EACjBC,WAAW;EACXP,KAAK;EACLQ;AACF,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAGF,WAAW,IAAIP,KAAK;EACrC,MAAMU,OAAO,GAAGJ,iBAAiB,IAAIP,WAAW;~~EAEhD~~,MAAMY,OAAO,GAAG,IAAAC,cAAO,EAAC,OAAO;IAC7Bb,WAAW;IACXK,KAAK;IACLC,QAAQ;IACRC,iBAAiB;IACjBC,WAAW;IACXP,KAAK;IACLQ;EACF,CAAC,CAAC,EAAE,CACFT,WAAW,EACXK,KAAK,EACLC,QAAQ,EACRC,iBAAiB,EACjBC,WAAW,EACXP,KAAK,EACLQ,GAAG,CACJ,CAAC;EAEF,MAAMK,KAAkB,GAAG,EAAE;EAC7B,IAAIV,aAAa,EAAEW,MAAM,EAAE;IACzB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGZ,aAAa,CAACW,MAAM,EAAE,EAAEC,CAAC,EAAE;MAC7C,MAAM;QAAEC,OAAO;QAAEC;MAAK,CAAC,GAAGd,aAAa,CAACY,CAAC,CAAE;MAC3CF,KAAK,CAACK,IAAI,cACR,IAAAtB,WAAA,CAAAuB,GAAA;QACEH,OAAO,EAAEA,OAAQ;~~QACjBC~~,IAAI,EAAEA;MAAK,~~GACN~~,kBAAkBF,CAAC,~~EACzB~~,CACH,CAAC;IACH;EACF;EAEA,oBACE,IAAAnB,WAAA,CAAAwB,IAAA,EAAAxB,WAAA,CAAAyB,QAAA;IAAAnB,QAAA,gBACE,IAAAN,WAAA,CAAAwB,IAAA,EAACzB,YAAA,CAAA2B,MAAM;MAAApB,QAAA,gBAEL,IAAAN,WAAA,CAAAuB,GAAA;QAAAjB,QAAA,EACGF;MAAK,CACD,CAAC,eACR,IAAAJ,WAAA,CAAAuB,GAAA;~~QAAMF~~,~~IAAI~~,~~EAAC~~,~~aAAa~~;~~QAACD~~,~~OAAO~~,~~EAAEjB~~;~~MAAY~~,CAAE,CAAC,eAGjD,~~IAAAH~~,WAAA,CAAAuB,GAAA;~~QAAMF~~,~~IAAI~~,EAAC,~~cAAc~~;~~QAACD~~,~~OAAO~~,EAAC;~~MAAqB~~,CAAE,CAAC,eAC1D,~~IAAApB~~,WAAA,CAAAuB,GAAA;~~QAAMF~~,~~IAAI~~,~~EAAC~~,~~eAAe~~;~~QAACD~~,~~OAAO~~,~~EAAEP~~;~~MAAS~~,CAAE,CAAC,eAChD,~~IAAAb~~,WAAA,CAAAuB,GAAA;~~QAAMF~~,~~IAAI~~,~~EAAC~~,~~qBAAqB~~;~~QAACD~~,~~OAAO~~,~~EAAEN~~;~~MAAQ~~,CAAE,CAAC,~~EACnDN~~,KAAK,gBAAG,IAAAR,WAAA,CAAAuB,GAAA;~~QAAMF~~,~~IAAI~~,~~EAAC~~,~~eAAe~~;~~QAACD~~,~~OAAO~~,~~EAAEZ~~;~~MAAM~~,CAAE,CAAC,GAAG,IAAI,~~EAE5DC~~,QAAQ,~~gBACN~~,IAAAT,WAAA,CAAAuB,GAAA;~~QAAMF~~,~~IAAI,EAAC,cAAc;QAACD,~~OAAO,EAAE,IAAIX,QAAQ;~~MAAG~~,CAAE,CAAC,~~GACnD~~,IAAI,eAIV,~~IAAAT~~,WAAA,CAAAuB,GAAA;~~QAAMF~~,~~IAAI~~,~~EAAC~~,~~UAAU~~;~~QAACD~~,~~OAAO~~,~~EAAEP~~;~~MAAS~~,CAAE,CAAC,~~EACzCL~~,KAAK,gBAAG,IAAAR,WAAA,CAAAuB,GAAA;~~QAAMF~~,~~IAAI~~,~~EAAC~~,~~UAAU~~;~~QAACD~~,~~OAAO~~,~~EAAEZ~~;~~MAAM~~,CAAE,CAAC,GAAG,IAAI,~~EACvDA~~,KAAK,gBAAG,IAAAR,WAAA,CAAAuB,GAAA;~~QAAMF~~,~~IAAI~~,~~EAAC~~,~~cAAc~~;~~QAACD~~,~~OAAO~~,~~EAAEP~~;~~MAAS~~,CAAE,CAAC,GAAG,IAAI,eAChE,~~IAAAb~~,WAAA,CAAAuB,GAAA;~~QAAMF~~,~~IAAI~~,~~EAAC~~,~~gBAAgB~~;~~QAACD~~,~~OAAO~~,~~EAAEN~~;~~MAAQ~~,CAAE,CAAC,~~EAE9CL~~,QAAQ,~~gBAAI~~,IAAAT,WAAA,CAAAuB,GAAA;~~QAAMF~~,~~IAAI~~,~~EAAC~~,~~aAAa~~;~~QAACD~~,~~OAAO~~,~~EAAEX~~;~~MAAS~~,CAAE,CAAC,~~GAAI~~,IAAI,~~EAElEG~~,GAAG,~~gBAAI~~,IAAAZ,WAAA,CAAAuB,GAAA;~~QAAMF~~,~~IAAI~~,~~EAAC~~,~~QAAQ~~;~~QAACD~~,~~OAAO~~,~~EAAER~~;~~MAAI~~,CAAE,CAAC,~~GAAI~~,IAAI,~~EACpDK~~,KAAK;IAAA,CACA,CAAC,EAEPX,QAAQ,gBACN,IAAAN,WAAA,CAAAuB,GAAA,EAACtB,OAAO,CAAC0B,QAAQ;MAACC,KAAK,EAAEb,OAAQ;MAAAT,QAAA,EAC9BA;IAAQ,CACO,CAAC,GACjB,IAAI;EAAA,CAEV,CAAC;AAEP,CAAC;AAEDD,QAAQ,CAACJ,OAAO,GAAGA,OAAO;AAAC,IAAA4B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEZ1B,QAAQ","ignoreList":[]}
1	+ {"version":3,"file":"MetaTags.js","names":["_react","require","_reactHelmet","_jsxRuntime","Context","createContext","description","title","MetaTags","children","extraMetaTags","image","siteName","socialDescription","socialTitle","url","socTitle","socDesc","context","useMemo","extra","length","i","content","name","push","jsx","jsxs","Fragment","Helmet","Provider","value","_default","exports","default"],"sources":["../../../../src/shared/components/MetaTags.tsx"],"sourcesContent":["// TODO: Move this component to React Helmet library.\n\nimport {\n type Context as ContextT,\n type FunctionComponent,\n type ReactNode,\n createContext,\n useMemo,\n} from 'react';\n\nimport { Helmet } from '@dr.pogodin/react-helmet';\n\ntype PropsT = {\n children?: ReactNode;\n description: string;\n extraMetaTags?: Array<{\n content: string;\n name: string;\n }>;\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 Auxiliary wrapper around \"react-helmet\", which helps to inject meta tags\n * (page title, a brief content description, and social media thumbnails) into\n * generated pages.\n /\nconst MetaTags: FunctionComponent<PropsT> & {\n Context: ContextT<PropsT>;\n} = ({\n children,\n description,\n extraMetaTags,\n image,\n siteName,\n socialDescription,\n socialTitle,\n title,\n url,\n}) => {\n // NOTE: I guess, in this very case, we should prefer title and description\n // also to empty social title and decscription?\n / eslint-disable @typescript-eslint/prefer-nullish-coalescing /\n const socTitle = socialTitle \|\| title;\n const socDesc = socialDescription \|\| description;\n / eslint-enable @typescript-eslint/prefer-nullish-coalescing /\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 const extra: ReactNode[] = [];\n if (extraMetaTags?.length) {\n for (let i = 0; i < extraMetaTags.length; ++i) {\n const { content, name } = extraMetaTags[i]!;\n extra.push(\n <meta\n content={content}\n key={`extra-meta-tag-${i}`}\n name={name}\n />,\n );\n }\n }\n\n return (\n <>\n <Helmet>\n {/ General tags. /}\n <title>\n {title}\n </title>\n <meta content={description} name=\"description\" />\n\n {/ Twitter cards. /}\n <meta content=\"summary_large_image\" name=\"twitter:card\" />\n <meta content={socTitle} name=\"twitter:title\" />\n <meta content={socDesc} name=\"twitter:description\" />\n { image ? <meta content={image} name=\"twitter:image\" /> : null }\n {\n siteName\n ? <meta content={`@${siteName}`} name=\"twitter:site\" />\n : null\n }\n\n {/ Open Graph data. */}\n <meta content={socTitle} name=\"og:title\" />\n { image ? <meta content={image} name=\"og:image\" /> : null }\n { image ? <meta content={socTitle} name=\"og:image:alt\" /> : null }\n <meta content={socDesc} name=\"og:description\" />\n {\n siteName ? <meta content={siteName} name=\"og:sitename\" /> : null\n }\n { url ? <meta content={url} name=\"og:url\" /> : null }\n {extra}\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\nexport default MetaTags;\n"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AAQA,IAAAC,YAAA,GAAAD,OAAA;AAAkD,IAAAE,WAAA,GAAAF,OAAA;AAVlD;;AA2BA,MAAMG,OAAO,gBAAG,IAAAC,oBAAa,EAAS;EACpCC,WAAW,EAAE,EAAE;EACfC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA,MAAMC,QAEL,GAAGA,CAAC;EACHC,QAAQ;EACRH,WAAW;EACXI,aAAa;EACbC,KAAK;EACLC,QAAQ;EACRC,iBAAiB;EACjBC,WAAW;EACXP,KAAK;EACLQ;AACF,CAAC,KAAK;EACJ;EACA;EACA;EACA,MAAMC,QAAQ,GAAGF,WAAW,IAAIP,KAAK;EACrC,MAAMU,OAAO,GAAGJ,iBAAiB,IAAIP,WAAW;EAChD;;EAEA,MAAMY,OAAO,GAAG,IAAAC,cAAO,EAAC,OAAO;IAC7Bb,WAAW;IACXK,KAAK;IACLC,QAAQ;IACRC,iBAAiB;IACjBC,WAAW;IACXP,KAAK;IACLQ;EACF,CAAC,CAAC,EAAE,CACFT,WAAW,EACXK,KAAK,EACLC,QAAQ,EACRC,iBAAiB,EACjBC,WAAW,EACXP,KAAK,EACLQ,GAAG,CACJ,CAAC;EAEF,MAAMK,KAAkB,GAAG,EAAE;EAC7B,IAAIV,aAAa,EAAEW,MAAM,EAAE;IACzB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGZ,aAAa,CAACW,MAAM,EAAE,EAAEC,CAAC,EAAE;MAC7C,MAAM;QAAEC,OAAO;QAAEC;MAAK,CAAC,GAAGd,aAAa,CAACY,CAAC,CAAE;MAC3CF,KAAK,CAACK,IAAI,cACR,IAAAtB,WAAA,CAAAuB,GAAA;QACEH,OAAO,EAAEA,OAAQ;QAEjBC,IAAI,EAAEA;MAAK,GADN,kBAAkBF,CAAC,EAEzB,CACH,CAAC;IACH;EACF;EAEA,oBACE,IAAAnB,WAAA,CAAAwB,IAAA,EAAAxB,WAAA,CAAAyB,QAAA;IAAAnB,QAAA,gBACE,IAAAN,WAAA,CAAAwB,IAAA,EAACzB,YAAA,CAAA2B,MAAM;MAAApB,QAAA,gBAEL,IAAAN,WAAA,CAAAuB,GAAA;QAAAjB,QAAA,EACGF;MAAK,CACD,CAAC,eACR,IAAAJ,WAAA,CAAAuB,GAAA;QAAMH,OAAO,EAAEjB,WAAY;QAACkB,IAAI,EAAC;MAAa,CAAE,CAAC,eAGjD,IAAArB,WAAA,CAAAuB,GAAA;QAAMH,OAAO,EAAC,qBAAqB;QAACC,IAAI,EAAC;MAAc,CAAE,CAAC,eAC1D,IAAArB,WAAA,CAAAuB,GAAA;QAAMH,OAAO,EAAEP,QAAS;QAACQ,IAAI,EAAC;MAAe,CAAE,CAAC,eAChD,IAAArB,WAAA,CAAAuB,GAAA;QAAMH,OAAO,EAAEN,OAAQ;QAACO,IAAI,EAAC;MAAqB,CAAE,CAAC,EACnDb,KAAK,gBAAG,IAAAR,WAAA,CAAAuB,GAAA;QAAMH,OAAO,EAAEZ,KAAM;QAACa,IAAI,EAAC;MAAe,CAAE,CAAC,GAAG,IAAI,EAE5DZ,QAAQ,gBACJ,IAAAT,WAAA,CAAAuB,GAAA;QAAMH,OAAO,EAAE,IAAIX,QAAQ,EAAG;QAACY,IAAI,EAAC;MAAc,CAAE,CAAC,GACrD,IAAI,eAIV,IAAArB,WAAA,CAAAuB,GAAA;QAAMH,OAAO,EAAEP,QAAS;QAACQ,IAAI,EAAC;MAAU,CAAE,CAAC,EACzCb,KAAK,gBAAG,IAAAR,WAAA,CAAAuB,GAAA;QAAMH,OAAO,EAAEZ,KAAM;QAACa,IAAI,EAAC;MAAU,CAAE,CAAC,GAAG,IAAI,EACvDb,KAAK,gBAAG,IAAAR,WAAA,CAAAuB,GAAA;QAAMH,OAAO,EAAEP,QAAS;QAACQ,IAAI,EAAC;MAAc,CAAE,CAAC,GAAG,IAAI,eAChE,IAAArB,WAAA,CAAAuB,GAAA;QAAMH,OAAO,EAAEN,OAAQ;QAACO,IAAI,EAAC;MAAgB,CAAE,CAAC,EAE9CZ,QAAQ,gBAAG,IAAAT,WAAA,CAAAuB,GAAA;QAAMH,OAAO,EAAEX,QAAS;QAACY,IAAI,EAAC;MAAa,CAAE,CAAC,GAAG,IAAI,EAEhET,GAAG,gBAAG,IAAAZ,WAAA,CAAAuB,GAAA;QAAMH,OAAO,EAAER,GAAI;QAACS,IAAI,EAAC;MAAQ,CAAE,CAAC,GAAG,IAAI,EAClDJ,KAAK;IAAA,CACA,CAAC,EAEPX,QAAQ,gBACN,IAAAN,WAAA,CAAAuB,GAAA,EAACtB,OAAO,CAAC0B,QAAQ;MAACC,KAAK,EAAEb,OAAQ;MAAAT,QAAA,EAC9BA;IAAQ,CACO,CAAC,GACjB,IAAI;EAAA,CAEV,CAAC;AAEP,CAAC;AAEDD,QAAQ,CAACJ,OAAO,GAAGA,OAAO;AAAC,IAAA4B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEZ1B,QAAQ","ignoreList":[]}

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

@@ -81,13 +81,14 @@ const BaseModal = ({
   }, [dontDisableScrolling]);
   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();
+        elems[i].focus();
         if (document.activeElement === elems[i]) return;
       }
       overlayRef.current?.focus();
     }
+    // TODO: Have a look at this later.
     // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
     ,
     tabIndex: 0
@@ -119,11 +120,16 @@ const BaseModal = ({
       style: overlayStyle,
       tabIndex: 0
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      // eslint-disable-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
       "aria-modal": "true",
       className: theme.container,
       "data-testid": process.env.NODE_ENV === 'production' ? undefined : testId,
-      onClick: e => e.stopPropagation(),
-      onWheel: event => event.stopPropagation(),
+      onClick: e => {
+        e.stopPropagation();
+      },
+      onWheel: event => {
+        event.stopPropagation();
+      },
       ref: containerRef,
       role: "dialog",
       style: style ?? containerStyle,
@@ -132,9 +138,10 @@ const BaseModal = ({
       onFocus: () => {
         overlayRef.current?.focus();
       }
-      /* eslint-disable jsx-a11y/no-noninteractive-tabindex */,
+      // TODO: Have a look at this later.
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+      ,
       tabIndex: 0
-      /* eslint-enable jsx-a11y/no-noninteractive-tabindex */
     }), focusLast]
   }), portal) : null;
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["_react","require","_reactDom","_interopRequireDefault","_reactThemes","_jsxRuntime","baseTheme","S","BaseModal","cancelOnScrolling","children","containerStyle","dontDisableScrolling","onCancel","overlayStyle","style","testId","testIdForOverlay","theme","containerRef","useRef","overlayRef","portal","setPortal","useState","useEffect","p","document","createElement","body","appendChild","removeChild","window","addEventListener","removeEventListener","classList","add","scrollingDisabledByModal","remove","focusLast","useMemo","jsx","onFocus","elems","current","querySelectorAll","i","length","focus","activeElement","tabIndex","ReactDom","createPortal","jsxs","Fragment","className","overlay","process","env","NODE_ENV","undefined","onClick","e","stopPropagation","onKeyDown","key","ref","node","role","container","onWheel","event","exports","_default","default","themed"],"sources":["../../../../../src/shared/components/Modal/index.tsx"],"sourcesContent":["import {\n type CSSProperties,\n type FunctionComponent,\n type ReactNode,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport ReactDom from 'react-dom';\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport baseTheme from './base-theme.scss';\nimport S from './styles.scss';\n\ntype PropsT = {\n cancelOnScrolling?: boolean;\n children?: ReactNode;\n dontDisableScrolling?: boolean;\n onCancel?: () => void;\n overlayStyle?: CSSProperties;\n style?: CSSProperties;\n testId?: string;\n testIdForOverlay?: string;\n theme: Theme<'container' \| 'overlay'>;\n\n /** @deprecated /\n containerStyle?: CSSProperties;\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: FunctionComponent<PropsT> = ({\n cancelOnScrolling,\n children,\n containerStyle,\n dontDisableScrolling,\n onCancel,\n overlayStyle,\n style,\n testId,\n testIdForOverlay,\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.appendChild(p);\n setPortal(p);\n return () => {\n document.body.removeChild(p);\n };\n }, []);\n\n // Sets up modal cancellation of scrolling, if opted-in.\n useEffect(() => {\n if (cancelOnScrolling && onCancel) {\n window.addEventListener('scroll', onCancel);\n window.addEventListener('wheel', onCancel);\n }\n return () => {\n if (cancelOnScrolling && onCancel) {\n window.removeEventListener('scroll', onCancel);\n window.removeEventListener('wheel', onCancel);\n }\n };\n }, [cancelOnScrolling, onCancel]);\n\n // Disables window scrolling, if it is not opted-out.\n useEffect(() => {\n if (!dontDisableScrolling) {\n document.body.classList.add(S.scrollingDisabledByModal);\n }\n return () => {\n if (!dontDisableScrolling) {\n document.body.classList.remove(S.scrollingDisabledByModal);\n }\n };\n }, [dontDisableScrolling]);\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-next-line jsx-a11y/no-noninteractive-tabindex\n tabIndex={0}\n />\n ), []);\n\n return portal ? ReactDom.createPortal(\n (\n <>\n {focusLast}\n <div\n aria-label=\"Cancel\"\n className={theme.overlay}\n data-testid={\n process.env.NODE_ENV === 'production'\n ? undefined : testIdForOverlay\n }\n onClick={(e) => {\n if (onCancel) {\n onCancel();\n e.stopPropagation();\n }\n }}\n onKeyDown={(e) => {\n if (e.key === 'Escape' && onCancel) {\n onCancel();\n e.stopPropagation();\n }\n }}\n ref={(node) => {\n if (node && node !== overlayRef.current) {\n overlayRef.current = node;\n node.focus();\n }\n }}\n role=\"button\"\n style={overlayStyle}\n tabIndex={0}\n />\n {\n // NOTE: These rules are disabled because our intention is to keep\n // the element non-interactive (thus not on the keyboard focus chain),\n // and it has `onClick` handler merely to stop propagation of click\n // events to its parent container. This is needed because, for example\n // when the modal is wrapped into an interactive element we don't want\n // any clicks inside the modal to bubble-up to that parent element\n // (because visually and logically the modal dialog does not belong\n // to its parent container, where it technically belongs from\n // the HTML mark-up perpective).\n /* eslint-disable jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-noninteractive-element-interactions /\n }\n <div\n aria-modal=\"true\"\n className={theme.container}\n data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n onClick={(e) => e.stopPropagation()}\n onWheel={(event) => event.stopPropagation()}\n ref={containerRef}\n role=\"dialog\"\n style={style ?? containerStyle}\n >\n {children}\n </div>\n {/ eslint-enable jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-noninteractive-element-interactions /}\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\nexport default themed(BaseModal, 'Modal', baseTheme);\n\n/ Non-themed version of the Modal. */\nexport { BaseModal };\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["_react","require","_reactDom","_interopRequireDefault","_reactThemes","_jsxRuntime","baseTheme","S","BaseModal","cancelOnScrolling","children","containerStyle","dontDisableScrolling","onCancel","overlayStyle","style","testId","testIdForOverlay","theme","containerRef","useRef","overlayRef","portal","setPortal","useState","useEffect","p","document","createElement","body","appendChild","removeChild","window","addEventListener","removeEventListener","classList","add","scrollingDisabledByModal","remove","focusLast","useMemo","jsx","onFocus","elems","current","querySelectorAll","i","length","focus","activeElement","tabIndex","ReactDom","createPortal","jsxs","Fragment","className","overlay","process","env","NODE_ENV","undefined","onClick","e","stopPropagation","onKeyDown","key","ref","node","role","container","onWheel","event","exports","_default","default","themed"],"sources":["../../../../../src/shared/components/Modal/index.tsx"],"sourcesContent":["import {\n type CSSProperties,\n type FunctionComponent,\n type ReactNode,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport ReactDom from 'react-dom';\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport baseTheme from './base-theme.scss';\nimport S from './styles.scss';\n\ntype PropsT = {\n cancelOnScrolling?: boolean;\n children?: ReactNode;\n dontDisableScrolling?: boolean;\n onCancel?: () => void;\n overlayStyle?: CSSProperties;\n style?: CSSProperties;\n testId?: string;\n testIdForOverlay?: string;\n theme: Theme<'container' \| 'overlay'>;\n\n /** @deprecated /\n containerStyle?: CSSProperties;\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: FunctionComponent<PropsT> = ({\n cancelOnScrolling,\n children,\n containerStyle,\n dontDisableScrolling,\n onCancel,\n overlayStyle,\n style,\n testId,\n testIdForOverlay,\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.appendChild(p);\n setPortal(p);\n return () => {\n document.body.removeChild(p);\n };\n }, []);\n\n // Sets up modal cancellation of scrolling, if opted-in.\n useEffect(() => {\n if (cancelOnScrolling && onCancel) {\n window.addEventListener('scroll', onCancel);\n window.addEventListener('wheel', onCancel);\n }\n return () => {\n if (cancelOnScrolling && onCancel) {\n window.removeEventListener('scroll', onCancel);\n window.removeEventListener('wheel', onCancel);\n }\n };\n }, [cancelOnScrolling, onCancel]);\n\n // Disables window scrolling, if it is not opted-out.\n useEffect(() => {\n if (!dontDisableScrolling) {\n document.body.classList.add(S.scrollingDisabledByModal);\n }\n return () => {\n if (!dontDisableScrolling) {\n document.body.classList.remove(S.scrollingDisabledByModal);\n }\n };\n }, [dontDisableScrolling]);\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] as HTMLElement).focus();\n if (document.activeElement === elems[i]) return;\n }\n overlayRef.current?.focus();\n }}\n // TODO: Have a look at this later.\n // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n tabIndex={0}\n />\n ), []);\n\n return portal ? ReactDom.createPortal(\n (\n <>\n {focusLast}\n <div\n aria-label=\"Cancel\"\n className={theme.overlay}\n data-testid={\n process.env.NODE_ENV === 'production'\n ? undefined : testIdForOverlay\n }\n onClick={(e) => {\n if (onCancel) {\n onCancel();\n e.stopPropagation();\n }\n }}\n onKeyDown={(e) => {\n if (e.key === 'Escape' && onCancel) {\n onCancel();\n e.stopPropagation();\n }\n }}\n ref={(node) => {\n if (node && node !== overlayRef.current) {\n overlayRef.current = node;\n node.focus();\n }\n }}\n role=\"button\"\n style={overlayStyle}\n tabIndex={0}\n />\n {\n // NOTE: These rules are disabled because our intention is to keep\n // the element non-interactive (thus not on the keyboard focus chain),\n // and it has `onClick` handler merely to stop propagation of click\n // events to its parent container. This is needed because, for example\n // when the modal is wrapped into an interactive element we don't want\n // any clicks inside the modal to bubble-up to that parent element\n // (because visually and logically the modal dialog does not belong\n // to its parent container, where it technically belongs from\n // the HTML mark-up perpective).\n }\n <div // eslint-disable-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions\n aria-modal=\"true\"\n className={theme.container}\n data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n onClick={(e) => {\n e.stopPropagation();\n }}\n onWheel={(event) => {\n event.stopPropagation();\n }}\n ref={containerRef}\n role=\"dialog\"\n style={style ?? containerStyle}\n >\n {children}\n </div>\n <div\n onFocus={() => {\n overlayRef.current?.focus();\n }}\n // TODO: Have a look at this later.\n // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n tabIndex={0}\n />\n {focusLast}\n </>\n ),\n portal,\n ) : null;\n};\n\nexport default themed(BaseModal, 'Modal', baseTheme);\n\n/* Non-themed version of the Modal. */\nexport { BaseModal };\n"],"mappings":"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","ignoreList":[]}

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

@@ -8,13 +8,13 @@ exports.default = void 0;
 var _reactRouter = require("react-router");
 var _GenericLink = _interopRequireDefault(require("./GenericLink"));
 var _jsxRuntime = require("react/jsx-runtime");
-const NavLink = props =>
-/*#__PURE__*/
-/* eslint-disable react/jsx-props-no-spreading */
-(0, _jsxRuntime.jsx)(_GenericLink.default, {
+const NavLink = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GenericLink.default
+// TODO: I guess, we better re-write it to avoid the props spreading,
+// but no need to spend time on it right now.
+// eslint-disable-next-line react/jsx-props-no-spreading
+, {
   ...props,
   routerLinkType: _reactRouter.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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavLink.js","names":["_reactRouter","require","_GenericLink","_interopRequireDefault","_jsxRuntime","NavLink","props","jsx","default","routerLinkType","RrNavLink","_default","exports"],"sources":["../../../../src/shared/components/NavLink.tsx"],"sourcesContent":["import { type NavLinkProps, NavLink as RrNavLink } from 'react-router';\n\nimport GenericLink, { type PropsT as GenericLinkPropsT } from './GenericLink';\n\ntype PropsT = Omit<GenericLinkPropsT, 'routerLinkType'> & NavLinkProps;\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,YAAA,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","ignoreList":[]}
1	+ {"version":3,"file":"NavLink.js","names":["_reactRouter","require","_GenericLink","_interopRequireDefault","_jsxRuntime","NavLink","props","jsx","default","routerLinkType","RrNavLink","_default","exports"],"sources":["../../../../src/shared/components/NavLink.tsx"],"sourcesContent":["import { type NavLinkProps, NavLink as RrNavLink } from 'react-router';\n\nimport GenericLink, { type PropsT as GenericLinkPropsT } from './GenericLink';\n\ntype PropsT = Omit<GenericLinkPropsT, 'routerLinkType'> & NavLinkProps;\n\nconst NavLink: React.FunctionComponent<PropsT>\n = (props) => (\n <GenericLink\n // TODO: I guess, we better re-write it to avoid the props spreading,\n // but no need to spend time on it right now.\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...props}\n routerLinkType={RrNavLink}\n />\n );\n\nexport default NavLink;\n"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA8E,IAAAG,WAAA,GAAAH,OAAA;AAI9E,MAAMI,OAAwC,GACzCC,KAAK,iBACN,IAAAF,WAAA,CAAAG,GAAA,EAACL,YAAA,CAAAM;AACC;AACA;AACA;AAAA;EAAA,GACIF,KAAK;EACTG,cAAc,EAAEC;AAAU,CAC3B,CACF;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEWH,OAAO","ignoreList":[]}

package/build/development/shared/components/TextArea/index.js CHANGED Viewed

@@ -27,7 +27,7 @@ const TextArea = ({
 }) => {
   const hiddenAreaRef = (0, _react.useRef)(null);
   const [height, setHeight] = (0, _react.useState)();
-  const [localValue, setLocalValue] = (0, _react.useState)(value || '');
+  const [localValue, setLocalValue] = (0, _react.useState)(value ?? '');
   if (value !== undefined && localValue !== value) setLocalValue(value);
   // This resizes text area's height when its width is changed for any reason.
@@ -52,16 +52,20 @@ const TextArea = ({
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: theme.container,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
+      className: `${theme.textarea} ${theme.hidden}`
       // This text area is hidden underneath the primary one below,
       // and it is used for text measurements, to implement auto-scaling
       // of the primary textarea's height.
+      ,
       readOnly: true,
       ref: hiddenAreaRef,
-      className: `${theme.textarea} ${theme.hidden}`,
       value: localValue
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
+      className: theme.textarea,
       disabled: disabled,
       onBlur: onBlur
       // When value is "undefined" the text area is not-managed, and we should
       // manage it internally for the measurement / resizing functionality
       // to work.
@@ -74,7 +78,6 @@ const TextArea = ({
       style: {
         height
       },
-      className: theme.textarea,
       value: localValue
     })]
   });

package/build/development/shared/components/TextArea/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["_react","require","_reactThemes","_interopRequireDefault","_jsxRuntime","defaultTheme","TextArea","disabled","onBlur","onChange","onKeyDown","placeholder","theme","value","hiddenAreaRef","useRef","height","setHeight","useState","localValue","setLocalValue","undefined","useEffect","el","current","cb","scrollHeight","observer","ResizeObserver","observe","disconnect","jsxs","className","container","children","jsx","~~readOnly~~","~~ref~~","~~textarea~~","~~hidden~~","e","target","style","_default","exports","default","themed"],"sources":["../../../../../src/shared/components/TextArea/index.tsx"],"sourcesContent":["import {\n type FocusEventHandler,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './style.scss';\n\ntype ThemeKeyT =\n \| 'container'\n \| 'hidden'\n \| 'textarea';\n\ntype Props = {\n disabled?: boolean;\n onBlur?: FocusEventHandler<HTMLTextAreaElement>;\n onChange?: ~~React.~~ChangeEventHandler<HTMLTextAreaElement>;\n onKeyDown?: ~~React.~~KeyboardEventHandler<HTMLTextAreaElement>;\n placeholder?: string;\n theme: Theme<ThemeKeyT>;\n value?: string;\n};\n\nconst TextArea: ~~React.~~FunctionComponent<Props> = ({\n disabled,\n onBlur,\n onChange,\n onKeyDown,\n placeholder,\n theme,\n value,\n}) => {\n const hiddenAreaRef = useRef<HTMLTextAreaElement>(null);\n const [height, setHeight] = useState<number \| undefined>();\n\n const [localValue, setLocalValue] = useState(value \|\| '');\n if (value !== undefined && localValue !== value) setLocalValue(value);\n\n // This resizes text area's height when its width is changed for any reason.\n useEffect(() => {\n const el = hiddenAreaRef.current;\n if (!el) return undefined;\n\n const cb = () => {\n setHeight(el.scrollHeight);\n };\n const observer = new ResizeObserver(cb);\n observer.observe(el);\n\n return () => {\n observer.disconnect();\n };\n }, []);\n\n // This resizes the text area when its content is modified.\n useEffect(() => {\n const el = hiddenAreaRef.current;\n if (el) setHeight(el.scrollHeight);\n }, [localValue]);\n\n return (\n <div className={theme.container}>\n <textarea\n // This text area is hidden underneath the primary one below,\n // and it is used for text measurements, to implement auto-scaling\n // of the primary textarea's height.\n readOnly\n ref={hiddenAreaRef}\n ~~className={`${theme.textarea} ${theme.hidden}`}\n~~ value={localValue}\n />\n <textarea\n disabled={disabled}\n onBlur={onBlur}\n // When value is \"undefined\" the text area is not-managed, and we should\n // manage it internally for the measurement / resizing functionality\n // to work.\n onChange={value === undefined ? ((e) => {\n setLocalValue(e.target.value);\n }) : onChange}\n onKeyDown={onKeyDown}\n placeholder={placeholder}\n style={{ height }}\n ~~className={theme.textarea}\n~~ value={localValue}\n />\n </div>\n );\n};\n\nexport default themed(TextArea, 'TextArea', defaultTheme);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;~~AAOA~~,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA8D,IAAAG,WAAA,GAAAH,OAAA;AAAA,MAAAI,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAmB9D,MAAMC,~~QAAwC~~,GAAGA,CAAC;~~EAChDC~~,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACRC,SAAS;EACTC,WAAW;EACXC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAAsB,IAAI,CAAC;EACvD,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAqB,CAAC;EAE1D,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAF,eAAQ,EAACL,KAAK,IAAI,EAAE,CAAC;EACzD,IAAIA,KAAK,KAAKQ,SAAS,IAAIF,UAAU,KAAKN,KAAK,EAAEO,aAAa,CAACP,KAAK,CAAC;;EAErE;EACA,IAAAS,gBAAS,EAAC,MAAM;IACd,MAAMC,EAAE,GAAGT,aAAa,CAACU,OAAO;IAChC,IAAI,CAACD,EAAE,EAAE,OAAOF,SAAS;IAEzB,MAAMI,EAAE,GAAGA,CAAA,KAAM;MACfR,SAAS,CAACM,EAAE,CAACG,YAAY,CAAC;IAC5B,CAAC;IACD,MAAMC,QAAQ,GAAG,IAAIC,cAAc,CAACH,EAAE,CAAC;IACvCE,QAAQ,CAACE,OAAO,CAACN,EAAE,CAAC;IAEpB,OAAO,MAAM;MACXI,QAAQ,CAACG,UAAU,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,IAAAR,gBAAS,EAAC,MAAM;IACd,MAAMC,EAAE,GAAGT,aAAa,CAACU,OAAO;IAChC,IAAID,EAAE,EAAEN,SAAS,CAACM,EAAE,CAACG,YAAY,CAAC;EACpC,CAAC,EAAE,CAACP,UAAU,CAAC,CAAC;EAEhB,oBACE,IAAAf,WAAA,CAAA2B,IAAA;IAAKC,SAAS,EAAEpB,KAAK,CAACqB,SAAU;IAAAC,QAAA,gBAC9B,IAAA9B,WAAA,CAAA+B,GAAA;~~MACE;MACA;MACA;MACAC~~,~~QAAQ;MACRC,GAAG,EAAEvB,aAAc;MACnBkB,~~SAAS,EAAE,GAAGpB,KAAK,~~CAAC0B~~,QAAQ,~~IAAI1B~~,KAAK,~~CAAC2B~~,MAAM,~~EAAG~~;~~MAC/C1B~~,KAAK,EAAEM;IAAW,CACnB,CAAC,eACF,IAAAf,WAAA,CAAA+B,GAAA;~~MACE5B~~,QAAQ,EAAEA,QAAS;MACnBC,MAAM,EAAEA;~~MACR;~~MACA;MACA;MAAA;MACAC,QAAQ,~~EAAEI~~,KAAK,KAAKQ,SAAS,~~GAAKmB~~,CAAC,IAAK;~~QACtCpB~~,aAAa,CAACoB,CAAC,CAACC,MAAM,CAAC5B,KAAK,CAAC;MAC/B,CAAC,~~GAAIJ~~,~~QAAS~~;~~MACdC~~,SAAS,EAAEA,SAAU;MACrBC,WAAW,EAAEA,WAAY;MACzB+B,KAAK,EAAE;QAAE1B;MAAO,CAAE;~~MAClBgB~~,~~SAAS,EAAEpB,~~KAAK,~~CAAC0B,QAAS;MAC1BzB,KAAK,~~EAAEM;IAAW,CACnB,CAAC;EAAA,CACC,CAAC;AAEV,CAAC;AAAC,IAAAwB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,oBAAM,EAACxC,QAAQ,EAAE,UAAU,EAAED,YAAY,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["_react","require","_reactThemes","_interopRequireDefault","_jsxRuntime","defaultTheme","TextArea","disabled","onBlur","onChange","onKeyDown","placeholder","theme","value","hiddenAreaRef","useRef","height","setHeight","useState","localValue","setLocalValue","undefined","useEffect","el","current","cb","scrollHeight","observer","ResizeObserver","observe","disconnect","jsxs","className","container","children","jsx","textarea","hidden","readOnly","ref","e","target","style","_default","exports","default","themed"],"sources":["../../../../../src/shared/components/TextArea/index.tsx"],"sourcesContent":["import {\n type ChangeEventHandler,\n type FocusEventHandler,\n type FunctionComponent,\n type KeyboardEventHandler,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './style.scss';\n\ntype ThemeKeyT =\n \| 'container'\n \| 'hidden'\n \| 'textarea';\n\ntype Props = {\n disabled?: boolean;\n onBlur?: FocusEventHandler<HTMLTextAreaElement>;\n onChange?: ChangeEventHandler<HTMLTextAreaElement>;\n onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;\n placeholder?: string;\n theme: Theme<ThemeKeyT>;\n value?: string;\n};\n\nconst TextArea: FunctionComponent<Props> = ({\n disabled,\n onBlur,\n onChange,\n onKeyDown,\n placeholder,\n theme,\n value,\n}) => {\n const hiddenAreaRef = useRef<HTMLTextAreaElement>(null);\n const [height, setHeight] = useState<number \| undefined>();\n\n const [localValue, setLocalValue] = useState(value ?? '');\n if (value !== undefined && localValue !== value) setLocalValue(value);\n\n // This resizes text area's height when its width is changed for any reason.\n useEffect(() => {\n const el = hiddenAreaRef.current;\n if (!el) return undefined;\n\n const cb = () => {\n setHeight(el.scrollHeight);\n };\n const observer = new ResizeObserver(cb);\n observer.observe(el);\n\n return () => {\n observer.disconnect();\n };\n }, []);\n\n // This resizes the text area when its content is modified.\n useEffect(() => {\n const el = hiddenAreaRef.current;\n if (el) setHeight(el.scrollHeight);\n }, [localValue]);\n\n return (\n <div className={theme.container}>\n <textarea\n className={`${theme.textarea} ${theme.hidden}`}\n\n // This text area is hidden underneath the primary one below,\n // and it is used for text measurements, to implement auto-scaling\n // of the primary textarea's height.\n readOnly\n ref={hiddenAreaRef}\n value={localValue}\n />\n <textarea\n className={theme.textarea}\n disabled={disabled}\n onBlur={onBlur}\n\n // When value is \"undefined\" the text area is not-managed, and we should\n // manage it internally for the measurement / resizing functionality\n // to work.\n onChange={\n value === undefined\n ? (e) => {\n setLocalValue(e.target.value);\n } : onChange\n }\n onKeyDown={onKeyDown}\n placeholder={placeholder}\n style={{ height }}\n value={localValue}\n />\n </div>\n );\n};\n\nexport default themed(TextArea, 'TextArea', defaultTheme);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAUA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA8D,IAAAG,WAAA,GAAAH,OAAA;AAAA,MAAAI,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAmB9D,MAAMC,QAAkC,GAAGA,CAAC;EAC1CC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACRC,SAAS;EACTC,WAAW;EACXC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAAsB,IAAI,CAAC;EACvD,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAqB,CAAC;EAE1D,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAF,eAAQ,EAACL,KAAK,IAAI,EAAE,CAAC;EACzD,IAAIA,KAAK,KAAKQ,SAAS,IAAIF,UAAU,KAAKN,KAAK,EAAEO,aAAa,CAACP,KAAK,CAAC;;EAErE;EACA,IAAAS,gBAAS,EAAC,MAAM;IACd,MAAMC,EAAE,GAAGT,aAAa,CAACU,OAAO;IAChC,IAAI,CAACD,EAAE,EAAE,OAAOF,SAAS;IAEzB,MAAMI,EAAE,GAAGA,CAAA,KAAM;MACfR,SAAS,CAACM,EAAE,CAACG,YAAY,CAAC;IAC5B,CAAC;IACD,MAAMC,QAAQ,GAAG,IAAIC,cAAc,CAACH,EAAE,CAAC;IACvCE,QAAQ,CAACE,OAAO,CAACN,EAAE,CAAC;IAEpB,OAAO,MAAM;MACXI,QAAQ,CAACG,UAAU,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,IAAAR,gBAAS,EAAC,MAAM;IACd,MAAMC,EAAE,GAAGT,aAAa,CAACU,OAAO;IAChC,IAAID,EAAE,EAAEN,SAAS,CAACM,EAAE,CAACG,YAAY,CAAC;EACpC,CAAC,EAAE,CAACP,UAAU,CAAC,CAAC;EAEhB,oBACE,IAAAf,WAAA,CAAA2B,IAAA;IAAKC,SAAS,EAAEpB,KAAK,CAACqB,SAAU;IAAAC,QAAA,gBAC9B,IAAA9B,WAAA,CAAA+B,GAAA;MACEH,SAAS,EAAE,GAAGpB,KAAK,CAACwB,QAAQ,IAAIxB,KAAK,CAACyB,MAAM;;MAE5C;MACA;MACA;MAAA;MACAC,QAAQ;MACRC,GAAG,EAAEzB,aAAc;MACnBD,KAAK,EAAEM;IAAW,CACnB,CAAC,eACF,IAAAf,WAAA,CAAA+B,GAAA;MACEH,SAAS,EAAEpB,KAAK,CAACwB,QAAS;MAC1B7B,QAAQ,EAAEA,QAAS;MACnBC,MAAM,EAAEA;;MAER;MACA;MACA;MAAA;MACAC,QAAQ,EACNI,KAAK,KAAKQ,SAAS,GACdmB,CAAC,IAAK;QACPpB,aAAa,CAACoB,CAAC,CAACC,MAAM,CAAC5B,KAAK,CAAC;MAC/B,CAAC,GAAGJ,QACP;MACDC,SAAS,EAAEA,SAAU;MACrBC,WAAW,EAAEA,WAAY;MACzB+B,KAAK,EAAE;QAAE1B;MAAO,CAAE;MAClBH,KAAK,EAAEM;IAAW,CACnB,CAAC;EAAA,CACC,CAAC;AAEV,CAAC;AAAC,IAAAwB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,oBAAM,EAACxC,QAAQ,EAAE,UAAU,EAAED,YAAY,CAAC","ignoreList":[]}