npm - @dr.pogodin/react-utils - Versions diffs - 1.47.5 → 1.48.0 - Mend

@dr.pogodin/react-utils 1.47.5 → 1.48.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 (123) hide show

package/build/web/shared/components/YouTubeVideo/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import qs from 'qs';
-import themed from '@dr.pogodin/react-themes';
+import { useTheme } from '@dr.pogodin/react-themes';
 import Throbber from "../Throbber";
-import baseTheme from "./base.scss";
+import defaultTheme from "./base.scss";
 import throbberTheme from "./throbber.scss";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
@@ -25,6 +25,7 @@ const YouTubeVideo = ({
   theme,
   title
 }) => {
+  const custom = useTheme('YouTubeVideo', defaultTheme, theme);
   const srcParts = src.split('?');
   let [url] = srcParts;
   const [, queryString] = srcParts;
@@ -39,18 +40,18 @@ const YouTubeVideo = ({
   // More query parameters can be exposed via the component props.
   return /*#__PURE__*/_jsxs("div", {
-    className: theme.container,
+    className: custom.container,
     children: [/*#__PURE__*/_jsx(Throbber, {
       theme: throbberTheme
     }), /*#__PURE__*/_jsx("iframe", {
       // eslint-disable-line react/iframe-missing-sandbox
       allow: "autoplay",
       allowFullScreen: true,
-      className: theme.video,
+      className: custom.video,
       src: url,
       title: title
     })]
   });
 };
-export default /* #__PURE__ */themed(YouTubeVideo, 'YouTubeVideo', baseTheme);
+export default YouTubeVideo;
 //# sourceMappingURL=index.js.map

package/build/web/shared/components/YouTubeVideo/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["qs","~~themed~~","Throbber","~~baseTheme~~","throbberTheme","jsx","_jsx","jsxs","_jsxs","YouTubeVideo","autoplay","src","theme","title","srcParts","split","url","queryString","query","parse","videoId","v","match","stringify","className","container","children","allow","allowFullScreen","video"],"sources":["../../../../../src/shared/components/YouTubeVideo/index.tsx"],"sourcesContent":["import qs from 'qs';\n\nimport ~~themed,~~ { type Theme } from '@dr.pogodin/react-themes';\n\nimport Throbber from 'components/Throbber';\n\nimport ~~baseTheme~~ from './base.scss';\nimport throbberTheme from './throbber.scss';\n\ntype ~~ComponentThemeT~~ = Theme<'container' \| 'video'>;\n\ntype PropsT = {\n autoplay?: boolean;\n src: string;\n theme: ~~ComponentThemeT~~;\n title?: string;\n};\n\n/*\n A component for embeding a YouTube video.\n * @param [props] Component properties.\n * @param [props.autoplay] If `true` the video will start to play\n * automatically once loaded.\n * @param [props.src] URL of the video to play. Can be in any of\n * the following formats, and keeps any additional query parameters understood\n * by the YouTube IFrame player:\n * - `https://www.youtube.com/watch?v=NdF6Rmt6Ado`\n * - `https://youtu.be/NdF6Rmt6Ado`\n * - `https://www.youtube.com/embed/NdF6Rmt6Ado`\n * @param [props.theme] _Ad hoc_ theme.\n * @param [props.title] The `title` attribute to add to the player\n * IFrame.\n /\nconst YouTubeVideo: ~~React.~~FunctionComponent<PropsT> = ({\n autoplay,\n src,\n theme,\n title,\n}) => {\n const srcParts = src.split('?');\n let [url] = srcParts;\n const [, queryString] = srcParts;\n const query = queryString ? qs.parse(queryString) : {};\n\n const videoId = query.v ?? url?.match(/\\/([a-zA-Z0-9-_])$/)?.[1];\n url = `https://www.youtube.com/embed/${videoId as string}`;\n\n delete query.v;\n query.autoplay = autoplay ? '1' : '0';\n url += `?${qs.stringify(query)}`;\n\n // TODO: https://developers.google.com/youtube/player_parameters\n // More query parameters can be exposed via the component props.\n\n return (\n <div className={~~theme~~.container}>\n <Throbber theme={throbberTheme} />\n {/* TODO: I guess, we better add the sanbox, but right now I don't have\n time to carefully explore which restrictions should be lifted to allow\n embed YouTube player to work... sometime later we'll take care of it /\n }\n <iframe // eslint-disable-line react/iframe-missing-sandbox\n allow=\"autoplay\"\n allowFullScreen\n className={~~theme~~.video}\n src={url}\n title={title}\n />\n </div>\n );\n};\n\nexport default ~~/ #__PURE__ */ themed(~~YouTubeVideo~~, 'YouTubeVideo', baseTheme)~~;\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,IAAI;~~AAEnB~~,~~OAAOC~~,~~MAAM~~,~~MAAsB~~,0BAA0B;~~AAE7D~~,OAAOC,QAAQ;AAEf,OAAOC,~~SAAS~~;~~AAChB~~,OAAOC,aAAa;AAAwB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,~~YAA6C~~,GAAGA,CAAC;~~EACrDC~~,QAAQ;EACRC,GAAG;EACHC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,QAAQ,~~GAAGH~~,GAAG,~~CAACI~~,KAAK,CAAC,GAAG,CAAC;EAC/B,IAAI,CAACC,GAAG,CAAC,GAAGF,QAAQ;EACpB,MAAM,GAAGG,WAAW,CAAC,GAAGH,QAAQ;EAChC,MAAMI,KAAK,GAAGD,WAAW,~~GAAGjB~~,EAAE,~~CAACmB~~,KAAK,CAACF,WAAW,CAAC,GAAG,CAAC,CAAC;EAEtD,MAAMG,OAAO,GAAGF,KAAK,CAACG,CAAC,IAAIL,GAAG,EAAEM,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;EACjEN,GAAG,GAAG,iCAAiCI,OAAO,EAAY;EAE1D,OAAOF,KAAK,CAACG,CAAC;EACdH,KAAK,~~CAACR~~,QAAQ,GAAGA,QAAQ,GAAG,GAAG,GAAG,GAAG;~~EACrCM~~,GAAG,IAAI,~~IAAIhB~~,EAAE,~~CAACuB~~,SAAS,CAACL,KAAK,CAAC,EAAE;;EAEhC;EACA;;EAEA,~~oBACEV~~,KAAA;~~IAAKgB~~,SAAS,~~EAAEZ~~,~~KAAK~~,~~CAACa~~,SAAU;IAAAC,QAAA,~~gBAC9BpB~~,IAAA,CAACJ,QAAQ;MAACU,KAAK,EAAER;IAAc,CAAE,CAAC,eAKlCE,IAAA;MAAQ;~~MACNqB~~,KAAK,EAAC,UAAU;MAChBC,eAAe;MACfJ,SAAS,~~EAAEZ~~,~~KAAK~~,~~CAACiB~~,KAAM;~~MACvBlB~~,GAAG,~~EAAEK~~,GAAI;~~MACTH~~,KAAK,EAAEA;IAAM,CACd,CAAC;EAAA,CACC,CAAC;AAEV,CAAC;AAED,~~eAAe~~,~~eAAgBZ,MAAM,CAACQ,~~YAAY~~,EAAE,cAAc,EAAEN,SAAS,CAAC~~","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["qs","useTheme","Throbber","defaultTheme","throbberTheme","jsx","_jsx","jsxs","_jsxs","YouTubeVideo","autoplay","src","theme","title","custom","srcParts","split","url","queryString","query","parse","videoId","v","match","stringify","className","container","children","allow","allowFullScreen","video"],"sources":["../../../../../src/shared/components/YouTubeVideo/index.tsx"],"sourcesContent":["import qs from 'qs';\nimport type { FunctionComponent } from 'react';\n\nimport { type Theme, useTheme } from '@dr.pogodin/react-themes';\n\nimport Throbber from 'components/Throbber';\n\nimport defaultTheme from './base.scss';\nimport throbberTheme from './throbber.scss';\n\ntype ThemeT = Theme<'container' \| 'video'>;\n\ntype PropsT = {\n autoplay?: boolean;\n src: string;\n theme?: ThemeT;\n title?: string;\n};\n\n/*\n A component for embeding a YouTube video.\n * @param [props] Component properties.\n * @param [props.autoplay] If `true` the video will start to play\n * automatically once loaded.\n * @param [props.src] URL of the video to play. Can be in any of\n * the following formats, and keeps any additional query parameters understood\n * by the YouTube IFrame player:\n * - `https://www.youtube.com/watch?v=NdF6Rmt6Ado`\n * - `https://youtu.be/NdF6Rmt6Ado`\n * - `https://www.youtube.com/embed/NdF6Rmt6Ado`\n * @param [props.theme] _Ad hoc_ theme.\n * @param [props.title] The `title` attribute to add to the player\n * IFrame.\n /\nconst YouTubeVideo: FunctionComponent<PropsT> = ({\n autoplay,\n src,\n theme,\n title,\n}) => {\n const custom = useTheme('YouTubeVideo', defaultTheme, theme);\n\n const srcParts = src.split('?');\n let [url] = srcParts;\n const [, queryString] = srcParts;\n const query = queryString ? qs.parse(queryString) : {};\n\n const videoId = query.v ?? url?.match(/\\/([a-zA-Z0-9-_])$/)?.[1];\n url = `https://www.youtube.com/embed/${videoId as string}`;\n\n delete query.v;\n query.autoplay = autoplay ? '1' : '0';\n url += `?${qs.stringify(query)}`;\n\n // TODO: https://developers.google.com/youtube/player_parameters\n // More query parameters can be exposed via the component props.\n\n return (\n <div className={custom.container}>\n <Throbber theme={throbberTheme} />\n {/* TODO: I guess, we better add the sanbox, but right now I don't have\n time to carefully explore which restrictions should be lifted to allow\n embed YouTube player to work... sometime later we'll take care of it */\n }\n <iframe // eslint-disable-line react/iframe-missing-sandbox\n allow=\"autoplay\"\n allowFullScreen\n className={custom.video}\n src={url}\n title={title}\n />\n </div>\n );\n};\n\nexport default YouTubeVideo;\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,IAAI;AAGnB,SAAqBC,QAAQ,QAAQ,0BAA0B;AAE/D,OAAOC,QAAQ;AAEf,OAAOC,YAAY;AACnB,OAAOC,aAAa;AAAwB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAuC,GAAGA,CAAC;EAC/CC,QAAQ;EACRC,GAAG;EACHC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGb,QAAQ,CAAC,cAAc,EAAEE,YAAY,EAAES,KAAK,CAAC;EAE5D,MAAMG,QAAQ,GAAGJ,GAAG,CAACK,KAAK,CAAC,GAAG,CAAC;EAC/B,IAAI,CAACC,GAAG,CAAC,GAAGF,QAAQ;EACpB,MAAM,GAAGG,WAAW,CAAC,GAAGH,QAAQ;EAChC,MAAMI,KAAK,GAAGD,WAAW,GAAGlB,EAAE,CAACoB,KAAK,CAACF,WAAW,CAAC,GAAG,CAAC,CAAC;EAEtD,MAAMG,OAAO,GAAGF,KAAK,CAACG,CAAC,IAAIL,GAAG,EAAEM,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;EACjEN,GAAG,GAAG,iCAAiCI,OAAO,EAAY;EAE1D,OAAOF,KAAK,CAACG,CAAC;EACdH,KAAK,CAACT,QAAQ,GAAGA,QAAQ,GAAG,GAAG,GAAG,GAAG;EACrCO,GAAG,IAAI,IAAIjB,EAAE,CAACwB,SAAS,CAACL,KAAK,CAAC,EAAE;;EAEhC;EACA;;EAEA,oBACEX,KAAA;IAAKiB,SAAS,EAAEX,MAAM,CAACY,SAAU;IAAAC,QAAA,gBAC/BrB,IAAA,CAACJ,QAAQ;MAACU,KAAK,EAAER;IAAc,CAAE,CAAC,eAKlCE,IAAA;MAAQ;MACNsB,KAAK,EAAC,UAAU;MAChBC,eAAe;MACfJ,SAAS,EAAEX,MAAM,CAACgB,KAAM;MACxBnB,GAAG,EAAEM,GAAI;MACTJ,KAAK,EAAEA;IAAM,CACd,CAAC;EAAA,CACC,CAAC;AAEV,CAAC;AAED,eAAeJ,YAAY","ignoreList":[]}

package/build/web/shared/components/selectors/CustomDropdown/index.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import "core-js/modules/es.iterator.constructor.js";
 import "core-js/modules/es.iterator.filter.js";
 import { useEffect, useRef, useState } from 'react';
-import themed from '@dr.pogodin/react-themes';
+import { useTheme } from '@dr.pogodin/react-themes';
 import { optionValueName } from "../common";
 import Options, { areEqual } from "./Options";
 import defaultTheme from "./theme.scss";
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const BaseCustomDropdown = ({
+const CustomDropdown = ({
   filter,
   label,
   onChange,
@@ -14,6 +14,7 @@ const BaseCustomDropdown = ({
   theme,
   value
 }) => {
+  const custom = useTheme('CustomDropdown', defaultTheme, theme);
   const [active, setActive] = useState(false);
   const dropdownRef = useRef(null);
   const opsRef = useRef(null);
@@ -78,20 +79,20 @@ const BaseCustomDropdown = ({
       }
     }
   }
-  let containerClassName = theme.container;
-  if (active) containerClassName += ` ${theme.active}`;
-  let opsContainerClass = theme.select ?? '';
+  let containerClassName = custom.container;
+  if (active) containerClassName += ` ${custom.active}`;
+  let opsContainerClass = custom.select ?? '';
   if (upward) {
-    containerClassName += ` ${theme.upward}`;
-    opsContainerClass += ` ${theme.upward}`;
+    containerClassName += ` ${custom.upward}`;
+    opsContainerClass += ` ${custom.upward}`;
   }
   return /*#__PURE__*/_jsxs("div", {
     className: containerClassName,
     children: [label === undefined ? null : /*#__PURE__*/_jsx("div", {
-      className: theme.label,
+      className: custom.label,
       children: label
     }), /*#__PURE__*/_jsxs("div", {
-      className: theme.dropdown,
+      className: custom.dropdown,
       onClick: openList,
       onKeyDown: e => {
         if (e.key === 'Enter') openList(e);
@@ -100,7 +101,7 @@ const BaseCustomDropdown = ({
       role: "listbox",
       tabIndex: 0,
       children: [selected, /*#__PURE__*/_jsx("div", {
-        className: theme.arrow
+        className: custom.arrow
       })]
     }), active ? /*#__PURE__*/_jsx(Options, {
       containerClass: opsContainerClass,
@@ -112,11 +113,11 @@ const BaseCustomDropdown = ({
         setActive(false);
         if (onChange) onChange(newValue);
       },
-      optionClass: theme.option ?? '',
+      optionClass: custom.option ?? '',
       options: options,
       ref: opsRef
     }) : null]
   });
 };
-export default /* #__PURE__ */themed(BaseCustomDropdown, 'CustomDropdown', defaultTheme);
+export default CustomDropdown;
 //# sourceMappingURL=index.js.map

package/build/web/shared/components/selectors/CustomDropdown/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["useEffect","useRef","useState","~~themed~~","optionValueName","Options","areEqual","defaultTheme","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","~~BaseCustomDropdown~~","filter","label","onChange","options","theme","value","active","setActive","dropdownRef","opsRef","opsPos","setOpsPos","upward","setUpward","undefined","id","cb","anchor","current","getBoundingClientRect","opsRect","measure","fitsDown","bottom","height","window","visualViewport","fitsUp","top","up","pos","left","width","now","requestAnimationFrame","cancelAnimationFrame","openList","e","view","rect","stopPropagation","selected","children","option","iValue","iName","containerClassName","container","opsContainerClass","select","className","dropdown","onClick","onKeyDown","key","ref","role","tabIndex","arrow","containerClass","containerStyle","onCancel","newValue","optionClass"],"sources":["../../../../../../src/shared/components/selectors/CustomDropdown/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport ~~themed~~ from '@dr.pogodin/react-themes';\n\nimport { type PropsT, type ValueT, optionValueName } from '../common';\n\nimport Options, { type ContainerPosT, type RefT, areEqual } from './Options';\n\nimport defaultTheme from './theme.scss';\n\nconst ~~BaseCustomDropdown~~: ~~React.~~FunctionComponent<\n PropsT<~~React.~~ReactNode, (value: ValueT) => void>\n> = ({\n filter,\n label,\n onChange,\n options,\n theme,\n value,\n}) => {\n const [active, setActive] = useState(false);\n\n const dropdownRef = useRef<HTMLDivElement>(null);\n const opsRef = useRef<RefT>(null);\n\n const [opsPos, setOpsPos] = useState<ContainerPosT>();\n const [upward, setUpward] = useState(false);\n\n useEffect(() => {\n if (!active) return undefined;\n\n let id: number;\n const cb = () => {\n const anchor = dropdownRef.current?.getBoundingClientRect();\n const opsRect = opsRef.current?.measure();\n if (anchor && opsRect) {\n const fitsDown = anchor.bottom + opsRect.height\n < (window.visualViewport?.height ?? 0);\n const fitsUp = anchor.top - opsRect.height > 0;\n\n const up = !fitsDown && fitsUp;\n setUpward(up);\n\n const pos = up ? {\n left: anchor.left,\n top: anchor.top - opsRect.height - 1,\n width: anchor.width,\n } : {\n left: anchor.left,\n top: anchor.bottom,\n width: anchor.width,\n };\n\n setOpsPos((now) => (areEqual(now, pos) ? now : pos));\n }\n id = requestAnimationFrame(cb);\n };\n requestAnimationFrame(cb);\n\n return () => {\n cancelAnimationFrame(id);\n };\n }, [active]);\n\n const openList = (\n e: React.KeyboardEvent<HTMLDivElement> \| React.MouseEvent<HTMLDivElement>,\n ) => {\n const view = window.visualViewport;\n const rect = dropdownRef.current!.getBoundingClientRect();\n setActive(true);\n\n // NOTE: This first opens the dropdown off-screen, where it is measured\n // by an effect declared above, and then positioned below, or above\n // the original dropdown element, depending where it fits best\n // (if we first open it downward, it would flick if we immediately\n // move it above, at least with the current position update via local\n // react state, and not imperatively).\n setOpsPos({\n left: view?.width ?? 0,\n top: view?.height ?? 0,\n width: rect.width,\n });\n\n e.stopPropagation();\n };\n\n let selected: React.ReactNode = <>&zwnj;</>;\n for (const option of options) {\n if (!filter \|\| filter(option)) {\n const [iValue, iName] = optionValueName(option);\n if (iValue === value) {\n selected = iName;\n break;\n }\n }\n }\n\n let containerClassName = ~~theme~~.container;\n if (active) containerClassName += ` ${~~theme~~.active}`;\n\n let opsContainerClass = ~~theme~~.select ?? '';\n if (upward) {\n containerClassName += ` ${~~theme~~.upward}`;\n opsContainerClass += ` ${~~theme~~.upward}`;\n }\n\n return (\n <div className={containerClassName}>\n {label === undefined ? null\n : <div className={~~theme~~.label}>{label}</div>}\n <div\n className={~~theme~~.dropdown}\n onClick={openList}\n onKeyDown={(e) => {\n if (e.key === 'Enter') openList(e);\n }}\n ref={dropdownRef}\n role=\"listbox\"\n tabIndex={0}\n >\n {selected}\n <div className={~~theme~~.arrow} />\n </div>\n {\n active ? (\n <Options\n containerClass={opsContainerClass}\n containerStyle={opsPos}\n onCancel={() => {\n setActive(false);\n }}\n onChange={(newValue) => {\n setActive(false);\n if (onChange) onChange(newValue);\n }}\n optionClass={~~theme~~.option ?? ''}\n options={options}\n ref={opsRef}\n />\n ) : null\n }\n </div>\n );\n};\n\nexport default ~~/* #__PURE__ */ themed(BaseCustomDropdown, '~~CustomDropdown~~', defaultTheme)~~;\n"],"mappings":";;AAAA,~~SAASA~~,SAAS,~~EAAEC~~,MAAM,~~EAAEC~~,QAAQ,~~QAAQ~~,OAAO;~~AAEnD~~,~~OAAOC~~,~~MAAM~~,~~MAAM~~,0BAA0B;~~AAE7C~~,SAAmCC,eAAe;AAElD,OAAOC,OAAO,IAAmCC,QAAQ;AAEzD,OAAOC,YAAY;AAAqB,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExC,MAAMC,~~kBAEL~~,GAAGA,CAAC;EACHC,MAAM;EACNC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAM,~~CAACC~~,MAAM,EAAEC,SAAS,CAAC,~~GAAGpB~~,QAAQ,CAAC,KAAK,CAAC;EAE3C,~~MAAMqB~~,WAAW,~~GAAGtB~~,MAAM,CAAiB,IAAI,CAAC;EAChD,~~MAAMuB~~,MAAM,~~GAAGvB~~,MAAM,CAAO,IAAI,CAAC;EAEjC,MAAM,~~CAACwB~~,MAAM,EAAEC,SAAS,CAAC,~~GAAGxB~~,QAAQ,CAAgB,CAAC;EACrD,MAAM,~~CAACyB~~,MAAM,EAAEC,SAAS,CAAC,~~GAAG1B~~,QAAQ,CAAC,KAAK,CAAC;EAE3CF,SAAS,CAAC,MAAM;IACd,IAAI,~~CAACqB~~,MAAM,EAAE,OAAOQ,SAAS;IAE7B,IAAIC,EAAU;IACd,MAAMC,EAAE,GAAGA,CAAA,KAAM;MACf,MAAMC,MAAM,GAAGT,WAAW,CAACU,OAAO,EAAEC,qBAAqB,CAAC,CAAC;MAC3D,MAAMC,OAAO,GAAGX,MAAM,CAACS,OAAO,EAAEG,OAAO,CAAC,CAAC;MACzC,IAAIJ,MAAM,IAAIG,OAAO,EAAE;QACrB,MAAME,QAAQ,GAAGL,MAAM,CAACM,MAAM,GAAGH,OAAO,CAACI,MAAM,IAC1CC,MAAM,CAACC,cAAc,EAAEF,MAAM,IAAI,CAAC,CAAC;QACxC,MAAMG,MAAM,GAAGV,MAAM,CAACW,GAAG,GAAGR,OAAO,CAACI,MAAM,GAAG,CAAC;QAE9C,MAAMK,EAAE,GAAG,CAACP,QAAQ,IAAIK,MAAM;QAC9Bd,SAAS,CAACgB,EAAE,CAAC;QAEb,MAAMC,GAAG,GAAGD,EAAE,GAAG;UACfE,IAAI,EAAEd,MAAM,CAACc,IAAI;UACjBH,GAAG,EAAEX,MAAM,CAACW,GAAG,GAAGR,OAAO,CAACI,MAAM,GAAG,CAAC;UACpCQ,KAAK,EAAEf,MAAM,CAACe;QAChB,CAAC,GAAG;UACFD,IAAI,EAAEd,MAAM,CAACc,IAAI;UACjBH,GAAG,EAAEX,MAAM,CAACM,MAAM;UAClBS,KAAK,EAAEf,MAAM,CAACe;QAChB,CAAC;QAEDrB,SAAS,CAAEsB,GAAG,~~IAAM1C~~,QAAQ,~~CAAC0C~~,GAAG,EAAEH,GAAG,CAAC,GAAGG,GAAG,GAAGH,GAAI,CAAC;MACtD;MACAf,EAAE,GAAGmB,qBAAqB,CAAClB,EAAE,CAAC;IAChC,CAAC;IACDkB,qBAAqB,CAAClB,EAAE,CAAC;IAEzB,OAAO,MAAM;MACXmB,oBAAoB,CAACpB,EAAE,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,CAACT,MAAM,CAAC,CAAC;EAEZ,MAAM8B,QAAQ,GACZC,CAAyE,IACtE;IACH,MAAMC,IAAI,GAAGb,MAAM,CAACC,cAAc;IAClC,MAAMa,IAAI,GAAG/B,WAAW,CAACU,OAAO,CAAEC,qBAAqB,CAAC,CAAC;IACzDZ,SAAS,CAAC,IAAI,CAAC;;IAEf;IACA;IACA;IACA;IACA;IACA;IACAI,SAAS,CAAC;MACRoB,IAAI,EAAEO,IAAI,EAAEN,KAAK,IAAI,CAAC;MACtBJ,GAAG,EAAEU,IAAI,EAAEd,MAAM,IAAI,CAAC;MACtBQ,KAAK,EAAEO,IAAI,CAACP;IACd,CAAC,CAAC;IAEFK,CAAC,CAACG,eAAe,CAAC,CAAC;EACrB,CAAC;EAED,IAAIC,QAAyB,~~gBAAG7C~~,IAAA,CAAAF,SAAA;~~IAAAgD~~,QAAA,EAAE;EAAM,CAAE,CAAC;EAC3C,KAAK,MAAMC,MAAM,~~IAAIxC~~,OAAO,EAAE;IAC5B,IAAI,CAACH,MAAM,IAAIA,MAAM,~~CAAC2C~~,MAAM,CAAC,EAAE;MAC7B,MAAM,CAACC,MAAM,EAAEC,KAAK,CAAC,~~GAAGxD~~,eAAe,~~CAACsD~~,MAAM,CAAC;MAC/C,IAAIC,MAAM,~~KAAKvC~~,KAAK,EAAE;~~QACpBoC~~,QAAQ,GAAGI,KAAK;QAChB;MACF;IACF;EACF;EAEA,IAAIC,kBAAkB,~~GAAG1C~~,~~KAAK~~,~~CAAC2C~~,SAAS;~~EACxC~~,IAAIzC,MAAM,EAAEwC,kBAAkB,IAAI,~~IAAI1C~~,~~KAAK~~,~~CAACE~~,MAAM,EAAE;~~EAEpD~~,IAAI0C,iBAAiB,~~GAAG5C~~,~~KAAK~~,~~CAAC6C~~,MAAM,IAAI,EAAE;~~EAC1C~~,IAAIrC,MAAM,EAAE;IACVkC,kBAAkB,IAAI,~~IAAI1C~~,~~KAAK~~,~~CAACQ~~,MAAM,EAAE;~~IACxCoC~~,iBAAiB,IAAI,~~IAAI5C~~,~~KAAK~~,~~CAACQ~~,MAAM,EAAE;~~EACzC~~;EAEA,~~oBACEd~~,KAAA;~~IAAKoD~~,SAAS,EAAEJ,kBAAmB;IAAAJ,QAAA,~~GAChCzC~~,KAAK,~~KAAKa~~,SAAS,GAAG,IAAI,~~gBACvBlB~~,IAAA;~~MAAKsD~~,SAAS,~~EAAE9C~~,~~KAAK~~,~~CAACH~~,KAAM;~~MAAAyC~~,QAAA,~~EAAEzC~~;IAAK,CAAM,CAAC,~~eAC9CH~~,KAAA;~~MACEoD~~,SAAS,~~EAAE9C~~,~~KAAK~~,~~CAAC+C~~,QAAS;~~MAC1BC~~,OAAO,EAAEhB,QAAS;MAClBiB,SAAS,EAAGhB,CAAC,IAAK;QAChB,IAAIA,CAAC,CAACiB,GAAG,KAAK,OAAO,EAAElB,QAAQ,CAACC,CAAC,CAAC;MACpC,CAAE;MACFkB,GAAG,EAAE/C,WAAY;MACjBgD,IAAI,EAAC,SAAS;MACdC,QAAQ,EAAE,CAAE;MAAAf,QAAA,GAEXD,QAAQ,~~eACT7C~~,IAAA;~~QAAKsD~~,SAAS,~~EAAE9C~~,~~KAAK~~,~~CAACsD~~;MAAM,CAAE,CAAC;IAAA,~~CAC5B~~,CAAC,EAEJpD,MAAM,~~gBACJV~~,IAAA,CAACN,OAAO;~~MACNqE~~,cAAc,EAAEX,iBAAkB;MAClCY,cAAc,EAAElD,MAAO;MACvBmD,QAAQ,EAAEA,CAAA,KAAM;QACdtD,SAAS,CAAC,KAAK,CAAC;MAClB,CAAE;~~MACFL~~,QAAQ,~~EAAG4D~~,QAAQ,IAAK;QACtBvD,SAAS,CAAC,KAAK,CAAC;QAChB,~~IAAIL~~,QAAQ,EAAEA,QAAQ,~~CAAC4D~~,QAAQ,CAAC;MAClC,CAAE;MACFC,WAAW,~~EAAE3D~~,~~KAAK~~,~~CAACuC~~,MAAM,IAAI,EAAG;~~MAChCxC~~,OAAO,EAAEA,OAAQ;~~MACjBoD~~,GAAG,EAAE9C;IAAO,CACb,CAAC,GACA,IAAI;EAAA,CAEP,CAAC;AAEV,CAAC;AAED,~~eAAe~~,~~eAAgBrB,MAAM,CAACW,kBAAkB,EAAE,gBAAgB,EAAEP,YAAY,CAAC~~","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["useEffect","useRef","useState","useTheme","optionValueName","Options","areEqual","defaultTheme","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","CustomDropdown","filter","label","onChange","options","theme","value","custom","active","setActive","dropdownRef","opsRef","opsPos","setOpsPos","upward","setUpward","undefined","id","cb","anchor","current","getBoundingClientRect","opsRect","measure","fitsDown","bottom","height","window","visualViewport","fitsUp","top","up","pos","left","width","now","requestAnimationFrame","cancelAnimationFrame","openList","e","view","rect","stopPropagation","selected","children","option","iValue","iName","containerClassName","container","opsContainerClass","select","className","dropdown","onClick","onKeyDown","key","ref","role","tabIndex","arrow","containerClass","containerStyle","onCancel","newValue","optionClass"],"sources":["../../../../../../src/shared/components/selectors/CustomDropdown/index.tsx"],"sourcesContent":["import {\n type FunctionComponent,\n type ReactNode,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nimport { useTheme } from '@dr.pogodin/react-themes';\n\nimport { type PropsT, type ValueT, optionValueName } from '../common';\n\nimport Options, { type ContainerPosT, type RefT, areEqual } from './Options';\n\nimport defaultTheme from './theme.scss';\n\nconst CustomDropdown: FunctionComponent<\n PropsT<ReactNode, (value: ValueT) => void>\n> = ({\n filter,\n label,\n onChange,\n options,\n theme,\n value,\n}) => {\n const custom = useTheme('CustomDropdown', defaultTheme, theme);\n\n const [active, setActive] = useState(false);\n\n const dropdownRef = useRef<HTMLDivElement>(null);\n const opsRef = useRef<RefT>(null);\n\n const [opsPos, setOpsPos] = useState<ContainerPosT>();\n const [upward, setUpward] = useState(false);\n\n useEffect(() => {\n if (!active) return undefined;\n\n let id: number;\n const cb = () => {\n const anchor = dropdownRef.current?.getBoundingClientRect();\n const opsRect = opsRef.current?.measure();\n if (anchor && opsRect) {\n const fitsDown = anchor.bottom + opsRect.height\n < (window.visualViewport?.height ?? 0);\n const fitsUp = anchor.top - opsRect.height > 0;\n\n const up = !fitsDown && fitsUp;\n setUpward(up);\n\n const pos = up ? {\n left: anchor.left,\n top: anchor.top - opsRect.height - 1,\n width: anchor.width,\n } : {\n left: anchor.left,\n top: anchor.bottom,\n width: anchor.width,\n };\n\n setOpsPos((now) => (areEqual(now, pos) ? now : pos));\n }\n id = requestAnimationFrame(cb);\n };\n requestAnimationFrame(cb);\n\n return () => {\n cancelAnimationFrame(id);\n };\n }, [active]);\n\n const openList = (\n e: React.KeyboardEvent<HTMLDivElement> \| React.MouseEvent<HTMLDivElement>,\n ) => {\n const view = window.visualViewport;\n const rect = dropdownRef.current!.getBoundingClientRect();\n setActive(true);\n\n // NOTE: This first opens the dropdown off-screen, where it is measured\n // by an effect declared above, and then positioned below, or above\n // the original dropdown element, depending where it fits best\n // (if we first open it downward, it would flick if we immediately\n // move it above, at least with the current position update via local\n // react state, and not imperatively).\n setOpsPos({\n left: view?.width ?? 0,\n top: view?.height ?? 0,\n width: rect.width,\n });\n\n e.stopPropagation();\n };\n\n let selected: React.ReactNode = <>&zwnj;</>;\n for (const option of options) {\n if (!filter \|\| filter(option)) {\n const [iValue, iName] = optionValueName(option);\n if (iValue === value) {\n selected = iName;\n break;\n }\n }\n }\n\n let containerClassName = custom.container;\n if (active) containerClassName += ` ${custom.active}`;\n\n let opsContainerClass = custom.select ?? '';\n if (upward) {\n containerClassName += ` ${custom.upward}`;\n opsContainerClass += ` ${custom.upward}`;\n }\n\n return (\n <div className={containerClassName}>\n {label === undefined ? null\n : <div className={custom.label}>{label}</div>}\n <div\n className={custom.dropdown}\n onClick={openList}\n onKeyDown={(e) => {\n if (e.key === 'Enter') openList(e);\n }}\n ref={dropdownRef}\n role=\"listbox\"\n tabIndex={0}\n >\n {selected}\n <div className={custom.arrow} />\n </div>\n {\n active ? (\n <Options\n containerClass={opsContainerClass}\n containerStyle={opsPos}\n onCancel={() => {\n setActive(false);\n }}\n onChange={(newValue) => {\n setActive(false);\n if (onChange) onChange(newValue);\n }}\n optionClass={custom.option ?? ''}\n options={options}\n ref={opsRef}\n />\n ) : null\n }\n </div>\n );\n};\n\nexport default CustomDropdown;\n"],"mappings":"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","ignoreList":[]}

package/build/web/shared/components/selectors/NativeDropdown/index.js CHANGED Viewed

@@ -3,7 +3,7 @@ import "core-js/modules/es.iterator.constructor.js";
 import "core-js/modules/es.iterator.filter.js";
 // Implements dropdown based on the native HTML <select> element.
-import themed from '@dr.pogodin/react-themes';
+import { useTheme } from '@dr.pogodin/react-themes';
 import { optionValueName } from "../common";
 import defaultTheme from "./theme.scss";
@@ -38,12 +38,13 @@ const Dropdown = ({
 }) => {
   let isValidValue = false;
   const optionElements = [];
+  const composed = useTheme('Dropdown', defaultTheme, theme);
   for (const option of options) {
     if (!filter || filter(option)) {
       const [iValue, iName] = optionValueName(option);
       isValidValue ||= iValue === value;
       optionElements.push(/*#__PURE__*/_jsx("option", {
-        className: theme.option,
+        className: composed.option,
         value: iValue,
         children: iName
       }, iValue));
@@ -55,20 +56,20 @@ const Dropdown = ({
   // it from the opened dropdown; in others, e.g. Safari, the best we can do is
   // to show it as disabled.
   const hiddenOption = isValidValue ? null : /*#__PURE__*/_jsx("option", {
-    className: theme.hiddenOption,
+    className: composed.hiddenOption,
     disabled: true,
     value: value,
     children: value
   }, "__reactUtilsHiddenOption");
-  let selectClassName = theme.select;
-  if (!isValidValue) selectClassName += ` ${theme.invalid}`;
+  let selectClassName = composed.select;
+  if (!isValidValue) selectClassName += ` ${composed.invalid}`;
   return /*#__PURE__*/_jsxs("div", {
-    className: theme.container,
+    className: composed.container,
     children: [label === undefined ? null : /*#__PURE__*/_jsx("div", {
-      className: theme.label,
+      className: composed.label,
       children: label
     }), /*#__PURE__*/_jsxs("div", {
-      className: theme.dropdown,
+      className: composed.dropdown,
       children: [/*#__PURE__*/_jsxs("select", {
         className: selectClassName,
         "data-testid": process.env.NODE_ENV === 'production' ? undefined : testId,
@@ -76,10 +77,10 @@ const Dropdown = ({
         value: value,
         children: [hiddenOption, optionElements]
       }), /*#__PURE__*/_jsx("div", {
-        className: theme.arrow
+        className: composed.arrow
       })]
     })]
   });
 };
-export default /* #__PURE__ */themed(Dropdown, 'Dropdown', defaultTheme);
+export default Dropdown;
 //# sourceMappingURL=index.js.map

package/build/web/shared/components/selectors/NativeDropdown/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["~~themed~~","optionValueName","defaultTheme","jsx","_jsx","jsxs","_jsxs","Dropdown","filter","label","onChange","options","testId","theme","value","isValidValue","optionElements","option","iValue","iName","push","className","children","hiddenOption","disabled","selectClassName","select","invalid","container","undefined","dropdown","process","env","NODE_ENV","arrow"],"sources":["../../../../../../src/shared/components/selectors/NativeDropdown/index.tsx"],"sourcesContent":["// Implements dropdown based on the native HTML <select> element.\n\nimport ~~themed~~ from '@dr.pogodin/react-themes';\n\nimport { type PropsT, ~~optionValueName~~ } from '../common';\n\nimport defaultTheme from './theme.scss';\n\n/*\n Implements a themeable dropdown list. Internally it is rendered with help of\n * the standard HTML `<select>` element, thus the styling support is somewhat\n * limited.\n * @param [props] Component properties.\n * @param [props.filter] Options filter function. If provided, only\n * those elements of `options` list will be used by the dropdown, for which this\n * filter returns `true`.\n * @param [props.label] Dropdown label.\n * @param [props.onChange] Selection event handler.\n * @param [props.options=[]] Array of dropdown\n * options. For string elements the option value and name will be the same.\n * It is allowed to mix DropdownOption and string elements in the same option\n * list.\n * @param [props.theme] _Ad hoc_ theme.\n * @param [props.value] Currently selected value.\n * @param [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n /\nconst Dropdown: ~~React.~~FunctionComponent<PropsT<string>> = ({\n filter,\n label,\n onChange,\n options,\n testId,\n theme,\n value,\n}) => {\n let isValidValue = false;\n const optionElements = [];\n\n for (const option of options) {\n if (!filter \|\| filter(option)) {\n const [iValue, iName] = optionValueName(option);\n isValidValue \|\|= iValue === value;\n optionElements.push(\n <option className={~~theme~~.option} key={iValue} value={iValue}>\n {iName}\n </option>,\n );\n }\n }\n\n // NOTE: This element represents the current `value` when it does not match\n // any valid option. In Chrome, and some other browsers, we are able to hide\n // it from the opened dropdown; in others, e.g. Safari, the best we can do is\n // to show it as disabled.\n const hiddenOption = isValidValue ? null : (\n <option\n className={~~theme~~.hiddenOption}\n disabled\n key=\"__reactUtilsHiddenOption\"\n value={value}\n >\n {value}\n </option>\n );\n\n let selectClassName = ~~theme~~.select;\n if (!isValidValue) selectClassName += ` ${~~theme~~.invalid}`;\n\n return (\n <div className={~~theme~~.container}>\n { label === undefined\n ? null : <div className={~~theme~~.label}>{label}</div> }\n <div className={~~theme~~.dropdown}>\n <select\n className={selectClassName}\n data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n onChange={onChange}\n value={value}\n >\n {hiddenOption}\n {optionElements}\n </select>\n <div className={~~theme~~.arrow} />\n </div>\n </div>\n );\n};\n\nexport default ~~/ #__PURE__ */ themed(~~Dropdown~~, 'Dropdown', defaultTheme)~~;\n"],"mappings":";;;AAAA;;~~AAEA~~,~~OAAOA~~,~~MAAM~~,~~MAAM~~,0BAA0B;~~AAE7C~~,~~SAAsBC~~,eAAe;~~AAErC~~,OAAOC,YAAY;;AAEnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAlBA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAmBA,MAAMC,~~QAAiD~~,GAAGA,CAAC;~~EACzDC~~,MAAM;EACNC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,MAAM;EACNC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,IAAIC,YAAY,GAAG,KAAK;EACxB,MAAMC,cAAc,GAAG,EAAE;EAEzB,KAAK,~~MAAMC~~,MAAM,~~IAAIN~~,OAAO,EAAE;IAC5B,IAAI,CAACH,MAAM,IAAIA,MAAM,~~CAACS~~,MAAM,CAAC,EAAE;MAC7B,MAAM,CAACC,MAAM,EAAEC,KAAK,CAAC,~~GAAGlB~~,eAAe,~~CAACgB~~,MAAM,CAAC;MAC/CF,YAAY,~~KAAKG~~,MAAM,~~KAAKJ~~,KAAK;MACjCE,cAAc,~~CAACI~~,IAAI,~~cACjBhB~~,IAAA;~~QAAQiB~~,SAAS,~~EAAER~~,~~KAAK~~,~~CAACI~~,MAAO;~~QAAcH~~,KAAK,~~EAAEI~~,MAAO;QAAAI,QAAA,~~EACzDH~~;MAAK,~~GAD8BD~~,~~MAE9B~~,CACV,CAAC;IACH;EACF;;EAEA;EACA;EACA;EACA;EACA,MAAMK,YAAY,~~GAAGR~~,YAAY,GAAG,IAAI,gBACtCX,IAAA;~~IACEiB~~,SAAS,~~EAAER~~,~~KAAK~~,~~CAACU~~,YAAa;~~IAC9BC~~,QAAQ;~~IAERV~~,KAAK,EAAEA,KAAM;~~IAAAQ~~,QAAA,~~EAEZR~~;EAAK,GAHF,0BAIE,CACT;EAED,~~IAAIW~~,eAAe,~~GAAGZ~~,~~KAAK~~,~~CAACa~~,MAAM;~~EAClC~~,IAAI,~~CAACX~~,YAAY,~~EAAEU~~,eAAe,IAAI,~~IAAIZ~~,~~KAAK~~,~~CAACc~~,OAAO,EAAE;~~EAEzD~~,~~oBACErB~~,KAAA;~~IAAKe~~,SAAS,~~EAAER~~,~~KAAK~~,~~CAACe~~,SAAU;IAAAN,QAAA,~~GAC5Bb~~,KAAK,~~KAAKoB~~,SAAS,GACjB,IAAI,~~gBAAGzB~~,IAAA;~~MAAKiB~~,SAAS,~~EAAER~~,~~KAAK~~,~~CAACJ~~,KAAM;~~MAAAa~~,QAAA,~~EAAEb~~;IAAK,CAAM,CAAC,~~eACrDH~~,KAAA;~~MAAKe~~,SAAS,~~EAAER~~,~~KAAK~~,~~CAACiB~~,QAAS;MAAAR,QAAA,~~gBAC7BhB~~,KAAA;~~QACEe~~,SAAS,EAAEI,eAAgB;QAC3B,eAAaM,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGJ,SAAS,~~GAAGjB~~,MAAO;QACxEF,QAAQ,EAAEA,QAAS;QACnBI,KAAK,EAAEA,KAAM;~~QAAAQ~~,QAAA,GAEZC,YAAY,~~EACZP~~,cAAc;MAAA,CACT,CAAC,eACTZ,IAAA;~~QAAKiB~~,SAAS,~~EAAER~~,~~KAAK~~,~~CAACqB~~;MAAM,CAAE,CAAC;IAAA,~~CAC5B~~,CAAC;EAAA,CACH,CAAC;AAEV,CAAC;AAED,~~eAAe~~,~~eAAgBlC,MAAM,CAACO,~~QAAQ~~,EAAE,UAAU,EAAEL,YAAY,CAAC~~","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["useTheme","optionValueName","defaultTheme","jsx","_jsx","jsxs","_jsxs","Dropdown","filter","label","onChange","options","testId","theme","value","isValidValue","optionElements","composed","option","iValue","iName","push","className","children","hiddenOption","disabled","selectClassName","select","invalid","container","undefined","dropdown","process","env","NODE_ENV","arrow"],"sources":["../../../../../../src/shared/components/selectors/NativeDropdown/index.tsx"],"sourcesContent":["// Implements dropdown based on the native HTML <select> element.\n\nimport type { FunctionComponent } from 'react';\n\nimport { useTheme } from '@dr.pogodin/react-themes';\n\nimport { optionValueName, type PropsT } from '../common';\n\nimport defaultTheme from './theme.scss';\n\n/*\n Implements a themeable dropdown list. Internally it is rendered with help of\n * the standard HTML `<select>` element, thus the styling support is somewhat\n * limited.\n * @param [props] Component properties.\n * @param [props.filter] Options filter function. If provided, only\n * those elements of `options` list will be used by the dropdown, for which this\n * filter returns `true`.\n * @param [props.label] Dropdown label.\n * @param [props.onChange] Selection event handler.\n * @param [props.options=[]] Array of dropdown\n * options. For string elements the option value and name will be the same.\n * It is allowed to mix DropdownOption and string elements in the same option\n * list.\n * @param [props.theme] _Ad hoc_ theme.\n * @param [props.value] Currently selected value.\n * @param [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\nconst Dropdown: FunctionComponent<PropsT<string>> = ({\n filter,\n label,\n onChange,\n options,\n testId,\n theme,\n value,\n}) => {\n let isValidValue = false;\n const optionElements = [];\n\n const composed = useTheme('Dropdown', defaultTheme, theme);\n\n for (const option of options) {\n if (!filter \|\| filter(option)) {\n const [iValue, iName] = optionValueName(option);\n isValidValue \|\|= iValue === value;\n optionElements.push(\n <option className={composed.option} key={iValue} value={iValue}>\n {iName}\n </option>,\n );\n }\n }\n\n // NOTE: This element represents the current `value` when it does not match\n // any valid option. In Chrome, and some other browsers, we are able to hide\n // it from the opened dropdown; in others, e.g. Safari, the best we can do is\n // to show it as disabled.\n const hiddenOption = isValidValue ? null : (\n <option\n className={composed.hiddenOption}\n disabled\n key=\"__reactUtilsHiddenOption\"\n value={value}\n >\n {value}\n </option>\n );\n\n let selectClassName = composed.select;\n if (!isValidValue) selectClassName += ` ${composed.invalid}`;\n\n return (\n <div className={composed.container}>\n { label === undefined\n ? null : <div className={composed.label}>{label}</div> }\n <div className={composed.dropdown}>\n <select\n className={selectClassName}\n data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n onChange={onChange}\n value={value}\n >\n {hiddenOption}\n {optionElements}\n </select>\n <div className={composed.arrow} />\n </div>\n </div>\n );\n};\n\nexport default Dropdown;\n"],"mappings":";;;AAAA;;AAIA,SAASA,QAAQ,QAAQ,0BAA0B;AAEnD,SAASC,eAAe;AAExB,OAAOC,YAAY;;AAEnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAlBA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAmBA,MAAMC,QAA2C,GAAGA,CAAC;EACnDC,MAAM;EACNC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,MAAM;EACNC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,IAAIC,YAAY,GAAG,KAAK;EACxB,MAAMC,cAAc,GAAG,EAAE;EAEzB,MAAMC,QAAQ,GAAGjB,QAAQ,CAAC,UAAU,EAAEE,YAAY,EAAEW,KAAK,CAAC;EAE1D,KAAK,MAAMK,MAAM,IAAIP,OAAO,EAAE;IAC5B,IAAI,CAACH,MAAM,IAAIA,MAAM,CAACU,MAAM,CAAC,EAAE;MAC7B,MAAM,CAACC,MAAM,EAAEC,KAAK,CAAC,GAAGnB,eAAe,CAACiB,MAAM,CAAC;MAC/CH,YAAY,KAAKI,MAAM,KAAKL,KAAK;MACjCE,cAAc,CAACK,IAAI,cACjBjB,IAAA;QAAQkB,SAAS,EAAEL,QAAQ,CAACC,MAAO;QAAcJ,KAAK,EAAEK,MAAO;QAAAI,QAAA,EAC5DH;MAAK,GADiCD,MAEjC,CACV,CAAC;IACH;EACF;;EAEA;EACA;EACA;EACA;EACA,MAAMK,YAAY,GAAGT,YAAY,GAAG,IAAI,gBACtCX,IAAA;IACEkB,SAAS,EAAEL,QAAQ,CAACO,YAAa;IACjCC,QAAQ;IAERX,KAAK,EAAEA,KAAM;IAAAS,QAAA,EAEZT;EAAK,GAHF,0BAIE,CACT;EAED,IAAIY,eAAe,GAAGT,QAAQ,CAACU,MAAM;EACrC,IAAI,CAACZ,YAAY,EAAEW,eAAe,IAAI,IAAIT,QAAQ,CAACW,OAAO,EAAE;EAE5D,oBACEtB,KAAA;IAAKgB,SAAS,EAAEL,QAAQ,CAACY,SAAU;IAAAN,QAAA,GAC/Bd,KAAK,KAAKqB,SAAS,GACjB,IAAI,gBAAG1B,IAAA;MAAKkB,SAAS,EAAEL,QAAQ,CAACR,KAAM;MAAAc,QAAA,EAAEd;IAAK,CAAM,CAAC,eACxDH,KAAA;MAAKgB,SAAS,EAAEL,QAAQ,CAACc,QAAS;MAAAR,QAAA,gBAChCjB,KAAA;QACEgB,SAAS,EAAEI,eAAgB;QAC3B,eAAaM,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGJ,SAAS,GAAGlB,MAAO;QACxEF,QAAQ,EAAEA,QAAS;QACnBI,KAAK,EAAEA,KAAM;QAAAS,QAAA,GAEZC,YAAY,EACZR,cAAc;MAAA,CACT,CAAC,eACTZ,IAAA;QAAKkB,SAAS,EAAEL,QAAQ,CAACkB;MAAM,CAAE,CAAC;IAAA,CAC/B,CAAC;EAAA,CACH,CAAC;AAEV,CAAC;AAED,eAAe5B,QAAQ","ignoreList":[]}

package/build/web/shared/components/selectors/Switch/index.js CHANGED Viewed

@@ -1,22 +1,23 @@
 import "core-js/modules/es.array.push.js";
-import themed from '@dr.pogodin/react-themes';
+import { useTheme } from '@dr.pogodin/react-themes';
 import { optionValueName } from "../common";
 import defaultTheme from "./theme.scss";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const BaseSwitch = ({
+export const Switch = ({
   label,
   onChange,
   options,
   theme,
   value
 }) => {
-  if (!options || !theme.option) throw Error('Internal error');
+  const composed = useTheme('Switch', defaultTheme, theme);
+  if (!options || !composed.option) throw Error('Internal error');
   const optionNodes = [];
   for (const option of options) {
     const [iValue, iName] = optionValueName(option);
-    let className = theme.option;
+    let className = composed.option;
     let onPress;
-    if (iValue === value) className += ` ${theme.selected}`;else if (onChange) {
+    if (iValue === value) className += ` ${composed.selected}`;else if (onChange) {
       onPress = () => {
         onChange(iValue);
       };
@@ -36,15 +37,14 @@ const BaseSwitch = ({
     }, iValue));
   }
   return /*#__PURE__*/_jsxs("div", {
-    className: theme.container,
+    className: composed.container,
     children: [label ? /*#__PURE__*/_jsx("div", {
-      className: theme.label,
+      className: composed.label,
       children: label
     }) : null, /*#__PURE__*/_jsx("div", {
-      className: theme.options,
+      className: composed.options,
       children: optionNodes
     })]
   });
 };
-export default /* #__PURE__ */themed(BaseSwitch, 'Switch', defaultTheme);
 //# sourceMappingURL=index.js.map

package/build/web/shared/components/selectors/Switch/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["~~themed~~","optionValueName","defaultTheme","jsx","_jsx","jsxs","_jsxs","~~BaseSwitch~~","label","onChange","options","theme","value","option","Error","optionNodes","iValue","iName","className","onPress","selected","push","onClick","onKeyDown","e","key","role","tabIndex","children","container"],"sources":["../../../../../../src/shared/components/selectors/Switch/index.tsx"],"sourcesContent":["import ~~themed~~, { type Theme } from '@dr.pogodin/react-themes';\n\nimport {\n type OptionsT,\n type ValueT,\n optionValueName,\n} from '../common';\n\nimport defaultTheme from './theme.scss';\n\ntype ~~ThemeKeyT~~ = 'container' \| 'label' \| 'option' \| 'options' \| 'selected';\n\ntype PropsT = {\n label?: ~~React.~~ReactNode;\n onChange?: (value: ValueT) => void;\n options?: Readonly<OptionsT<~~React.~~ReactNode>>;\n theme: ~~Theme<ThemeKeyT>;\~~n value?: ValueT;\n};\n\~~nconst~~ ~~BaseSwitch~~: ~~React.~~FunctionComponent<PropsT> = ({\n label,\n onChange,\n options,\n theme,\n value,\n}) => {\n if (!options \|\| !~~theme~~.option) throw Error('Internal error');\n\n const optionNodes: React.ReactNode[] = [];\n for (const option of options) {\n const [iValue, iName] = optionValueName(option);\n\n let className: string = ~~theme~~.option;\n let onPress: (() => void) \| undefined;\n if (iValue === value) className += ` ${~~theme~~.selected}`;\n else if (onChange) {\n onPress = () => {\n onChange(iValue);\n };\n }\n\n optionNodes.push(\n onPress\n ? (\n <div\n className={className}\n key={iValue}\n onClick={onPress}\n onKeyDown={(e) => {\n if (e.key === 'Enter') onPress();\n }}\n role=\"button\"\n tabIndex={0}\n >\n {iName}\n </div>\n )\n : <div className={className} key={iValue}>{iName}</div>,\n );\n }\n\n return (\n <div className={~~theme~~.container}>\n {label ? <div className={~~theme~~.label}>{label}</div> : null}\n\n <div className={~~theme~~.options}>\n {optionNodes}\n </div>\n </div>\n );\n};\n~~\nexport default /* #__PURE__ */ themed(BaseSwitch, 'Switch', defaultTheme);\n~~"],"mappings":";~~AAAA~~,~~OAAOA~~,~~MAAM~~,~~MAAsB~~,0BAA0B;~~AAE7D~~,SAGEC,eAAe;AAGjB,OAAOC,YAAY;AAAqB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYxC,MAAMC,~~UAA2C~~,GAAGA,CAAC;~~EACnDC~~,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,IAAI,~~CAACF~~,OAAO,IAAI,~~CAACC~~,~~KAAK~~,~~CAACE~~,MAAM,EAAE,MAAMC,KAAK,CAAC,gBAAgB,CAAC;~~EAE5D~~,MAAMC,WAA8B,GAAG,EAAE;EACzC,KAAK,MAAMF,MAAM,~~IAAIH~~,OAAO,EAAE;IAC5B,MAAM,~~CAACM~~,MAAM,EAAEC,KAAK,CAAC,~~GAAGhB~~,eAAe,~~CAACY~~,MAAM,CAAC;IAE/C,IAAIK,SAAiB,~~GAAGP~~,~~KAAK~~,~~CAACE~~,MAAM;~~IACpC~~,IAAIM,OAAiC;IACrC,IAAIH,MAAM,~~KAAKJ~~,KAAK,~~EAAEM~~,SAAS,IAAI,~~IAAIP~~,~~KAAK~~,~~CAACS~~,QAAQ,EAAE,CAAC,~~KACnD~~,~~IAAIX~~,QAAQ,EAAE;~~MACjBU~~,OAAO,GAAGA,CAAA,KAAM;~~QACdV~~,QAAQ,~~CAACO~~,MAAM,CAAC;MAClB,CAAC;IACH;IAEAD,WAAW,CAACM,IAAI,CACdF,OAAO,~~gBAEHf~~,IAAA;~~MACEc~~,SAAS,EAAEA,SAAU;MAErBI,OAAO,EAAEH,OAAQ;MACjBI,SAAS,EAAGC,CAAC,IAAK;QAChB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEN,OAAO,CAAC,CAAC;MAClC,CAAE;MACFO,IAAI,EAAC,QAAQ;MACbC,QAAQ,EAAE,CAAE;MAAAC,QAAA,EAEXX;IAAK,GARDD,MASF,CAAC,~~gBAENZ~~,IAAA;~~MAAKc~~,SAAS,EAAEA,SAAU;MAAAU,QAAA,EAAeX;IAAK,GAAdD,MAAoB,CAC1D,CAAC;EACH;EAEA,~~oBACEV~~,KAAA;~~IAAKY~~,SAAS,~~EAAEP~~,~~KAAK~~,~~CAACkB~~,SAAU;IAAAD,QAAA,~~GAC7BpB~~,KAAK,gBAAGJ,IAAA;~~MAAKc~~,SAAS,~~EAAEP~~,~~KAAK~~,~~CAACH~~,KAAM;~~MAAAoB~~,QAAA,~~EAAEpB~~;IAAK,CAAM,CAAC,GAAG,IAAI,~~eAE1DJ~~,IAAA;~~MAAKc~~,SAAS,~~EAAEP~~,~~KAAK~~,~~CAACD~~,OAAQ;~~MAAAkB~~,QAAA,~~EAC3Bb~~;IAAW,CACT,CAAC;EAAA,CACH,CAAC;AAEV,CAAC~~;AAED,eAAe,eAAgBf,MAAM,CAACO,UAAU,EAAE,QAAQ,EAAEL,YAAY,CAAC~~","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["useTheme","optionValueName","defaultTheme","jsx","_jsx","jsxs","_jsxs","Switch","label","onChange","options","theme","value","composed","option","Error","optionNodes","iValue","iName","className","onPress","selected","push","onClick","onKeyDown","e","key","role","tabIndex","children","container"],"sources":["../../../../../../src/shared/components/selectors/Switch/index.tsx"],"sourcesContent":["import type { FunctionComponent, ReactNode } from 'react';\n\nimport { type Theme, useTheme } from '@dr.pogodin/react-themes';\n\nimport {\n type OptionsT,\n type ValueT,\n optionValueName,\n} from '../common';\n\nimport defaultTheme from './theme.scss';\n\ntype ThemeT = Theme<'container' \| 'label' \| 'option' \| 'options' \| 'selected'>;\n\ntype PropsT = {\n label?: ReactNode;\n onChange?: (value: ValueT) => void;\n options?: Readonly<OptionsT<ReactNode>>;\n theme?: ThemeT;\n value?: ValueT;\n};\n\nexport const Switch: FunctionComponent<PropsT> = ({\n label,\n onChange,\n options,\n theme,\n value,\n}) => {\n const composed = useTheme('Switch', defaultTheme, theme);\n\n if (!options \|\| !composed.option) throw Error('Internal error');\n\n const optionNodes: React.ReactNode[] = [];\n for (const option of options) {\n const [iValue, iName] = optionValueName(option);\n\n let className: string = composed.option;\n let onPress: (() => void) \| undefined;\n if (iValue === value) className += ` ${composed.selected}`;\n else if (onChange) {\n onPress = () => {\n onChange(iValue);\n };\n }\n\n optionNodes.push(\n onPress\n ? (\n <div\n className={className}\n key={iValue}\n onClick={onPress}\n onKeyDown={(e) => {\n if (e.key === 'Enter') onPress();\n }}\n role=\"button\"\n tabIndex={0}\n >\n {iName}\n </div>\n )\n : <div className={className} key={iValue}>{iName}</div>,\n );\n }\n\n return (\n <div className={composed.container}>\n {label ? <div className={composed.label}>{label}</div> : null}\n\n <div className={composed.options}>\n {optionNodes}\n </div>\n </div>\n );\n};\n"],"mappings":";AAEA,SAAqBA,QAAQ,QAAQ,0BAA0B;AAE/D,SAGEC,eAAe;AAGjB,OAAOC,YAAY;AAAqB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYxC,OAAO,MAAMC,MAAiC,GAAGA,CAAC;EAChDC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAGb,QAAQ,CAAC,QAAQ,EAAEE,YAAY,EAAES,KAAK,CAAC;EAExD,IAAI,CAACD,OAAO,IAAI,CAACG,QAAQ,CAACC,MAAM,EAAE,MAAMC,KAAK,CAAC,gBAAgB,CAAC;EAE/D,MAAMC,WAA8B,GAAG,EAAE;EACzC,KAAK,MAAMF,MAAM,IAAIJ,OAAO,EAAE;IAC5B,MAAM,CAACO,MAAM,EAAEC,KAAK,CAAC,GAAGjB,eAAe,CAACa,MAAM,CAAC;IAE/C,IAAIK,SAAiB,GAAGN,QAAQ,CAACC,MAAM;IACvC,IAAIM,OAAiC;IACrC,IAAIH,MAAM,KAAKL,KAAK,EAAEO,SAAS,IAAI,IAAIN,QAAQ,CAACQ,QAAQ,EAAE,CAAC,KACtD,IAAIZ,QAAQ,EAAE;MACjBW,OAAO,GAAGA,CAAA,KAAM;QACdX,QAAQ,CAACQ,MAAM,CAAC;MAClB,CAAC;IACH;IAEAD,WAAW,CAACM,IAAI,CACdF,OAAO,gBAEHhB,IAAA;MACEe,SAAS,EAAEA,SAAU;MAErBI,OAAO,EAAEH,OAAQ;MACjBI,SAAS,EAAGC,CAAC,IAAK;QAChB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEN,OAAO,CAAC,CAAC;MAClC,CAAE;MACFO,IAAI,EAAC,QAAQ;MACbC,QAAQ,EAAE,CAAE;MAAAC,QAAA,EAEXX;IAAK,GARDD,MASF,CAAC,gBAENb,IAAA;MAAKe,SAAS,EAAEA,SAAU;MAAAU,QAAA,EAAeX;IAAK,GAAdD,MAAoB,CAC1D,CAAC;EACH;EAEA,oBACEX,KAAA;IAAKa,SAAS,EAAEN,QAAQ,CAACiB,SAAU;IAAAD,QAAA,GAChCrB,KAAK,gBAAGJ,IAAA;MAAKe,SAAS,EAAEN,QAAQ,CAACL,KAAM;MAAAqB,QAAA,EAAErB;IAAK,CAAM,CAAC,GAAG,IAAI,eAE7DJ,IAAA;MAAKe,SAAS,EAAEN,QAAQ,CAACH,OAAQ;MAAAmB,QAAA,EAC9Bb;IAAW,CACT,CAAC;EAAA,CACH,CAAC;AAEV,CAAC","ignoreList":[]}

package/build/web/shared/components/selectors/common.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"common.js","names":["isValue","x","type","optionValueName","option","value","name"],"sources":["../../../../../src/shared/components/selectors/common.ts"],"sourcesContent":["// The stuff common between different dropdown implementations.\n\nimport type { Theme } from '@dr.pogodin/react-themes';\n\~~ntype~~ ~~ThemeKeyT~~ = 'active'\n \| 'arrow'\n \| 'container'\n \| 'dropdown'\n \| 'hiddenOption'\n \| 'label'\n \| 'option'\n \| 'select'\n\n // TODO: This is currently only valid for (native) <Dropdown>,\n // other kinds of selectors should be evaluated, and aligned with this\n // feature, if appropriate.\n \| 'invalid'\n\n // TODO: This is only valid for <CustomDropdown>, thus we need to re-factor it\n // into a separate theme spec for that component.\n \| 'upward';\n\nexport type ValueT = number \| string;\n\nexport type OptionT<NameT> = {\n name?: NameT \| null;\n value: ValueT;\n};\n\nexport type OptionsT<NameT> = Readonly<Array<OptionT<NameT> \| ValueT>>;\n\nexport type PropsT<\n NameT,\n OnChangeT = React.ChangeEventHandler<HTMLSelectElement>,\n> = {\n filter?: (item: OptionT<NameT> \| ValueT) => boolean;\n label?: React.ReactNode;\n onChange?: OnChangeT;\n options: Readonly<OptionsT<NameT>>;\n testId?: string;\n theme: ~~Theme<ThemeKeyT>;\~~n value?: ValueT;\n};\n\nfunction isValue<T>(x: OptionT<T> \| ValueT): x is ValueT {\n const type = typeof x;\n return type === 'number' \|\| type === 'string';\n}\n\n/** Returns option value and name as a tuple. */\nexport function optionValueName<NameT>(\n option: OptionT<NameT> \| ValueT,\n): [ValueT, NameT \| ValueT] {\n return isValue(option)\n ? [option, option]\n : [option.value, option.name ?? option.value];\n}\n"],"mappings":"AAAA;;~~AA4CA~~,SAASA,OAAOA,CAAIC,CAAsB,EAAe;EACvD,MAAMC,IAAI,GAAG,OAAOD,CAAC;EACrB,OAAOC,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,QAAQ;AAC/C;;AAEA;AACA,OAAO,SAASC,eAAeA,CAC7BC,MAA+B,EACL;EAC1B,OAAOJ,OAAO,CAACI,MAAM,CAAC,GAClB,CAACA,MAAM,EAAEA,MAAM,CAAC,GAChB,CAACA,MAAM,CAACC,KAAK,EAAED,MAAM,CAACE,IAAI,IAAIF,MAAM,CAACC,KAAK,CAAC;AACjD","ignoreList":[]}
1	+ {"version":3,"file":"common.js","names":["isValue","x","type","optionValueName","option","value","name"],"sources":["../../../../../src/shared/components/selectors/common.ts"],"sourcesContent":["// The stuff common between different dropdown implementations.\n\nimport type { Theme } from '@dr.pogodin/react-themes';\n\nexport type ThemeT = Theme<\n \| 'active'\n \| 'arrow'\n \| 'container'\n \| 'dropdown'\n \| 'hiddenOption'\n \| 'label'\n \| 'option'\n \| 'select'\n\n // TODO: This is currently only valid for (native) <Dropdown>,\n // other kinds of selectors should be evaluated, and aligned with this\n // feature, if appropriate.\n \| 'invalid'\n\n // TODO: This is only valid for <CustomDropdown>, thus we need to re-factor it\n // into a separate theme spec for that component.\n \| 'upward'\n>;\n\nexport type ValueT = number \| string;\n\nexport type OptionT<NameT> = {\n name?: NameT \| null;\n value: ValueT;\n};\n\nexport type OptionsT<NameT> = Readonly<Array<OptionT<NameT> \| ValueT>>;\n\nexport type PropsT<\n NameT,\n OnChangeT = React.ChangeEventHandler<HTMLSelectElement>,\n> = {\n filter?: (item: OptionT<NameT> \| ValueT) => boolean;\n label?: React.ReactNode;\n onChange?: OnChangeT;\n options: Readonly<OptionsT<NameT>>;\n testId?: string;\n theme: ThemeT;\n value?: ValueT;\n};\n\nfunction isValue<T>(x: OptionT<T> \| ValueT): x is ValueT {\n const type = typeof x;\n return type === 'number' \|\| type === 'string';\n}\n\n/** Returns option value and name as a tuple. */\nexport function optionValueName<NameT>(\n option: OptionT<NameT> \| ValueT,\n): [ValueT, NameT \| ValueT] {\n return isValue(option)\n ? [option, option]\n : [option.value, option.name ?? option.value];\n}\n"],"mappings":"AAAA;;AA8CA,SAASA,OAAOA,CAAIC,CAAsB,EAAe;EACvD,MAAMC,IAAI,GAAG,OAAOD,CAAC;EACrB,OAAOC,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,QAAQ;AAC/C;;AAEA;AACA,OAAO,SAASC,eAAeA,CAC7BC,MAA+B,EACL;EAC1B,OAAOJ,OAAO,CAACI,MAAM,CAAC,GAClB,CAACA,MAAM,EAAEA,MAAM,CAAC,GAChB,CAACA,MAAM,CAACC,KAAK,EAAED,MAAM,CAACE,IAAI,IAAIF,MAAM,CAACC,KAAK,CAAC;AACjD","ignoreList":[]}

package/build/web/shared/components/selectors/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
 export { default as CustomDropdown } from "./CustomDropdown";
 export { default as Dropdown } from "./NativeDropdown";
-export { default as Switch } from "./Switch";
+export { Switch } from "./Switch";
 //# sourceMappingURL=index.js.map

package/build/web/shared/components/selectors/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["default","CustomDropdown","Dropdown","Switch"],"sources":["../../../../../src/shared/components/selectors/index.ts"],"sourcesContent":["export { default as CustomDropdown } from './CustomDropdown';\nexport { default as Dropdown } from './NativeDropdown';\nexport { ~~default as~~ Switch } from './Switch';\n\nexport ~~{\n~~ type OptionT~~,\n type~~ OptionsT~~,\n~~} from './common';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAAc;AAClC,SAASD,OAAO,IAAIE,QAAQ;AAC5B,~~SAASF~~,~~OAAO,IAAIG,~~MAAM","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["default","CustomDropdown","Dropdown","Switch"],"sources":["../../../../../src/shared/components/selectors/index.ts"],"sourcesContent":["export { default as CustomDropdown } from './CustomDropdown';\nexport { default as Dropdown } from './NativeDropdown';\nexport { Switch } from './Switch';\n\nexport type { OptionT, OptionsT } from './common';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAAc;AAClC,SAASD,OAAO,IAAIE,QAAQ;AAC5B,SAASC,MAAM","ignoreList":[]}

package/build/web/shared/utils/index.js CHANGED Viewed

@@ -1,13 +1,10 @@
-import themedImpl, { COMPOSE, PRIORITY, ThemeProvider } from '@dr.pogodin/react-themes';
 import { getConfig } from "./config";
 import * as isomorphy from "./isomorphy";
 import time from "./time";
 import * as webpack from "./webpack";
 export { assertEmptyObject, Barrier, Cached, Emitter, Semaphore, withRetries } from '@dr.pogodin/js-utils';
+export { COMPOSE as THEME_COMPOSE, PRIORITY as THEME_PRIORITY, ThemeProvider, useTheme } from '@dr.pogodin/react-themes';
 export { getSsrContext } from "./globalState";
 export { default as splitComponent } from "./splitComponent";
-const themed = themedImpl;
-themed.COMPOSE = COMPOSE;
-themed.PRIORITY = PRIORITY;
-export { getConfig, isomorphy, themed, ThemeProvider, time, webpack };
+export { getConfig, isomorphy, time, webpack };
 //# sourceMappingURL=index.js.map

package/build/web/shared/utils/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["~~themedImpl~~","~~COMPOSE~~","~~PRIORITY~~","~~ThemeProvider~~","~~getConfig~~","~~isomorphy~~","~~time~~","~~webpack~~","~~assertEmptyObject~~","~~Barrier~~","~~Cached~~","~~Emitter~~","~~Semaphore~~","~~withRetries~~","getSsrContext","default","splitComponent"~~,"themed"~~],"sources":["../../../../src/shared/utils/index.ts"],"sourcesContent":["import ~~themedImpl,~~ {~~\n COMPOSE,\n PRIORITY,\n type~~ ~~Theme,\n ThemeProvider,\n} from '@dr.pogodin/react-themes';\n\nimport {~~ getConfig } from './config';\nimport * as isomorphy from './isomorphy';\nimport time from './time';\nimport * as webpack from './webpack';\n\nexport {\n assertEmptyObject,\n type Listener,\n type ObjectKey,\n Barrier,\n Cached,\n Emitter,\n Semaphore,\n withRetries,\n} from '@dr.pogodin/js-utils';\n\nexport { ~~getSsrContext~~ } from '~~./globalState~~';\nexport { ~~default~~ ~~as splitComponent~~ } from './~~splitComponent~~';\~~n\ntype~~ ~~ThemedT = typeof themedImpl &~~ {~~\n COMPOSE:~~ ~~typeof~~ ~~COMPOSE;\n PRIORITY:~~ ~~typeof~~ ~~PRIORITY;\n~~}~~;\n\nconst~~ ~~themed:~~ ~~ThemedT = themedImpl as ThemedT~~;\n\~~nthemed.COMPOSE = COMPOSE;\nthemed.PRIORITY = PRIORITY;\n\~~nexport {\n ~~type Theme,\n~~ getConfig,\n isomorphy,\n ~~themed,\n ThemeProvider,\n~~ time,\n webpack,\n};\n"],"mappings":"AAAA,~~OAAOA~~,~~UAAU,IACfC,OAAO,EACPC,QAAQ,EAERC,aAAa,QACR,0BAA0B;AAEjC,SAASC,~~SAAS;AAClB,OAAO,KAAKC,SAAS;AACrB,OAAOC,IAAI;AACX,OAAO,KAAKC,OAAO;AAEnB,SACEC,iBAAiB,EAGjBC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,WAAW,QACN,sBAAsB;AAE7B,~~SAASC~~,aAAa~~;AACtB~~,~~SAASC~~,~~OAAO~~,IAAIC,cAAc~~;AAOlC~~,~~MAAMC~~,~~MAAe~~,~~GAAGjB~~,~~UAAqB;AAE7CiB~~,~~MAAM~~,~~CAAChB~~,~~OAAO~~,~~GAAGA,OAAO~~;~~AACxBgB~~,~~MAAM~~,~~CAACf~~,~~QAAQ~~,~~GAAGA,QAAQ~~;~~AAE1B~~,~~SAEEE~~,SAAS,EACTC,SAAS,~~EACTY~~,~~MAAM,EACNd,aAAa,EACbG,~~IAAI,EACJC,OAAO","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["getConfig","isomorphy","time","webpack","assertEmptyObject","Barrier","Cached","Emitter","Semaphore","withRetries","COMPOSE","THEME_COMPOSE","PRIORITY","THEME_PRIORITY","ThemeProvider","useTheme","getSsrContext","default","splitComponent"],"sources":["../../../../src/shared/utils/index.ts"],"sourcesContent":["import { getConfig } from './config';\nimport * as isomorphy from './isomorphy';\nimport time from './time';\nimport * as webpack from './webpack';\n\nexport {\n assertEmptyObject,\n type Listener,\n type ObjectKey,\n Barrier,\n Cached,\n Emitter,\n Semaphore,\n withRetries,\n} from '@dr.pogodin/js-utils';\n\nexport {\n COMPOSE as THEME_COMPOSE,\n PRIORITY as THEME_PRIORITY,\n type Theme,\n ThemeProvider,\n useTheme,\n} from '@dr.pogodin/react-themes';\n\nexport { getSsrContext } from './globalState';\nexport { default as splitComponent } from './splitComponent';\n\nexport {\n getConfig,\n isomorphy,\n time,\n webpack,\n};\n"],"mappings":"AAAA,SAASA,SAAS;AAClB,OAAO,KAAKC,SAAS;AACrB,OAAOC,IAAI;AACX,OAAO,KAAKC,OAAO;AAEnB,SACEC,iBAAiB,EAGjBC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,WAAW,QACN,sBAAsB;AAE7B,SACEC,OAAO,IAAIC,aAAa,EACxBC,QAAQ,IAAIC,cAAc,EAE1BC,aAAa,EACbC,QAAQ,QACH,0BAA0B;AAEjC,SAASC,aAAa;AACtB,SAASC,OAAO,IAAIC,cAAc;AAElC,SACElB,SAAS,EACTC,SAAS,EACTC,IAAI,EACJC,OAAO","ignoreList":[]}

package/build/web/shared/utils/jest/E2eSsrEnv.js CHANGED Viewed

@@ -65,7 +65,6 @@ export default class E2eSsrEnv extends JsdomEnv {
     await this.loadWebpackConfig();
     if (!this.global.webpackConfig) throw Error('Failed to load Webpack config');
     const compiler = webpack(this.global.webpackConfig);
-    if (!compiler) throw Error('Failed to construct Webpack compiler');
     // TODO: The "as typeof compiler.outputFileSystem" piece below is
     // a workaround for the Webpack regression:

package/build/web/shared/utils/jest/E2eSsrEnv.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"E2eSsrEnv.js","names":["path","defaults","set","register","JsdomEnv","Volume","createFsFromVolume","webpack","noop","E2eSsrEnv","loadWebpackConfig","optionsString","pragmas","options","JSON","parse","context","testFolder","fs","global","webpackOutputFs","factoryPath","factory","resolve","rootDir","default","webpackConfig","buildInfo","existsSync","readFileSync","runWebpack","Error","compiler","outputFileSystem","Promise","done","fail","run","err","stats","hasErrors","console","error","toJson","errors","webpackStats","runSsr","logger","debug","info","log","warn","cleanup","entry","p","module","exportName","entryExportName","Application","ssrFactory","renderer","status","markup","ssrRequest","cookie","send","value","locals","devMiddleware","ssrMarkup","ssrOptions","ssrStatus","constructor","config","docblockPragmas","requestString","request","url","csrfToken","projectConfig","dom","dirname","testPath","withSsr","root","process","cwd","envName","babelEnv","extensions","setup","require","cache","setBuildInfo","undefined","REACT_UTILS_FORCE_CLIENT_SIDE","teardown","Object","keys","forEach","key","revert"],"sources":["../../../../../src/shared/utils/jest/E2eSsrEnv.ts"],"sourcesContent":["/*\n Jest environment for end-to-end SSR and client-side testing. It relies on\n * the standard react-utils mechanics to execute SSR of given scene, and also\n * Webpack build of the code for client-side execution, it further exposes\n * Jsdom environment for the client-side testing of the outcomes.\n /\n\n// BEWARE: The module is not imported into the JU module / the main assembly of\n// the library, because doing so easily breaks stuff:\n// 1) This module depends on Node-specific modules, which would make JU\n// incompatible with JsDom if included into JU.\n// 2) If this module is weakly imported from somewhere else in the lib,\n// it seems to randomly break tests using it for a different reason,\n// probably some sort of a require-loop, or some issues with weak\n// require in that scenario.\n\n// TODO: We need to add correct typing for environment options.\n\nimport path from 'node:path';\n\nimport type { Request, Response } from 'express';\n\nimport { defaults, set } from 'lodash-es';\n\nimport type { ReactNode } from 'react';\n\n// As this environment is a part of the Jest testing utils,\n// we assume development dependencies are available when it is used.\n/ eslint-disable import/no-extraneous-dependencies /\nimport register from '@babel/register/experimental-worker';\n\nimport JsdomEnv from 'jest-environment-jsdom';\nimport { Volume, createFsFromVolume } from 'memfs';\nimport webpack, { type Configuration } from 'webpack';\n/ eslint-enable import/no-extraneous-dependencies /\n\nimport type {\n EnvironmentContext,\n JestEnvironmentConfig,\n} from '@jest/environment';\n\nfunction noop() {\n // NOOP\n}\n\nexport default class E2eSsrEnv extends JsdomEnv {\n pragmas: Record<string, string \| string[]>;\n\n ssrRequest: object;\n\n rootDir: string;\n\n testFolder: string;\n\n withSsr: boolean;\n\n webpackStats?: webpack.StatsCompilation;\n\n /\n Loads Webpack config, and exposes it to the environment via global\n * webpackConfig object.\n /\n private async loadWebpackConfig() {\n const optionsString = this.pragmas['webpack-config-options'] as string;\n\n const options = (optionsString ? JSON.parse(optionsString) : {}) as\n webpack.Configuration;\n\n defaults(options, {\n context: this.testFolder,\n fs: this.global.webpackOutputFs,\n });\n\n const factoryPath = this.pragmas['webpack-config-factory'] as string;\n\n let factory = await import(/ webpackChunkName: \"not-a-valid-chunk\" /\n path.resolve(this.rootDir, factoryPath)\n ) as (((ops: Configuration) => Configuration) \| {\n default: (ops: Configuration) => Configuration;\n });\n\n factory = 'default' in factory ? factory.default : factory;\n\n this.global.webpackConfig = factory(options);\n\n const fs = this.global.webpackOutputFs;\n let buildInfo = `${options.context}/.build-info`;\n if (fs.existsSync(buildInfo)) {\n buildInfo = fs.readFileSync(buildInfo, 'utf8') as string;\n this.global.buildInfo = JSON.parse(buildInfo);\n }\n }\n\n /\n Executes Webpack build.\n * @return {Promise}\n /\n async runWebpack(): Promise<void> {\n await this.loadWebpackConfig();\n\n if (!this.global.webpackConfig) throw Error('Failed to load Webpack config');\n const compiler = webpack(this.global.webpackConfig);\n if (!compiler) throw Error('Failed to construct Webpack compiler');\n\n // TODO: The \"as typeof compiler.outputFileSystem\" piece below is\n // a workaround for the Webpack regression:\n // https://github.com/webpack/webpack/issues/18242\n compiler.outputFileSystem = this.global.webpackOutputFs as\n typeof compiler.outputFileSystem;\n\n return new Promise<void>((done, fail) => {\n compiler.run((err, stats) => {\n if (err) fail(err);\n if (stats?.hasErrors()) {\n // eslint-disable-next-line no-console\n console.error(stats.toJson().errors);\n fail(Error('Webpack compilation failed'));\n }\n\n this.global.webpackStats = stats?.toJson();\n\n // Keeps reference to the raw Webpack stats object, which should be\n // explicitly passed to the server-side renderer alongside the request,\n // so that it can to pick up asset paths for different named chunks.\n this.webpackStats = stats;\n\n done();\n });\n });\n }\n\n async runSsr(): Promise<void> {\n const optionsString = this.pragmas['ssr-options'] as string;\n const options = optionsString\n ? JSON.parse(optionsString) as Record<string, unknown>\n : {};\n\n // TODO: This is temporary to shortcut the logging added to SSR.\n options.logger ??= {\n debug: noop,\n info: noop,\n log: noop,\n warn: noop,\n };\n\n options.buildInfo ??= this.global.buildInfo;\n\n let cleanup: (() => void) \| undefined;\n\n if (options.entry) {\n const p = path.resolve(this.testFolder, options.entry as string);\n const module = await import(/ webpackChunkName: \"not-a-valid-chunk\" /\n p\n ) as NodeJS.Module;\n\n if ('cleanup' in module) cleanup = module.cleanup as () => void;\n\n const exportName = (options.entryExportName as string) \|\| 'default';\n if (exportName in module) {\n options.Application = (\n module as unknown as Record<string, unknown>\n )[exportName] as ReactNode;\n }\n }\n\n const { default: ssrFactory } = await import(/ webpackChunkName: \"not-a-valid-chunk\" / 'server/renderer');\n const renderer = ssrFactory(this.global.webpackConfig!, options);\n let status = 200; // OK\n const markup = await new Promise<string>((done, fail) => {\n void renderer(\n this.ssrRequest as Request,\n\n // TODO: This will do for now, with the current implementation of\n // the renderer, but it will require a rework once the renderer is\n // updated to do streaming.\n ({\n cookie: noop,\n send: done,\n set: noop,\n status: (value: number) => {\n status = value;\n },\n\n // This is how up-to-date Webpack stats are passed to the server in\n // development mode, and we use this here always, instead of having\n // to pass some information via filesystem.\n locals: {\n webpack: {\n devMiddleware: {\n stats: this.webpackStats,\n },\n },\n },\n } as unknown) as Response,\n\n (error) => {\n // TODO: Strictly speaking, that error as Error casting is not all\n // correct, but it works, so no need to spend time on it right now.\n if (error) fail(error as Error);\n else done('');\n },\n );\n });\n\n this.global.ssrMarkup = markup;\n this.global.ssrOptions = options;\n this.global.ssrStatus = status;\n\n if (cleanup) cleanup();\n }\n\n constructor(\n config: JestEnvironmentConfig,\n context: EnvironmentContext,\n ) {\n const pragmas = context.docblockPragmas;\n\n const requestString = pragmas['ssr-request'] as string;\n const request = requestString\n ? JSON.parse(requestString) as Record<string, unknown>\n : {};\n\n request.url ??= '/';\n request.csrfToken = noop;\n\n // This ensures the initial JsDom URL matches the value we use for SSR.\n set(\n config.projectConfig,\n 'testEnvironmentOptions.url',\n `http://localhost${request.url as string}`,\n );\n\n super(config, context);\n\n this.global.dom = this.dom;\n this.global.webpackOutputFs = createFsFromVolume(new Volume());\n\n // Extracts necessary settings from config and context.\n const { projectConfig } = config;\n this.rootDir = projectConfig.rootDir;\n this.testFolder = path.dirname(context.testPath);\n this.withSsr = !pragmas['no-ssr'];\n this.ssrRequest = request;\n this.pragmas = pragmas;\n\n // The usual \"babel-jest\" transformation setup does not apply to\n // the environment code and imports from it, this workaround enables it.\n const optionsString = this.pragmas['ssr-options'] as string;\n const options = optionsString\n ? JSON.parse(optionsString) as Record<string, unknown>\n : {};\n let root;\n switch (options.root) {\n case 'TEST':\n root = this.testFolder;\n break;\n default: root = process.cwd();\n }\n\n // BEWARE: Anything imported prior to this register() call seems to be\n // transpiled again by Babel if loaded after this call. This causes very\n // confusing errors when testing the code dependent on some sort of contexts\n // (because loading a module again effectively creates a new context object,\n // which is not recognized by the code expecting another context instance).\n // That's why below we prefer dynamic imports for some React Utils methods.\n register({\n envName: options.babelEnv as string,\n extensions: ['.js', '.jsx', '.ts', '.tsx', '.svg'],\n root,\n });\n }\n\n async setup(): Promise<void> {\n await super.setup();\n await this.runWebpack();\n\n // NOTE: It is possible that the Webpack run above, and the SSR run below\n // load different versions of the same module (CommonJS, and ES), and it may\n // cause very confusing problems (e.g. see:\n // https://github.com/birdofpreyru/react-utils/issues/413).\n // It seems we can't reset the cache of ES modules, and Jest's module reset\n // does not reset modules loaded in this enviroment module, and also only\n // replacing entire cache object by and empty {} seems to help (in contrast\n // to deleting all entries by their keys, as it is done within .teardown()\n // method below). Thus, for now we do this as a hotfix, and we also reset\n // build info to undefined, because ES module version not beeing reset\n // triggers an error on the subsequent test using the environment.\n // TODO: Look for a cleaner solution.\n require.cache = {};\n\n const { setBuildInfo } = await import(/ webpackChunkName: \"not-a-valid-chunk\" */'../isomorphy/buildInfo');\n setBuildInfo(undefined, true);\n\n if (this.withSsr) await this.runSsr();\n this.global.REACT_UTILS_FORCE_CLIENT_SIDE = true;\n }\n\n async teardown(): Promise<void> {\n delete this.global.REACT_UTILS_FORCE_CLIENT_SIDE;\n\n // Resets module cache and @babel/register. Effectively this ensures that\n // the next time an instance of this environment is set up, all modules are\n // transformed by Babel from scratch, thus taking into account the latest\n // Babel config (which may change between different environment instances,\n // which does not seem to be taken into account by Babel / Node caches\n // automatically).\n Object.keys(require.cache).forEach((key) => {\n delete require.cache[key];\n });\n register.revert();\n await super.teardown();\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"E2eSsrEnv.js","names":["path","defaults","set","register","JsdomEnv","Volume","createFsFromVolume","webpack","noop","E2eSsrEnv","loadWebpackConfig","optionsString","pragmas","options","JSON","parse","context","testFolder","fs","global","webpackOutputFs","factoryPath","factory","resolve","rootDir","default","webpackConfig","buildInfo","existsSync","readFileSync","runWebpack","Error","compiler","outputFileSystem","Promise","done","fail","run","err","stats","hasErrors","console","error","toJson","errors","webpackStats","runSsr","logger","debug","info","log","warn","cleanup","entry","p","module","exportName","entryExportName","Application","ssrFactory","renderer","status","markup","ssrRequest","cookie","send","value","locals","devMiddleware","ssrMarkup","ssrOptions","ssrStatus","constructor","config","docblockPragmas","requestString","request","url","csrfToken","projectConfig","dom","dirname","testPath","withSsr","root","process","cwd","envName","babelEnv","extensions","setup","require","cache","setBuildInfo","undefined","REACT_UTILS_FORCE_CLIENT_SIDE","teardown","Object","keys","forEach","key","revert"],"sources":["../../../../../src/shared/utils/jest/E2eSsrEnv.ts"],"sourcesContent":["/*\n Jest environment for end-to-end SSR and client-side testing. It relies on\n * the standard react-utils mechanics to execute SSR of given scene, and also\n * Webpack build of the code for client-side execution, it further exposes\n * Jsdom environment for the client-side testing of the outcomes.\n /\n\n// BEWARE: The module is not imported into the JU module / the main assembly of\n// the library, because doing so easily breaks stuff:\n// 1) This module depends on Node-specific modules, which would make JU\n// incompatible with JsDom if included into JU.\n// 2) If this module is weakly imported from somewhere else in the lib,\n// it seems to randomly break tests using it for a different reason,\n// probably some sort of a require-loop, or some issues with weak\n// require in that scenario.\n\n// TODO: We need to add correct typing for environment options.\n\nimport path from 'node:path';\n\nimport type { Request, Response } from 'express';\n\nimport { defaults, set } from 'lodash-es';\n\nimport type { ReactNode } from 'react';\n\n// As this environment is a part of the Jest testing utils,\n// we assume development dependencies are available when it is used.\n/ eslint-disable import/no-extraneous-dependencies /\nimport register from '@babel/register/experimental-worker';\n\nimport JsdomEnv from 'jest-environment-jsdom';\nimport { Volume, createFsFromVolume } from 'memfs';\nimport webpack, { type Configuration } from 'webpack';\n/ eslint-enable import/no-extraneous-dependencies /\n\nimport type {\n EnvironmentContext,\n JestEnvironmentConfig,\n} from '@jest/environment';\n\nfunction noop() {\n // NOOP\n}\n\nexport default class E2eSsrEnv extends JsdomEnv {\n pragmas: Record<string, string \| string[]>;\n\n ssrRequest: object;\n\n rootDir: string;\n\n testFolder: string;\n\n withSsr: boolean;\n\n webpackStats?: webpack.StatsCompilation;\n\n /\n Loads Webpack config, and exposes it to the environment via global\n * webpackConfig object.\n /\n private async loadWebpackConfig() {\n const optionsString = this.pragmas['webpack-config-options'] as string;\n\n const options = (optionsString ? JSON.parse(optionsString) : {}) as\n webpack.Configuration;\n\n defaults(options, {\n context: this.testFolder,\n fs: this.global.webpackOutputFs,\n });\n\n const factoryPath = this.pragmas['webpack-config-factory'] as string;\n\n let factory = await import(/ webpackChunkName: \"not-a-valid-chunk\" /\n path.resolve(this.rootDir, factoryPath)\n ) as (((ops: Configuration) => Configuration) \| {\n default: (ops: Configuration) => Configuration;\n });\n\n factory = 'default' in factory ? factory.default : factory;\n\n this.global.webpackConfig = factory(options);\n\n const fs = this.global.webpackOutputFs;\n let buildInfo = `${options.context}/.build-info`;\n if (fs.existsSync(buildInfo)) {\n buildInfo = fs.readFileSync(buildInfo, 'utf8') as string;\n this.global.buildInfo = JSON.parse(buildInfo);\n }\n }\n\n /\n Executes Webpack build.\n * @return {Promise}\n /\n async runWebpack(): Promise<void> {\n await this.loadWebpackConfig();\n\n if (!this.global.webpackConfig) throw Error('Failed to load Webpack config');\n const compiler = webpack(this.global.webpackConfig);\n\n // TODO: The \"as typeof compiler.outputFileSystem\" piece below is\n // a workaround for the Webpack regression:\n // https://github.com/webpack/webpack/issues/18242\n compiler.outputFileSystem = this.global.webpackOutputFs as\n typeof compiler.outputFileSystem;\n\n return new Promise<void>((done, fail) => {\n compiler.run((err, stats) => {\n if (err) fail(err);\n if (stats?.hasErrors()) {\n // eslint-disable-next-line no-console\n console.error(stats.toJson().errors);\n fail(Error('Webpack compilation failed'));\n }\n\n this.global.webpackStats = stats?.toJson();\n\n // Keeps reference to the raw Webpack stats object, which should be\n // explicitly passed to the server-side renderer alongside the request,\n // so that it can to pick up asset paths for different named chunks.\n this.webpackStats = stats;\n\n done();\n });\n });\n }\n\n async runSsr(): Promise<void> {\n const optionsString = this.pragmas['ssr-options'] as string;\n const options = optionsString\n ? JSON.parse(optionsString) as Record<string, unknown>\n : {};\n\n // TODO: This is temporary to shortcut the logging added to SSR.\n options.logger ??= {\n debug: noop,\n info: noop,\n log: noop,\n warn: noop,\n };\n\n options.buildInfo ??= this.global.buildInfo;\n\n let cleanup: (() => void) \| undefined;\n\n if (options.entry) {\n const p = path.resolve(this.testFolder, options.entry as string);\n const module = await import(/ webpackChunkName: \"not-a-valid-chunk\" /\n p\n ) as NodeJS.Module;\n\n if ('cleanup' in module) cleanup = module.cleanup as () => void;\n\n const exportName = (options.entryExportName as string) \|\| 'default';\n if (exportName in module) {\n options.Application = (\n module as unknown as Record<string, unknown>\n )[exportName] as ReactNode;\n }\n }\n\n const { default: ssrFactory } = await import(/ webpackChunkName: \"not-a-valid-chunk\" / 'server/renderer');\n const renderer = ssrFactory(this.global.webpackConfig!, options);\n let status = 200; // OK\n const markup = await new Promise<string>((done, fail) => {\n void renderer(\n this.ssrRequest as Request,\n\n // TODO: This will do for now, with the current implementation of\n // the renderer, but it will require a rework once the renderer is\n // updated to do streaming.\n ({\n cookie: noop,\n send: done,\n set: noop,\n status: (value: number) => {\n status = value;\n },\n\n // This is how up-to-date Webpack stats are passed to the server in\n // development mode, and we use this here always, instead of having\n // to pass some information via filesystem.\n locals: {\n webpack: {\n devMiddleware: {\n stats: this.webpackStats,\n },\n },\n },\n } as unknown) as Response,\n\n (error) => {\n // TODO: Strictly speaking, that error as Error casting is not all\n // correct, but it works, so no need to spend time on it right now.\n if (error) fail(error as Error);\n else done('');\n },\n );\n });\n\n this.global.ssrMarkup = markup;\n this.global.ssrOptions = options;\n this.global.ssrStatus = status;\n\n if (cleanup) cleanup();\n }\n\n constructor(\n config: JestEnvironmentConfig,\n context: EnvironmentContext,\n ) {\n const pragmas = context.docblockPragmas;\n\n const requestString = pragmas['ssr-request'] as string;\n const request = requestString\n ? JSON.parse(requestString) as Record<string, unknown>\n : {};\n\n request.url ??= '/';\n request.csrfToken = noop;\n\n // This ensures the initial JsDom URL matches the value we use for SSR.\n set(\n config.projectConfig,\n 'testEnvironmentOptions.url',\n `http://localhost${request.url as string}`,\n );\n\n super(config, context);\n\n this.global.dom = this.dom;\n this.global.webpackOutputFs = createFsFromVolume(new Volume());\n\n // Extracts necessary settings from config and context.\n const { projectConfig } = config;\n this.rootDir = projectConfig.rootDir;\n this.testFolder = path.dirname(context.testPath);\n this.withSsr = !pragmas['no-ssr'];\n this.ssrRequest = request;\n this.pragmas = pragmas;\n\n // The usual \"babel-jest\" transformation setup does not apply to\n // the environment code and imports from it, this workaround enables it.\n const optionsString = this.pragmas['ssr-options'] as string;\n const options = optionsString\n ? JSON.parse(optionsString) as Record<string, unknown>\n : {};\n let root;\n switch (options.root) {\n case 'TEST':\n root = this.testFolder;\n break;\n default: root = process.cwd();\n }\n\n // BEWARE: Anything imported prior to this register() call seems to be\n // transpiled again by Babel if loaded after this call. This causes very\n // confusing errors when testing the code dependent on some sort of contexts\n // (because loading a module again effectively creates a new context object,\n // which is not recognized by the code expecting another context instance).\n // That's why below we prefer dynamic imports for some React Utils methods.\n register({\n envName: options.babelEnv as string,\n extensions: ['.js', '.jsx', '.ts', '.tsx', '.svg'],\n root,\n });\n }\n\n async setup(): Promise<void> {\n await super.setup();\n await this.runWebpack();\n\n // NOTE: It is possible that the Webpack run above, and the SSR run below\n // load different versions of the same module (CommonJS, and ES), and it may\n // cause very confusing problems (e.g. see:\n // https://github.com/birdofpreyru/react-utils/issues/413).\n // It seems we can't reset the cache of ES modules, and Jest's module reset\n // does not reset modules loaded in this enviroment module, and also only\n // replacing entire cache object by and empty {} seems to help (in contrast\n // to deleting all entries by their keys, as it is done within .teardown()\n // method below). Thus, for now we do this as a hotfix, and we also reset\n // build info to undefined, because ES module version not beeing reset\n // triggers an error on the subsequent test using the environment.\n // TODO: Look for a cleaner solution.\n require.cache = {};\n\n const { setBuildInfo } = await import(/ webpackChunkName: \"not-a-valid-chunk\" */'../isomorphy/buildInfo');\n setBuildInfo(undefined, true);\n\n if (this.withSsr) await this.runSsr();\n this.global.REACT_UTILS_FORCE_CLIENT_SIDE = true;\n }\n\n async teardown(): Promise<void> {\n delete this.global.REACT_UTILS_FORCE_CLIENT_SIDE;\n\n // Resets module cache and @babel/register. Effectively this ensures that\n // the next time an instance of this environment is set up, all modules are\n // transformed by Babel from scratch, thus taking into account the latest\n // Babel config (which may change between different environment instances,\n // which does not seem to be taken into account by Babel / Node caches\n // automatically).\n Object.keys(require.cache).forEach((key) => {\n delete require.cache[key];\n });\n register.revert();\n await super.teardown();\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/config/babel/webpack.js CHANGED Viewed

@@ -37,7 +37,7 @@ function newBaseConfig(options) {
         presets: [
             ['@babel/env', {
                     bugfixes: true,
-                    corejs: '3.46',
+                    corejs: '3.47',
                     // Leaves it to the Webpack to deal with modules.
                     modules: (_a = options.modules) !== null && _a !== void 0 ? _a : false,
                     targets: (_b = options.targets) !== null && _b !== void 0 ? _b : 'defaults',