@dr.pogodin/react-utils 1.46.2 → 1.47.0-alpha.2

package/build/development/shared/components/selectors/CustomDropdown/Options/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","require","_Modal","_common","_jsxRuntime","S","areEqual","a","b","left","top","width","Options","containerClass","containerStyle","filter","onCancel","onChange","optionClass","options","ref","opsRef","useRef","useImperativeHandle","measure","e","current","parentElement","undefined","rect","getBoundingClientRect","style","window","getComputedStyle","mBottom","parseFloat","marginBottom","mTop","marginTop","height","optionNodes","option","iValue","iName","optionValueName","push","jsx","className","onClick","stopPropagation","onKeyDown","key","role","tabIndex","children","BaseModal","cancelOnScrolling","dontDisableScrolling","theme","ad","container","context","hoc","overlay","_default","exports","default"],"sources":["../../../../../../../src/shared/components/selectors/CustomDropdown/Options/index.tsx"],"sourcesContent":["import {\n  type FunctionComponent,\n  type ReactNode,\n  type RefObject,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { BaseModal } from 'components/Modal';\n\nimport {\n  type OptionT,\n  type OptionsT,\n  type ValueT,\n  optionValueName,\n} from '../../common';\n\nimport S from './style.scss';\n\nexport type ContainerPosT = {\n  left: number;\n  top: number;\n  width: number;\n};\n\nexport function areEqual(a?: ContainerPosT, b?: ContainerPosT): boolean {\n  return a?.left === b?.left && a?.top === b?.top && a?.width === b?.width;\n}\n\nexport type RefT = {\n  measure: () => DOMRect | undefined;\n};\n\ntype PropsT = {\n  containerClass: string;\n  containerStyle?: ContainerPosT;\n  filter?: (item: OptionT<ReactNode> | ValueT) => boolean;\n  optionClass: string;\n  options: Readonly<OptionsT<ReactNode>>;\n  onCancel: () => void;\n  onChange: (value: ValueT) => void;\n  ref?: RefObject<RefT | null>;\n};\n\nconst Options: FunctionComponent<PropsT> = ({\n  containerClass,\n  containerStyle,\n  filter,\n  onCancel,\n  onChange,\n  optionClass,\n  options,\n  ref,\n}) => {\n  const opsRef = useRef<HTMLDivElement>(null);\n\n  useImperativeHandle(ref, () => ({\n    measure: () => {\n      const e = opsRef.current?.parentElement;\n      if (!e) return undefined;\n\n      const rect = opsRef.current!.getBoundingClientRect();\n      const style = window.getComputedStyle(e);\n      const mBottom = parseFloat(style.marginBottom);\n      const mTop = parseFloat(style.marginTop);\n\n      rect.height += mBottom + mTop;\n\n      return rect;\n    },\n  }), []);\n\n  const optionNodes: ReactNode[] = [];\n  for (const option of options) {\n    if (!filter || filter(option)) {\n      const [iValue, iName] = optionValueName(option);\n      optionNodes.push(\n        <div\n          className={optionClass}\n          key={iValue}\n          onClick={(e) => {\n            onChange(iValue);\n            e.stopPropagation();\n          }}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              onChange(iValue);\n              e.stopPropagation();\n            }\n          }}\n          role=\"button\"\n          tabIndex={0}\n        >\n          {iName}\n        </div>,\n      );\n    }\n  }\n\n  return (\n    <BaseModal\n      // Closes the dropdown (cancels the selection) on any page scrolling attempt.\n      // This is the same native <select> elements do on scrolling, and at least for\n      // now we have no reason to deal with complications needed to support open\n      // dropdowns during the scrolling (that would need to re-position it in\n      // response to the position changes of the root dropdown element).\n      cancelOnScrolling\n      dontDisableScrolling\n      onCancel={onCancel}\n      style={containerStyle}\n      theme={{\n        ad: '',\n        container: containerClass,\n        context: '',\n        hoc: '',\n        overlay: S.overlay,\n      }}\n    >\n      <div ref={opsRef}>{optionNodes}</div>\n    </BaseModal>\n  );\n};\n\nexport default Options;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","require","_Modal","_common","_jsxRuntime","S","areEqual","a","b","left","top","width","Options","containerClass","containerStyle","filter","onCancel","onChange","optionClass","options","ref","opsRef","useRef","useImperativeHandle","measure","e","current","parentElement","undefined","rect","getBoundingClientRect","style","window","getComputedStyle","mBottom","parseFloat","marginBottom","mTop","marginTop","height","optionNodes","option","iValue","iName","optionValueName","push","_jsx","className","onClick","stopPropagation","onKeyDown","key","role","tabIndex","children","BaseModal","cancelOnScrolling","dontDisableScrolling","theme","ad","container","context","hoc","overlay","_default","exports","default"],"sources":["../../../../../../../src/shared/components/selectors/CustomDropdown/Options/index.tsx"],"sourcesContent":["import {\n  type FunctionComponent,\n  type ReactNode,\n  type RefObject,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { BaseModal } from 'components/Modal';\n\nimport {\n  type OptionT,\n  type OptionsT,\n  type ValueT,\n  optionValueName,\n} from '../../common';\n\nimport S from './style.scss';\n\nexport type ContainerPosT = {\n  left: number;\n  top: number;\n  width: number;\n};\n\nexport function areEqual(a?: ContainerPosT, b?: ContainerPosT): boolean {\n  return a?.left === b?.left && a?.top === b?.top && a?.width === b?.width;\n}\n\nexport type RefT = {\n  measure: () => DOMRect | undefined;\n};\n\ntype PropsT = {\n  containerClass: string;\n  containerStyle?: ContainerPosT;\n  filter?: (item: OptionT<ReactNode> | ValueT) => boolean;\n  optionClass: string;\n  options: Readonly<OptionsT<ReactNode>>;\n  onCancel: () => void;\n  onChange: (value: ValueT) => void;\n  ref?: RefObject<RefT | null>;\n};\n\nconst Options: FunctionComponent<PropsT> = ({\n  containerClass,\n  containerStyle,\n  filter,\n  onCancel,\n  onChange,\n  optionClass,\n  options,\n  ref,\n}) => {\n  const opsRef = useRef<HTMLDivElement>(null);\n\n  useImperativeHandle(ref, () => ({\n    measure: () => {\n      const e = opsRef.current?.parentElement;\n      if (!e) return undefined;\n\n      const rect = opsRef.current!.getBoundingClientRect();\n      const style = window.getComputedStyle(e);\n      const mBottom = parseFloat(style.marginBottom);\n      const mTop = parseFloat(style.marginTop);\n\n      rect.height += mBottom + mTop;\n\n      return rect;\n    },\n  }), []);\n\n  const optionNodes: ReactNode[] = [];\n  for (const option of options) {\n    if (!filter || filter(option)) {\n      const [iValue, iName] = optionValueName(option);\n      optionNodes.push(\n        <div\n          className={optionClass}\n          key={iValue}\n          onClick={(e) => {\n            onChange(iValue);\n            e.stopPropagation();\n          }}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              onChange(iValue);\n              e.stopPropagation();\n            }\n          }}\n          role=\"button\"\n          tabIndex={0}\n        >\n          {iName}\n        </div>,\n      );\n    }\n  }\n\n  return (\n    <BaseModal\n      // Closes the dropdown (cancels the selection) on any page scrolling attempt.\n      // This is the same native <select> elements do on scrolling, and at least for\n      // now we have no reason to deal with complications needed to support open\n      // dropdowns during the scrolling (that would need to re-position it in\n      // response to the position changes of the root dropdown element).\n      cancelOnScrolling\n      dontDisableScrolling\n      onCancel={onCancel}\n      style={containerStyle}\n      theme={{\n        ad: '',\n        container: containerClass,\n        context: '',\n        hoc: '',\n        overlay: S.overlay,\n      }}\n    >\n      <div ref={opsRef}>{optionNodes}</div>\n    </BaseModal>\n  );\n};\n\nexport default Options;\n"],"mappings":"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","ignoreList":[]}

