@dr.pogodin/react-utils 1.40.13 → 1.41.0

package/LICENSE.md

@@ -1,6 +1,6 @@
 # MIT License
 
-_Copyright © 2019–2024, Dr. Sergey Pogodin_
+_Copyright © 2019–2025, Dr. Sergey Pogodin_
   &mdash; <doc@pogodin.studio> (https://dr.pogodin.studio) \
 _Copyright &copy; 2018, Topcoder_
 

package/build/development/server/renderer.js

@@ -342,6 +342,8 @@ function factory(webpackConfig, options) {
         const renderPass = async () => {
           ssrContext.chunks = [];
           return new Promise((resolve, reject) => {
+            // TODO: pipeableStream has .abort() method,
+            // and we should wire it up to the SSR timeout below.
             const pipeableStream = (0, _server.renderToPipeableStream)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactGlobalState.GlobalStateProvider, {
               initialState: ssrContext.state,
               ssrContext: ssrContext,

package/build/development/server/renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.js","names":["_fs","_interopRequireDefault","require","_path","_stream","_zlib","_winston","_reactGlobalState","_jsUtils","_lodash","_config","_nodeForge","_server","_reactHelmet","_server2","_serializeJavascript","_buildInfo","_Cache","_jsxRuntime","sanitizedConfig","omit","config","SCRIPT_LOCATIONS","exports","ServerSsrContext","SsrContext","chunks","status","constructor","req","chunkGroups","initialState","cloneDeep","getBuildInfo","context","url","path","resolve","JSON","parse","fs","readFileSync","readChunkGroupsJson","buildDir","res","err","prepareCipher","key","Promise","reject","forge","random","getBytes","iv","cipher","createCipher","start","isBrotliAcceptable","acceptable","get","ops","split","i","length","op","type","priority","trim","parseFloat","groupExtraScripts","scripts","BODY_OPEN","DEFAULT","HEAD_OPEN","script","isString","code","location","undefined","Error","newDefaultLogger","defaultLogLevel","format","transports","winston","createLogger","level","combine","splat","timestamp","colorize","printf","message","stack","rest","Object","keys","stringify","Console","factory","webpackConfig","options","defaults","clone","beforeRender","maxSsrRounds","ssrTimeout","staticCacheSize","logger","defaultLoggerLogLevel","buildInfo","setBuildInfo","publicPath","outputPath","output","manifestLink","existsSync","cache","staticCacheController","Cache","CHUNK_GROUPS","next","set","cookie","csrfToken","cacheRef","data","buffer","noCsp","send","done","failed","brotliDecompress","error","html","h","toString","regex","RegExp","nonce","replace","configToInject","extraScripts","all","helmet","webpackStats","locals","mapValues","toJson","namedChunkGroups","item","assets","map","name","App","Application","appHtmlMarkup","ssrContext","stream","ssrStart","Date","now","App2","renderPass","pipeableStream","renderToPipeableStream","jsx","GlobalStateProvider","state","children","StaticRouter","future","v7_relativeSplatPath","v7_startTransition","onAllReady","onError","ssrRound","bailed","dirty","timeout","race","allSettled","pending","timer","then","logMsg","log","pipe","Writable","write","chunk","_","Helmet","renderStatic","payload","serializeJs","CONFIG","ISTATE","ignoreFunction","unsafe","update","util","createBuffer","finish","INJ","encode64","chunkSet","Set","forEach","asset","add","styleChunkString","scriptChunkString","endsWith","grouppedExtraScripts","faviconLink","favicon","title","meta","brotliCompress","b"],"sources":["../../../src/server/renderer.tsx"],"sourcesContent":["/**\n * ExpressJS middleware for server-side rendering of a ReactJS app.\n */\n\nimport fs from 'fs';\nimport path from 'path';\n\nimport { type Request, type RequestHandler } from 'express';\nimport { type ComponentType } from 'react';\nimport { Writable } from 'stream';\nimport { brotliCompress, brotliDecompress } from 'zlib';\nimport winston from 'winston';\n\nimport { GlobalStateProvider, SsrContext } from '@dr.pogodin/react-global-state';\nimport { timer } from '@dr.pogodin/js-utils';\n\nimport {\n  clone,\n  cloneDeep,\n  defaults,\n  isString,\n  get,\n  mapValues,\n  omit,\n} from 'lodash';\n\nimport config from 'config';\nimport forge from 'node-forge';\n\nimport { type PipeableStream, renderToPipeableStream } from 'react-dom/server';\nimport { Helmet } from 'react-helmet';\nimport { StaticRouter } from 'react-router-dom/server';\nimport serializeJs from 'serialize-javascript';\nimport { type BuildInfoT, setBuildInfo } from 'utils/isomorphy/buildInfo';\n\nimport { type ChunkGroupsT, type SsrContextT } from 'utils/globalState';\n\nimport { type Configuration } from 'webpack';\n\nimport Cache from './Cache';\n\nconst sanitizedConfig = omit(config, 'SECRET');\n\n// Note: These type definitions for logger are copied from Winston logger,\n// then simplified to make it easier to fit an alternative logger into this\n// interface.\ninterface LogMethodI {\n  (level: string, message: string, ...meta: any[]): void;\n}\ninterface LeveledLogMethodI {\n  (message: string, ...meta: any[]): void;\n}\n\nexport interface LoggerI {\n  debug: LeveledLogMethodI;\n  error: LeveledLogMethodI;\n  info: LeveledLogMethodI;\n  log: LogMethodI;\n  warn: LeveledLogMethodI;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport enum SCRIPT_LOCATIONS {\n  BODY_OPEN = 'BODY_OPEN',\n  DEFAULT = 'DEFAULT',\n  HEAD_OPEN = 'HEAD_OPEN',\n}\n\nexport class ServerSsrContext<StateT>\n  extends SsrContext<StateT>\n  implements SsrContextT<StateT> {\n  chunkGroups: ChunkGroupsT;\n\n  chunks: string[] = [];\n\n  req: Request;\n\n  status: number = 200;\n\n  constructor(\n    req: Request,\n    chunkGroups: ChunkGroupsT,\n    initialState?: StateT,\n  ) {\n    super(cloneDeep(initialState) || ({} as StateT));\n    this.chunkGroups = chunkGroups;\n    this.req = req;\n  }\n}\n\ntype ScriptT = {\n  code: string;\n  location: SCRIPT_LOCATIONS;\n};\n\n/**\n * Reads build-time information about the app. This information is generated\n * by our standard Webpack config for apps, and it is written into\n * \".build-info\" file in the context folder specified in Webpack config.\n * At the moment, that file contains build timestamp and a random 32-bit key,\n * suitable for cryptographical use.\n * @param context Webpack context path used during the build.\n * @return Resolves to the build-time information.\n */\nfunction getBuildInfo(context: string) {\n  const url = path.resolve(context, '.build-info');\n  return JSON.parse(fs.readFileSync(url, 'utf8'));\n}\n\n/**\n * Attempts to read from disk the named chunk groups mapping generated\n * by Webpack during the compilation.\n * It will not work for development builds, where these stats should be captured\n * via compilator callback.\n * @param buildDir\n * @return\n */\nfunction readChunkGroupsJson(buildDir: string) {\n  const url = path.resolve(buildDir, '__chunk_groups__.json');\n  let res;\n  try {\n    res = JSON.parse(fs.readFileSync(url, 'utf8'));\n  } catch (err) {\n    res = null;\n  }\n  return res;\n}\n\n/**\n * Prepares a new Cipher for data encryption.\n * @param key Encryption key (32-bit random key is expected, see\n *  node-forge documentation, in case of doubts).\n * @return Resolves to the object with two fields:\n *  1. cipher - a new Cipher, ready for encryption;\n *  2. iv - initial vector used by the cipher.\n */\nfunction prepareCipher(key: string) {\n  return new Promise((resolve, reject) => {\n    forge.random.getBytes(32, (err, iv) => {\n      if (err) reject(err);\n      else {\n        const cipher = forge.cipher.createCipher('AES-CBC', key);\n        cipher.start({ iv });\n        resolve({ cipher, iv });\n      }\n    });\n  });\n}\n\n/**\n * Given an incoming HTTP requests, it deduces whether Brotli-encoded responses\n * are acceptable to the caller.\n * @param {object} req\n * @return {boolean}\n * @ignore\n */\nexport function isBrotliAcceptable(req: Request) {\n  const acceptable = req.get('accept-encoding');\n  if (acceptable) {\n    const ops = acceptable.split(',');\n    for (let i = 0; i < ops.length; ++i) {\n      const op = ops[i];\n      if (op) {\n        const [type, priority] = op.trim().split(';q=');\n        if ((type === '*' || type === 'br')\n        && (!priority || parseFloat(priority) > 0)) {\n          return true;\n        }\n      }\n    }\n  }\n  return false;\n}\n\n/**\n * Given an array of extra script strings / objects, it returns an object with\n * arrays of scripts to inject in different HTML template locations. During\n * the script groupping it also filters out any empty scripts.\n * @param {({\n *  code: string;\n *  location: string;\n * }|string)[]} [scripts=[]]\n * @return {{\n *  BODY_OPEN: string[];\n *  DEFAULT: string[];\n *  HEAD_OPEN: string[];\n * }}\n */\nfunction groupExtraScripts(scripts: Array<string | ScriptT> = []) {\n  const res = {\n    [SCRIPT_LOCATIONS.BODY_OPEN]: '',\n    [SCRIPT_LOCATIONS.DEFAULT]: '',\n    [SCRIPT_LOCATIONS.HEAD_OPEN]: '',\n  };\n  for (let i = 0; i < scripts.length; ++i) {\n    const script = scripts[i];\n    if (isString(script)) {\n      if (script) res[SCRIPT_LOCATIONS.DEFAULT] += script;\n    } else if (script?.code) {\n      if (res[script.location] !== undefined) {\n        res[script.location] += script.code;\n      } else throw Error(`Invalid location \"${script.location}\"`);\n    }\n  }\n  return res;\n}\n\n/**\n * Creates a new default (Winston) logger.\n * @param {object} [options={}]\n * @param {string} [options.defaultLogLevel='info']\n * @return {object}\n */\nexport function newDefaultLogger({\n  defaultLogLevel = 'info',\n} = {}) {\n  const { format, transports } = winston;\n  return winston.createLogger({\n    level: defaultLogLevel,\n    format: format.combine(\n      format.splat(),\n      format.timestamp(),\n      format.colorize(),\n      format.printf(\n        ({\n          level,\n          message,\n          timestamp,\n          stack,\n          ...rest\n        }) => {\n          let res = `${level}\\t(at ${timestamp}):\\t${message}`;\n          if (Object.keys(rest).length) {\n            res += `\\n${JSON.stringify(rest, null, 2)}`;\n          }\n          if (stack) res += `\\n${stack}`;\n          return res;\n        },\n      ),\n    ),\n    transports: [new transports.Console()],\n  });\n}\n\nexport type ConfigT = {\n  [key: string]: ConfigT | string;\n};\n\nexport type BeforeRenderResT = {\n  configToInject?: ConfigT;\n  extraScripts?: Array<ScriptT | string>;\n  initialState?: any;\n};\n\nexport type BeforeRenderT =\n(req: Request, config: ConfigT) => BeforeRenderResT | Promise<BeforeRenderResT>;\n\ntype CacheRefT = {\n  key: string;\n  maxage?: number;\n};\n\nexport type OptionsT = {\n  Application?: ComponentType;\n  beforeRender?: BeforeRenderT;\n  buildInfo?: BuildInfoT;\n  defaultLoggerLogLevel?: string;\n  favicon?: string;\n  logger?: LoggerI;\n  maxSsrRounds?: number;\n  noCsp?: boolean;\n  staticCacheSize?: number;\n  ssrTimeout?: number;\n  staticCacheController?: (req: Request) => CacheRefT | null | undefined;\n};\n\n/**\n * Creates the middleware.\n * @param webpackConfig\n * @param options Additional options:\n * @param [options.Application] The root ReactJS component of\n * the app to use for the server-side rendering. When not provided\n * the server-side rendering is disabled.\n * @param [options.buildInfo] \"Build info\" object to use. If provided,\n *  it will be used, instead of trying to load from the filesystem the one\n *  generated by the Webpack build. It is intended for test environments,\n *  where passing this stuff via file system is no bueno.\n * @param [options.favicon] `true` will include favicon\n *  link into the rendered HTML templates.\n * @param [options.noCsp] `true` means that no\n * Content-Security-Policy (CSP) is used by server, thus the renderer\n * may cut a few corners.\n * @param [options.maxSsrRounds=10] Maximum number of SSR rounds.\n * @param [options.ssrTimeout=1000] SSR timeout in milliseconds,\n * defaults to 1 second.\n * @param [options.staticCacheSize=1.e7] The maximum\n * static cache size in bytes. Defaults to ~10 MB.\n * @param [options.staticCacheController] When given, it activates,\n * and controls the static caching of generated HTML markup. When this function\n * is provided, on each incoming request it is triggered with the request\n * passed in as the argument. To attempt to serve the response from the cache\n * it should return the object with the following fields:\n * - `key: string` &ndash; the cache key for the response;\n * - `maxage?: number` &ndash; the maximum age of cached result in ms.\n *   If undefined - infinite age is assumed.\n * @return Created middleware.\n */\nexport default function factory(\n  webpackConfig: Configuration,\n  options: OptionsT,\n): RequestHandler {\n  const ops: OptionsT = defaults(clone(options), {\n    beforeRender: () => Promise.resolve({}),\n    maxSsrRounds: 10,\n    ssrTimeout: 1000,\n    staticCacheSize: 1.e7,\n  });\n\n  // Note: in normal use the default logger is created and set in the root\n  // server function, and this initialization is for testing uses, where\n  // renderer is imported directly.\n  if (ops.logger === undefined) {\n    ops.logger = newDefaultLogger({\n      defaultLogLevel: ops.defaultLoggerLogLevel,\n    });\n  }\n\n  const buildInfo = ops.buildInfo || getBuildInfo(webpackConfig.context!);\n  setBuildInfo(buildInfo);\n\n  // publicPath from webpack.output has a trailing slash at the end.\n  const { publicPath, path: outputPath } = webpackConfig.output!;\n\n  const manifestLink = fs.existsSync(`${outputPath}/manifest.json`)\n    ? `<link rel=\"manifest\" href=\"${publicPath}manifest.json\">` : '';\n\n  interface BufferWithNonce extends Buffer {\n    nonce: string;\n  }\n\n  const cache = ops.staticCacheController\n    ? new Cache<{\n      buffer: BufferWithNonce;\n      status: number;\n    }>(ops.staticCacheSize!)\n    : null;\n\n  const CHUNK_GROUPS = readChunkGroupsJson(outputPath!);\n\n  return async (req, res, next) => {\n    try {\n      // Ensures any caches always revalidate HTML markup before reuse.\n      res.set('Cache-Control', 'no-cache');\n\n      res.cookie('csrfToken', req.csrfToken());\n\n      let cacheRef: CacheRefT | null | undefined;\n      if (cache) {\n        cacheRef = ops.staticCacheController!(req);\n        if (cacheRef) {\n          const data = cache.get(cacheRef);\n          if (data !== null) {\n            const { buffer, status } = data;\n            if (ops.noCsp && isBrotliAcceptable(req)) {\n              res.set('Content-Type', 'text/html');\n              res.set('Content-Encoding', 'br');\n              if (status !== 200) res.status(status);\n              res.send(buffer);\n            } else {\n              await new Promise<void>((done, failed) => {\n                brotliDecompress(buffer, (error, html) => {\n                  if (error) failed(error);\n                  else {\n                    let h = html.toString();\n                    if (!ops.noCsp) {\n                      // TODO: Starting from Node v15 we'll be able to use string's\n                      // .replaceAll() method instead relying on reg. expression for\n                      // global matching.\n                      const regex = new RegExp(buffer.nonce, 'g');\n                      h = h.replace(regex, (req as any).nonce);\n                    }\n                    if (status !== 200) res.status(status);\n                    res.send(h);\n                    done();\n                  }\n                });\n              });\n            }\n            return;\n          }\n        }\n      }\n\n      const [{\n        configToInject,\n        extraScripts,\n        initialState,\n      }, {\n        cipher,\n        iv,\n      }] = await Promise.all([\n        ops.beforeRender!(req, sanitizedConfig as any),\n        prepareCipher(buildInfo.key) as Promise<any>,\n      ]);\n\n      let helmet;\n\n      // Gets the mapping between code chunk names and their asset files.\n      // These data come from the Webpack compilation, either from the stats\n      // attached to the request (in dev mode), or from a file output during\n      // the build (in prod mode).\n      let chunkGroups: ChunkGroupsT;\n      const webpackStats = get(res.locals, 'webpack.devMiddleware.stats');\n      if (webpackStats) {\n        chunkGroups = mapValues(\n          webpackStats.toJson({\n            all: false,\n            chunkGroups: true,\n          }).namedChunkGroups,\n          (item) => item.assets.map(({ name }: { name: string }) => name),\n        );\n      } else if (CHUNK_GROUPS) chunkGroups = CHUNK_GROUPS;\n      else chunkGroups = {};\n\n      /* Optional server-side rendering. */\n      const App = ops.Application;\n      let appHtmlMarkup: string = '';\n      const ssrContext = new ServerSsrContext(req, chunkGroups, initialState);\n      let stream: PipeableStream;\n      if (App) {\n        const ssrStart = Date.now();\n\n        // TODO: Somehow, without it TS does not realise that\n        // App has been checked to exist.\n        const App2 = App;\n\n        const renderPass = async () => {\n          ssrContext.chunks = [];\n          return new Promise<PipeableStream>((resolve, reject) => {\n            const pipeableStream = renderToPipeableStream(\n              <GlobalStateProvider\n                initialState={ssrContext.state}\n                ssrContext={ssrContext}\n              >\n                <StaticRouter\n                  future={{\n                    v7_relativeSplatPath: true,\n                    v7_startTransition: true,\n                  }}\n                  location={req.url}\n                >\n                  <App2 />\n                </StaticRouter>\n              </GlobalStateProvider>,\n              {\n                onAllReady: () => resolve(pipeableStream),\n                onError: reject,\n              },\n            );\n          });\n        };\n\n        let ssrRound = 0;\n        let bailed = false;\n        for (; ssrRound < ops.maxSsrRounds!; ++ssrRound) {\n          stream = await renderPass(); // eslint-disable-line no-await-in-loop\n\n          if (!ssrContext.dirty) break;\n\n          /* eslint-disable no-await-in-loop */\n          const timeout = ops.ssrTimeout! + ssrStart - Date.now();\n          bailed = timeout <= 0 || !await Promise.race([\n            Promise.allSettled(ssrContext.pending),\n            timer(timeout).then(() => false),\n          ]);\n          if (bailed) break;\n          /* eslint-enable no-await-in-loop */\n        }\n\n        let logMsg;\n        if (ssrContext.dirty) {\n          // NOTE: In the case of incomplete SSR one more round is necessary\n          // to ensure the correct hydration when some pending promises have\n          // resolved and placed their data into the initial global state.\n          stream = await renderPass();\n\n          logMsg = bailed ? `SSR timed out after ${ops.ssrTimeout} second(s)`\n            : `SSR bailed out after ${ops.maxSsrRounds} round(s)`;\n        } else logMsg = `SSR completed in ${ssrRound + 1} round(s)`;\n\n        ops.logger!.log(ssrContext.dirty ? 'warn' : 'info', logMsg);\n\n        stream!.pipe(new Writable({\n          write: (chunk, _, done) => {\n            appHtmlMarkup += chunk.toString();\n            done();\n          },\n        }));\n\n        /* This takes care about server-side rendering of page title and meta tags\n        * (still demands injection into HTML template, which happens below). */\n        helmet = Helmet.renderStatic();\n      }\n\n      /* Encrypts data to be injected into HTML.\n       * Keep in mind, that this encryption is no way secure: as the JS bundle\n       * contains decryption key and is able to decode it at the client side.\n       * Hovewer, for a number of reasons, encryption of injected data is still\n       * better than injection of a plain text. */\n      const payload = serializeJs({\n        CHUNK_GROUPS: chunkGroups,\n        CONFIG: configToInject || sanitizedConfig,\n        ISTATE: ssrContext.state,\n      }, {\n        ignoreFunction: true,\n        unsafe: true,\n      });\n      cipher.update(forge.util.createBuffer(payload, 'utf8'));\n      cipher.finish();\n      const INJ = forge.util.encode64(`${iv}${cipher.output.data}`);\n\n      const chunkSet = new Set<string>();\n\n      // TODO: \"main\" chunk has to be added explicitly,\n      // because unlike all other chunks they are not managed by <CodeSplit>\n      // component, thus they are not added to the ssrContext.chunks\n      // automatically. Actually, names of these entry chunks should be\n      // read from Wepback config, as the end user may customize them,\n      // remove or add other entry points, but it requires additional\n      // efforts to figure out how to automatically order them right,\n      // thus for now this handles the default config.\n      [\n        'main',\n        ...ssrContext.chunks,\n      ].forEach((chunk) => {\n        const assets = chunkGroups[chunk];\n        if (assets) assets.forEach((asset) => chunkSet.add(asset));\n      });\n\n      let styleChunkString = '';\n      let scriptChunkString = '';\n      chunkSet.forEach((chunk) => {\n        if (chunk.endsWith('.css')) {\n          styleChunkString += `<link href=\"${publicPath}${chunk}\" rel=\"stylesheet\">`;\n        } else if (\n          chunk.endsWith('.js')\n            // In dev mode HMR adds JS updates into asset arrays,\n            // and they (updates) should be ignored.\n            && !chunk.endsWith('.hot-update.js')\n        ) {\n          scriptChunkString += `<script src=\"${publicPath}${chunk}\" type=\"application/javascript\"></script>`;\n        }\n      });\n\n      const grouppedExtraScripts = groupExtraScripts(extraScripts);\n\n      const faviconLink = ops.favicon ? (\n        '<link rel=\"shortcut icon\" href=\"/favicon.ico\">'\n      ) : '';\n\n      const html = `<!DOCTYPE html>\n        <html lang=\"en\">\n          <head>\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.HEAD_OPEN]}\n            ${helmet ? helmet.title.toString() : ''}\n            ${helmet ? helmet.meta.toString() : ''}\n            <meta name=\"theme-color\" content=\"#FFFFFF\">\n            ${manifestLink}\n            ${styleChunkString}\n            ${faviconLink}\n            <meta charset=\"utf-8\">\n            <meta\n              content=\"width=device-width,initial-scale=1.0\"\n              name=\"viewport\"\n            >\n            <meta itemprop=\"drpruinj\" content=\"${INJ}\">\n          </head>\n          <body>\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.BODY_OPEN]}\n            <div id=\"react-view\">${appHtmlMarkup}</div>\n            ${scriptChunkString}\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.DEFAULT]}\n          </body>\n        </html>`;\n\n      const status = ssrContext.status || 200;\n      if (status !== 200) res.status(status);\n\n      if (cacheRef && status < 500) {\n        // Note: waiting for the caching to complete is not strictly necessary,\n        // but it greately simplifies testing, and error reporting.\n        await new Promise<void>((done, failed) => {\n          brotliCompress(html, (error, buffer) => {\n            const b = buffer as BufferWithNonce;\n            if (error) failed(error);\n            else {\n              b.nonce = (req as any).nonce; // eslint-disable-line no-param-reassign\n              cache!.add({ buffer: b, status }, cacheRef!.key, buffer.length);\n              done();\n            }\n          });\n        });\n      }\n\n      // Note: as caching code above may throw in some cases, sending response\n      // before it completes will likely hide the error, making it difficult\n      // to debug. Thus, at least for now, lets send response after it.\n      res.send(html);\n    } catch (error) {\n      next(error);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"renderer.js","names":["_fs","_interopRequireDefault","require","_path","_stream","_zlib","_winston","_reactGlobalState","_jsUtils","_lodash","_config","_nodeForge","_server","_reactHelmet","_server2","_serializeJavascript","_buildInfo","_Cache","_jsxRuntime","sanitizedConfig","omit","config","SCRIPT_LOCATIONS","exports","ServerSsrContext","SsrContext","chunks","status","constructor","req","chunkGroups","initialState","cloneDeep","getBuildInfo","context","url","path","resolve","JSON","parse","fs","readFileSync","readChunkGroupsJson","buildDir","res","err","prepareCipher","key","Promise","reject","forge","random","getBytes","iv","cipher","createCipher","start","isBrotliAcceptable","acceptable","get","ops","split","i","length","op","type","priority","trim","parseFloat","groupExtraScripts","scripts","BODY_OPEN","DEFAULT","HEAD_OPEN","script","isString","code","location","undefined","Error","newDefaultLogger","defaultLogLevel","format","transports","winston","createLogger","level","combine","splat","timestamp","colorize","printf","message","stack","rest","Object","keys","stringify","Console","factory","webpackConfig","options","defaults","clone","beforeRender","maxSsrRounds","ssrTimeout","staticCacheSize","logger","defaultLoggerLogLevel","buildInfo","setBuildInfo","publicPath","outputPath","output","manifestLink","existsSync","cache","staticCacheController","Cache","CHUNK_GROUPS","next","set","cookie","csrfToken","cacheRef","data","buffer","noCsp","send","done","failed","brotliDecompress","error","html","h","toString","regex","RegExp","nonce","replace","configToInject","extraScripts","all","helmet","webpackStats","locals","mapValues","toJson","namedChunkGroups","item","assets","map","name","App","Application","appHtmlMarkup","ssrContext","stream","ssrStart","Date","now","App2","renderPass","pipeableStream","renderToPipeableStream","jsx","GlobalStateProvider","state","children","StaticRouter","future","v7_relativeSplatPath","v7_startTransition","onAllReady","onError","ssrRound","bailed","dirty","timeout","race","allSettled","pending","timer","then","logMsg","log","pipe","Writable","write","chunk","_","Helmet","renderStatic","payload","serializeJs","CONFIG","ISTATE","ignoreFunction","unsafe","update","util","createBuffer","finish","INJ","encode64","chunkSet","Set","forEach","asset","add","styleChunkString","scriptChunkString","endsWith","grouppedExtraScripts","faviconLink","favicon","title","meta","brotliCompress","b"],"sources":["../../../src/server/renderer.tsx"],"sourcesContent":["/**\n * ExpressJS middleware for server-side rendering of a ReactJS app.\n */\n\nimport fs from 'fs';\nimport path from 'path';\n\nimport { type Request, type RequestHandler } from 'express';\nimport { type ComponentType } from 'react';\nimport { Writable } from 'stream';\nimport { brotliCompress, brotliDecompress } from 'zlib';\nimport winston from 'winston';\n\nimport { GlobalStateProvider, SsrContext } from '@dr.pogodin/react-global-state';\nimport { timer } from '@dr.pogodin/js-utils';\n\nimport {\n  clone,\n  cloneDeep,\n  defaults,\n  isString,\n  get,\n  mapValues,\n  omit,\n} from 'lodash';\n\nimport config from 'config';\nimport forge from 'node-forge';\n\nimport { type PipeableStream, renderToPipeableStream } from 'react-dom/server';\nimport { Helmet } from 'react-helmet';\nimport { StaticRouter } from 'react-router-dom/server';\nimport serializeJs from 'serialize-javascript';\nimport { type BuildInfoT, setBuildInfo } from 'utils/isomorphy/buildInfo';\n\nimport { type ChunkGroupsT, type SsrContextT } from 'utils/globalState';\n\nimport { type Configuration } from 'webpack';\n\nimport Cache from './Cache';\n\nconst sanitizedConfig = omit(config, 'SECRET');\n\n// Note: These type definitions for logger are copied from Winston logger,\n// then simplified to make it easier to fit an alternative logger into this\n// interface.\ninterface LogMethodI {\n  (level: string, message: string, ...meta: any[]): void;\n}\ninterface LeveledLogMethodI {\n  (message: string, ...meta: any[]): void;\n}\n\nexport interface LoggerI {\n  debug: LeveledLogMethodI;\n  error: LeveledLogMethodI;\n  info: LeveledLogMethodI;\n  log: LogMethodI;\n  warn: LeveledLogMethodI;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport enum SCRIPT_LOCATIONS {\n  BODY_OPEN = 'BODY_OPEN',\n  DEFAULT = 'DEFAULT',\n  HEAD_OPEN = 'HEAD_OPEN',\n}\n\nexport class ServerSsrContext<StateT>\n  extends SsrContext<StateT>\n  implements SsrContextT<StateT> {\n  chunkGroups: ChunkGroupsT;\n\n  chunks: string[] = [];\n\n  req: Request;\n\n  status: number = 200;\n\n  constructor(\n    req: Request,\n    chunkGroups: ChunkGroupsT,\n    initialState?: StateT,\n  ) {\n    super(cloneDeep(initialState) || ({} as StateT));\n    this.chunkGroups = chunkGroups;\n    this.req = req;\n  }\n}\n\ntype ScriptT = {\n  code: string;\n  location: SCRIPT_LOCATIONS;\n};\n\n/**\n * Reads build-time information about the app. This information is generated\n * by our standard Webpack config for apps, and it is written into\n * \".build-info\" file in the context folder specified in Webpack config.\n * At the moment, that file contains build timestamp and a random 32-bit key,\n * suitable for cryptographical use.\n * @param context Webpack context path used during the build.\n * @return Resolves to the build-time information.\n */\nfunction getBuildInfo(context: string) {\n  const url = path.resolve(context, '.build-info');\n  return JSON.parse(fs.readFileSync(url, 'utf8'));\n}\n\n/**\n * Attempts to read from disk the named chunk groups mapping generated\n * by Webpack during the compilation.\n * It will not work for development builds, where these stats should be captured\n * via compilator callback.\n * @param buildDir\n * @return\n */\nfunction readChunkGroupsJson(buildDir: string) {\n  const url = path.resolve(buildDir, '__chunk_groups__.json');\n  let res;\n  try {\n    res = JSON.parse(fs.readFileSync(url, 'utf8'));\n  } catch (err) {\n    res = null;\n  }\n  return res;\n}\n\n/**\n * Prepares a new Cipher for data encryption.\n * @param key Encryption key (32-bit random key is expected, see\n *  node-forge documentation, in case of doubts).\n * @return Resolves to the object with two fields:\n *  1. cipher - a new Cipher, ready for encryption;\n *  2. iv - initial vector used by the cipher.\n */\nfunction prepareCipher(key: string) {\n  return new Promise((resolve, reject) => {\n    forge.random.getBytes(32, (err, iv) => {\n      if (err) reject(err);\n      else {\n        const cipher = forge.cipher.createCipher('AES-CBC', key);\n        cipher.start({ iv });\n        resolve({ cipher, iv });\n      }\n    });\n  });\n}\n\n/**\n * Given an incoming HTTP requests, it deduces whether Brotli-encoded responses\n * are acceptable to the caller.\n * @param {object} req\n * @return {boolean}\n * @ignore\n */\nexport function isBrotliAcceptable(req: Request) {\n  const acceptable = req.get('accept-encoding');\n  if (acceptable) {\n    const ops = acceptable.split(',');\n    for (let i = 0; i < ops.length; ++i) {\n      const op = ops[i];\n      if (op) {\n        const [type, priority] = op.trim().split(';q=');\n        if ((type === '*' || type === 'br')\n        && (!priority || parseFloat(priority) > 0)) {\n          return true;\n        }\n      }\n    }\n  }\n  return false;\n}\n\n/**\n * Given an array of extra script strings / objects, it returns an object with\n * arrays of scripts to inject in different HTML template locations. During\n * the script groupping it also filters out any empty scripts.\n * @param {({\n *  code: string;\n *  location: string;\n * }|string)[]} [scripts=[]]\n * @return {{\n *  BODY_OPEN: string[];\n *  DEFAULT: string[];\n *  HEAD_OPEN: string[];\n * }}\n */\nfunction groupExtraScripts(scripts: Array<string | ScriptT> = []) {\n  const res = {\n    [SCRIPT_LOCATIONS.BODY_OPEN]: '',\n    [SCRIPT_LOCATIONS.DEFAULT]: '',\n    [SCRIPT_LOCATIONS.HEAD_OPEN]: '',\n  };\n  for (let i = 0; i < scripts.length; ++i) {\n    const script = scripts[i];\n    if (isString(script)) {\n      if (script) res[SCRIPT_LOCATIONS.DEFAULT] += script;\n    } else if (script?.code) {\n      if (res[script.location] !== undefined) {\n        res[script.location] += script.code;\n      } else throw Error(`Invalid location \"${script.location}\"`);\n    }\n  }\n  return res;\n}\n\n/**\n * Creates a new default (Winston) logger.\n * @param {object} [options={}]\n * @param {string} [options.defaultLogLevel='info']\n * @return {object}\n */\nexport function newDefaultLogger({\n  defaultLogLevel = 'info',\n} = {}) {\n  const { format, transports } = winston;\n  return winston.createLogger({\n    level: defaultLogLevel,\n    format: format.combine(\n      format.splat(),\n      format.timestamp(),\n      format.colorize(),\n      format.printf(\n        ({\n          level,\n          message,\n          timestamp,\n          stack,\n          ...rest\n        }) => {\n          let res = `${level}\\t(at ${timestamp}):\\t${message}`;\n          if (Object.keys(rest).length) {\n            res += `\\n${JSON.stringify(rest, null, 2)}`;\n          }\n          if (stack) res += `\\n${stack}`;\n          return res;\n        },\n      ),\n    ),\n    transports: [new transports.Console()],\n  });\n}\n\nexport type ConfigT = {\n  [key: string]: ConfigT | string;\n};\n\nexport type BeforeRenderResT = {\n  configToInject?: ConfigT;\n  extraScripts?: Array<ScriptT | string>;\n  initialState?: any;\n};\n\nexport type BeforeRenderT =\n(req: Request, config: ConfigT) => BeforeRenderResT | Promise<BeforeRenderResT>;\n\ntype CacheRefT = {\n  key: string;\n  maxage?: number;\n};\n\nexport type OptionsT = {\n  Application?: ComponentType;\n  beforeRender?: BeforeRenderT;\n  buildInfo?: BuildInfoT;\n  defaultLoggerLogLevel?: string;\n  favicon?: string;\n  logger?: LoggerI;\n  maxSsrRounds?: number;\n  noCsp?: boolean;\n  staticCacheSize?: number;\n  ssrTimeout?: number;\n  staticCacheController?: (req: Request) => CacheRefT | null | undefined;\n};\n\n/**\n * Creates the middleware.\n * @param webpackConfig\n * @param options Additional options:\n * @param [options.Application] The root ReactJS component of\n * the app to use for the server-side rendering. When not provided\n * the server-side rendering is disabled.\n * @param [options.buildInfo] \"Build info\" object to use. If provided,\n *  it will be used, instead of trying to load from the filesystem the one\n *  generated by the Webpack build. It is intended for test environments,\n *  where passing this stuff via file system is no bueno.\n * @param [options.favicon] `true` will include favicon\n *  link into the rendered HTML templates.\n * @param [options.noCsp] `true` means that no\n * Content-Security-Policy (CSP) is used by server, thus the renderer\n * may cut a few corners.\n * @param [options.maxSsrRounds=10] Maximum number of SSR rounds.\n * @param [options.ssrTimeout=1000] SSR timeout in milliseconds,\n * defaults to 1 second.\n * @param [options.staticCacheSize=1.e7] The maximum\n * static cache size in bytes. Defaults to ~10 MB.\n * @param [options.staticCacheController] When given, it activates,\n * and controls the static caching of generated HTML markup. When this function\n * is provided, on each incoming request it is triggered with the request\n * passed in as the argument. To attempt to serve the response from the cache\n * it should return the object with the following fields:\n * - `key: string` &ndash; the cache key for the response;\n * - `maxage?: number` &ndash; the maximum age of cached result in ms.\n *   If undefined - infinite age is assumed.\n * @return Created middleware.\n */\nexport default function factory(\n  webpackConfig: Configuration,\n  options: OptionsT,\n): RequestHandler {\n  const ops: OptionsT = defaults(clone(options), {\n    beforeRender: () => Promise.resolve({}),\n    maxSsrRounds: 10,\n    ssrTimeout: 1000,\n    staticCacheSize: 1.e7,\n  });\n\n  // Note: in normal use the default logger is created and set in the root\n  // server function, and this initialization is for testing uses, where\n  // renderer is imported directly.\n  if (ops.logger === undefined) {\n    ops.logger = newDefaultLogger({\n      defaultLogLevel: ops.defaultLoggerLogLevel,\n    });\n  }\n\n  const buildInfo = ops.buildInfo || getBuildInfo(webpackConfig.context!);\n  setBuildInfo(buildInfo);\n\n  // publicPath from webpack.output has a trailing slash at the end.\n  const { publicPath, path: outputPath } = webpackConfig.output!;\n\n  const manifestLink = fs.existsSync(`${outputPath}/manifest.json`)\n    ? `<link rel=\"manifest\" href=\"${publicPath}manifest.json\">` : '';\n\n  interface BufferWithNonce extends Buffer {\n    nonce: string;\n  }\n\n  const cache = ops.staticCacheController\n    ? new Cache<{\n      buffer: BufferWithNonce;\n      status: number;\n    }>(ops.staticCacheSize!)\n    : null;\n\n  const CHUNK_GROUPS = readChunkGroupsJson(outputPath!);\n\n  return async (req, res, next) => {\n    try {\n      // Ensures any caches always revalidate HTML markup before reuse.\n      res.set('Cache-Control', 'no-cache');\n\n      res.cookie('csrfToken', req.csrfToken());\n\n      let cacheRef: CacheRefT | null | undefined;\n      if (cache) {\n        cacheRef = ops.staticCacheController!(req);\n        if (cacheRef) {\n          const data = cache.get(cacheRef);\n          if (data !== null) {\n            const { buffer, status } = data;\n            if (ops.noCsp && isBrotliAcceptable(req)) {\n              res.set('Content-Type', 'text/html');\n              res.set('Content-Encoding', 'br');\n              if (status !== 200) res.status(status);\n              res.send(buffer);\n            } else {\n              await new Promise<void>((done, failed) => {\n                brotliDecompress(buffer, (error, html) => {\n                  if (error) failed(error);\n                  else {\n                    let h = html.toString();\n                    if (!ops.noCsp) {\n                      // TODO: Starting from Node v15 we'll be able to use string's\n                      // .replaceAll() method instead relying on reg. expression for\n                      // global matching.\n                      const regex = new RegExp(buffer.nonce, 'g');\n                      h = h.replace(regex, (req as any).nonce);\n                    }\n                    if (status !== 200) res.status(status);\n                    res.send(h);\n                    done();\n                  }\n                });\n              });\n            }\n            return;\n          }\n        }\n      }\n\n      const [{\n        configToInject,\n        extraScripts,\n        initialState,\n      }, {\n        cipher,\n        iv,\n      }] = await Promise.all([\n        ops.beforeRender!(req, sanitizedConfig as any),\n        prepareCipher(buildInfo.key) as Promise<any>,\n      ]);\n\n      let helmet;\n\n      // Gets the mapping between code chunk names and their asset files.\n      // These data come from the Webpack compilation, either from the stats\n      // attached to the request (in dev mode), or from a file output during\n      // the build (in prod mode).\n      let chunkGroups: ChunkGroupsT;\n      const webpackStats = get(res.locals, 'webpack.devMiddleware.stats');\n      if (webpackStats) {\n        chunkGroups = mapValues(\n          webpackStats.toJson({\n            all: false,\n            chunkGroups: true,\n          }).namedChunkGroups,\n          (item) => item.assets.map(({ name }: { name: string }) => name),\n        );\n      } else if (CHUNK_GROUPS) chunkGroups = CHUNK_GROUPS;\n      else chunkGroups = {};\n\n      /* Optional server-side rendering. */\n      const App = ops.Application;\n      let appHtmlMarkup: string = '';\n      const ssrContext = new ServerSsrContext(req, chunkGroups, initialState);\n      let stream: PipeableStream;\n      if (App) {\n        const ssrStart = Date.now();\n\n        // TODO: Somehow, without it TS does not realise that\n        // App has been checked to exist.\n        const App2 = App;\n\n        const renderPass = async () => {\n          ssrContext.chunks = [];\n          return new Promise<PipeableStream>((resolve, reject) => {\n            // TODO: pipeableStream has .abort() method,\n            // and we should wire it up to the SSR timeout below.\n            const pipeableStream = renderToPipeableStream(\n              <GlobalStateProvider\n                initialState={ssrContext.state}\n                ssrContext={ssrContext}\n              >\n                <StaticRouter\n                  future={{\n                    v7_relativeSplatPath: true,\n                    v7_startTransition: true,\n                  }}\n                  location={req.url}\n                >\n                  <App2 />\n                </StaticRouter>\n              </GlobalStateProvider>,\n              {\n                onAllReady: () => resolve(pipeableStream),\n                onError: reject,\n              },\n            );\n          });\n        };\n\n        let ssrRound = 0;\n        let bailed = false;\n        for (; ssrRound < ops.maxSsrRounds!; ++ssrRound) {\n          stream = await renderPass(); // eslint-disable-line no-await-in-loop\n\n          if (!ssrContext.dirty) break;\n\n          /* eslint-disable no-await-in-loop */\n          const timeout = ops.ssrTimeout! + ssrStart - Date.now();\n          bailed = timeout <= 0 || !await Promise.race([\n            Promise.allSettled(ssrContext.pending),\n            timer(timeout).then(() => false),\n          ]);\n          if (bailed) break;\n          /* eslint-enable no-await-in-loop */\n        }\n\n        let logMsg;\n        if (ssrContext.dirty) {\n          // NOTE: In the case of incomplete SSR one more round is necessary\n          // to ensure the correct hydration when some pending promises have\n          // resolved and placed their data into the initial global state.\n          stream = await renderPass();\n\n          logMsg = bailed ? `SSR timed out after ${ops.ssrTimeout} second(s)`\n            : `SSR bailed out after ${ops.maxSsrRounds} round(s)`;\n        } else logMsg = `SSR completed in ${ssrRound + 1} round(s)`;\n\n        ops.logger!.log(ssrContext.dirty ? 'warn' : 'info', logMsg);\n\n        stream!.pipe(new Writable({\n          write: (chunk, _, done) => {\n            appHtmlMarkup += chunk.toString();\n            done();\n          },\n        }));\n\n        /* This takes care about server-side rendering of page title and meta tags\n        * (still demands injection into HTML template, which happens below). */\n        helmet = Helmet.renderStatic();\n      }\n\n      /* Encrypts data to be injected into HTML.\n       * Keep in mind, that this encryption is no way secure: as the JS bundle\n       * contains decryption key and is able to decode it at the client side.\n       * Hovewer, for a number of reasons, encryption of injected data is still\n       * better than injection of a plain text. */\n      const payload = serializeJs({\n        CHUNK_GROUPS: chunkGroups,\n        CONFIG: configToInject || sanitizedConfig,\n        ISTATE: ssrContext.state,\n      }, {\n        ignoreFunction: true,\n        unsafe: true,\n      });\n      cipher.update(forge.util.createBuffer(payload, 'utf8'));\n      cipher.finish();\n      const INJ = forge.util.encode64(`${iv}${cipher.output.data}`);\n\n      const chunkSet = new Set<string>();\n\n      // TODO: \"main\" chunk has to be added explicitly,\n      // because unlike all other chunks they are not managed by <CodeSplit>\n      // component, thus they are not added to the ssrContext.chunks\n      // automatically. Actually, names of these entry chunks should be\n      // read from Wepback config, as the end user may customize them,\n      // remove or add other entry points, but it requires additional\n      // efforts to figure out how to automatically order them right,\n      // thus for now this handles the default config.\n      [\n        'main',\n        ...ssrContext.chunks,\n      ].forEach((chunk) => {\n        const assets = chunkGroups[chunk];\n        if (assets) assets.forEach((asset) => chunkSet.add(asset));\n      });\n\n      let styleChunkString = '';\n      let scriptChunkString = '';\n      chunkSet.forEach((chunk) => {\n        if (chunk.endsWith('.css')) {\n          styleChunkString += `<link href=\"${publicPath}${chunk}\" rel=\"stylesheet\">`;\n        } else if (\n          chunk.endsWith('.js')\n            // In dev mode HMR adds JS updates into asset arrays,\n            // and they (updates) should be ignored.\n            && !chunk.endsWith('.hot-update.js')\n        ) {\n          scriptChunkString += `<script src=\"${publicPath}${chunk}\" type=\"application/javascript\"></script>`;\n        }\n      });\n\n      const grouppedExtraScripts = groupExtraScripts(extraScripts);\n\n      const faviconLink = ops.favicon ? (\n        '<link rel=\"shortcut icon\" href=\"/favicon.ico\">'\n      ) : '';\n\n      const html = `<!DOCTYPE html>\n        <html lang=\"en\">\n          <head>\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.HEAD_OPEN]}\n            ${helmet ? helmet.title.toString() : ''}\n            ${helmet ? helmet.meta.toString() : ''}\n            <meta name=\"theme-color\" content=\"#FFFFFF\">\n            ${manifestLink}\n            ${styleChunkString}\n            ${faviconLink}\n            <meta charset=\"utf-8\">\n            <meta\n              content=\"width=device-width,initial-scale=1.0\"\n              name=\"viewport\"\n            >\n            <meta itemprop=\"drpruinj\" content=\"${INJ}\">\n          </head>\n          <body>\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.BODY_OPEN]}\n            <div id=\"react-view\">${appHtmlMarkup}</div>\n            ${scriptChunkString}\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.DEFAULT]}\n          </body>\n        </html>`;\n\n      const status = ssrContext.status || 200;\n      if (status !== 200) res.status(status);\n\n      if (cacheRef && status < 500) {\n        // Note: waiting for the caching to complete is not strictly necessary,\n        // but it greately simplifies testing, and error reporting.\n        await new Promise<void>((done, failed) => {\n          brotliCompress(html, (error, buffer) => {\n            const b = buffer as BufferWithNonce;\n            if (error) failed(error);\n            else {\n              b.nonce = (req as any).nonce; // eslint-disable-line no-param-reassign\n              cache!.add({ buffer: b, status }, cacheRef!.key, buffer.length);\n              done();\n            }\n          });\n        });\n      }\n\n      // Note: as caching code above may throw in some cases, sending response\n      // before it completes will likely hide the error, making it difficult\n      // to debug. Thus, at least for now, lets send response after it.\n      res.send(html);\n    } catch (error) {\n      next(error);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactThemes = _interopRequireDefault(require("@dr.pogodin/react-themes"));
 var _jsxRuntime = require("react/jsx-runtime");
 const defaultTheme = {
@@ -18,19 +17,19 @@ const defaultTheme = {
 };
 /**
  * Themeable input field, based on the standard HTML `<input>` element.
- * @param [props]
  * @param [props.label] Input label.
  * @param [props.theme] _Ad hoc_ theme.
  * @param [props...] [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)
  * @param [props...] Any other properties are passed to the underlying
  * `<input>` element.
  */
-const Input = /*#__PURE__*/(0, _react.forwardRef)(({
+const Input = ({
   label,
+  ref,
   testId,
   theme,
   ...rest
-}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
   className: theme.container,
   children: [label === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: theme.label,
@@ -41,6 +40,6 @@ const Input = /*#__PURE__*/(0, _react.forwardRef)(({
     ref: ref,
     ...rest
   })]
-}));
+});
 var _default = exports.default = (0, _reactThemes.default)(Input, 'Input', defaultTheme);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","require","_reactThemes","_interopRequireDefault","_jsxRuntime","defaultTheme","Input","forwardRef","label","testId","theme","rest","ref","jsxs","className","container","children","undefined","jsx","input","process","env","NODE_ENV","_default","exports","default","themed"],"sources":["../../../../../src/shared/components/Input/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './theme.scss';\n\ntype ThemeKeyT =\n  | 'container'\n  | 'input'\n  | 'label';\n\ntype PropsT = React.InputHTMLAttributes<HTMLInputElement> & {\n  label?: React.ReactNode;\n  testId?: string;\n  theme: Theme<ThemeKeyT>;\n};\n\n/**\n * Themeable input field, based on the standard HTML `<input>` element.\n * @param [props]\n * @param [props.label] Input label.\n * @param [props.theme] _Ad hoc_ theme.\n * @param [props...] [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n * @param [props...] Any other properties are passed to the underlying\n * `<input>` element.\n */\nconst Input = forwardRef<HTMLInputElement, PropsT>((\n  {\n    label,\n    testId,\n    theme,\n    ...rest\n  }: PropsT,\n  ref,\n) => (\n  <span className={theme.container}>\n    { label === undefined ? null : <div className={theme.label}>{label}</div> }\n    <input\n      className={theme.input}\n      data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n      ref={ref}\n      {...rest} // eslint-disable-line react/jsx-props-no-spreading\n    />\n  </span>\n));\n\nexport default themed(Input, 'Input', defaultTheme);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA8D,IAAAG,WAAA,GAAAH,OAAA;AAAA,MAAAI,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAe9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAK,gBAAG,IAAAC,iBAAU,EAA2B,CACjD;EACEC,KAAK;EACLC,MAAM;EACNC,KAAK;EACL,GAAGC;AACG,CAAC,EACTC,GAAG,kBAEH,IAAAR,WAAA,CAAAS,IAAA;EAAMC,SAAS,EAAEJ,KAAK,CAACK,SAAU;EAAAC,QAAA,GAC7BR,KAAK,KAAKS,SAAS,GAAG,IAAI,gBAAG,IAAAb,WAAA,CAAAc,GAAA;IAAKJ,SAAS,EAAEJ,KAAK,CAACF,KAAM;IAAAQ,QAAA,EAAER;EAAK,CAAM,CAAC,eACzE,IAAAJ,WAAA,CAAAc,GAAA;IACEJ,SAAS,EAAEJ,KAAK,CAACS,KAAM;IACvB,eAAaC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGL,SAAS,GAAGR,MAAO;IACxEG,GAAG,EAAEA,GAAI;IAAA,GACLD;EAAI,CACT,CAAC;AAAA,CACE,CACP,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEY,IAAAC,oBAAM,EAACpB,KAAK,EAAE,OAAO,EAAED,YAAY,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_reactThemes","_interopRequireDefault","require","_jsxRuntime","defaultTheme","Input","label","ref","testId","theme","rest","jsxs","className","container","children","undefined","jsx","input","process","env","NODE_ENV","_default","exports","default","themed"],"sources":["../../../../../src/shared/components/Input/index.tsx"],"sourcesContent":["import type { FunctionComponent, RefObject } from 'react';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './theme.scss';\n\ntype ThemeKeyT =\n  | 'container'\n  | 'input'\n  | 'label';\n\ntype PropsT = React.InputHTMLAttributes<HTMLInputElement> & {\n  label?: React.ReactNode;\n  ref?: RefObject<HTMLInputElement>;\n  testId?: string;\n  theme: Theme<ThemeKeyT>;\n};\n\n/**\n * Themeable input field, based on the standard HTML `<input>` element.\n * @param [props.label] Input label.\n * @param [props.theme] _Ad hoc_ theme.\n * @param [props...] [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n * @param [props...] Any other properties are passed to the underlying\n * `<input>` element.\n */\nconst Input: FunctionComponent<PropsT> = ({\n  label,\n  ref,\n  testId,\n  theme,\n  ...rest\n}) => (\n  <span className={theme.container}>\n    { label === undefined ? null : <div className={theme.label}>{label}</div> }\n    <input\n      className={theme.input}\n      data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n      ref={ref}\n      {...rest} // eslint-disable-line react/jsx-props-no-spreading\n    />\n  </span>\n);\n\nexport default themed(Input, 'Input', defaultTheme);\n"],"mappings":";;;;;;;AAEA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8D,IAAAC,WAAA,GAAAD,OAAA;AAAA,MAAAE,YAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAgB9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAgC,GAAGA,CAAC;EACxCC,KAAK;EACLC,GAAG;EACHC,MAAM;EACNC,KAAK;EACL,GAAGC;AACL,CAAC,kBACC,IAAAP,WAAA,CAAAQ,IAAA;EAAMC,SAAS,EAAEH,KAAK,CAACI,SAAU;EAAAC,QAAA,GAC7BR,KAAK,KAAKS,SAAS,GAAG,IAAI,gBAAG,IAAAZ,WAAA,CAAAa,GAAA;IAAKJ,SAAS,EAAEH,KAAK,CAACH,KAAM;IAAAQ,QAAA,EAAER;EAAK,CAAM,CAAC,eACzE,IAAAH,WAAA,CAAAa,GAAA;IACEJ,SAAS,EAAEH,KAAK,CAACQ,KAAM;IACvB,eAAaC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGL,SAAS,GAAGP,MAAO;IACxED,GAAG,EAAEA,GAAI;IAAA,GACLG;EAAI,CACT,CAAC;AAAA,CACE,CACP;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,oBAAM,EAACnB,KAAK,EAAE,OAAO,EAAED,YAAY,CAAC","ignoreList":[]}

package/build/development/shared/components/WithTooltip/Tooltip.js

@@ -11,7 +11,6 @@ var _reactDom = require("react-dom");
  * hierarchy, and with sub-components managed without React to achieve the best
  * performance during animation.
  */
-/* global document, window */
 /* Valid placements of the rendered tooltip. They will be overriden when
  * necessary to fit the tooltip within the viewport. */
 let PLACEMENTS = exports.PLACEMENTS = /*#__PURE__*/function (PLACEMENTS) {
@@ -215,10 +214,11 @@ function setComponentPositions(pageX, pageY, placement, element, tooltip) {
 }
 
 /* The Tooltip component itself. */
-const Tooltip = /*#__PURE__*/(0, _react.forwardRef)(({
+const Tooltip = ({
   children,
+  ref,
   theme
-}, ref) => {
+}) => {
   // NOTE: The way it has to be implemented, for clean mounting and unmounting
   // at the client side, the <Tooltip> is fully mounted into DOM in the next
   // rendering cycles, and only then it can be correctly measured and positioned.
@@ -269,6 +269,6 @@ const Tooltip = /*#__PURE__*/(0, _react.forwardRef)(({
   // really re-evaluated.
   heap.lastPageX, heap.lastPageY, heap.lastPlacement, heap.lastElement]);
   return components ? /*#__PURE__*/(0, _reactDom.createPortal)(children, components.content) : null;
-});
+};
 var _default = exports.default = Tooltip;
 //# sourceMappingURL=Tooltip.js.map

package/build/development/shared/components/WithTooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["_react","require","_reactDom","PLACEMENTS","exports","ARROW_STYLE_DOWN","join","ARROW_STYLE_UP","createTooltipComponents","theme","arrow","document","createElement","setAttribute","content","container","appendChild","body","calcTooltipRects","tooltip","getBoundingClientRect","calcViewportRect","scrollX","scrollY","window","documentElement","clientHeight","clientWidth","left","right","top","bottom","calcPositionAboveXY","x","y","tooltipRects","arrowX","width","arrowY","height","containerX","containerY","baseArrowStyle","setComponentPositions","pageX","pageY","placement","element","viewportRect","pos","Math","max","maxX","min","containerStyle","arrowStyle","Tooltip","forwardRef","children","ref","current","heap","useRef","lastElement","undefined","lastPageX","lastPageY","lastPlacement","components","setComponents","useState","pointTo","useImperativeHandle","useEffect","removeChild","createPortal","_default","default"],"sources":["../../../../../src/shared/components/WithTooltip/Tooltip.tsx"],"sourcesContent":["/**\n * The actual tooltip component. It is rendered outside the regular document\n * hierarchy, and with sub-components managed without React to achieve the best\n * performance during animation.\n */\n/* global document, window */\n\nimport {\n  type ReactNode,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport type { Theme } from '@dr.pogodin/react-themes';\n\n/* Valid placements of the rendered tooltip. They will be overriden when\n * necessary to fit the tooltip within the viewport. */\nexport enum PLACEMENTS {\n  ABOVE_CURSOR = 'ABOVE_CURSOR',\n  ABOVE_ELEMENT = 'ABOVE_ELEMENT',\n  BELOW_CURSOR = 'BELOW_CURSOR',\n  BELOW_ELEMENT = 'BELOW_ELEMENT',\n}\n\nconst ARROW_STYLE_DOWN = [\n  'border-bottom-color:transparent',\n  'border-left-color:transparent',\n  'border-right-color:transparent',\n].join(';');\n\nconst ARROW_STYLE_UP = [\n  'border-top-color:transparent',\n  'border-left-color:transparent',\n  'border-right-color:transparent',\n].join(';');\n\ntype ComponentsT = {\n  container: HTMLDivElement;\n  arrow: HTMLDivElement;\n  content: HTMLDivElement;\n};\n\ntype HeapT = {\n  lastElement?: HTMLElement;\n  lastPageX: number;\n  lastPageY: number;\n  lastPlacement?: PLACEMENTS | undefined;\n};\n\nexport type ThemeKeysT =\n  | 'appearance'\n  | 'arrow'\n  | 'content'\n  | 'container';\n\ntype TooltipThemeT = Theme<ThemeKeysT>;\n\n/**\n * Creates tooltip components.\n * @ignore\n * @param {object} theme Themes to use for tooltip container, arrow,\n *  and content.\n * @return {object} Object with DOM references to the container components:\n *  container, arrow, content.\n */\nfunction createTooltipComponents(theme: TooltipThemeT): ComponentsT {\n  const arrow = document.createElement('div');\n  if (theme.arrow) arrow.setAttribute('class', theme.arrow);\n\n  const content = document.createElement('div');\n  if (theme.content) content.setAttribute('class', theme.content);\n\n  const container = document.createElement('div');\n  if (theme.container) container.setAttribute('class', theme.container);\n\n  container.appendChild(arrow);\n  container.appendChild(content);\n  document.body.appendChild(container);\n\n  return { container, arrow, content };\n}\n\ntype TooltipRectsT = {\n  arrow: DOMRect;\n  container: DOMRect;\n};\n\n/**\n * Generates bounding client rectangles for tooltip components.\n * @ignore\n * @param tooltip DOM references to the tooltip components.\n * @param tooltip.arrow\n * @param tooltip.container\n * @return Object holding tooltip rectangles in\n *  two fields.\n */\nfunction calcTooltipRects(tooltip: ComponentsT): TooltipRectsT {\n  return {\n    arrow: tooltip.arrow.getBoundingClientRect(),\n    container: tooltip.container.getBoundingClientRect(),\n  };\n}\n\n/**\n * Calculates the document viewport size.\n * @ignore\n * @return {{x, y, width, height}}\n */\nfunction calcViewportRect() {\n  const { scrollX, scrollY } = window;\n  const { documentElement: { clientHeight, clientWidth } } = document;\n  return {\n    left: scrollX,\n    right: scrollX + clientWidth,\n    top: scrollY,\n    bottom: scrollY + clientHeight,\n  };\n}\n\n/**\n * Calculates tooltip and arrow positions for the placement just above\n * the cursor.\n * @ignore\n * @param {number} x Cursor page-x position.\n * @param {number} y Cursor page-y position.\n * @param {object} tooltipRects Bounding client rectangles of tooltip parts.\n * @param {object} tooltipRects.arrow\n * @param {object} tooltipRects.container\n * @return {object} Contains the following fields:\n *  - {number} arrowX\n *  - {number} arrowY\n *  - {number} containerX\n *  - {number} containerY\n *  - {string} baseArrowStyle\n */\nfunction calcPositionAboveXY(\n  x: number,\n  y: number,\n  tooltipRects: TooltipRectsT,\n) {\n  const { arrow, container } = tooltipRects;\n  return {\n    arrowX: 0.5 * (container.width - arrow.width),\n    arrowY: container.height,\n    containerX: x - container.width / 2,\n    containerY: y - container.height - arrow.height / 1.5,\n\n    // TODO: Instead of already setting the base style here, we should\n    // introduce a set of constants for arrow directions, which will help\n    // to do checks dependant on the arrow direction.\n    baseArrowStyle: ARROW_STYLE_DOWN,\n  };\n}\n\n/*\nconst HIT = {\n  NONE: false,\n  LEFT: 'LEFT',\n  RIGHT: 'RIGHT',\n  TOP: 'TOP',\n  BOTTOM: 'BOTTOM',\n};\n*/\n\n/**\n * Checks whether\n * @param {object} pos\n * @param {object} tooltipRects\n * @param {object} viewportRect\n * @return {HIT}\n */\n/*\nfunction checkViewportFit(pos, tooltipRects, viewportRect) {\n  const { containerX, containerY } = pos;\n  if (containerX < viewportRect.left + 6) return HIT.LEFT;\n  if (containerX > viewportRect.right - 6) return HIT.RIGHT;\n  return HIT.NONE;\n}\n*/\n\n/**\n * Shifts tooltip horizontally to fit into the viewport, while keeping\n * the arrow pointed to the XY point.\n * @param {number} x\n * @param {number} y\n * @param {object} pos\n * @param {number} pageXOffset\n * @param {number} pageXWidth\n */\n/*\nfunction xPageFitCorrection(x, y, pos, pageXOffset, pageXWidth) {\n  if (pos.containerX < pageXOffset + 6) {\n    pos.containerX = pageXOffset + 6;\n    pos.arrowX = Math.max(6, pageX - containerX - arrowRect.width / 2);\n  } else {\n    const maxX = pageXOffset + docRect.width - containerRect.width - 6;\n    if (containerX > maxX) {\n      containerX = maxX;\n      arrowX = Math.min(\n        containerRect.width - 6,\n        pageX - containerX - arrowRect.width / 2,\n      );\n    }\n  }\n}\n*/\n\n/**\n * Sets positions of tooltip components to point the tooltip to the specified\n * page point.\n * @ignore\n * @param pageX\n * @param pageY\n * @param placement\n * @param element DOM reference to the element wrapped by the tooltip.\n * @param tooltip\n * @param tooltip.arrow DOM reference to the tooltip arrow.\n * @param tooltip.container DOM reference to the tooltip container.\n */\nfunction setComponentPositions(\n  pageX: number,\n  pageY: number,\n  placement: PLACEMENTS | undefined,\n  element: HTMLElement | undefined,\n  tooltip: ComponentsT,\n) {\n  const tooltipRects = calcTooltipRects(tooltip);\n  const viewportRect = calcViewportRect();\n\n  /* Default container coords: tooltip at the top. */\n  const pos = calcPositionAboveXY(pageX, pageY, tooltipRects);\n\n  if (pos.containerX < viewportRect.left + 6) {\n    pos.containerX = viewportRect.left + 6;\n    pos.arrowX = Math.max(\n      6,\n      pageX - pos.containerX - tooltipRects.arrow.width / 2,\n    );\n  } else {\n    const maxX = viewportRect.right - 6 - tooltipRects.container.width;\n    if (pos.containerX > maxX) {\n      pos.containerX = maxX;\n      pos.arrowX = Math.min(\n        tooltipRects.container.width - 6,\n        pageX - pos.containerX - tooltipRects.arrow.width / 2,\n      );\n    }\n  }\n\n  /* If tooltip has not enough space on top - make it bottom tooltip. */\n  if (pos.containerY < viewportRect.top + 6) {\n    pos.containerY += tooltipRects.container.height\n      + 2 * tooltipRects.arrow.height;\n    pos.arrowY -= tooltipRects.container.height\n      + tooltipRects.arrow.height;\n    pos.baseArrowStyle = ARROW_STYLE_UP;\n  }\n\n  const containerStyle = `left:${pos.containerX}px;top:${pos.containerY}px`;\n  tooltip.container.setAttribute('style', containerStyle);\n\n  const arrowStyle = `${pos.baseArrowStyle};left:${pos.arrowX}px;top:${pos.arrowY}px`;\n  tooltip.arrow.setAttribute('style', arrowStyle);\n}\n\n/* The Tooltip component itself. */\nconst Tooltip = forwardRef<unknown, {\n  children?: ReactNode;\n  theme: any;\n}>(({ children, theme }, ref) => {\n  // NOTE: The way it has to be implemented, for clean mounting and unmounting\n  // at the client side, the <Tooltip> is fully mounted into DOM in the next\n  // rendering cycles, and only then it can be correctly measured and positioned.\n  // Thus, when we create the <Tooltip> we have to record its target positioning\n  // details, and then apply them when it is created.\n\n  const { current: heap } = useRef<HeapT>({\n    lastElement: undefined,\n    lastPageX: 0,\n    lastPageY: 0,\n    lastPlacement: undefined,\n  });\n\n  const [components, setComponents] = useState<ComponentsT | null>(null);\n\n  const pointTo = (\n    pageX: number,\n    pageY: number,\n    placement: PLACEMENTS,\n    element: HTMLElement,\n  ) => {\n    heap.lastElement = element;\n    heap.lastPageX = pageX;\n    heap.lastPageY = pageY;\n    heap.lastPlacement = placement;\n\n    if (components) {\n      setComponentPositions(pageX, pageY, placement, element, components);\n    }\n  };\n  useImperativeHandle(ref, () => ({ pointTo }));\n\n  /* Inits and destroys tooltip components. */\n  useEffect(() => {\n    const x = createTooltipComponents(theme);\n    setComponents(x);\n    return () => {\n      document.body.removeChild(x.container);\n      setComponents(null);\n    };\n  }, [theme]);\n\n  useEffect(() => {\n    if (components) {\n      setComponentPositions(\n        heap.lastPageX,\n        heap.lastPageY,\n        heap.lastPlacement,\n        heap.lastElement,\n        components,\n      );\n    }\n  }, [\n    components,\n    // BEWARE: Careful about these dependencies - they are updated when mouse\n    // is moved over the tool-tipped element, thus potentially may cause\n    // unnecessary firing of this effect on each mouse event. It does not\n    // happen now just because the mouse movements themselves are not causing\n    // the component re-rendering, thus dependencies of this effect are not\n    // really re-evaluated.\n    heap.lastPageX,\n    heap.lastPageY,\n    heap.lastPlacement,\n    heap.lastElement,\n  ]);\n\n  return components ? createPortal(children, components.content) : null;\n});\n\nexport default Tooltip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tooltip.js","names":["_react","require","_reactDom","PLACEMENTS","exports","ARROW_STYLE_DOWN","join","ARROW_STYLE_UP","createTooltipComponents","theme","arrow","document","createElement","setAttribute","content","container","appendChild","body","calcTooltipRects","tooltip","getBoundingClientRect","calcViewportRect","scrollX","scrollY","window","documentElement","clientHeight","clientWidth","left","right","top","bottom","calcPositionAboveXY","x","y","tooltipRects","arrowX","width","arrowY","height","containerX","containerY","baseArrowStyle","setComponentPositions","pageX","pageY","placement","element","viewportRect","pos","Math","max","maxX","min","containerStyle","arrowStyle","Tooltip","children","ref","current","heap","useRef","lastElement","undefined","lastPageX","lastPageY","lastPlacement","components","setComponents","useState","pointTo","useImperativeHandle","useEffect","removeChild","createPortal","_default","default"],"sources":["../../../../../src/shared/components/WithTooltip/Tooltip.tsx"],"sourcesContent":["/**\n * The actual tooltip component. It is rendered outside the regular document\n * hierarchy, and with sub-components managed without React to achieve the best\n * performance during animation.\n */\n\nimport {\n  type FunctionComponent,\n  type ReactNode,\n  type RefObject,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport type { Theme } from '@dr.pogodin/react-themes';\n\n/* Valid placements of the rendered tooltip. They will be overriden when\n * necessary to fit the tooltip within the viewport. */\nexport enum PLACEMENTS {\n  ABOVE_CURSOR = 'ABOVE_CURSOR',\n  ABOVE_ELEMENT = 'ABOVE_ELEMENT',\n  BELOW_CURSOR = 'BELOW_CURSOR',\n  BELOW_ELEMENT = 'BELOW_ELEMENT',\n}\n\nconst ARROW_STYLE_DOWN = [\n  'border-bottom-color:transparent',\n  'border-left-color:transparent',\n  'border-right-color:transparent',\n].join(';');\n\nconst ARROW_STYLE_UP = [\n  'border-top-color:transparent',\n  'border-left-color:transparent',\n  'border-right-color:transparent',\n].join(';');\n\ntype ComponentsT = {\n  container: HTMLDivElement;\n  arrow: HTMLDivElement;\n  content: HTMLDivElement;\n};\n\ntype HeapT = {\n  lastElement?: HTMLElement;\n  lastPageX: number;\n  lastPageY: number;\n  lastPlacement?: PLACEMENTS | undefined;\n};\n\nexport type ThemeKeysT =\n  | 'appearance'\n  | 'arrow'\n  | 'content'\n  | 'container';\n\ntype TooltipThemeT = Theme<ThemeKeysT>;\n\n/**\n * Creates tooltip components.\n * @ignore\n * @param {object} theme Themes to use for tooltip container, arrow,\n *  and content.\n * @return {object} Object with DOM references to the container components:\n *  container, arrow, content.\n */\nfunction createTooltipComponents(theme: TooltipThemeT): ComponentsT {\n  const arrow = document.createElement('div');\n  if (theme.arrow) arrow.setAttribute('class', theme.arrow);\n\n  const content = document.createElement('div');\n  if (theme.content) content.setAttribute('class', theme.content);\n\n  const container = document.createElement('div');\n  if (theme.container) container.setAttribute('class', theme.container);\n\n  container.appendChild(arrow);\n  container.appendChild(content);\n  document.body.appendChild(container);\n\n  return { container, arrow, content };\n}\n\ntype TooltipRectsT = {\n  arrow: DOMRect;\n  container: DOMRect;\n};\n\n/**\n * Generates bounding client rectangles for tooltip components.\n * @ignore\n * @param tooltip DOM references to the tooltip components.\n * @param tooltip.arrow\n * @param tooltip.container\n * @return Object holding tooltip rectangles in\n *  two fields.\n */\nfunction calcTooltipRects(tooltip: ComponentsT): TooltipRectsT {\n  return {\n    arrow: tooltip.arrow.getBoundingClientRect(),\n    container: tooltip.container.getBoundingClientRect(),\n  };\n}\n\n/**\n * Calculates the document viewport size.\n * @ignore\n * @return {{x, y, width, height}}\n */\nfunction calcViewportRect() {\n  const { scrollX, scrollY } = window;\n  const { documentElement: { clientHeight, clientWidth } } = document;\n  return {\n    left: scrollX,\n    right: scrollX + clientWidth,\n    top: scrollY,\n    bottom: scrollY + clientHeight,\n  };\n}\n\n/**\n * Calculates tooltip and arrow positions for the placement just above\n * the cursor.\n * @ignore\n * @param {number} x Cursor page-x position.\n * @param {number} y Cursor page-y position.\n * @param {object} tooltipRects Bounding client rectangles of tooltip parts.\n * @param {object} tooltipRects.arrow\n * @param {object} tooltipRects.container\n * @return {object} Contains the following fields:\n *  - {number} arrowX\n *  - {number} arrowY\n *  - {number} containerX\n *  - {number} containerY\n *  - {string} baseArrowStyle\n */\nfunction calcPositionAboveXY(\n  x: number,\n  y: number,\n  tooltipRects: TooltipRectsT,\n) {\n  const { arrow, container } = tooltipRects;\n  return {\n    arrowX: 0.5 * (container.width - arrow.width),\n    arrowY: container.height,\n    containerX: x - container.width / 2,\n    containerY: y - container.height - arrow.height / 1.5,\n\n    // TODO: Instead of already setting the base style here, we should\n    // introduce a set of constants for arrow directions, which will help\n    // to do checks dependant on the arrow direction.\n    baseArrowStyle: ARROW_STYLE_DOWN,\n  };\n}\n\n/*\nconst HIT = {\n  NONE: false,\n  LEFT: 'LEFT',\n  RIGHT: 'RIGHT',\n  TOP: 'TOP',\n  BOTTOM: 'BOTTOM',\n};\n*/\n\n/**\n * Checks whether\n * @param {object} pos\n * @param {object} tooltipRects\n * @param {object} viewportRect\n * @return {HIT}\n */\n/*\nfunction checkViewportFit(pos, tooltipRects, viewportRect) {\n  const { containerX, containerY } = pos;\n  if (containerX < viewportRect.left + 6) return HIT.LEFT;\n  if (containerX > viewportRect.right - 6) return HIT.RIGHT;\n  return HIT.NONE;\n}\n*/\n\n/**\n * Shifts tooltip horizontally to fit into the viewport, while keeping\n * the arrow pointed to the XY point.\n * @param {number} x\n * @param {number} y\n * @param {object} pos\n * @param {number} pageXOffset\n * @param {number} pageXWidth\n */\n/*\nfunction xPageFitCorrection(x, y, pos, pageXOffset, pageXWidth) {\n  if (pos.containerX < pageXOffset + 6) {\n    pos.containerX = pageXOffset + 6;\n    pos.arrowX = Math.max(6, pageX - containerX - arrowRect.width / 2);\n  } else {\n    const maxX = pageXOffset + docRect.width - containerRect.width - 6;\n    if (containerX > maxX) {\n      containerX = maxX;\n      arrowX = Math.min(\n        containerRect.width - 6,\n        pageX - containerX - arrowRect.width / 2,\n      );\n    }\n  }\n}\n*/\n\n/**\n * Sets positions of tooltip components to point the tooltip to the specified\n * page point.\n * @ignore\n * @param pageX\n * @param pageY\n * @param placement\n * @param element DOM reference to the element wrapped by the tooltip.\n * @param tooltip\n * @param tooltip.arrow DOM reference to the tooltip arrow.\n * @param tooltip.container DOM reference to the tooltip container.\n */\nfunction setComponentPositions(\n  pageX: number,\n  pageY: number,\n  placement: PLACEMENTS | undefined,\n  element: HTMLElement | undefined,\n  tooltip: ComponentsT,\n) {\n  const tooltipRects = calcTooltipRects(tooltip);\n  const viewportRect = calcViewportRect();\n\n  /* Default container coords: tooltip at the top. */\n  const pos = calcPositionAboveXY(pageX, pageY, tooltipRects);\n\n  if (pos.containerX < viewportRect.left + 6) {\n    pos.containerX = viewportRect.left + 6;\n    pos.arrowX = Math.max(\n      6,\n      pageX - pos.containerX - tooltipRects.arrow.width / 2,\n    );\n  } else {\n    const maxX = viewportRect.right - 6 - tooltipRects.container.width;\n    if (pos.containerX > maxX) {\n      pos.containerX = maxX;\n      pos.arrowX = Math.min(\n        tooltipRects.container.width - 6,\n        pageX - pos.containerX - tooltipRects.arrow.width / 2,\n      );\n    }\n  }\n\n  /* If tooltip has not enough space on top - make it bottom tooltip. */\n  if (pos.containerY < viewportRect.top + 6) {\n    pos.containerY += tooltipRects.container.height\n      + 2 * tooltipRects.arrow.height;\n    pos.arrowY -= tooltipRects.container.height\n      + tooltipRects.arrow.height;\n    pos.baseArrowStyle = ARROW_STYLE_UP;\n  }\n\n  const containerStyle = `left:${pos.containerX}px;top:${pos.containerY}px`;\n  tooltip.container.setAttribute('style', containerStyle);\n\n  const arrowStyle = `${pos.baseArrowStyle};left:${pos.arrowX}px;top:${pos.arrowY}px`;\n  tooltip.arrow.setAttribute('style', arrowStyle);\n}\n\n/* The Tooltip component itself. */\nconst Tooltip: FunctionComponent<{\n  children?: ReactNode;\n  ref?: RefObject<unknown>;\n  theme: any;\n}> = ({ children, ref, theme }) => {\n  // NOTE: The way it has to be implemented, for clean mounting and unmounting\n  // at the client side, the <Tooltip> is fully mounted into DOM in the next\n  // rendering cycles, and only then it can be correctly measured and positioned.\n  // Thus, when we create the <Tooltip> we have to record its target positioning\n  // details, and then apply them when it is created.\n\n  const { current: heap } = useRef<HeapT>({\n    lastElement: undefined,\n    lastPageX: 0,\n    lastPageY: 0,\n    lastPlacement: undefined,\n  });\n\n  const [components, setComponents] = useState<ComponentsT | null>(null);\n\n  const pointTo = (\n    pageX: number,\n    pageY: number,\n    placement: PLACEMENTS,\n    element: HTMLElement,\n  ) => {\n    heap.lastElement = element;\n    heap.lastPageX = pageX;\n    heap.lastPageY = pageY;\n    heap.lastPlacement = placement;\n\n    if (components) {\n      setComponentPositions(pageX, pageY, placement, element, components);\n    }\n  };\n  useImperativeHandle(ref, () => ({ pointTo }));\n\n  /* Inits and destroys tooltip components. */\n  useEffect(() => {\n    const x = createTooltipComponents(theme);\n    setComponents(x);\n    return () => {\n      document.body.removeChild(x.container);\n      setComponents(null);\n    };\n  }, [theme]);\n\n  useEffect(() => {\n    if (components) {\n      setComponentPositions(\n        heap.lastPageX,\n        heap.lastPageY,\n        heap.lastPlacement,\n        heap.lastElement,\n        components,\n      );\n    }\n  }, [\n    components,\n    // BEWARE: Careful about these dependencies - they are updated when mouse\n    // is moved over the tool-tipped element, thus potentially may cause\n    // unnecessary firing of this effect on each mouse event. It does not\n    // happen now just because the mouse movements themselves are not causing\n    // the component re-rendering, thus dependencies of this effect are not\n    // really re-evaluated.\n    heap.lastPageX,\n    heap.lastPageY,\n    heap.lastPlacement,\n    heap.lastElement,\n  ]);\n\n  return components ? createPortal(children, components.content) : null;\n};\n\nexport default Tooltip;\n"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AAUA,IAAAC,SAAA,GAAAD,OAAA;AAhBA;AACA;AACA;AACA;AACA;AAgBA;AACA;AADA,IAEYE,UAAU,GAAAC,OAAA,CAAAD,UAAA,0BAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA;AAOtB,MAAME,gBAAgB,GAAG,CACvB,iCAAiC,EACjC,+BAA+B,EAC/B,gCAAgC,CACjC,CAACC,IAAI,CAAC,GAAG,CAAC;AAEX,MAAMC,cAAc,GAAG,CACrB,8BAA8B,EAC9B,+BAA+B,EAC/B,gCAAgC,CACjC,CAACD,IAAI,CAAC,GAAG,CAAC;AAuBX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,uBAAuBA,CAACC,KAAoB,EAAe;EAClE,MAAMC,KAAK,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAC3C,IAAIH,KAAK,CAACC,KAAK,EAAEA,KAAK,CAACG,YAAY,CAAC,OAAO,EAAEJ,KAAK,CAACC,KAAK,CAAC;EAEzD,MAAMI,OAAO,GAAGH,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAC7C,IAAIH,KAAK,CAACK,OAAO,EAAEA,OAAO,CAACD,YAAY,CAAC,OAAO,EAAEJ,KAAK,CAACK,OAAO,CAAC;EAE/D,MAAMC,SAAS,GAAGJ,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAC/C,IAAIH,KAAK,CAACM,SAAS,EAAEA,SAAS,CAACF,YAAY,CAAC,OAAO,EAAEJ,KAAK,CAACM,SAAS,CAAC;EAErEA,SAAS,CAACC,WAAW,CAACN,KAAK,CAAC;EAC5BK,SAAS,CAACC,WAAW,CAACF,OAAO,CAAC;EAC9BH,QAAQ,CAACM,IAAI,CAACD,WAAW,CAACD,SAAS,CAAC;EAEpC,OAAO;IAAEA,SAAS;IAAEL,KAAK;IAAEI;EAAQ,CAAC;AACtC;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASI,gBAAgBA,CAACC,OAAoB,EAAiB;EAC7D,OAAO;IACLT,KAAK,EAAES,OAAO,CAACT,KAAK,CAACU,qBAAqB,CAAC,CAAC;IAC5CL,SAAS,EAAEI,OAAO,CAACJ,SAAS,CAACK,qBAAqB,CAAC;EACrD,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASC,gBAAgBA,CAAA,EAAG;EAC1B,MAAM;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GAAGC,MAAM;EACnC,MAAM;IAAEC,eAAe,EAAE;MAAEC,YAAY;MAAEC;IAAY;EAAE,CAAC,GAAGhB,QAAQ;EACnE,OAAO;IACLiB,IAAI,EAAEN,OAAO;IACbO,KAAK,EAAEP,OAAO,GAAGK,WAAW;IAC5BG,GAAG,EAAEP,OAAO;IACZQ,MAAM,EAAER,OAAO,GAAGG;EACpB,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASM,mBAAmBA,CAC1BC,CAAS,EACTC,CAAS,EACTC,YAA2B,EAC3B;EACA,MAAM;IAAEzB,KAAK;IAAEK;EAAU,CAAC,GAAGoB,YAAY;EACzC,OAAO;IACLC,MAAM,EAAE,GAAG,IAAIrB,SAAS,CAACsB,KAAK,GAAG3B,KAAK,CAAC2B,KAAK,CAAC;IAC7CC,MAAM,EAAEvB,SAAS,CAACwB,MAAM;IACxBC,UAAU,EAAEP,CAAC,GAAGlB,SAAS,CAACsB,KAAK,GAAG,CAAC;IACnCI,UAAU,EAAEP,CAAC,GAAGnB,SAAS,CAACwB,MAAM,GAAG7B,KAAK,CAAC6B,MAAM,GAAG,GAAG;IAErD;IACA;IACA;IACAG,cAAc,EAAErC;EAClB,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASsC,qBAAqBA,CAC5BC,KAAa,EACbC,KAAa,EACbC,SAAiC,EACjCC,OAAgC,EAChC5B,OAAoB,EACpB;EACA,MAAMgB,YAAY,GAAGjB,gBAAgB,CAACC,OAAO,CAAC;EAC9C,MAAM6B,YAAY,GAAG3B,gBAAgB,CAAC,CAAC;;EAEvC;EACA,MAAM4B,GAAG,GAAGjB,mBAAmB,CAACY,KAAK,EAAEC,KAAK,EAAEV,YAAY,CAAC;EAE3D,IAAIc,GAAG,CAACT,UAAU,GAAGQ,YAAY,CAACpB,IAAI,GAAG,CAAC,EAAE;IAC1CqB,GAAG,CAACT,UAAU,GAAGQ,YAAY,CAACpB,IAAI,GAAG,CAAC;IACtCqB,GAAG,CAACb,MAAM,GAAGc,IAAI,CAACC,GAAG,CACnB,CAAC,EACDP,KAAK,GAAGK,GAAG,CAACT,UAAU,GAAGL,YAAY,CAACzB,KAAK,CAAC2B,KAAK,GAAG,CACtD,CAAC;EACH,CAAC,MAAM;IACL,MAAMe,IAAI,GAAGJ,YAAY,CAACnB,KAAK,GAAG,CAAC,GAAGM,YAAY,CAACpB,SAAS,CAACsB,KAAK;IAClE,IAAIY,GAAG,CAACT,UAAU,GAAGY,IAAI,EAAE;MACzBH,GAAG,CAACT,UAAU,GAAGY,IAAI;MACrBH,GAAG,CAACb,MAAM,GAAGc,IAAI,CAACG,GAAG,CACnBlB,YAAY,CAACpB,SAAS,CAACsB,KAAK,GAAG,CAAC,EAChCO,KAAK,GAAGK,GAAG,CAACT,UAAU,GAAGL,YAAY,CAACzB,KAAK,CAAC2B,KAAK,GAAG,CACtD,CAAC;IACH;EACF;;EAEA;EACA,IAAIY,GAAG,CAACR,UAAU,GAAGO,YAAY,CAAClB,GAAG,GAAG,CAAC,EAAE;IACzCmB,GAAG,CAACR,UAAU,IAAIN,YAAY,CAACpB,SAAS,CAACwB,MAAM,GAC3C,CAAC,GAAGJ,YAAY,CAACzB,KAAK,CAAC6B,MAAM;IACjCU,GAAG,CAACX,MAAM,IAAIH,YAAY,CAACpB,SAAS,CAACwB,MAAM,GACvCJ,YAAY,CAACzB,KAAK,CAAC6B,MAAM;IAC7BU,GAAG,CAACP,cAAc,GAAGnC,cAAc;EACrC;EAEA,MAAM+C,cAAc,GAAG,QAAQL,GAAG,CAACT,UAAU,UAAUS,GAAG,CAACR,UAAU,IAAI;EACzEtB,OAAO,CAACJ,SAAS,CAACF,YAAY,CAAC,OAAO,EAAEyC,cAAc,CAAC;EAEvD,MAAMC,UAAU,GAAG,GAAGN,GAAG,CAACP,cAAc,SAASO,GAAG,CAACb,MAAM,UAAUa,GAAG,CAACX,MAAM,IAAI;EACnFnB,OAAO,CAACT,KAAK,CAACG,YAAY,CAAC,OAAO,EAAE0C,UAAU,CAAC;AACjD;;AAEA;AACA,MAAMC,OAIJ,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEjD;AAAM,CAAC,KAAK;EACjC;EACA;EACA;EACA;EACA;;EAEA,MAAM;IAAEkD,OAAO,EAAEC;EAAK,CAAC,GAAG,IAAAC,aAAM,EAAQ;IACtCC,WAAW,EAAEC,SAAS;IACtBC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE,CAAC;IACZC,aAAa,EAAEH;EACjB,CAAC,CAAC;EAEF,MAAM,CAACI,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAqB,IAAI,CAAC;EAEtE,MAAMC,OAAO,GAAGA,CACd1B,KAAa,EACbC,KAAa,EACbC,SAAqB,EACrBC,OAAoB,KACjB;IACHa,IAAI,CAACE,WAAW,GAAGf,OAAO;IAC1Ba,IAAI,CAACI,SAAS,GAAGpB,KAAK;IACtBgB,IAAI,CAACK,SAAS,GAAGpB,KAAK;IACtBe,IAAI,CAACM,aAAa,GAAGpB,SAAS;IAE9B,IAAIqB,UAAU,EAAE;MACdxB,qBAAqB,CAACC,KAAK,EAAEC,KAAK,EAAEC,SAAS,EAAEC,OAAO,EAAEoB,UAAU,CAAC;IACrE;EACF,CAAC;EACD,IAAAI,0BAAmB,EAACb,GAAG,EAAE,OAAO;IAAEY;EAAQ,CAAC,CAAC,CAAC;;EAE7C;EACA,IAAAE,gBAAS,EAAC,MAAM;IACd,MAAMvC,CAAC,GAAGzB,uBAAuB,CAACC,KAAK,CAAC;IACxC2D,aAAa,CAACnC,CAAC,CAAC;IAChB,OAAO,MAAM;MACXtB,QAAQ,CAACM,IAAI,CAACwD,WAAW,CAACxC,CAAC,CAAClB,SAAS,CAAC;MACtCqD,aAAa,CAAC,IAAI,CAAC;IACrB,CAAC;EACH,CAAC,EAAE,CAAC3D,KAAK,CAAC,CAAC;EAEX,IAAA+D,gBAAS,EAAC,MAAM;IACd,IAAIL,UAAU,EAAE;MACdxB,qBAAqB,CACnBiB,IAAI,CAACI,SAAS,EACdJ,IAAI,CAACK,SAAS,EACdL,IAAI,CAACM,aAAa,EAClBN,IAAI,CAACE,WAAW,EAChBK,UACF,CAAC;IACH;EACF,CAAC,EAAE,CACDA,UAAU;EACV;EACA;EACA;EACA;EACA;EACA;EACAP,IAAI,CAACI,SAAS,EACdJ,IAAI,CAACK,SAAS,EACdL,IAAI,CAACM,aAAa,EAClBN,IAAI,CAACE,WAAW,CACjB,CAAC;EAEF,OAAOK,UAAU,gBAAG,IAAAO,sBAAY,EAACjB,QAAQ,EAAEU,UAAU,CAACrD,OAAO,CAAC,GAAG,IAAI;AACvE,CAAC;AAAC,IAAA6D,QAAA,GAAAvE,OAAA,CAAAwE,OAAA,GAEapB,OAAO","ignoreList":[]}

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

@@ -31,8 +31,7 @@ const defaultTheme = {
  * **Children:** Children are rendered in the place of `<WithTooltip>`,
  * and when hovered the tooltip is shown. By default the wrapper itself is
  * `<div>` block with `display: inline-block`.
- * @param {object} props Component properties.
- * @param {React.node} props.tip &ndash; Anything React is able to render,
+ * @param tip &ndash; Anything React is able to render,
  * _e.g._ a tooltip text. This will be the tooltip content.
  * @param {WithTooltipTheme} props.theme _Ad hoc_ theme.
  */
@@ -50,7 +49,7 @@ const Wrapper = ({
     triggeredByTouch: false,
     timerId: undefined
   });
-  const tooltipRef = (0, _react.useRef)();
+  const tooltipRef = (0, _react.useRef)(null);
   const wrapperRef = (0, _react.useRef)(null);
   const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
   const updatePortalPosition = (cursorX, cursorY) => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","require","_reactThemes","_interopRequireDefault","_Tooltip","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","defaultTheme","Wrapper","children","placement","PLACEMENTS","ABOVE_CURSOR","tip","theme","current","heap","useRef","lastCursorX","lastCursorY","triggeredByTouch","timerId","undefined","tooltipRef","wrapperRef","showTooltip","setShowTooltip","useState","updatePortalPosition","cursorX","cursorY","setTimeout","wrapperRect","getBoundingClientRect","left","right","top","bottom","pointTo","window","scrollX","scrollY","useEffect","listener","addEventListener","removeEventListener","jsxs","className","wrapper","onMouseLeave","onMouseMove","clientX","clientY","onClick","clearTimeout","onTouchStart","ref","role","jsx","ThemedWrapper","themed","_default","exports"],"sources":["../../../../../src/shared/components/WithTooltip/index.tsx"],"sourcesContent":["/* global window */\n\nimport {\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport Tooltip, {\n  type ThemeKeysT as TooltipThemeKeysT,\n  PLACEMENTS,\n} from './Tooltip';\n\nimport defaultTheme from './default-theme.scss';\n\ntype PropsT = {\n  children?: ReactNode;\n  placement?: PLACEMENTS;\n  tip?: ReactNode;\n  theme: Theme<'wrapper' | TooltipThemeKeysT>;\n};\n\ntype TooltipRefT = {\n  pointTo: (\n    x: number,\n    y: number,\n    placement: PLACEMENTS,\n    wrapperRef: HTMLDivElement,\n  ) => void;\n};\n\ntype HeapT = {\n  lastCursorX: number;\n  lastCursorY: number;\n  triggeredByTouch: boolean;\n  timerId?: NodeJS.Timeout;\n};\n\n/**\n * Implements a simple to use and themeable tooltip component, _e.g._\n * ```js\n * <WithTooltip tip=\"This is example tooltip.\">\n *   <p>Hover to see the tooltip.</p>\n * </WithTooltip>\n * ```\n * **Children:** Children are rendered in the place of `<WithTooltip>`,\n * and when hovered the tooltip is shown. By default the wrapper itself is\n * `<div>` block with `display: inline-block`.\n * @param {object} props Component properties.\n * @param {React.node} props.tip &ndash; Anything React is able to render,\n * _e.g._ a tooltip text. This will be the tooltip content.\n * @param {WithTooltipTheme} props.theme _Ad hoc_ theme.\n */\nconst Wrapper: React.FunctionComponent<PropsT> = ({\n  children,\n  placement = PLACEMENTS.ABOVE_CURSOR,\n  tip,\n  theme,\n}) => {\n  const { current: heap } = useRef<HeapT>({\n    lastCursorX: 0,\n    lastCursorY: 0,\n    triggeredByTouch: false,\n    timerId: undefined,\n  });\n  const tooltipRef = useRef<TooltipRefT>();\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const updatePortalPosition = (cursorX: number, cursorY: number) => {\n    if (!showTooltip) {\n      heap.lastCursorX = cursorX;\n      heap.lastCursorY = cursorY;\n\n      // If tooltip was triggered by a touch, we delay its opening by a bit,\n      // to ensure it was not a touch-click - in the case of touch click we\n      // want to do the click, rather than show the tooltip, and the delay\n      // gives click handler a chance to abort the tooltip openning.\n      if (heap.triggeredByTouch) {\n        if (!heap.timerId) {\n          heap.timerId = setTimeout(() => {\n            heap.triggeredByTouch = false;\n            heap.timerId = undefined;\n            setShowTooltip(true);\n          }, 300);\n        }\n\n      // Otherwise we can just open the tooltip right away.\n      } else setShowTooltip(true);\n    } else {\n      const wrapperRect = wrapperRef.current!.getBoundingClientRect();\n      if (\n        cursorX < wrapperRect.left\n        || cursorX > wrapperRect.right\n        || cursorY < wrapperRect.top\n        || cursorY > wrapperRect.bottom\n      ) {\n        setShowTooltip(false);\n      } else if (tooltipRef.current) {\n        tooltipRef.current.pointTo(\n          cursorX + window.scrollX,\n          cursorY + window.scrollY,\n          placement!,\n          wrapperRef.current!,\n        );\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (showTooltip && tip !== null) {\n      // This is necessary to ensure that even when a single mouse event\n      // arrives to a tool-tipped component, the tooltip is correctly positioned\n      // once opened (because similar call above does not have effect until\n      // the tooltip is fully mounted, and that is delayed to future rendering\n      // cycle due to the implementation).\n      if (tooltipRef.current) {\n        tooltipRef.current.pointTo(\n          heap.lastCursorX + window.scrollX,\n          heap.lastCursorY + window.scrollY,\n          placement!,\n          wrapperRef.current!,\n        );\n      }\n\n      const listener = () => setShowTooltip(false);\n      window.addEventListener('scroll', listener);\n      return () => window.removeEventListener('scroll', listener);\n    }\n    return undefined;\n  }, [\n    heap.lastCursorX,\n    heap.lastCursorY,\n    placement,\n    showTooltip,\n    tip,\n  ]);\n\n  return (\n    <div\n      className={theme.wrapper}\n      onMouseLeave={() => setShowTooltip(false)}\n      onMouseMove={(e) => updatePortalPosition(e.clientX, e.clientY)}\n      onClick={() => {\n        if (heap.timerId) {\n          clearTimeout(heap.timerId);\n          heap.timerId = undefined;\n          heap.triggeredByTouch = false;\n        }\n      }}\n      onTouchStart={() => {\n        heap.triggeredByTouch = true;\n      }}\n      ref={wrapperRef}\n      role=\"presentation\"\n    >\n      {\n        showTooltip && tip !== null ? (\n          <Tooltip ref={tooltipRef} theme={theme}>{tip}</Tooltip>\n        ) : null\n      }\n      {children}\n    </div>\n  );\n};\n\nconst ThemedWrapper = themed(Wrapper, 'WithTooltip', defaultTheme);\n\ntype ExportT = typeof ThemedWrapper & {\n  PLACEMENTS: typeof PLACEMENTS;\n};\n\nconst e: ExportT = ThemedWrapper as ExportT;\n\ne.PLACEMENTS = PLACEMENTS;\n\nexport default e;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","require","_reactThemes","_interopRequireDefault","_Tooltip","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","defaultTheme","Wrapper","children","placement","PLACEMENTS","ABOVE_CURSOR","tip","theme","current","heap","useRef","lastCursorX","lastCursorY","triggeredByTouch","timerId","undefined","tooltipRef","wrapperRef","showTooltip","setShowTooltip","useState","updatePortalPosition","cursorX","cursorY","setTimeout","wrapperRect","getBoundingClientRect","left","right","top","bottom","pointTo","window","scrollX","scrollY","useEffect","listener","addEventListener","removeEventListener","jsxs","className","wrapper","onMouseLeave","onMouseMove","clientX","clientY","onClick","clearTimeout","onTouchStart","ref","role","jsx","ThemedWrapper","themed","_default","exports"],"sources":["../../../../../src/shared/components/WithTooltip/index.tsx"],"sourcesContent":["/* global window */\n\nimport {\n  type FunctionComponent,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport Tooltip, {\n  type ThemeKeysT as TooltipThemeKeysT,\n  PLACEMENTS,\n} from './Tooltip';\n\nimport defaultTheme from './default-theme.scss';\n\ntype PropsT = {\n  children?: ReactNode;\n  placement?: PLACEMENTS;\n  tip?: ReactNode;\n  theme: Theme<'wrapper' | TooltipThemeKeysT>;\n};\n\ntype TooltipRefT = {\n  pointTo: (\n    x: number,\n    y: number,\n    placement: PLACEMENTS,\n    wrapperRef: HTMLDivElement,\n  ) => void;\n};\n\ntype HeapT = {\n  lastCursorX: number;\n  lastCursorY: number;\n  triggeredByTouch: boolean;\n  timerId?: NodeJS.Timeout;\n};\n\n/**\n * Implements a simple to use and themeable tooltip component, _e.g._\n * ```js\n * <WithTooltip tip=\"This is example tooltip.\">\n *   <p>Hover to see the tooltip.</p>\n * </WithTooltip>\n * ```\n * **Children:** Children are rendered in the place of `<WithTooltip>`,\n * and when hovered the tooltip is shown. By default the wrapper itself is\n * `<div>` block with `display: inline-block`.\n * @param tip &ndash; Anything React is able to render,\n * _e.g._ a tooltip text. This will be the tooltip content.\n * @param {WithTooltipTheme} props.theme _Ad hoc_ theme.\n */\nconst Wrapper: FunctionComponent<PropsT> = ({\n  children,\n  placement = PLACEMENTS.ABOVE_CURSOR,\n  tip,\n  theme,\n}) => {\n  const { current: heap } = useRef<HeapT>({\n    lastCursorX: 0,\n    lastCursorY: 0,\n    triggeredByTouch: false,\n    timerId: undefined,\n  });\n  const tooltipRef = useRef<TooltipRefT>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const updatePortalPosition = (cursorX: number, cursorY: number) => {\n    if (!showTooltip) {\n      heap.lastCursorX = cursorX;\n      heap.lastCursorY = cursorY;\n\n      // If tooltip was triggered by a touch, we delay its opening by a bit,\n      // to ensure it was not a touch-click - in the case of touch click we\n      // want to do the click, rather than show the tooltip, and the delay\n      // gives click handler a chance to abort the tooltip openning.\n      if (heap.triggeredByTouch) {\n        if (!heap.timerId) {\n          heap.timerId = setTimeout(() => {\n            heap.triggeredByTouch = false;\n            heap.timerId = undefined;\n            setShowTooltip(true);\n          }, 300);\n        }\n\n      // Otherwise we can just open the tooltip right away.\n      } else setShowTooltip(true);\n    } else {\n      const wrapperRect = wrapperRef.current!.getBoundingClientRect();\n      if (\n        cursorX < wrapperRect.left\n        || cursorX > wrapperRect.right\n        || cursorY < wrapperRect.top\n        || cursorY > wrapperRect.bottom\n      ) {\n        setShowTooltip(false);\n      } else if (tooltipRef.current) {\n        tooltipRef.current.pointTo(\n          cursorX + window.scrollX,\n          cursorY + window.scrollY,\n          placement!,\n          wrapperRef.current!,\n        );\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (showTooltip && tip !== null) {\n      // This is necessary to ensure that even when a single mouse event\n      // arrives to a tool-tipped component, the tooltip is correctly positioned\n      // once opened (because similar call above does not have effect until\n      // the tooltip is fully mounted, and that is delayed to future rendering\n      // cycle due to the implementation).\n      if (tooltipRef.current) {\n        tooltipRef.current.pointTo(\n          heap.lastCursorX + window.scrollX,\n          heap.lastCursorY + window.scrollY,\n          placement!,\n          wrapperRef.current!,\n        );\n      }\n\n      const listener = () => setShowTooltip(false);\n      window.addEventListener('scroll', listener);\n      return () => window.removeEventListener('scroll', listener);\n    }\n    return undefined;\n  }, [\n    heap.lastCursorX,\n    heap.lastCursorY,\n    placement,\n    showTooltip,\n    tip,\n  ]);\n\n  return (\n    <div\n      className={theme.wrapper}\n      onMouseLeave={() => setShowTooltip(false)}\n      onMouseMove={(e) => updatePortalPosition(e.clientX, e.clientY)}\n      onClick={() => {\n        if (heap.timerId) {\n          clearTimeout(heap.timerId);\n          heap.timerId = undefined;\n          heap.triggeredByTouch = false;\n        }\n      }}\n      onTouchStart={() => {\n        heap.triggeredByTouch = true;\n      }}\n      ref={wrapperRef}\n      role=\"presentation\"\n    >\n      {\n        showTooltip && tip !== null ? (\n          <Tooltip ref={tooltipRef} theme={theme}>{tip}</Tooltip>\n        ) : null\n      }\n      {children}\n    </div>\n  );\n};\n\nconst ThemedWrapper = themed(Wrapper, 'WithTooltip', defaultTheme);\n\ntype ExportT = typeof ThemedWrapper & {\n  PLACEMENTS: typeof PLACEMENTS;\n};\n\nconst e: ExportT = ThemedWrapper as ExportT;\n\ne.PLACEMENTS = PLACEMENTS;\n\nexport default e;\n"],"mappings":"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","ignoreList":[]}

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

@@ -15,21 +15,22 @@ const S = {
 function areEqual(a, b) {
   return a?.left === b?.left && a?.top === b?.top && a?.width === b?.width;
 }
-const Options = /*#__PURE__*/(0, _react.forwardRef)(({
+const Options = ({
   containerClass,
   containerStyle,
   filter,
   onCancel,
   onChange,
   optionClass,
-  options
-}, ref) => {
+  options,
+  ref
+}) => {
   const opsRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, () => ({
     measure: () => {
       const e = opsRef.current?.parentElement;
       if (!e) return undefined;
-      const rect = opsRef.current?.getBoundingClientRect();
+      const rect = opsRef.current.getBoundingClientRect();
       const style = window.getComputedStyle(e);
       const mBottom = parseFloat(style.marginBottom);
       const mTop = parseFloat(style.marginTop);
@@ -68,7 +69,7 @@ const Options = /*#__PURE__*/(0, _react.forwardRef)(({
   // response to the position changes of the root dropdown element).
   , {
     cancelOnScrolling: true,
-    containerStyle: containerStyle,
+    style: containerStyle,
     dontDisableScrolling: true,
     onCancel: onCancel,
     theme: {
@@ -83,6 +84,6 @@ const Options = /*#__PURE__*/(0, _react.forwardRef)(({
       children: optionNodes
     })
   });
-});
+};
 var _default = exports.default = Options;
 //# sourceMappingURL=index.js.map

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","forwardRef","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","i","length","option","iValue","iName","optionValueName","push","jsx","className","onClick","stopPropagation","onKeyDown","key","role","tabIndex","children","BaseModal","cancelOnScrolling","dontDisableScrolling","theme","ad","hoc","container","context","overlay","_default","exports","default"],"sources":["../../../../../../../src/shared/components/selectors/CustomDropdown/Options/index.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport { BaseModal } from 'components/Modal';\n\nimport S from './style.scss';\n\nimport {\n  type OptionT,\n  type OptionsT,\n  type ValueT,\n  optionValueName,\n} from '../../common';\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<React.ReactNode> | ValueT) => boolean;\n  optionClass: string;\n  options: Readonly<OptionsT<React.ReactNode>>;\n  onCancel: () => void;\n  onChange: (value: ValueT) => void;\n};\n\nconst Options = forwardRef<RefT, PropsT>(({\n  containerClass,\n  containerStyle,\n  filter,\n  onCancel,\n  onChange,\n  optionClass,\n  options,\n}, ref) => {\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: React.ReactNode[] = [];\n  for (let i = 0; i < options.length; ++i) {\n    const option = options[i];\n    if (option !== undefined && (!filter || filter(option))) {\n      const [iValue, iName] = optionValueName(option);\n      optionNodes.push(\n        <div\n          className={optionClass}\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          key={iValue}\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      containerStyle={containerStyle}\n      dontDisableScrolling\n      onCancel={onCancel}\n      theme={{\n        ad: '',\n        hoc: '',\n        container: containerClass,\n        context: '',\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","i","length","option","iValue","iName","optionValueName","push","jsx","className","onClick","stopPropagation","onKeyDown","key","role","tabIndex","children","BaseModal","cancelOnScrolling","dontDisableScrolling","theme","ad","hoc","container","context","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 S from './style.scss';\n\nimport {\n  type OptionT,\n  type OptionsT,\n  type ValueT,\n  optionValueName,\n} from '../../common';\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 (let i = 0; i < options.length; ++i) {\n    const option = options[i];\n    if (option !== undefined && (!filter || filter(option))) {\n      const [iValue, iName] = optionValueName(option);\n      optionNodes.push(\n        <div\n          className={optionClass}\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          key={iValue}\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      style={containerStyle}\n      dontDisableScrolling\n      onCancel={onCancel}\n      theme={{\n        ad: '',\n        hoc: '',\n        container: containerClass,\n        context: '',\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/utils/splitComponent.js

@@ -163,10 +163,11 @@ function splitComponent({
     if (_isomorphy.IS_CLIENT_SIDE) {
       await bookStyleSheets(chunkName, clientChunkGroups, false);
     }
-    const Wrapper = /*#__PURE__*/(0, _react.forwardRef)(({
+    const Wrapper = ({
       children,
+      ref,
       ...rest
-    }, ref) => {
+    }) => {
       // On the server side we'll assert the chunk name here,
       // and also push it to the SSR chunks array.
       if (_isomorphy.IS_SERVER_SIDE) {
@@ -185,11 +186,11 @@ function splitComponent({
         return () => freeStyleSheets(chunkName, clientChunkGroups);
       }, []);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-        ref: ref,
         ...rest,
+        ref: ref,
         children: children
       });
-    });
+    };
     return {
       default: Wrapper
     };