package/build/development/shared/components/selectors/CustomDropdown/index.js

@@ -12,17 +12,17 @@ var _Options = _interopRequireWildcard(require("./Options"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const defaultTheme = {
-  "context": "-dr-pogodin-react-utils___src-shared-components-selectors-CustomDropdown-theme___context___9Tod5r",
-  "ad": "-dr-pogodin-react-utils___src-shared-components-selectors-CustomDropdown-theme___ad___R58zIg",
-  "hoc": "-dr-pogodin-react-utils___src-shared-components-selectors-CustomDropdown-theme___hoc___O-Tp1i",
-  "container": "-dr-pogodin-react-utils___src-shared-components-selectors-CustomDropdown-theme___container___oQKv0Y",
-  "label": "-dr-pogodin-react-utils___src-shared-components-selectors-CustomDropdown-theme___label___YUPUNs",
-  "dropdown": "-dr-pogodin-react-utils___src-shared-components-selectors-CustomDropdown-theme___dropdown___pNEyAA",
-  "option": "-dr-pogodin-react-utils___src-shared-components-selectors-CustomDropdown-theme___option___LD2Kzy",
-  "select": "-dr-pogodin-react-utils___src-shared-components-selectors-CustomDropdown-theme___select___LP5azC",
-  "arrow": "-dr-pogodin-react-utils___src-shared-components-selectors-CustomDropdown-theme___arrow___-wscve",
-  "active": "-dr-pogodin-react-utils___src-shared-components-selectors-CustomDropdown-theme___active___k2UDsV",
-  "upward": "-dr-pogodin-react-utils___src-shared-components-selectors-CustomDropdown-theme___upward___HWRvu4"
+  "context": "-dr-pogodin-react-utils___build-web-shared-components-selectors-CustomDropdown-theme___context___SNj3wp",
+  "ad": "-dr-pogodin-react-utils___build-web-shared-components-selectors-CustomDropdown-theme___ad___T6eOJ-",
+  "hoc": "-dr-pogodin-react-utils___build-web-shared-components-selectors-CustomDropdown-theme___hoc___KG-OKN",
+  "container": "-dr-pogodin-react-utils___build-web-shared-components-selectors-CustomDropdown-theme___container___SzHHPE",
+  "label": "-dr-pogodin-react-utils___build-web-shared-components-selectors-CustomDropdown-theme___label___KTG4ai",
+  "dropdown": "-dr-pogodin-react-utils___build-web-shared-components-selectors-CustomDropdown-theme___dropdown___xdotm7",
+  "option": "-dr-pogodin-react-utils___build-web-shared-components-selectors-CustomDropdown-theme___option___y-WCDM",
+  "select": "-dr-pogodin-react-utils___build-web-shared-components-selectors-CustomDropdown-theme___select___PP5Siy",
+  "arrow": "-dr-pogodin-react-utils___build-web-shared-components-selectors-CustomDropdown-theme___arrow___7-A7Lh",
+  "active": "-dr-pogodin-react-utils___build-web-shared-components-selectors-CustomDropdown-theme___active___RoOAZK",
+  "upward": "-dr-pogodin-react-utils___build-web-shared-components-selectors-CustomDropdown-theme___upward___--5Xpy"
 };
 const BaseCustomDropdown = ({
   filter,

package/build/development/shared/components/selectors/CustomDropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","require","_reactThemes","_interopRequireDefault","_common","_Options","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultTheme","BaseCustomDropdown","filter","label","onChange","options","theme","value","active","setActive","useState","dropdownRef","useRef","opsRef","opsPos","setOpsPos","upward","setUpward","useEffect","undefined","id","cb","anchor","current","getBoundingClientRect","opsRect","measure","fitsDown","bottom","height","window","visualViewport","fitsUp","top","up","pos","left","width","now","areEqual","requestAnimationFrame","cancelAnimationFrame","openList","view","rect","stopPropagation","selected","jsx","Fragment","children","option","iValue","iName","optionValueName","containerClassName","container","opsContainerClass","select","jsxs","className","dropdown","onClick","onKeyDown","key","ref","role","tabIndex","arrow","containerClass","containerStyle","onCancel","newValue","optionClass","_default","exports","themed"],"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 themed(BaseCustomDropdown, 'CustomDropdown', defaultTheme);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","require","_reactThemes","_interopRequireDefault","_common","_Options","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultTheme","BaseCustomDropdown","filter","label","onChange","options","theme","value","active","setActive","useState","dropdownRef","useRef","opsRef","opsPos","setOpsPos","upward","setUpward","useEffect","undefined","id","cb","anchor","current","getBoundingClientRect","opsRect","measure","fitsDown","bottom","height","window","visualViewport","fitsUp","top","up","pos","left","width","now","areEqual","requestAnimationFrame","cancelAnimationFrame","openList","view","rect","stopPropagation","selected","_jsx","_Fragment","children","option","iValue","iName","optionValueName","containerClassName","container","opsContainerClass","select","_jsxs","className","dropdown","onClick","onKeyDown","key","ref","role","tabIndex","arrow","Options","containerClass","containerStyle","onCancel","newValue","optionClass","_default","exports","themed"],"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 themed(BaseCustomDropdown, 'CustomDropdown', defaultTheme);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAC,uBAAA,CAAAL,OAAA;AAEwC,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAK,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,MAAAkB,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;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,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE3C,MAAMC,WAAW,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAChD,MAAMC,MAAM,GAAG,IAAAD,aAAM,EAAO,IAAI,CAAC;EAEjC,MAAM,CAACE,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAL,eAAQ,EAAgB,CAAC;EACrD,MAAM,CAACM,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAP,eAAQ,EAAC,KAAK,CAAC;EAE3C,IAAAQ,gBAAS,EAAC,MAAM;IACd,IAAI,CAACV,MAAM,EAAE,OAAOW,SAAS;IAE7B,IAAIC,EAAU;IACd,MAAMC,EAAE,GAAGA,CAAA,KAAM;MACf,MAAMC,MAAM,GAAGX,WAAW,CAACY,OAAO,EAAEC,qBAAqB,CAAC,CAAC;MAC3D,MAAMC,OAAO,GAAGZ,MAAM,CAACU,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;QAC9Bf,SAAS,CAACiB,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;QAEDtB,SAAS,CAAEuB,GAAG,IAAM,IAAAC,iBAAQ,EAACD,GAAG,EAAEH,GAAG,CAAC,GAAGG,GAAG,GAAGH,GAAI,CAAC;MACtD;MACAf,EAAE,GAAGoB,qBAAqB,CAACnB,EAAE,CAAC;IAChC,CAAC;IACDmB,qBAAqB,CAACnB,EAAE,CAAC;IAEzB,OAAO,MAAM;MACXoB,oBAAoB,CAACrB,EAAE,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,CAACZ,MAAM,CAAC,CAAC;EAEZ,MAAMkC,QAAQ,GACZ7D,CAAyE,IACtE;IACH,MAAM8D,IAAI,GAAGb,MAAM,CAACC,cAAc;IAClC,MAAMa,IAAI,GAAGjC,WAAW,CAACY,OAAO,CAAEC,qBAAqB,CAAC,CAAC;IACzDf,SAAS,CAAC,IAAI,CAAC;;IAEf;IACA;IACA;IACA;IACA;IACA;IACAM,SAAS,CAAC;MACRqB,IAAI,EAAEO,IAAI,EAAEN,KAAK,IAAI,CAAC;MACtBJ,GAAG,EAAEU,IAAI,EAAEd,MAAM,IAAI,CAAC;MACtBQ,KAAK,EAAEO,IAAI,CAACP;IACd,CAAC,CAAC;IAEFxD,CAAC,CAACgE,eAAe,CAAC,CAAC;EACrB,CAAC;EAED,IAAIC,QAAyB,gBAAG,IAAAC,eAAA,EAAAC,oBAAA;IAAAC,QAAA,EAAE;EAAM,CAAE,CAAC;EAC3C,KAAK,MAAMC,MAAM,IAAI7C,OAAO,EAAE;IAC5B,IAAI,CAACH,MAAM,IAAIA,MAAM,CAACgD,MAAM,CAAC,EAAE;MAC7B,MAAM,CAACC,MAAM,EAAEC,KAAK,CAAC,GAAG,IAAAC,uBAAe,EAACH,MAAM,CAAC;MAC/C,IAAIC,MAAM,KAAK5C,KAAK,EAAE;QACpBuC,QAAQ,GAAGM,KAAK;QAChB;MACF;IACF;EACF;EAEA,IAAIE,kBAAkB,GAAGhD,KAAK,CAACiD,SAAS;EACxC,IAAI/C,MAAM,EAAE8C,kBAAkB,IAAI,IAAIhD,KAAK,CAACE,MAAM,EAAE;EAEpD,IAAIgD,iBAAiB,GAAGlD,KAAK,CAACmD,MAAM,IAAI,EAAE;EAC1C,IAAIzC,MAAM,EAAE;IACVsC,kBAAkB,IAAI,IAAIhD,KAAK,CAACU,MAAM,EAAE;IACxCwC,iBAAiB,IAAI,IAAIlD,KAAK,CAACU,MAAM,EAAE;EACzC;EAEA,oBACE,IAAA0C,gBAAA;IAAKC,SAAS,EAAEL,kBAAmB;IAAAL,QAAA,GAChC9C,KAAK,KAAKgB,SAAS,GAAG,IAAI,gBACvB,IAAA4B,eAAA;MAAKY,SAAS,EAAErD,KAAK,CAACH,KAAM;MAAA8C,QAAA,EAAE9C;IAAK,CAAM,CAAC,eAC9C,IAAAuD,gBAAA;MACEC,SAAS,EAAErD,KAAK,CAACsD,QAAS;MAC1BC,OAAO,EAAEnB,QAAS;MAClBoB,SAAS,EAAGjF,CAAC,IAAK;QAChB,IAAIA,CAAC,CAACkF,GAAG,KAAK,OAAO,EAAErB,QAAQ,CAAC7D,CAAC,CAAC;MACpC,CAAE;MACFmF,GAAG,EAAErD,WAAY;MACjBsD,IAAI,EAAC,SAAS;MACdC,QAAQ,EAAE,CAAE;MAAAjB,QAAA,GAEXH,QAAQ,eACT,IAAAC,eAAA;QAAKY,SAAS,EAAErD,KAAK,CAAC6D;MAAM,CAAE,CAAC;IAAA,CAC5B,CAAC,EAEJ3D,MAAM,gBACJ,IAAAuC,eAAA,EAACqB,gBAAO;MACNC,cAAc,EAAEb,iBAAkB;MAClCc,cAAc,EAAExD,MAAO;MACvByD,QAAQ,EAAEA,CAAA,KAAM;QACd9D,SAAS,CAAC,KAAK,CAAC;MAClB,CAAE;MACFL,QAAQ,EAAGoE,QAAQ,IAAK;QACtB/D,SAAS,CAAC,KAAK,CAAC;QAChB,IAAIL,QAAQ,EAAEA,QAAQ,CAACoE,QAAQ,CAAC;MAClC,CAAE;MACFC,WAAW,EAAEnE,KAAK,CAAC4C,MAAM,IAAI,EAAG;MAChC7C,OAAO,EAAEA,OAAQ;MACjB2D,GAAG,EAAEnD;IAAO,CACb,CAAC,GACA,IAAI;EAAA,CAEP,CAAC;AAEV,CAAC;AAAA,IAAA6D,QAAA,GAAAC,OAAA,CAAApF,OAAA,GAEc,IAAAqF,oBAAM,EAAC3E,kBAAkB,EAAE,gBAAgB,EAAED,YAAY,CAAC","ignoreList":[]}

package/build/development/shared/components/selectors/NativeDropdown/index.js

@@ -10,18 +10,18 @@ var _common = require("../common");
 var _jsxRuntime = require("react/jsx-runtime");
 // Implements dropdown based on the native HTML <select> element.
 const defaultTheme = {
-  "context": "-dr-pogodin-react-utils___src-shared-components-selectors-NativeDropdown-theme___context___xHyZo4",
-  "ad": "-dr-pogodin-react-utils___src-shared-components-selectors-NativeDropdown-theme___ad___ADu59e",
-  "hoc": "-dr-pogodin-react-utils___src-shared-components-selectors-NativeDropdown-theme___hoc___FTP2bb",
-  "dropdown": "-dr-pogodin-react-utils___src-shared-components-selectors-NativeDropdown-theme___dropdown___kI9A9U",
-  "arrow": "-dr-pogodin-react-utils___src-shared-components-selectors-NativeDropdown-theme___arrow___DubGkT",
-  "container": "-dr-pogodin-react-utils___src-shared-components-selectors-NativeDropdown-theme___container___WtSZPd",
-  "active": "-dr-pogodin-react-utils___src-shared-components-selectors-NativeDropdown-theme___active___ayMn7O",
-  "label": "-dr-pogodin-react-utils___src-shared-components-selectors-NativeDropdown-theme___label___K7JYKw",
-  "option": "-dr-pogodin-react-utils___src-shared-components-selectors-NativeDropdown-theme___option___27pZ6W",
-  "hiddenOption": "-dr-pogodin-react-utils___src-shared-components-selectors-NativeDropdown-theme___hiddenOption___clAKFJ",
-  "select": "-dr-pogodin-react-utils___src-shared-components-selectors-NativeDropdown-theme___select___N0Fc14",
-  "invalid": "-dr-pogodin-react-utils___src-shared-components-selectors-NativeDropdown-theme___invalid___wL4umU"
+  "context": "-dr-pogodin-react-utils___build-web-shared-components-selectors-NativeDropdown-theme___context___WbwY1Y",
+  "ad": "-dr-pogodin-react-utils___build-web-shared-components-selectors-NativeDropdown-theme___ad___AP5hsY",
+  "hoc": "-dr-pogodin-react-utils___build-web-shared-components-selectors-NativeDropdown-theme___hoc___ODAJeW",
+  "dropdown": "-dr-pogodin-react-utils___build-web-shared-components-selectors-NativeDropdown-theme___dropdown___wabw76",
+  "arrow": "-dr-pogodin-react-utils___build-web-shared-components-selectors-NativeDropdown-theme___arrow___WFSB9z",
+  "container": "-dr-pogodin-react-utils___build-web-shared-components-selectors-NativeDropdown-theme___container___vE9M8Z",
+  "active": "-dr-pogodin-react-utils___build-web-shared-components-selectors-NativeDropdown-theme___active___sfLSJA",
+  "label": "-dr-pogodin-react-utils___build-web-shared-components-selectors-NativeDropdown-theme___label___bQLBhS",
+  "option": "-dr-pogodin-react-utils___build-web-shared-components-selectors-NativeDropdown-theme___option___wgCtdC",
+  "hiddenOption": "-dr-pogodin-react-utils___build-web-shared-components-selectors-NativeDropdown-theme___hiddenOption___ty19C2",
+  "select": "-dr-pogodin-react-utils___build-web-shared-components-selectors-NativeDropdown-theme___select___ntbzPR",
+  "invalid": "-dr-pogodin-react-utils___build-web-shared-components-selectors-NativeDropdown-theme___invalid___3CzMM4"
 };
 /**
  * Implements a themeable dropdown list. Internally it is rendered with help of

package/build/development/shared/components/selectors/NativeDropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_reactThemes","_interopRequireDefault","require","_common","_jsxRuntime","defaultTheme","Dropdown","filter","label","onChange","options","testId","theme","value","isValidValue","optionElements","option","iValue","iName","optionValueName","push","jsx","className","children","hiddenOption","disabled","selectClassName","select","invalid","jsxs","container","undefined","dropdown","process","env","NODE_ENV","arrow","_default","exports","default","themed"],"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 themed(Dropdown, 'Dropdown', defaultTheme);\n"],"mappings":";;;;;;;AAEA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAyD,IAAAE,WAAA,GAAAF,OAAA;AAJzD;AAAA,MAAAG,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,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,GAAG,IAAAC,uBAAe,EAACH,MAAM,CAAC;MAC/CF,YAAY,KAAKG,MAAM,KAAKJ,KAAK;MACjCE,cAAc,CAACK,IAAI,cACjB,IAAAhB,WAAA,CAAAiB,GAAA;QAAQC,SAAS,EAAEV,KAAK,CAACI,MAAO;QAAcH,KAAK,EAAEI,MAAO;QAAAM,QAAA,EACzDL;MAAK,GAD8BD,MAE9B,CACV,CAAC;IACH;EACF;;EAEA;EACA;EACA;EACA;EACA,MAAMO,YAAY,GAAGV,YAAY,GAAG,IAAI,gBACtC,IAAAV,WAAA,CAAAiB,GAAA;IACEC,SAAS,EAAEV,KAAK,CAACY,YAAa;IAC9BC,QAAQ;IAERZ,KAAK,EAAEA,KAAM;IAAAU,QAAA,EAEZV;EAAK,GAHF,0BAIE,CACT;EAED,IAAIa,eAAe,GAAGd,KAAK,CAACe,MAAM;EAClC,IAAI,CAACb,YAAY,EAAEY,eAAe,IAAI,IAAId,KAAK,CAACgB,OAAO,EAAE;EAEzD,oBACE,IAAAxB,WAAA,CAAAyB,IAAA;IAAKP,SAAS,EAAEV,KAAK,CAACkB,SAAU;IAAAP,QAAA,GAC5Bf,KAAK,KAAKuB,SAAS,GACjB,IAAI,gBAAG,IAAA3B,WAAA,CAAAiB,GAAA;MAAKC,SAAS,EAAEV,KAAK,CAACJ,KAAM;MAAAe,QAAA,EAAEf;IAAK,CAAM,CAAC,eACrD,IAAAJ,WAAA,CAAAyB,IAAA;MAAKP,SAAS,EAAEV,KAAK,CAACoB,QAAS;MAAAT,QAAA,gBAC7B,IAAAnB,WAAA,CAAAyB,IAAA;QACEP,SAAS,EAAEI,eAAgB;QAC3B,eAAaO,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGJ,SAAS,GAAGpB,MAAO;QACxEF,QAAQ,EAAEA,QAAS;QACnBI,KAAK,EAAEA,KAAM;QAAAU,QAAA,GAEZC,YAAY,EACZT,cAAc;MAAA,CACT,CAAC,eACT,IAAAX,WAAA,CAAAiB,GAAA;QAAKC,SAAS,EAAEV,KAAK,CAACwB;MAAM,CAAE,CAAC;IAAA,CAC5B,CAAC;EAAA,CACH,CAAC;AAEV,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,oBAAM,EAAClC,QAAQ,EAAE,UAAU,EAAED,YAAY,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_reactThemes","_interopRequireDefault","require","_common","_jsxRuntime","defaultTheme","Dropdown","filter","label","onChange","options","testId","theme","value","isValidValue","optionElements","option","iValue","iName","optionValueName","push","_jsx","className","children","hiddenOption","disabled","selectClassName","select","invalid","_jsxs","container","undefined","dropdown","process","env","NODE_ENV","arrow","_default","exports","default","themed"],"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 themed(Dropdown, 'Dropdown', defaultTheme);\n"],"mappings":";;;;;;;AAEA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAIA,IAAAE,WAAA,GAAAF,OAAA;AARA;AAAA,MAAAG,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,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,GAAG,IAAAC,uBAAe,EAACH,MAAM,CAAC;MAC/CF,YAAY,KAAKG,MAAM,KAAKJ,KAAK;MACjCE,cAAc,CAACK,IAAI,cACjB,IAAAC,eAAA;QAAQC,SAAS,EAAEV,KAAK,CAACI,MAAO;QAAcH,KAAK,EAAEI,MAAO;QAAAM,QAAA,EACzDL;MAAK,GAD8BD,MAE9B,CACV,CAAC;IACH;EACF;;EAEA;EACA;EACA;EACA;EACA,MAAMO,YAAY,GAAGV,YAAY,GAAG,IAAI,gBACtC,IAAAO,eAAA;IACEC,SAAS,EAAEV,KAAK,CAACY,YAAa;IAC9BC,QAAQ;IAERZ,KAAK,EAAEA,KAAM;IAAAU,QAAA,EAEZV;EAAK,GAHF,0BAIE,CACT;EAED,IAAIa,eAAe,GAAGd,KAAK,CAACe,MAAM;EAClC,IAAI,CAACb,YAAY,EAAEY,eAAe,IAAI,IAAId,KAAK,CAACgB,OAAO,EAAE;EAEzD,oBACE,IAAAC,gBAAA;IAAKP,SAAS,EAAEV,KAAK,CAACkB,SAAU;IAAAP,QAAA,GAC5Bf,KAAK,KAAKuB,SAAS,GACjB,IAAI,gBAAG,IAAAV,eAAA;MAAKC,SAAS,EAAEV,KAAK,CAACJ,KAAM;MAAAe,QAAA,EAAEf;IAAK,CAAM,CAAC,eACrD,IAAAqB,gBAAA;MAAKP,SAAS,EAAEV,KAAK,CAACoB,QAAS;MAAAT,QAAA,gBAC7B,IAAAM,gBAAA;QACEP,SAAS,EAAEI,eAAgB;QAC3B,eAAaO,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGJ,SAAS,GAAGpB,MAAO;QACxEF,QAAQ,EAAEA,QAAS;QACnBI,KAAK,EAAEA,KAAM;QAAAU,QAAA,GAEZC,YAAY,EACZT,cAAc;MAAA,CACT,CAAC,eACT,IAAAM,eAAA;QAAKC,SAAS,EAAEV,KAAK,CAACwB;MAAM,CAAE,CAAC;IAAA,CAC5B,CAAC;EAAA,CACH,CAAC;AAEV,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,oBAAM,EAAClC,QAAQ,EAAE,UAAU,EAAED,YAAY,CAAC","ignoreList":[]}

package/build/development/shared/components/selectors/Switch/index.js

@@ -9,13 +9,13 @@ var _reactThemes = _interopRequireDefault(require("@dr.pogodin/react-themes"));
 var _common = require("../common");
 var _jsxRuntime = require("react/jsx-runtime");
 const defaultTheme = {
-  "context": "-dr-pogodin-react-utils___src-shared-components-selectors-Switch-theme___context___VMHfnP",
-  "ad": "-dr-pogodin-react-utils___src-shared-components-selectors-Switch-theme___ad___HNliRC",
-  "hoc": "-dr-pogodin-react-utils___src-shared-components-selectors-Switch-theme___hoc___2Ue-db",
-  "container": "-dr-pogodin-react-utils___src-shared-components-selectors-Switch-theme___container___AWNvRj",
-  "option": "-dr-pogodin-react-utils___src-shared-components-selectors-Switch-theme___option___fUfIAd",
-  "selected": "-dr-pogodin-react-utils___src-shared-components-selectors-Switch-theme___selected___Wco-qk",
-  "options": "-dr-pogodin-react-utils___src-shared-components-selectors-Switch-theme___options___CZYtcC"
+  "context": "-dr-pogodin-react-utils___build-web-shared-components-selectors-Switch-theme___context___akD3dQ",
+  "ad": "-dr-pogodin-react-utils___build-web-shared-components-selectors-Switch-theme___ad___xcXtdE",
+  "hoc": "-dr-pogodin-react-utils___build-web-shared-components-selectors-Switch-theme___hoc___N3iziJ",
+  "container": "-dr-pogodin-react-utils___build-web-shared-components-selectors-Switch-theme___container___BYeWyJ",
+  "option": "-dr-pogodin-react-utils___build-web-shared-components-selectors-Switch-theme___option___7MFXEN",
+  "selected": "-dr-pogodin-react-utils___build-web-shared-components-selectors-Switch-theme___selected___CDbWAd",
+  "options": "-dr-pogodin-react-utils___build-web-shared-components-selectors-Switch-theme___options___9-eOZo"
 };
 const BaseSwitch = ({
   label,

package/build/development/shared/components/selectors/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_reactThemes","_interopRequireDefault","require","_common","_jsxRuntime","defaultTheme","BaseSwitch","label","onChange","options","theme","value","option","Error","optionNodes","iValue","iName","optionValueName","className","onPress","selected","push","jsx","onClick","onKeyDown","e","key","role","tabIndex","children","jsxs","container","_default","exports","default","themed"],"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 themed(BaseSwitch, 'Switch', defaultTheme);\n"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAImB,IAAAE,WAAA,GAAAF,OAAA;AAAA,MAAAG,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAcnB,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,GAAG,IAAAC,uBAAe,EAACL,MAAM,CAAC;IAE/C,IAAIM,SAAiB,GAAGR,KAAK,CAACE,MAAM;IACpC,IAAIO,OAAiC;IACrC,IAAIJ,MAAM,KAAKJ,KAAK,EAAEO,SAAS,IAAI,IAAIR,KAAK,CAACU,QAAQ,EAAE,CAAC,KACnD,IAAIZ,QAAQ,EAAE;MACjBW,OAAO,GAAGA,CAAA,KAAM;QACdX,QAAQ,CAACO,MAAM,CAAC;MAClB,CAAC;IACH;IAEAD,WAAW,CAACO,IAAI,CACdF,OAAO,gBAEH,IAAAf,WAAA,CAAAkB,GAAA;MACEJ,SAAS,EAAEA,SAAU;MAErBK,OAAO,EAAEJ,OAAQ;MACjBK,SAAS,EAAGC,CAAC,IAAK;QAChB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEP,OAAO,CAAC,CAAC;MAClC,CAAE;MACFQ,IAAI,EAAC,QAAQ;MACbC,QAAQ,EAAE,CAAE;MAAAC,QAAA,EAEXb;IAAK,GARDD,MASF,CAAC,gBAEN,IAAAX,WAAA,CAAAkB,GAAA;MAAKJ,SAAS,EAAEA,SAAU;MAAAW,QAAA,EAAeb;IAAK,GAAdD,MAAoB,CAC1D,CAAC;EACH;EAEA,oBACE,IAAAX,WAAA,CAAA0B,IAAA;IAAKZ,SAAS,EAAER,KAAK,CAACqB,SAAU;IAAAF,QAAA,GAC7BtB,KAAK,gBAAG,IAAAH,WAAA,CAAAkB,GAAA;MAAKJ,SAAS,EAAER,KAAK,CAACH,KAAM;MAAAsB,QAAA,EAAEtB;IAAK,CAAM,CAAC,GAAG,IAAI,eAE1D,IAAAH,WAAA,CAAAkB,GAAA;MAAKJ,SAAS,EAAER,KAAK,CAACD,OAAQ;MAAAoB,QAAA,EAC3Bf;IAAW,CACT,CAAC;EAAA,CACH,CAAC;AAEV,CAAC;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,oBAAM,EAAC7B,UAAU,EAAE,QAAQ,EAAED,YAAY,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_reactThemes","_interopRequireDefault","require","_common","_jsxRuntime","defaultTheme","BaseSwitch","label","onChange","options","theme","value","option","Error","optionNodes","iValue","iName","optionValueName","className","onPress","selected","push","_jsx","onClick","onKeyDown","e","key","role","tabIndex","children","_jsxs","container","_default","exports","default","themed"],"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 themed(BaseSwitch, 'Switch', defaultTheme);\n"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAMwC,IAAAE,WAAA,GAAAF,OAAA;AAAA,MAAAG,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;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,GAAG,IAAAC,uBAAe,EAACL,MAAM,CAAC;IAE/C,IAAIM,SAAiB,GAAGR,KAAK,CAACE,MAAM;IACpC,IAAIO,OAAiC;IACrC,IAAIJ,MAAM,KAAKJ,KAAK,EAAEO,SAAS,IAAI,IAAIR,KAAK,CAACU,QAAQ,EAAE,CAAC,KACnD,IAAIZ,QAAQ,EAAE;MACjBW,OAAO,GAAGA,CAAA,KAAM;QACdX,QAAQ,CAACO,MAAM,CAAC;MAClB,CAAC;IACH;IAEAD,WAAW,CAACO,IAAI,CACdF,OAAO,gBAEH,IAAAG,eAAA;MACEJ,SAAS,EAAEA,SAAU;MAErBK,OAAO,EAAEJ,OAAQ;MACjBK,SAAS,EAAGC,CAAC,IAAK;QAChB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEP,OAAO,CAAC,CAAC;MAClC,CAAE;MACFQ,IAAI,EAAC,QAAQ;MACbC,QAAQ,EAAE,CAAE;MAAAC,QAAA,EAEXb;IAAK,GARDD,MASF,CAAC,gBAEN,IAAAO,eAAA;MAAKJ,SAAS,EAAEA,SAAU;MAAAW,QAAA,EAAeb;IAAK,GAAdD,MAAoB,CAC1D,CAAC;EACH;EAEA,oBACE,IAAAe,gBAAA;IAAKZ,SAAS,EAAER,KAAK,CAACqB,SAAU;IAAAF,QAAA,GAC7BtB,KAAK,gBAAG,IAAAe,eAAA;MAAKJ,SAAS,EAAER,KAAK,CAACH,KAAM;MAAAsB,QAAA,EAAEtB;IAAK,CAAM,CAAC,GAAG,IAAI,eAE1D,IAAAe,eAAA;MAAKJ,SAAS,EAAER,KAAK,CAACD,OAAQ;MAAAoB,QAAA,EAC3Bf;IAAW,CACT,CAAC;EAAA,CACH,CAAC;AAEV,CAAC;AAAA,IAAAkB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,oBAAM,EAAC7B,UAAU,EAAE,QAAQ,EAAED,YAAY,CAAC","ignoreList":[]}

package/build/development/shared/utils/config.js

@@ -1,26 +1,25 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _cookie = require("cookie");
+var _getInj = _interopRequireDefault(require("../../client/getInj"));
 var _environmentCheck = require("./isomorphy/environment-check");
 var _webpack = require("./webpack");
 /* global document */
 
 // TODO: The internal type casting is somewhat messed up here,
 // to be corrected later.
-const config = (_environmentCheck.IS_CLIENT_SIDE
-// eslint-disable-next-line @typescript-eslint/no-require-imports
-? require("../../client/getInj").default().CONFIG : (0, _webpack.requireWeak)('config')) ?? {};
+const config = (_environmentCheck.IS_CLIENT_SIDE ? (0, _getInj.default)().CONFIG : (0, _webpack.requireWeak)('config')) ?? {};
 
 // The safeguard for "document" is necessary because in non-Node environments,
 // like React Native, IS_CLIENT_SIDE is "true", however "document" and a bunch
 // of other browser-world features are not available.
 if (_environmentCheck.IS_CLIENT_SIDE && typeof document !== 'undefined') {
-  // eslint-disable-next-line @typescript-eslint/no-require-imports
-  const cookie = require('cookie');
-  config.CSRF = cookie.parse(document.cookie).csrfToken;
+  config.CSRF = (0, _cookie.parse)(document.cookie).csrfToken;
 }
 var _default = exports.default = config;
 //# sourceMappingURL=config.js.map

package/build/development/shared/utils/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","names":["_environmentCheck","require","_webpack","config","IS_CLIENT_SIDE","default","CONFIG","requireWeak","document","cookie","CSRF","parse","csrfToken","_default","exports"],"sources":["../../../../src/shared/utils/config.ts"],"sourcesContent":["/* global document */\n\nimport type CookieM from 'cookie';\n\nimport { IS_CLIENT_SIDE } from './isomorphy/environment-check';\nimport { requireWeak } from './webpack';\n\n// TODO: The internal type casting is somewhat messed up here,\n// to be corrected later.\nconst config: Record<string, unknown> = (\n  IS_CLIENT_SIDE\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    ? (require('client/getInj') as {\n      default: () => Record<string, unknown>;\n    }).default().CONFIG\n    : requireWeak('config')\n) as (Record<string, unknown> | undefined) ?? ({} as Record<string, unknown>);\n\n// The safeguard for \"document\" is necessary because in non-Node environments,\n// like React Native, IS_CLIENT_SIDE is \"true\", however \"document\" and a bunch\n// of other browser-world features are not available.\nif (IS_CLIENT_SIDE && typeof document !== 'undefined') {\n  // eslint-disable-next-line @typescript-eslint/no-require-imports\n  const cookie = require('cookie') as typeof CookieM;\n  config.CSRF = cookie.parse(document.cookie).csrfToken;\n}\n\nexport default config;\n"],"mappings":";;;;;;AAIA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AALA;;AAOA;AACA;AACA,MAAME,MAA+B,GAAG,CACtCC;AACE;AAAA,EACGH,OAAO,sBAAgB,CAAC,CAExBI,OAAO,CAAC,CAAC,CAACC,MAAM,GACjB,IAAAC,oBAAW,EAAC,QAAQ,CAAC,KACoB,CAAC,CAA6B;;AAE7E;AACA;AACA;AACA,IAAIH,gCAAc,IAAI,OAAOI,QAAQ,KAAK,WAAW,EAAE;EACrD;EACA,MAAMC,MAAM,GAAGR,OAAO,CAAC,QAAQ,CAAmB;EAClDE,MAAM,CAACO,IAAI,GAAGD,MAAM,CAACE,KAAK,CAACH,QAAQ,CAACC,MAAM,CAAC,CAACG,SAAS;AACvD;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEcF,MAAM","ignoreList":[]}
+{"version":3,"file":"config.js","names":["_cookie","require","_getInj","_interopRequireDefault","_environmentCheck","_webpack","config","IS_CLIENT_SIDE","clientGetInj","CONFIG","requireWeak","document","CSRF","parse","cookie","csrfToken","_default","exports","default"],"sources":["../../../../src/shared/utils/config.ts"],"sourcesContent":["/* global document */\n\nimport { parse } from 'cookie';\n\nimport clientGetInj from '../../client/getInj';\n\nimport { IS_CLIENT_SIDE } from './isomorphy/environment-check';\nimport { requireWeak } from './webpack';\n\n// TODO: The internal type casting is somewhat messed up here,\n// to be corrected later.\nconst config: Record<string, unknown> = (\n  IS_CLIENT_SIDE ? clientGetInj().CONFIG : requireWeak('config')\n) as (Record<string, unknown> | undefined) ?? ({} as Record<string, unknown>);\n\n// The safeguard for \"document\" is necessary because in non-Node environments,\n// like React Native, IS_CLIENT_SIDE is \"true\", however \"document\" and a bunch\n// of other browser-world features are not available.\nif (IS_CLIENT_SIDE && typeof document !== 'undefined') {\n  config.CSRF = parse(document.cookie).csrfToken;\n}\n\nexport default config;\n"],"mappings":";;;;;;;AAEA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAPA;;AASA;AACA;AACA,MAAMK,MAA+B,GAAG,CACtCC,gCAAc,GAAG,IAAAC,eAAY,EAAC,CAAC,CAACC,MAAM,GAAG,IAAAC,oBAAW,EAAC,QAAQ,CAAC,KACjB,CAAC,CAA6B;;AAE7E;AACA;AACA;AACA,IAAIH,gCAAc,IAAI,OAAOI,QAAQ,KAAK,WAAW,EAAE;EACrDL,MAAM,CAACM,IAAI,GAAG,IAAAC,aAAK,EAACF,QAAQ,CAACG,MAAM,CAAC,CAACC,SAAS;AAChD;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEeZ,MAAM","ignoreList":[]}

package/build/development/shared/utils/globalState.js.map

@@ -1 +1 @@
-{"version":3,"file":"globalState.js","names":["_reactGlobalState","require","getSsrContext","withGlobalStateType","exports"],"sources":["../../../../src/shared/utils/globalState.ts"],"sourcesContent":["import type { Request } from 'express';\n\nimport { type SsrContext, withGlobalStateType } from '@dr.pogodin/react-global-state';\n\n/** Mapping \"chunkName\" > array of asset paths. */\nexport type ChunkGroupsT = Record<string, string[]>;\n\n// The type of data object injected by server into generated markup.\nexport type InjT = {\n  CHUNK_GROUPS?: ChunkGroupsT;\n  CONFIG?: Record<string, unknown>;\n  ISTATE?: unknown;\n};\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions\n  interface Window {\n    REACT_UTILS_INJECTION?: InjT;\n  }\n}\n\n// TODO: Not 100% sure now, whether it indeed can be replaced by type,\n// or do we really need it to be an interface. Keeping the interface for now.\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport interface SsrContextT<StateT> extends SsrContext<StateT> {\n  chunkGroups: ChunkGroupsT;\n  chunks: string[];\n\n  /** If set at the end of SSR, the rendered will trigger\n   *  server-side redirect to this URL (and use the status\n   *  code). */\n  redirectTo?: string;\n\n  req: Request;\n  status: number;\n}\n\nconst {\n  getSsrContext,\n} = withGlobalStateType<unknown, SsrContextT<unknown>>();\n\nexport {\n  getSsrContext,\n};\n"],"mappings":";;;;;;AAEA,IAAAA,iBAAA,GAAAC,OAAA;AAEA;;AAGA;;AAcA;AACA;AACA;;AAcA,MAAM;EACJC;AACF,CAAC,GAAG,IAAAC,qCAAmB,EAAgC,CAAC;AAACC,OAAA,CAAAF,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"file":"globalState.js","names":["_reactGlobalState","require","getSsrContext","withGlobalStateType","exports"],"sources":["../../../../src/shared/utils/globalState.ts"],"sourcesContent":["import type { Request } from 'express';\n\nimport { type SsrContext, withGlobalStateType } from '@dr.pogodin/react-global-state';\n\n/** Mapping \"chunkName\" > array of asset paths. */\nexport type ChunkGroupsT = Record<string, string[]>;\n\n// The type of data object injected by server into generated markup.\nexport type InjT = {\n  CHUNK_GROUPS?: ChunkGroupsT;\n  CONFIG?: Record<string, unknown>;\n  ISTATE?: unknown;\n};\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions\n  interface Window {\n    REACT_UTILS_INJECTION?: InjT;\n  }\n}\n\n// TODO: Not 100% sure now, whether it indeed can be replaced by type,\n// or do we really need it to be an interface. Keeping the interface for now.\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport interface SsrContextT<StateT> extends SsrContext<StateT> {\n  chunkGroups: ChunkGroupsT;\n  chunks: string[];\n\n  /** If set at the end of SSR, the rendered will trigger\n   *  server-side redirect to this URL (and use the status\n   *  code). */\n  redirectTo?: string;\n\n  req: Request;\n  status: number;\n}\n\nconst {\n  getSsrContext,\n} = withGlobalStateType<unknown, SsrContextT<unknown>>();\n\nexport {\n  getSsrContext,\n};\n"],"mappings":";;;;;;AAEA,IAAAA,iBAAA,GAAAC,OAAA;AAEA;;AAGA;;AAcA;AACA;AACA;;AAcA,MAAM;EACJC;AACF,CAAC,GAAG,IAAAC,qCAAmB,EAAgC,CAAC;AAAAC,OAAA,CAAAF,aAAA,GAAAA,aAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_reactThemes","_interopRequireWildcard","require","_config","_interopRequireDefault","isomorphy","exports","_time","webpack","_jsUtils","_globalState","_splitComponent","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","themed","themedImpl","COMPOSE","PRIORITY"],"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 config 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  config,\n  isomorphy,\n  themed,\n  ThemeProvider,\n  time,\n  webpack,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAJ,uBAAA,CAAAC,OAAA;AAAyCI,OAAA,CAAAD,SAAA,GAAAA,SAAA;AACzC,IAAAE,KAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,OAAA,GAAAP,uBAAA,CAAAC,OAAA;AAAqCI,OAAA,CAAAE,OAAA,GAAAA,OAAA;AAErC,IAAAC,QAAA,GAAAP,OAAA;AAWA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,eAAA,GAAAP,sBAAA,CAAAF,OAAA;AAA6D,SAAAD,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAO7D,MAAMkB,MAAe,GAAAzB,OAAA,CAAAyB,MAAA,GAAGC,oBAAqB;AAE7CD,MAAM,CAACE,OAAO,GAAGA,oBAAO;AACxBF,MAAM,CAACG,QAAQ,GAAGA,qBAAQ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_reactThemes","_interopRequireWildcard","require","_config","_interopRequireDefault","isomorphy","exports","_time","webpack","_jsUtils","_globalState","_splitComponent","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","themed","themedImpl","COMPOSE","PRIORITY"],"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 config 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  config,\n  isomorphy,\n  themed,\n  ThemeProvider,\n  time,\n  webpack,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAJ,uBAAA,CAAAC,OAAA;AAAqBI,OAAA,CAAAD,SAAA,GAAAA,SAAA;AACrB,IAAAE,KAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,OAAA,GAAAP,uBAAA,CAAAC,OAAA;AAAmBI,OAAA,CAAAE,OAAA,GAAAA,OAAA;AAEnB,IAAAC,QAAA,GAAAP,OAAA;AAWA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,eAAA,GAAAP,sBAAA,CAAAF,OAAA;AAAkC,SAAAD,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOlC,MAAMkB,MAAe,GAAAzB,OAAA,CAAAyB,MAAA,GAAGC,oBAAqB;AAE7CD,MAAM,CAACE,OAAO,GAAGA,oBAAO;AACxBF,MAAM,CAACG,QAAQ,GAAGA,qBAAQ","ignoreList":[]}

package/build/development/shared/utils/jest/E2eSsrEnv.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _nodePath = _interopRequireDefault(require("node:path"));
-var _lodash = require("lodash");
+var _defaults = _interopRequireDefault(require("lodash/defaults"));
+var _set = _interopRequireDefault(require("lodash/set"));
 var _experimentalWorker = _interopRequireDefault(require("@babel/register/experimental-worker"));
 var _jestEnvironmentJsdom = _interopRequireDefault(require("jest-environment-jsdom"));
 var _memfs = require("memfs");
@@ -37,6 +38,9 @@ var _buildInfo = require("../isomorphy/buildInfo");
 
 /* eslint-enable import/no-extraneous-dependencies */
 
+function noop() {
+  // NOOP
+}
 class E2eSsrEnv extends _jestEnvironmentJsdom.default {
   /**
    * Loads Webpack config, and exposes it to the environment via global
@@ -45,7 +49,7 @@ class E2eSsrEnv extends _jestEnvironmentJsdom.default {
   loadWebpackConfig() {
     const optionsString = this.pragmas['webpack-config-options'];
     const options = optionsString ? JSON.parse(optionsString) : {};
-    (0, _lodash.defaults)(options, {
+    (0, _defaults.default)(options, {
       context: this.testFolder,
       fs: this.global.webpackOutputFs
     });
@@ -100,10 +104,10 @@ class E2eSsrEnv extends _jestEnvironmentJsdom.default {
 
     // TODO: This is temporary to shortcut the logging added to SSR.
     options.logger ??= {
-      debug: _lodash.noop,
-      info: _lodash.noop,
-      log: _lodash.noop,
-      warn: _lodash.noop
+      debug: noop,
+      info: noop,
+      log: noop,
+      warn: noop
     };
     options.buildInfo ??= this.global.buildInfo;
     let cleanup;
@@ -126,9 +130,9 @@ class E2eSsrEnv extends _jestEnvironmentJsdom.default {
       // the renderer, but it will require a rework once the renderer is
       // updated to do streaming.
       {
-        cookie: _lodash.noop,
+        cookie: noop,
         send: done,
-        set: _lodash.noop,
+        set: noop,
         status: value => {
           status = value;
         },
@@ -158,10 +162,10 @@ class E2eSsrEnv extends _jestEnvironmentJsdom.default {
     const requestString = pragmas['ssr-request'];
     const request = requestString ? JSON.parse(requestString) : {};
     request.url ??= '/';
-    request.csrfToken = _lodash.noop;
+    request.csrfToken = noop;
 
     // This ensures the initial JsDom URL matches the value we use for SSR.
-    (0, _lodash.set)(config.projectConfig, 'testEnvironmentOptions.url', `http://localhost${request.url}`);
+    (0, _set.default)(config.projectConfig, 'testEnvironmentOptions.url', `http://localhost${request.url}`);
     super(config, context);
     this.global.dom = this.dom;
     this.global.webpackOutputFs = (0, _memfs.createFsFromVolume)(new _memfs.Volume());

package/build/development/shared/utils/jest/E2eSsrEnv.js.map

@@ -1 +1 @@
-{"version":3,"file":"E2eSsrEnv.js","names":["_nodePath","_interopRequireDefault","require","_lodash","_experimentalWorker","_jestEnvironmentJsdom","_memfs","_webpack","_renderer","_buildInfo","E2eSsrEnv","JsdomEnv","loadWebpackConfig","optionsString","pragmas","options","JSON","parse","defaults","context","testFolder","fs","global","webpackOutputFs","factoryPath","factory","path","resolve","rootDir","default","webpackConfig","buildInfo","existsSync","readFileSync","runWebpack","Error","compiler","webpack","outputFileSystem","Promise","done","fail","run","err","stats","hasErrors","console","error","toJson","errors","webpackStats","runSsr","logger","debug","noop","info","log","warn","cleanup","entry","p","module","exportName","entryExportName","Application","renderer","ssrFactory","status","markup","ssrRequest","cookie","send","set","value","locals","devMiddleware","ssrMarkup","ssrOptions","ssrStatus","constructor","config","docblockPragmas","requestString","request","url","csrfToken","projectConfig","dom","createFsFromVolume","Volume","dirname","testPath","withSsr","root","process","cwd","register","envName","babelEnv","extensions","setup","cache","setBuildInfo","undefined","REACT_UTILS_FORCE_CLIENT_SIDE","teardown","Object","keys","forEach","key","revert","exports"],"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';\nimport { defaults, noop, set } from 'lodash';\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\nimport ssrFactory from 'server/renderer';\n\nimport { setBuildInfo } from '../isomorphy/buildInfo';\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 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    // eslint-disable-next-line import/no-dynamic-require, @typescript-eslint/no-require-imports\n    let factory = require(path.resolve(this.rootDir, factoryPath)) as\n      (((ops: Configuration) => Configuration) | {\n        default: (ops: Configuration) => Configuration;\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    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      // TODO: This sure can be replaced by a dynamic import().\n      // eslint-disable-next-line import/no-dynamic-require, @typescript-eslint/no-require-imports\n      const module = require(p) as NodeJS.Module;\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 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    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    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":[]}
+{"version":3,"file":"E2eSsrEnv.js","names":["_nodePath","_interopRequireDefault","require","_defaults","_set","_experimentalWorker","_jestEnvironmentJsdom","_memfs","_webpack","_renderer","_buildInfo","noop","E2eSsrEnv","JsdomEnv","loadWebpackConfig","optionsString","pragmas","options","JSON","parse","defaults","context","testFolder","fs","global","webpackOutputFs","factoryPath","factory","path","resolve","rootDir","default","webpackConfig","buildInfo","existsSync","readFileSync","runWebpack","Error","compiler","webpack","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","renderer","ssrFactory","status","markup","ssrRequest","cookie","send","set","value","locals","devMiddleware","ssrMarkup","ssrOptions","ssrStatus","constructor","config","docblockPragmas","requestString","request","url","csrfToken","projectConfig","dom","createFsFromVolume","Volume","dirname","testPath","withSsr","root","process","cwd","register","envName","babelEnv","extensions","setup","cache","setBuildInfo","undefined","REACT_UTILS_FORCE_CLIENT_SIDE","teardown","Object","keys","forEach","key","revert","exports"],"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 from 'lodash/defaults';\nimport set from 'lodash/set';\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\nimport ssrFactory from 'server/renderer';\n\nimport { setBuildInfo } from '../isomorphy/buildInfo';\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 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    // eslint-disable-next-line import/no-dynamic-require, @typescript-eslint/no-require-imports\n    let factory = require(path.resolve(this.rootDir, factoryPath)) as\n      (((ops: Configuration) => Configuration) | {\n        default: (ops: Configuration) => Configuration;\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    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      // TODO: This sure can be replaced by a dynamic import().\n      // eslint-disable-next-line import/no-dynamic-require, @typescript-eslint/no-require-imports\n      const module = require(p) as NodeJS.Module;\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 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    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    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/build/development/shared/utils/splitComponent.js

@@ -11,24 +11,15 @@ var _jsUtils = require("@dr.pogodin/js-utils");
 var _globalState = require("./globalState");
 var _isomorphy = require("./isomorphy");
 var _jsxRuntime = require("react/jsx-runtime");
-/* global document */
-
-// Note: At the client side we can get chunk groups immediately when loading
-// the module; at the server-side we only can get them within React render flow.
-// Thus, we set and use the following variable at the client-side, and then when
-// needed on the server side, we'll fetch it differently.
-let clientChunkGroups;
-if (_isomorphy.IS_CLIENT_SIDE) {
-  // TODO: Rewrite to avoid these overrides of ESLint rules.
-  /* eslint-disable @typescript-eslint/no-unsafe-assignment,
-    @typescript-eslint/no-require-imports,
-    @typescript-eslint/no-unsafe-call,
-    @typescript-eslint/no-unsafe-member-access */
-  clientChunkGroups = require("../../client/getInj").default().CHUNK_GROUPS ?? {};
-  /* eslint-enable @typescript-eslint/no-unsafe-assignment,
-    @typescript-eslint/no-require-imports,
-    @typescript-eslint/no-unsafe-call,
-    @typescript-eslint/no-unsafe-member-access */
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); } /* global document */
+function getClientChunkGroups() {
+  if (!_isomorphy.IS_CLIENT_SIDE) return undefined;
+  return (async () => {
+    const {
+      default: getInj
+    } = await Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "react-utils-client-side-code" */"../../client/getInj")));
+    return getInj().CHUNK_GROUPS ?? {};
+  })();
 }
 const refCounts = {};
 function getPublicPath() {
@@ -158,14 +149,18 @@ function splitComponent({
   getComponent,
   placeholder
 }) {
-  // On the client side we can check right away if the chunk name is known.
-  if (_isomorphy.IS_CLIENT_SIDE) assertChunkName(chunkName, clientChunkGroups);
-
   // The correct usage of splitComponent() assumes a single call per chunk.
   if (usedChunkNames.has(chunkName)) {
     throw Error(`Repeated splitComponent() call for the chunk "${chunkName}"`);
   } else usedChunkNames.add(chunkName);
   const LazyComponent = /*#__PURE__*/(0, _react.lazy)(async () => {
+    const clientChunkGroups = await getClientChunkGroups();
+
+    // On the client side we can check right away if the chunk name is known.
+    if (_isomorphy.IS_CLIENT_SIDE) {
+      if (!clientChunkGroups) throw Error('Internal error');
+      assertChunkName(chunkName, clientChunkGroups);
+    }
     const resolved = await getComponent();
     const Component = 'default' in resolved ? resolved.default : resolved;
 
@@ -173,6 +168,7 @@ function splitComponent({
     // the component (the lazy load function is executed by React one at
     // the frist mount).
     if (_isomorphy.IS_CLIENT_SIDE) {
+      if (!clientChunkGroups) throw Error('Internal error');
       await bookStyleSheets(chunkName, clientChunkGroups, false);
     }
     const Wrapper = ({
@@ -194,6 +190,7 @@ function splitComponent({
       // This takes care about stylesheets management every time an instance of
       // this component is mounted / unmounted.
       (0, _react.useInsertionEffect)(() => {
+        if (!clientChunkGroups) throw Error('Internal error');
         void bookStyleSheets(chunkName, clientChunkGroups, true);
         return () => {
           freeStyleSheets(chunkName, clientChunkGroups);