@foxford/ui 2.102.0 → 2.103.0-beta-bdca95a-20260331

package/hocs/withMergedProps.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var useThemeMergedProps=require('../hooks/useThemeMergedProps.js');var useMergedSizes=require('../hooks/useMergedSizes.js');var useMergedPalette=require('../hooks/useMergedPalette.js');var jsxRuntime=require('react/jsx-runtime');exports.withMergedProps=(e,s)=>{const r=React.forwardRef(((r,t)=>{const a=useThemeMergedProps.useThemeMergedProps(r,s.displayName);const u=useMergedSizes.useMergedSizes(a,s.sizes);const i=useMergedPalette.useMergedPalette(a);return e.displayName=s.displayName,jsxRuntime.jsx(e,{...a,sizes:u,palette:i,ref:t})}));return r.displayName=`WithMergedProps${s.displayName}`,r};
+'use strict';var React=require('react');var useThemeMergedProps=require('../hooks/useThemeMergedProps.js');var useMergedSizes=require('../hooks/useMergedSizes.js');var useMergedPalette=require('../hooks/useMergedPalette.js');var jsxRuntime=require('react/jsx-runtime');exports.withMergedProps=(e,s)=>{const r=React.forwardRef((r,t)=>{const a=useThemeMergedProps.useThemeMergedProps(r,s.displayName);const u=useMergedSizes.useMergedSizes(a,s.sizes);const i=useMergedPalette.useMergedPalette(a);return e.displayName=s.displayName,jsxRuntime.jsx(e,{...a,sizes:u,palette:i,ref:t})});return r.displayName=`WithMergedProps${s.displayName}`,r};
 //# sourceMappingURL=withMergedProps.js.map

package/hocs/withMergedProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"withMergedProps.js","sources":["../../../src/hocs/withMergedProps.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { ThemePreset, CSSColor, KeysOfUnion } from 'shared/types'\nimport { useThemeMergedProps } from 'hooks/useThemeMergedProps'\nimport { useMergedSizes } from 'hooks/useMergedSizes'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport type { WithMergedPropsOptions, WrappedComponentProps } from 'shared/interfaces'\n\nexport type MergedProps<T extends WrappedComponentProps> = Omit<T, 'preset' | 'sizes' | 'palette'> & {\n  preset: ThemePreset\n  sizes: Record<KeysOfUnion<T['sizes']>, React.CSSProperties>\n  palette: Partial<Record<KeysOfUnion<T['palette']>, CSSColor>>\n}\n\nfunction withMergedProps<T extends WrappedComponentProps, R extends HTMLElement = HTMLElement>(\n  WrappedComponent: React.FC<MergedProps<T>>,\n  options: WithMergedPropsOptions<T>\n) {\n  const WithMergedProps = forwardRef<R, T>((wrappedComponentProps, ref) => {\n    const props = useThemeMergedProps(wrappedComponentProps, options.displayName)\n    const sizes = useMergedSizes(props, options.sizes)\n    const palette = useMergedPalette(props)\n\n    WrappedComponent.displayName = options.displayName\n\n    return <WrappedComponent {...props} sizes={sizes} palette={palette} ref={ref} />\n  })\n\n  WithMergedProps.displayName = `WithMergedProps${options.displayName}`\n\n  return WithMergedProps\n}\n\nexport { withMergedProps }\n"],"names":["WrappedComponent","options","WithMergedProps","forwardRef","wrappedComponentProps","ref","props","useThemeMergedProps","displayName","sizes","useMergedSizes","palette","useMergedPalette","_jsx"],"mappings":"qSAaA,CACEA,EACAC,KAEA,MAAMC,EAAkBC,MAAAA,YAAiB,CAACC,EAAuBC,KAC/D,MAAMC,EAAQC,oBAAAA,oBAAoBH,EAAuBH,EAAQO,aACjE,MAAMC,EAAQC,eAAAA,eAAeJ,EAAOL,EAAQQ,OAC5C,MAAME,EAAUC,iBAAAA,iBAAiBN,GAIjC,OAFAN,EAAiBQ,YAAcP,EAAQO,YAEhCK,WAAAA,IAACb,EAAgB,IAAKM,EAAOG,MAAOA,EAAOE,QAASA,EAASN,IAAKA,GAAO,IAKlF,OAFAH,EAAgBM,YAAc,kBAAkBP,EAAQO,cAEjDN,CACT"}
+{"version":3,"file":"withMergedProps.js","sources":["../../../src/hocs/withMergedProps.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { ThemePreset, CSSColor, KeysOfUnion } from 'shared/types'\nimport { useThemeMergedProps } from 'hooks/useThemeMergedProps'\nimport { useMergedSizes } from 'hooks/useMergedSizes'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport type { WithMergedPropsOptions, WrappedComponentProps } from 'shared/interfaces'\n\nexport type MergedProps<T extends WrappedComponentProps> = Omit<T, 'preset' | 'sizes' | 'palette'> & {\n  preset: ThemePreset\n  sizes: Record<KeysOfUnion<T['sizes']>, React.CSSProperties>\n  palette: Partial<Record<KeysOfUnion<T['palette']>, CSSColor>>\n}\n\n/**\n *\n * @deprecated\n *\n * Нужно использовать `useMergedProps`\n */\nfunction withMergedProps<T extends WrappedComponentProps, R extends HTMLElement = HTMLElement>(\n  WrappedComponent: React.FC<MergedProps<T>>,\n  options: WithMergedPropsOptions<T>\n) {\n  const WithMergedProps = forwardRef<R, T>((wrappedComponentProps, ref) => {\n    const props = useThemeMergedProps(wrappedComponentProps, options.displayName)\n    const sizes = useMergedSizes(props, options.sizes)\n    const palette = useMergedPalette(props)\n\n    WrappedComponent.displayName = options.displayName\n\n    return <WrappedComponent {...props} sizes={sizes} palette={palette} ref={ref} />\n  })\n\n  WithMergedProps.displayName = `WithMergedProps${options.displayName}`\n\n  return WithMergedProps\n}\n\nexport { withMergedProps }\n"],"names":["WrappedComponent","options","WithMergedProps","forwardRef","wrappedComponentProps","ref","props","useThemeMergedProps","displayName","sizes","useMergedSizes","palette","useMergedPalette","_jsx"],"mappings":"qSAmBA,CACEA,EACAC,KAEA,MAAMC,EAAkBC,MAAAA,WAAiB,CAACC,EAAuBC,KAC/D,MAAMC,EAAQC,oBAAAA,oBAAoBH,EAAuBH,EAAQO,aACjE,MAAMC,EAAQC,eAAAA,eAAeJ,EAAOL,EAAQQ,OAC5C,MAAME,EAAUC,iBAAAA,iBAAiBN,GAIjC,OAFAN,EAAiBQ,YAAcP,EAAQO,YAEhCK,WAAAA,IAACb,EAAgB,IAAKM,EAAOG,MAAOA,EAAOE,QAASA,EAASN,IAAKA,MAK3E,OAFAH,EAAgBM,YAAc,kBAAkBP,EAAQO,cAEjDN,CACT"}

package/hocs/withMergedProps.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{useThemeMergedProps}from'../hooks/useThemeMergedProps.mjs';import{useMergedSizes}from'../hooks/useMergedSizes.mjs';import{useMergedPalette}from'../hooks/useMergedPalette.mjs';import{jsx}from'react/jsx-runtime';function withMergedProps(e,r){const s=forwardRef(((s,o)=>{const t=useThemeMergedProps(s,r.displayName);const m=useMergedSizes(t,r.sizes);const i=useMergedPalette(t);return e.displayName=r.displayName,jsx(e,{...t,sizes:m,palette:i,ref:o})}));return s.displayName=`WithMergedProps${r.displayName}`,s}export{withMergedProps};
+import{forwardRef}from'react';import{useThemeMergedProps}from'../hooks/useThemeMergedProps.mjs';import{useMergedSizes}from'../hooks/useMergedSizes.mjs';import{useMergedPalette}from'../hooks/useMergedPalette.mjs';import{jsx}from'react/jsx-runtime';function withMergedProps(e,r){const s=forwardRef((s,o)=>{const t=useThemeMergedProps(s,r.displayName);const m=useMergedSizes(t,r.sizes);const i=useMergedPalette(t);return e.displayName=r.displayName,jsx(e,{...t,sizes:m,palette:i,ref:o})});return s.displayName=`WithMergedProps${r.displayName}`,s}export{withMergedProps};
 //# sourceMappingURL=withMergedProps.mjs.map

package/hocs/withMergedProps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"withMergedProps.mjs","sources":["../../../src/hocs/withMergedProps.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { ThemePreset, CSSColor, KeysOfUnion } from 'shared/types'\nimport { useThemeMergedProps } from 'hooks/useThemeMergedProps'\nimport { useMergedSizes } from 'hooks/useMergedSizes'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport type { WithMergedPropsOptions, WrappedComponentProps } from 'shared/interfaces'\n\nexport type MergedProps<T extends WrappedComponentProps> = Omit<T, 'preset' | 'sizes' | 'palette'> & {\n  preset: ThemePreset\n  sizes: Record<KeysOfUnion<T['sizes']>, React.CSSProperties>\n  palette: Partial<Record<KeysOfUnion<T['palette']>, CSSColor>>\n}\n\nfunction withMergedProps<T extends WrappedComponentProps, R extends HTMLElement = HTMLElement>(\n  WrappedComponent: React.FC<MergedProps<T>>,\n  options: WithMergedPropsOptions<T>\n) {\n  const WithMergedProps = forwardRef<R, T>((wrappedComponentProps, ref) => {\n    const props = useThemeMergedProps(wrappedComponentProps, options.displayName)\n    const sizes = useMergedSizes(props, options.sizes)\n    const palette = useMergedPalette(props)\n\n    WrappedComponent.displayName = options.displayName\n\n    return <WrappedComponent {...props} sizes={sizes} palette={palette} ref={ref} />\n  })\n\n  WithMergedProps.displayName = `WithMergedProps${options.displayName}`\n\n  return WithMergedProps\n}\n\nexport { withMergedProps }\n"],"names":["withMergedProps","WrappedComponent","options","WithMergedProps","forwardRef","wrappedComponentProps","ref","props","useThemeMergedProps","displayName","sizes","useMergedSizes","palette","useMergedPalette","_jsx"],"mappings":"uPAaA,SAASA,gBACPC,EACAC,GAEA,MAAMC,EAAkBC,YAAiB,CAACC,EAAuBC,KAC/D,MAAMC,EAAQC,oBAAoBH,EAAuBH,EAAQO,aACjE,MAAMC,EAAQC,eAAeJ,EAAOL,EAAQQ,OAC5C,MAAME,EAAUC,iBAAiBN,GAIjC,OAFAN,EAAiBQ,YAAcP,EAAQO,YAEhCK,IAACb,EAAgB,IAAKM,EAAOG,MAAOA,EAAOE,QAASA,EAASN,IAAKA,GAAO,IAKlF,OAFAH,EAAgBM,YAAc,kBAAkBP,EAAQO,cAEjDN,CACT"}
+{"version":3,"file":"withMergedProps.mjs","sources":["../../../src/hocs/withMergedProps.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { ThemePreset, CSSColor, KeysOfUnion } from 'shared/types'\nimport { useThemeMergedProps } from 'hooks/useThemeMergedProps'\nimport { useMergedSizes } from 'hooks/useMergedSizes'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport type { WithMergedPropsOptions, WrappedComponentProps } from 'shared/interfaces'\n\nexport type MergedProps<T extends WrappedComponentProps> = Omit<T, 'preset' | 'sizes' | 'palette'> & {\n  preset: ThemePreset\n  sizes: Record<KeysOfUnion<T['sizes']>, React.CSSProperties>\n  palette: Partial<Record<KeysOfUnion<T['palette']>, CSSColor>>\n}\n\n/**\n *\n * @deprecated\n *\n * Нужно использовать `useMergedProps`\n */\nfunction withMergedProps<T extends WrappedComponentProps, R extends HTMLElement = HTMLElement>(\n  WrappedComponent: React.FC<MergedProps<T>>,\n  options: WithMergedPropsOptions<T>\n) {\n  const WithMergedProps = forwardRef<R, T>((wrappedComponentProps, ref) => {\n    const props = useThemeMergedProps(wrappedComponentProps, options.displayName)\n    const sizes = useMergedSizes(props, options.sizes)\n    const palette = useMergedPalette(props)\n\n    WrappedComponent.displayName = options.displayName\n\n    return <WrappedComponent {...props} sizes={sizes} palette={palette} ref={ref} />\n  })\n\n  WithMergedProps.displayName = `WithMergedProps${options.displayName}`\n\n  return WithMergedProps\n}\n\nexport { withMergedProps }\n"],"names":["withMergedProps","WrappedComponent","options","WithMergedProps","forwardRef","wrappedComponentProps","ref","props","useThemeMergedProps","displayName","sizes","useMergedSizes","palette","useMergedPalette","_jsx"],"mappings":"uPAmBA,SAASA,gBACPC,EACAC,GAEA,MAAMC,EAAkBC,WAAiB,CAACC,EAAuBC,KAC/D,MAAMC,EAAQC,oBAAoBH,EAAuBH,EAAQO,aACjE,MAAMC,EAAQC,eAAeJ,EAAOL,EAAQQ,OAC5C,MAAME,EAAUC,iBAAiBN,GAIjC,OAFAN,EAAiBQ,YAAcP,EAAQO,YAEhCK,IAACb,EAAgB,IAAKM,EAAOG,MAAOA,EAAOE,QAASA,EAASN,IAAKA,MAK3E,OAFAH,EAAgBM,YAAc,kBAAkBP,EAAQO,cAEjDN,CACT"}

package/hocs/withTranslation.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var styled=require('styled-components');var constants=require('../shared/constants.js');var jsxRuntime=require('react/jsx-runtime');const ARROW_KEYS=[...constants.keyboardKeys.ArrowUp.key,...constants.keyboardKeys.ArrowRight.key,...constants.keyboardKeys.ArrowDown.key,...constants.keyboardKeys.ArrowLeft.key];const DraggingGlobals=styled.createGlobalStyle(["body *{cursor:grabbing !important;user-select:none !important;}"]);exports.withTranslation=function(e){return React.forwardRef(((t,r)=>{const n=React.useRef(null);React.useImperativeHandle(r,(()=>n.current),[]);const s=React.useRef({top:0,left:0,limit:{top:1/0,left:1/0},reset(){this.top=0,this.left=0,this.limit.top=1/0,this.limit.left=1/0},set(e){const t=e.getBoundingClientRect();this.top=t.top,this.left=t.left,this.limit.top=window.innerHeight-t.height,this.limit.left=window.innerWidth-t.width},get(e,t){return this[e]-=t,this[e]<0?this[e]=0:this[e]>this.limit[e]&&(this[e]=this.limit[e]),this[e]}});const o=React.useRef({x:0,y:0});const i=React.useRef(-1);const[c,a]=React.useState(!1);const[u,l]=React.useState(!1);const handleDragging=e=>{cancelAnimationFrame(i.current),i.current=requestAnimationFrame((()=>{if(n.current){const t=o.current.x-e.clientX;n.current.style.top=`${s.current.get('top',o.current.y-e.clientY)}px`,n.current.style.left=`${s.current.get('left',t)}px`,o.current.x=e.clientX,o.current.y=e.clientY}}))};const handleDragEnd=()=>{document.removeEventListener('pointermove',handleDragging),document.removeEventListener('pointerup',handleDragEnd),document.querySelectorAll('iframe').forEach((e=>{e.style.pointerEvents='auto'})),a(!1)};return React.useEffect((()=>{const handleResize=()=>{n.current&&(s.current.reset(),n.current.style.top='',n.current.style.left='',l(!1))};return c||window.addEventListener('resize',handleResize),()=>{window.removeEventListener('resize',handleResize)}}),[c]),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[c?jsxRuntime.jsx(DraggingGlobals,{}):null,jsxRuntime.jsx(e,{...t,ref:n,dragging:c,translated:u,onGrab:e=>{n.current&&(s.current.set(n.current),o.current.x=e.clientX,o.current.y=e.clientY,n.current.style.top=`${s.current.get('top',0)}px`,n.current.style.left=`${s.current.get('left',0)}px`,document.querySelectorAll('iframe').forEach((e=>{e.style.pointerEvents='none'})),document.addEventListener('pointermove',handleDragging),document.addEventListener('pointerup',handleDragEnd),a(!0),l(!0))},onNudge:e=>{ARROW_KEYS.includes(e.key)&&(e.persist(),e.preventDefault(),cancelAnimationFrame(i.current),i.current=requestAnimationFrame((()=>{if(n.current){s.current.set(n.current);let t=s.current.get('top',0);let r=s.current.get('left',0);constants.keyboardKeys.ArrowUp.validate(e.key)?t=s.current.get('top',7):constants.keyboardKeys.ArrowDown.validate(e.key)?t=s.current.get('top',-7):constants.keyboardKeys.ArrowLeft.validate(e.key)?r=s.current.get('left',7):constants.keyboardKeys.ArrowRight.validate(e.key)&&(r=s.current.get('left',-7)),n.current.style.top=`${t}px`,n.current.style.left=`${r}px`,l(!0)}})))}})]})}))};
+'use strict';var React=require('react');var styled=require('styled-components');var constants=require('../shared/constants.js');var jsxRuntime=require('react/jsx-runtime');const ARROW_KEYS=[...constants.keyboardKeys.ArrowUp.key,...constants.keyboardKeys.ArrowRight.key,...constants.keyboardKeys.ArrowDown.key,...constants.keyboardKeys.ArrowLeft.key];const DraggingGlobals=styled.createGlobalStyle(["body *{cursor:grabbing !important;user-select:none !important;}"]);exports.withTranslation=function(e){return React.forwardRef((t,r)=>{const n=React.useRef(null);React.useImperativeHandle(r,()=>n.current,[]);const s=React.useRef({top:0,left:0,limit:{top:1/0,left:1/0},reset(){this.top=0,this.left=0,this.limit.top=1/0,this.limit.left=1/0},set(e){const t=e.getBoundingClientRect();this.top=t.top,this.left=t.left,this.limit.top=window.innerHeight-t.height,this.limit.left=window.innerWidth-t.width},get(e,t){return this[e]-=t,this[e]<0?this[e]=0:this[e]>this.limit[e]&&(this[e]=this.limit[e]),this[e]}});const o=React.useRef({x:0,y:0});const i=React.useRef(-1);const[c,a]=React.useState(!1);const[u,l]=React.useState(!1);const handleDragging=e=>{cancelAnimationFrame(i.current),i.current=requestAnimationFrame(()=>{if(n.current){const t=o.current.x-e.clientX;n.current.style.top=`${s.current.get('top',o.current.y-e.clientY)}px`,n.current.style.left=`${s.current.get('left',t)}px`,o.current.x=e.clientX,o.current.y=e.clientY}})};const handleDragEnd=()=>{document.removeEventListener('pointermove',handleDragging),document.removeEventListener('pointerup',handleDragEnd),document.querySelectorAll('iframe').forEach(e=>{e.style.pointerEvents='auto'}),a(!1)};return React.useEffect(()=>{const handleResize=()=>{n.current&&(s.current.reset(),n.current.style.top='',n.current.style.left='',l(!1))};return c||window.addEventListener('resize',handleResize),()=>{window.removeEventListener('resize',handleResize)}},[c]),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[c?jsxRuntime.jsx(DraggingGlobals,{}):null,jsxRuntime.jsx(e,{...t,ref:n,dragging:c,translated:u,onGrab:e=>{n.current&&(s.current.set(n.current),o.current.x=e.clientX,o.current.y=e.clientY,n.current.style.top=`${s.current.get('top',0)}px`,n.current.style.left=`${s.current.get('left',0)}px`,document.querySelectorAll('iframe').forEach(e=>{e.style.pointerEvents='none'}),document.addEventListener('pointermove',handleDragging),document.addEventListener('pointerup',handleDragEnd),a(!0),l(!0))},onNudge:e=>{ARROW_KEYS.includes(e.key)&&(e.persist(),e.preventDefault(),cancelAnimationFrame(i.current),i.current=requestAnimationFrame(()=>{if(n.current){s.current.set(n.current);let t=s.current.get('top',0);let r=s.current.get('left',0);constants.keyboardKeys.ArrowUp.validate(e.key)?t=s.current.get('top',7):constants.keyboardKeys.ArrowDown.validate(e.key)?t=s.current.get('top',-7):constants.keyboardKeys.ArrowLeft.validate(e.key)?r=s.current.get('left',7):constants.keyboardKeys.ArrowRight.validate(e.key)&&(r=s.current.get('left',-7)),n.current.style.top=`${t}px`,n.current.style.left=`${r}px`,l(!0)}}))}})]})})};
 //# sourceMappingURL=withTranslation.js.map

package/hocs/withTranslation.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTranslation.js","sources":["../../../src/hocs/withTranslation.tsx"],"sourcesContent":["import { useState, forwardRef, useRef, useImperativeHandle, useEffect } from 'react'\nimport { createGlobalStyle } from 'styled-components'\nimport { keyboardKeys } from 'shared/constants'\n\nexport type InjectedTranslationProps<T extends HTMLElement, P> = P & {\n  ref?: React.Ref<T>\n  dragging: boolean\n  translated: boolean\n  onGrab: React.PointerEventHandler<T>\n  onNudge: React.KeyboardEventHandler<T>\n}\n\nconst ARROW_KEYS: string[] = [\n  ...keyboardKeys.ArrowUp.key,\n  ...keyboardKeys.ArrowRight.key,\n  ...keyboardKeys.ArrowDown.key,\n  ...keyboardKeys.ArrowLeft.key,\n]\n\nconst DraggingGlobals = createGlobalStyle`\n  body * {\n    cursor: grabbing !important;  \n    user-select: none !important;\n  }\n`\n\nfunction withTranslation<T extends HTMLElement, P>(Component: React.FC<InjectedTranslationProps<T, P>>) {\n  const WithTranslation = forwardRef<T, P>((props, forwardedRef) => {\n    const root = useRef<T | null>(null)\n\n    useImperativeHandle<T | null, T | null>(forwardedRef, () => root.current, [])\n\n    const position = useRef({\n      top: 0,\n      left: 0,\n      limit: {\n        top: Infinity,\n        left: Infinity,\n      },\n      reset() {\n        this.top = 0\n        this.left = 0\n        this.limit.top = Infinity\n        this.limit.left = Infinity\n      },\n      set(e: T) {\n        const rect = e.getBoundingClientRect()\n\n        this.top = rect.top\n        this.left = rect.left\n\n        this.limit.top = window.innerHeight - rect.height\n        this.limit.left = window.innerWidth - rect.width\n      },\n      get(pos: 'top' | 'left', delta: number) {\n        this[pos] -= delta\n\n        if (this[pos] < 0) {\n          this[pos] = 0\n        } else if (this[pos] > this.limit[pos]) {\n          this[pos] = this.limit[pos]\n        }\n\n        return this[pos]\n      },\n    })\n\n    const pointer = useRef({ x: 0, y: 0 })\n\n    const animationId = useRef(-1)\n\n    const [dragging, setDragging] = useState(false)\n    const [translated, setTranslated] = useState(false)\n\n    const handleDragging = (evt: PointerEvent) => {\n      cancelAnimationFrame(animationId.current)\n      animationId.current = requestAnimationFrame(() => {\n        if (root.current) {\n          const deltaX = pointer.current.x - evt.clientX\n          const deltaY = pointer.current.y - evt.clientY\n\n          root.current.style.top = `${position.current.get('top', deltaY)}px`\n          root.current.style.left = `${position.current.get('left', deltaX)}px`\n\n          pointer.current.x = evt.clientX\n          pointer.current.y = evt.clientY\n        }\n      })\n    }\n\n    const handleDragEnd = () => {\n      document.removeEventListener('pointermove', handleDragging)\n      document.removeEventListener('pointerup', handleDragEnd)\n\n      document.querySelectorAll('iframe').forEach((iframe) => {\n        iframe.style.pointerEvents = 'auto'\n      })\n\n      setDragging(false)\n    }\n\n    const handleDragStart: React.PointerEventHandler<T> = (evt) => {\n      if (!root.current) return\n\n      position.current.set(root.current)\n\n      pointer.current.x = evt.clientX\n      pointer.current.y = evt.clientY\n\n      root.current.style.top = `${position.current.get('top', 0)}px`\n      root.current.style.left = `${position.current.get('left', 0)}px`\n\n      document.querySelectorAll('iframe').forEach((iframe) => {\n        iframe.style.pointerEvents = 'none'\n      })\n\n      document.addEventListener('pointermove', handleDragging)\n      document.addEventListener('pointerup', handleDragEnd)\n\n      setDragging(true)\n      setTranslated(true)\n    }\n\n    const handleNudge: React.KeyboardEventHandler<T> = (evt) => {\n      if (ARROW_KEYS.includes(evt.key)) {\n        evt.persist()\n        evt.preventDefault()\n\n        cancelAnimationFrame(animationId.current)\n        animationId.current = requestAnimationFrame(() => {\n          if (root.current) {\n            position.current.set(root.current)\n\n            let top = position.current.get('top', 0)\n            let left = position.current.get('left', 0)\n\n            if (keyboardKeys.ArrowUp.validate(evt.key)) {\n              top = position.current.get('top', 7)\n            } else if (keyboardKeys.ArrowDown.validate(evt.key)) {\n              top = position.current.get('top', -7)\n            } else if (keyboardKeys.ArrowLeft.validate(evt.key)) {\n              left = position.current.get('left', 7)\n            } else if (keyboardKeys.ArrowRight.validate(evt.key)) {\n              left = position.current.get('left', -7)\n            }\n\n            root.current.style.top = `${top}px`\n            root.current.style.left = `${left}px`\n\n            setTranslated(true)\n          }\n        })\n      }\n    }\n\n    useEffect(() => {\n      const handleResize = () => {\n        if (root.current) {\n          position.current.reset()\n\n          root.current.style.top = ''\n          root.current.style.left = ''\n\n          setTranslated(false)\n        }\n      }\n\n      if (!dragging) {\n        window.addEventListener('resize', handleResize)\n      }\n\n      return () => {\n        window.removeEventListener('resize', handleResize)\n      }\n    }, [dragging])\n\n    return (\n      <>\n        {dragging ? <DraggingGlobals /> : null}\n        <Component\n          {...props}\n          ref={root}\n          dragging={dragging}\n          translated={translated}\n          onGrab={handleDragStart}\n          onNudge={handleNudge}\n        />\n      </>\n    )\n  })\n\n  return WithTranslation\n}\n\nexport { withTranslation }\n"],"names":["ARROW_KEYS","keyboardKeys","ArrowUp","key","ArrowRight","ArrowDown","ArrowLeft","DraggingGlobals","createGlobalStyle","Component","forwardRef","props","forwardedRef","root","useRef","useImperativeHandle","current","position","top","left","limit","Infinity","reset","this","set","e","rect","getBoundingClientRect","window","innerHeight","height","innerWidth","width","get","pos","delta","pointer","x","y","animationId","dragging","setDragging","useState","translated","setTranslated","handleDragging","evt","cancelAnimationFrame","requestAnimationFrame","deltaX","clientX","style","clientY","handleDragEnd","document","removeEventListener","querySelectorAll","forEach","iframe","pointerEvents","useEffect","handleResize","addEventListener","_jsxs","_Fragment","children","_jsx","ref","onGrab","onNudge","includes","persist","preventDefault","validate"],"mappings":"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"}
+{"version":3,"file":"withTranslation.js","sources":["../../../src/hocs/withTranslation.tsx"],"sourcesContent":["import { useState, forwardRef, useRef, useImperativeHandle, useEffect } from 'react'\nimport { createGlobalStyle } from 'styled-components'\nimport { keyboardKeys } from 'shared/constants'\n\nexport type InjectedTranslationProps<T extends HTMLElement, P> = P & {\n  ref?: React.Ref<T>\n  dragging: boolean\n  translated: boolean\n  onGrab: React.PointerEventHandler<T>\n  onNudge: React.KeyboardEventHandler<T>\n}\n\nconst ARROW_KEYS: string[] = [\n  ...keyboardKeys.ArrowUp.key,\n  ...keyboardKeys.ArrowRight.key,\n  ...keyboardKeys.ArrowDown.key,\n  ...keyboardKeys.ArrowLeft.key,\n]\n\nconst DraggingGlobals = createGlobalStyle`\n  body * {\n    cursor: grabbing !important;  \n    user-select: none !important;\n  }\n`\n\nfunction withTranslation<T extends HTMLElement, P>(Component: React.FC<InjectedTranslationProps<T, P>>) {\n  const WithTranslation = forwardRef<T, P>((props, forwardedRef) => {\n    const root = useRef<T | null>(null)\n\n    useImperativeHandle<T | null, T | null>(forwardedRef, () => root.current, [])\n\n    const position = useRef({\n      top: 0,\n      left: 0,\n      limit: {\n        top: Infinity,\n        left: Infinity,\n      },\n      reset() {\n        this.top = 0\n        this.left = 0\n        this.limit.top = Infinity\n        this.limit.left = Infinity\n      },\n      set(e: T) {\n        const rect = e.getBoundingClientRect()\n\n        this.top = rect.top\n        this.left = rect.left\n\n        this.limit.top = window.innerHeight - rect.height\n        this.limit.left = window.innerWidth - rect.width\n      },\n      get(pos: 'top' | 'left', delta: number) {\n        this[pos] -= delta\n\n        if (this[pos] < 0) {\n          this[pos] = 0\n        } else if (this[pos] > this.limit[pos]) {\n          this[pos] = this.limit[pos]\n        }\n\n        return this[pos]\n      },\n    })\n\n    const pointer = useRef({ x: 0, y: 0 })\n\n    const animationId = useRef(-1)\n\n    const [dragging, setDragging] = useState(false)\n    const [translated, setTranslated] = useState(false)\n\n    const handleDragging = (evt: PointerEvent) => {\n      cancelAnimationFrame(animationId.current)\n      animationId.current = requestAnimationFrame(() => {\n        if (root.current) {\n          const deltaX = pointer.current.x - evt.clientX\n          const deltaY = pointer.current.y - evt.clientY\n\n          root.current.style.top = `${position.current.get('top', deltaY)}px`\n          root.current.style.left = `${position.current.get('left', deltaX)}px`\n\n          pointer.current.x = evt.clientX\n          pointer.current.y = evt.clientY\n        }\n      })\n    }\n\n    const handleDragEnd = () => {\n      document.removeEventListener('pointermove', handleDragging)\n      document.removeEventListener('pointerup', handleDragEnd)\n\n      document.querySelectorAll('iframe').forEach((iframe) => {\n        iframe.style.pointerEvents = 'auto'\n      })\n\n      setDragging(false)\n    }\n\n    const handleDragStart: React.PointerEventHandler<T> = (evt) => {\n      if (!root.current) return\n\n      position.current.set(root.current)\n\n      pointer.current.x = evt.clientX\n      pointer.current.y = evt.clientY\n\n      root.current.style.top = `${position.current.get('top', 0)}px`\n      root.current.style.left = `${position.current.get('left', 0)}px`\n\n      document.querySelectorAll('iframe').forEach((iframe) => {\n        iframe.style.pointerEvents = 'none'\n      })\n\n      document.addEventListener('pointermove', handleDragging)\n      document.addEventListener('pointerup', handleDragEnd)\n\n      setDragging(true)\n      setTranslated(true)\n    }\n\n    const handleNudge: React.KeyboardEventHandler<T> = (evt) => {\n      if (ARROW_KEYS.includes(evt.key)) {\n        evt.persist()\n        evt.preventDefault()\n\n        cancelAnimationFrame(animationId.current)\n        animationId.current = requestAnimationFrame(() => {\n          if (root.current) {\n            position.current.set(root.current)\n\n            let top = position.current.get('top', 0)\n            let left = position.current.get('left', 0)\n\n            if (keyboardKeys.ArrowUp.validate(evt.key)) {\n              top = position.current.get('top', 7)\n            } else if (keyboardKeys.ArrowDown.validate(evt.key)) {\n              top = position.current.get('top', -7)\n            } else if (keyboardKeys.ArrowLeft.validate(evt.key)) {\n              left = position.current.get('left', 7)\n            } else if (keyboardKeys.ArrowRight.validate(evt.key)) {\n              left = position.current.get('left', -7)\n            }\n\n            root.current.style.top = `${top}px`\n            root.current.style.left = `${left}px`\n\n            setTranslated(true)\n          }\n        })\n      }\n    }\n\n    useEffect(() => {\n      const handleResize = () => {\n        if (root.current) {\n          position.current.reset()\n\n          root.current.style.top = ''\n          root.current.style.left = ''\n\n          setTranslated(false)\n        }\n      }\n\n      if (!dragging) {\n        window.addEventListener('resize', handleResize)\n      }\n\n      return () => {\n        window.removeEventListener('resize', handleResize)\n      }\n    }, [dragging])\n\n    return (\n      <>\n        {dragging ? <DraggingGlobals /> : null}\n        <Component\n          {...props}\n          ref={root}\n          dragging={dragging}\n          translated={translated}\n          onGrab={handleDragStart}\n          onNudge={handleNudge}\n        />\n      </>\n    )\n  })\n\n  return WithTranslation\n}\n\nexport { withTranslation }\n"],"names":["ARROW_KEYS","keyboardKeys","ArrowUp","key","ArrowRight","ArrowDown","ArrowLeft","DraggingGlobals","createGlobalStyle","Component","forwardRef","props","forwardedRef","root","useRef","useImperativeHandle","current","position","top","left","limit","Infinity","reset","this","set","e","rect","getBoundingClientRect","window","innerHeight","height","innerWidth","width","get","pos","delta","pointer","x","y","animationId","dragging","setDragging","useState","translated","setTranslated","handleDragging","evt","cancelAnimationFrame","requestAnimationFrame","deltaX","clientX","style","clientY","handleDragEnd","document","removeEventListener","querySelectorAll","forEach","iframe","pointerEvents","useEffect","handleResize","addEventListener","_jsxs","_Fragment","children","_jsx","ref","onGrab","onNudge","includes","persist","preventDefault","validate"],"mappings":"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"}

package/hocs/withTranslation.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,useRef,useImperativeHandle,useState,useEffect}from'react';import{createGlobalStyle}from'styled-components';import{keyboardKeys}from'../shared/constants.mjs';import{jsxs,Fragment,jsx}from'react/jsx-runtime';const ARROW_KEYS=[...keyboardKeys.ArrowUp.key,...keyboardKeys.ArrowRight.key,...keyboardKeys.ArrowDown.key,...keyboardKeys.ArrowLeft.key];const DraggingGlobals=createGlobalStyle(["body *{cursor:grabbing !important;user-select:none !important;}"]);function withTranslation(e){return forwardRef(((t,r)=>{const n=useRef(null);useImperativeHandle(r,(()=>n.current),[]);const o=useRef({top:0,left:0,limit:{top:1/0,left:1/0},reset(){this.top=0,this.left=0,this.limit.top=1/0,this.limit.left=1/0},set(e){const t=e.getBoundingClientRect();this.top=t.top,this.left=t.left,this.limit.top=window.innerHeight-t.height,this.limit.left=window.innerWidth-t.width},get(e,t){return this[e]-=t,this[e]<0?this[e]=0:this[e]>this.limit[e]&&(this[e]=this.limit[e]),this[e]}});const s=useRef({x:0,y:0});const i=useRef(-1);const[c,l]=useState(!1);const[u,a]=useState(!1);const handleDragging=e=>{cancelAnimationFrame(i.current),i.current=requestAnimationFrame((()=>{if(n.current){const t=s.current.x-e.clientX;n.current.style.top=`${o.current.get('top',s.current.y-e.clientY)}px`,n.current.style.left=`${o.current.get('left',t)}px`,s.current.x=e.clientX,s.current.y=e.clientY}}))};const handleDragEnd=()=>{document.removeEventListener('pointermove',handleDragging),document.removeEventListener('pointerup',handleDragEnd),document.querySelectorAll('iframe').forEach((e=>{e.style.pointerEvents='auto'})),l(!1)};return useEffect((()=>{const handleResize=()=>{n.current&&(o.current.reset(),n.current.style.top='',n.current.style.left='',a(!1))};return c||window.addEventListener('resize',handleResize),()=>{window.removeEventListener('resize',handleResize)}}),[c]),jsxs(Fragment,{children:[c?jsx(DraggingGlobals,{}):null,jsx(e,{...t,ref:n,dragging:c,translated:u,onGrab:e=>{n.current&&(o.current.set(n.current),s.current.x=e.clientX,s.current.y=e.clientY,n.current.style.top=`${o.current.get('top',0)}px`,n.current.style.left=`${o.current.get('left',0)}px`,document.querySelectorAll('iframe').forEach((e=>{e.style.pointerEvents='none'})),document.addEventListener('pointermove',handleDragging),document.addEventListener('pointerup',handleDragEnd),l(!0),a(!0))},onNudge:e=>{ARROW_KEYS.includes(e.key)&&(e.persist(),e.preventDefault(),cancelAnimationFrame(i.current),i.current=requestAnimationFrame((()=>{if(n.current){o.current.set(n.current);let t=o.current.get('top',0);let r=o.current.get('left',0);keyboardKeys.ArrowUp.validate(e.key)?t=o.current.get('top',7):keyboardKeys.ArrowDown.validate(e.key)?t=o.current.get('top',-7):keyboardKeys.ArrowLeft.validate(e.key)?r=o.current.get('left',7):keyboardKeys.ArrowRight.validate(e.key)&&(r=o.current.get('left',-7)),n.current.style.top=`${t}px`,n.current.style.left=`${r}px`,a(!0)}})))}})]})}))}export{withTranslation};
+import{forwardRef,useRef,useImperativeHandle,useState,useEffect}from'react';import{createGlobalStyle}from'styled-components';import{keyboardKeys}from'../shared/constants.mjs';import{jsxs,Fragment,jsx}from'react/jsx-runtime';const ARROW_KEYS=[...keyboardKeys.ArrowUp.key,...keyboardKeys.ArrowRight.key,...keyboardKeys.ArrowDown.key,...keyboardKeys.ArrowLeft.key];const DraggingGlobals=createGlobalStyle(["body *{cursor:grabbing !important;user-select:none !important;}"]);function withTranslation(e){return forwardRef((t,r)=>{const n=useRef(null);useImperativeHandle(r,()=>n.current,[]);const o=useRef({top:0,left:0,limit:{top:1/0,left:1/0},reset(){this.top=0,this.left=0,this.limit.top=1/0,this.limit.left=1/0},set(e){const t=e.getBoundingClientRect();this.top=t.top,this.left=t.left,this.limit.top=window.innerHeight-t.height,this.limit.left=window.innerWidth-t.width},get(e,t){return this[e]-=t,this[e]<0?this[e]=0:this[e]>this.limit[e]&&(this[e]=this.limit[e]),this[e]}});const s=useRef({x:0,y:0});const i=useRef(-1);const[c,l]=useState(!1);const[u,a]=useState(!1);const handleDragging=e=>{cancelAnimationFrame(i.current),i.current=requestAnimationFrame(()=>{if(n.current){const t=s.current.x-e.clientX;n.current.style.top=`${o.current.get('top',s.current.y-e.clientY)}px`,n.current.style.left=`${o.current.get('left',t)}px`,s.current.x=e.clientX,s.current.y=e.clientY}})};const handleDragEnd=()=>{document.removeEventListener('pointermove',handleDragging),document.removeEventListener('pointerup',handleDragEnd),document.querySelectorAll('iframe').forEach(e=>{e.style.pointerEvents='auto'}),l(!1)};return useEffect(()=>{const handleResize=()=>{n.current&&(o.current.reset(),n.current.style.top='',n.current.style.left='',a(!1))};return c||window.addEventListener('resize',handleResize),()=>{window.removeEventListener('resize',handleResize)}},[c]),jsxs(Fragment,{children:[c?jsx(DraggingGlobals,{}):null,jsx(e,{...t,ref:n,dragging:c,translated:u,onGrab:e=>{n.current&&(o.current.set(n.current),s.current.x=e.clientX,s.current.y=e.clientY,n.current.style.top=`${o.current.get('top',0)}px`,n.current.style.left=`${o.current.get('left',0)}px`,document.querySelectorAll('iframe').forEach(e=>{e.style.pointerEvents='none'}),document.addEventListener('pointermove',handleDragging),document.addEventListener('pointerup',handleDragEnd),l(!0),a(!0))},onNudge:e=>{ARROW_KEYS.includes(e.key)&&(e.persist(),e.preventDefault(),cancelAnimationFrame(i.current),i.current=requestAnimationFrame(()=>{if(n.current){o.current.set(n.current);let t=o.current.get('top',0);let r=o.current.get('left',0);keyboardKeys.ArrowUp.validate(e.key)?t=o.current.get('top',7):keyboardKeys.ArrowDown.validate(e.key)?t=o.current.get('top',-7):keyboardKeys.ArrowLeft.validate(e.key)?r=o.current.get('left',7):keyboardKeys.ArrowRight.validate(e.key)&&(r=o.current.get('left',-7)),n.current.style.top=`${t}px`,n.current.style.left=`${r}px`,a(!0)}}))}})]})})}export{withTranslation};
 //# sourceMappingURL=withTranslation.mjs.map

package/hocs/withTranslation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"withTranslation.mjs","sources":["../../../src/hocs/withTranslation.tsx"],"sourcesContent":["import { useState, forwardRef, useRef, useImperativeHandle, useEffect } from 'react'\nimport { createGlobalStyle } from 'styled-components'\nimport { keyboardKeys } from 'shared/constants'\n\nexport type InjectedTranslationProps<T extends HTMLElement, P> = P & {\n  ref?: React.Ref<T>\n  dragging: boolean\n  translated: boolean\n  onGrab: React.PointerEventHandler<T>\n  onNudge: React.KeyboardEventHandler<T>\n}\n\nconst ARROW_KEYS: string[] = [\n  ...keyboardKeys.ArrowUp.key,\n  ...keyboardKeys.ArrowRight.key,\n  ...keyboardKeys.ArrowDown.key,\n  ...keyboardKeys.ArrowLeft.key,\n]\n\nconst DraggingGlobals = createGlobalStyle`\n  body * {\n    cursor: grabbing !important;  \n    user-select: none !important;\n  }\n`\n\nfunction withTranslation<T extends HTMLElement, P>(Component: React.FC<InjectedTranslationProps<T, P>>) {\n  const WithTranslation = forwardRef<T, P>((props, forwardedRef) => {\n    const root = useRef<T | null>(null)\n\n    useImperativeHandle<T | null, T | null>(forwardedRef, () => root.current, [])\n\n    const position = useRef({\n      top: 0,\n      left: 0,\n      limit: {\n        top: Infinity,\n        left: Infinity,\n      },\n      reset() {\n        this.top = 0\n        this.left = 0\n        this.limit.top = Infinity\n        this.limit.left = Infinity\n      },\n      set(e: T) {\n        const rect = e.getBoundingClientRect()\n\n        this.top = rect.top\n        this.left = rect.left\n\n        this.limit.top = window.innerHeight - rect.height\n        this.limit.left = window.innerWidth - rect.width\n      },\n      get(pos: 'top' | 'left', delta: number) {\n        this[pos] -= delta\n\n        if (this[pos] < 0) {\n          this[pos] = 0\n        } else if (this[pos] > this.limit[pos]) {\n          this[pos] = this.limit[pos]\n        }\n\n        return this[pos]\n      },\n    })\n\n    const pointer = useRef({ x: 0, y: 0 })\n\n    const animationId = useRef(-1)\n\n    const [dragging, setDragging] = useState(false)\n    const [translated, setTranslated] = useState(false)\n\n    const handleDragging = (evt: PointerEvent) => {\n      cancelAnimationFrame(animationId.current)\n      animationId.current = requestAnimationFrame(() => {\n        if (root.current) {\n          const deltaX = pointer.current.x - evt.clientX\n          const deltaY = pointer.current.y - evt.clientY\n\n          root.current.style.top = `${position.current.get('top', deltaY)}px`\n          root.current.style.left = `${position.current.get('left', deltaX)}px`\n\n          pointer.current.x = evt.clientX\n          pointer.current.y = evt.clientY\n        }\n      })\n    }\n\n    const handleDragEnd = () => {\n      document.removeEventListener('pointermove', handleDragging)\n      document.removeEventListener('pointerup', handleDragEnd)\n\n      document.querySelectorAll('iframe').forEach((iframe) => {\n        iframe.style.pointerEvents = 'auto'\n      })\n\n      setDragging(false)\n    }\n\n    const handleDragStart: React.PointerEventHandler<T> = (evt) => {\n      if (!root.current) return\n\n      position.current.set(root.current)\n\n      pointer.current.x = evt.clientX\n      pointer.current.y = evt.clientY\n\n      root.current.style.top = `${position.current.get('top', 0)}px`\n      root.current.style.left = `${position.current.get('left', 0)}px`\n\n      document.querySelectorAll('iframe').forEach((iframe) => {\n        iframe.style.pointerEvents = 'none'\n      })\n\n      document.addEventListener('pointermove', handleDragging)\n      document.addEventListener('pointerup', handleDragEnd)\n\n      setDragging(true)\n      setTranslated(true)\n    }\n\n    const handleNudge: React.KeyboardEventHandler<T> = (evt) => {\n      if (ARROW_KEYS.includes(evt.key)) {\n        evt.persist()\n        evt.preventDefault()\n\n        cancelAnimationFrame(animationId.current)\n        animationId.current = requestAnimationFrame(() => {\n          if (root.current) {\n            position.current.set(root.current)\n\n            let top = position.current.get('top', 0)\n            let left = position.current.get('left', 0)\n\n            if (keyboardKeys.ArrowUp.validate(evt.key)) {\n              top = position.current.get('top', 7)\n            } else if (keyboardKeys.ArrowDown.validate(evt.key)) {\n              top = position.current.get('top', -7)\n            } else if (keyboardKeys.ArrowLeft.validate(evt.key)) {\n              left = position.current.get('left', 7)\n            } else if (keyboardKeys.ArrowRight.validate(evt.key)) {\n              left = position.current.get('left', -7)\n            }\n\n            root.current.style.top = `${top}px`\n            root.current.style.left = `${left}px`\n\n            setTranslated(true)\n          }\n        })\n      }\n    }\n\n    useEffect(() => {\n      const handleResize = () => {\n        if (root.current) {\n          position.current.reset()\n\n          root.current.style.top = ''\n          root.current.style.left = ''\n\n          setTranslated(false)\n        }\n      }\n\n      if (!dragging) {\n        window.addEventListener('resize', handleResize)\n      }\n\n      return () => {\n        window.removeEventListener('resize', handleResize)\n      }\n    }, [dragging])\n\n    return (\n      <>\n        {dragging ? <DraggingGlobals /> : null}\n        <Component\n          {...props}\n          ref={root}\n          dragging={dragging}\n          translated={translated}\n          onGrab={handleDragStart}\n          onNudge={handleNudge}\n        />\n      </>\n    )\n  })\n\n  return WithTranslation\n}\n\nexport { withTranslation }\n"],"names":["ARROW_KEYS","keyboardKeys","ArrowUp","key","ArrowRight","ArrowDown","ArrowLeft","DraggingGlobals","createGlobalStyle","withTranslation","Component","forwardRef","props","forwardedRef","root","useRef","useImperativeHandle","current","position","top","left","limit","Infinity","reset","this","set","e","rect","getBoundingClientRect","window","innerHeight","height","innerWidth","width","get","pos","delta","pointer","x","y","animationId","dragging","setDragging","useState","translated","setTranslated","handleDragging","evt","cancelAnimationFrame","requestAnimationFrame","deltaX","clientX","style","clientY","handleDragEnd","document","removeEventListener","querySelectorAll","forEach","iframe","pointerEvents","useEffect","handleResize","addEventListener","_jsxs","_Fragment","children","_jsx","ref","onGrab","onNudge","includes","persist","preventDefault","validate"],"mappings":"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"}
+{"version":3,"file":"withTranslation.mjs","sources":["../../../src/hocs/withTranslation.tsx"],"sourcesContent":["import { useState, forwardRef, useRef, useImperativeHandle, useEffect } from 'react'\nimport { createGlobalStyle } from 'styled-components'\nimport { keyboardKeys } from 'shared/constants'\n\nexport type InjectedTranslationProps<T extends HTMLElement, P> = P & {\n  ref?: React.Ref<T>\n  dragging: boolean\n  translated: boolean\n  onGrab: React.PointerEventHandler<T>\n  onNudge: React.KeyboardEventHandler<T>\n}\n\nconst ARROW_KEYS: string[] = [\n  ...keyboardKeys.ArrowUp.key,\n  ...keyboardKeys.ArrowRight.key,\n  ...keyboardKeys.ArrowDown.key,\n  ...keyboardKeys.ArrowLeft.key,\n]\n\nconst DraggingGlobals = createGlobalStyle`\n  body * {\n    cursor: grabbing !important;  \n    user-select: none !important;\n  }\n`\n\nfunction withTranslation<T extends HTMLElement, P>(Component: React.FC<InjectedTranslationProps<T, P>>) {\n  const WithTranslation = forwardRef<T, P>((props, forwardedRef) => {\n    const root = useRef<T | null>(null)\n\n    useImperativeHandle<T | null, T | null>(forwardedRef, () => root.current, [])\n\n    const position = useRef({\n      top: 0,\n      left: 0,\n      limit: {\n        top: Infinity,\n        left: Infinity,\n      },\n      reset() {\n        this.top = 0\n        this.left = 0\n        this.limit.top = Infinity\n        this.limit.left = Infinity\n      },\n      set(e: T) {\n        const rect = e.getBoundingClientRect()\n\n        this.top = rect.top\n        this.left = rect.left\n\n        this.limit.top = window.innerHeight - rect.height\n        this.limit.left = window.innerWidth - rect.width\n      },\n      get(pos: 'top' | 'left', delta: number) {\n        this[pos] -= delta\n\n        if (this[pos] < 0) {\n          this[pos] = 0\n        } else if (this[pos] > this.limit[pos]) {\n          this[pos] = this.limit[pos]\n        }\n\n        return this[pos]\n      },\n    })\n\n    const pointer = useRef({ x: 0, y: 0 })\n\n    const animationId = useRef(-1)\n\n    const [dragging, setDragging] = useState(false)\n    const [translated, setTranslated] = useState(false)\n\n    const handleDragging = (evt: PointerEvent) => {\n      cancelAnimationFrame(animationId.current)\n      animationId.current = requestAnimationFrame(() => {\n        if (root.current) {\n          const deltaX = pointer.current.x - evt.clientX\n          const deltaY = pointer.current.y - evt.clientY\n\n          root.current.style.top = `${position.current.get('top', deltaY)}px`\n          root.current.style.left = `${position.current.get('left', deltaX)}px`\n\n          pointer.current.x = evt.clientX\n          pointer.current.y = evt.clientY\n        }\n      })\n    }\n\n    const handleDragEnd = () => {\n      document.removeEventListener('pointermove', handleDragging)\n      document.removeEventListener('pointerup', handleDragEnd)\n\n      document.querySelectorAll('iframe').forEach((iframe) => {\n        iframe.style.pointerEvents = 'auto'\n      })\n\n      setDragging(false)\n    }\n\n    const handleDragStart: React.PointerEventHandler<T> = (evt) => {\n      if (!root.current) return\n\n      position.current.set(root.current)\n\n      pointer.current.x = evt.clientX\n      pointer.current.y = evt.clientY\n\n      root.current.style.top = `${position.current.get('top', 0)}px`\n      root.current.style.left = `${position.current.get('left', 0)}px`\n\n      document.querySelectorAll('iframe').forEach((iframe) => {\n        iframe.style.pointerEvents = 'none'\n      })\n\n      document.addEventListener('pointermove', handleDragging)\n      document.addEventListener('pointerup', handleDragEnd)\n\n      setDragging(true)\n      setTranslated(true)\n    }\n\n    const handleNudge: React.KeyboardEventHandler<T> = (evt) => {\n      if (ARROW_KEYS.includes(evt.key)) {\n        evt.persist()\n        evt.preventDefault()\n\n        cancelAnimationFrame(animationId.current)\n        animationId.current = requestAnimationFrame(() => {\n          if (root.current) {\n            position.current.set(root.current)\n\n            let top = position.current.get('top', 0)\n            let left = position.current.get('left', 0)\n\n            if (keyboardKeys.ArrowUp.validate(evt.key)) {\n              top = position.current.get('top', 7)\n            } else if (keyboardKeys.ArrowDown.validate(evt.key)) {\n              top = position.current.get('top', -7)\n            } else if (keyboardKeys.ArrowLeft.validate(evt.key)) {\n              left = position.current.get('left', 7)\n            } else if (keyboardKeys.ArrowRight.validate(evt.key)) {\n              left = position.current.get('left', -7)\n            }\n\n            root.current.style.top = `${top}px`\n            root.current.style.left = `${left}px`\n\n            setTranslated(true)\n          }\n        })\n      }\n    }\n\n    useEffect(() => {\n      const handleResize = () => {\n        if (root.current) {\n          position.current.reset()\n\n          root.current.style.top = ''\n          root.current.style.left = ''\n\n          setTranslated(false)\n        }\n      }\n\n      if (!dragging) {\n        window.addEventListener('resize', handleResize)\n      }\n\n      return () => {\n        window.removeEventListener('resize', handleResize)\n      }\n    }, [dragging])\n\n    return (\n      <>\n        {dragging ? <DraggingGlobals /> : null}\n        <Component\n          {...props}\n          ref={root}\n          dragging={dragging}\n          translated={translated}\n          onGrab={handleDragStart}\n          onNudge={handleNudge}\n        />\n      </>\n    )\n  })\n\n  return WithTranslation\n}\n\nexport { withTranslation }\n"],"names":["ARROW_KEYS","keyboardKeys","ArrowUp","key","ArrowRight","ArrowDown","ArrowLeft","DraggingGlobals","createGlobalStyle","withTranslation","Component","forwardRef","props","forwardedRef","root","useRef","useImperativeHandle","current","position","top","left","limit","Infinity","reset","this","set","e","rect","getBoundingClientRect","window","innerHeight","height","innerWidth","width","get","pos","delta","pointer","x","y","animationId","dragging","setDragging","useState","translated","setTranslated","handleDragging","evt","cancelAnimationFrame","requestAnimationFrame","deltaX","clientX","style","clientY","handleDragEnd","document","removeEventListener","querySelectorAll","forEach","iframe","pointerEvents","useEffect","handleResize","addEventListener","_jsxs","_Fragment","children","_jsx","ref","onGrab","onNudge","includes","persist","preventDefault","validate"],"mappings":"gOAYA,MAAMA,WAAuB,IACxBC,aAAaC,QAAQC,OACrBF,aAAaG,WAAWD,OACxBF,aAAaI,UAAUF,OACvBF,aAAaK,UAAUH,KAG5B,MAAMI,gBAAkBC,kBAAiB,CAAA,oEAOzC,SAASC,gBAA0CC,GAqKjD,OApKwBC,WAAiB,CAACC,EAAOC,KAC/C,MAAMC,EAAOC,OAAiB,MAE9BC,oBAAwCH,EAAc,IAAMC,EAAKG,QAAS,IAE1E,MAAMC,EAAWH,OAAO,CACtBI,IAAK,EACLC,KAAM,EACNC,MAAO,CACLF,IAAKG,IACLF,KAAME,KAERC,KAAAA,GACEC,KAAKL,IAAM,EACXK,KAAKJ,KAAO,EACZI,KAAKH,MAAMF,IAAMG,IACjBE,KAAKH,MAAMD,KAAOE,GACpB,EACAG,GAAAA,CAAIC,GACF,MAAMC,EAAOD,EAAEE,wBAEfJ,KAAKL,IAAMQ,EAAKR,IAChBK,KAAKJ,KAAOO,EAAKP,KAEjBI,KAAKH,MAAMF,IAAMU,OAAOC,YAAcH,EAAKI,OAC3CP,KAAKH,MAAMD,KAAOS,OAAOG,WAAaL,EAAKM,KAC7C,EACAC,GAAAA,CAAIC,EAAqBC,GASvB,OARAZ,KAAKW,IAAQC,EAETZ,KAAKW,GAAO,EACdX,KAAKW,GAAO,EACHX,KAAKW,GAAOX,KAAKH,MAAMc,KAChCX,KAAKW,GAAOX,KAAKH,MAAMc,IAGlBX,KAAKW,EACd,IAGF,MAAME,EAAUtB,OAAO,CAAEuB,EAAG,EAAGC,EAAG,IAElC,MAAMC,EAAczB,WAEpB,MAAO0B,EAAUC,GAAeC,UAAS,GACzC,MAAOC,EAAYC,GAAiBF,UAAS,GAE7C,MAAMG,eAAkBC,IACtBC,qBAAqBR,EAAYvB,SACjCuB,EAAYvB,QAAUgC,sBAAsB,KAC1C,GAAInC,EAAKG,QAAS,CAChB,MAAMiC,EAASb,EAAQpB,QAAQqB,EAAIS,EAAII,QAGvCrC,EAAKG,QAAQmC,MAAMjC,IAAM,GAAGD,EAASD,QAAQiB,IAAI,MAFlCG,EAAQpB,QAAQsB,EAAIQ,EAAIM,aAGvCvC,EAAKG,QAAQmC,MAAMhC,KAAO,GAAGF,EAASD,QAAQiB,IAAI,OAAQgB,OAE1Db,EAAQpB,QAAQqB,EAAIS,EAAII,QACxBd,EAAQpB,QAAQsB,EAAIQ,EAAIM,OAC1B,KAIJ,MAAMC,cAAgBA,KACpBC,SAASC,oBAAoB,cAAeV,gBAC5CS,SAASC,oBAAoB,YAAaF,eAE1CC,SAASE,iBAAiB,UAAUC,QAASC,IAC3CA,EAAOP,MAAMQ,cAAgB,SAG/BlB,GAAY,IA8Ed,OArBAmB,UAAU,KACR,MAAMC,aAAeA,KACfhD,EAAKG,UACPC,EAASD,QAAQM,QAEjBT,EAAKG,QAAQmC,MAAMjC,IAAM,GACzBL,EAAKG,QAAQmC,MAAMhC,KAAO,GAE1ByB,GAAc,KAQlB,OAJKJ,GACHZ,OAAOkC,iBAAiB,SAAUD,cAG7B,KACLjC,OAAO2B,oBAAoB,SAAUM,gBAEtC,CAACrB,IAGFuB,KAAAC,SAAA,CAAAC,SAAA,CACGzB,EAAW0B,IAAC5D,gBAAe,CAAA,GAAM,KAClC4D,IAACzD,EAAS,IACJE,EACJwD,IAAKtD,EACL2B,SAAUA,EACVG,WAAYA,EACZyB,OAnFiDtB,IAChDjC,EAAKG,UAEVC,EAASD,QAAQQ,IAAIX,EAAKG,SAE1BoB,EAAQpB,QAAQqB,EAAIS,EAAII,QACxBd,EAAQpB,QAAQsB,EAAIQ,EAAIM,QAExBvC,EAAKG,QAAQmC,MAAMjC,IAAM,GAAGD,EAASD,QAAQiB,IAAI,MAAO,OACxDpB,EAAKG,QAAQmC,MAAMhC,KAAO,GAAGF,EAASD,QAAQiB,IAAI,OAAQ,OAE1DqB,SAASE,iBAAiB,UAAUC,QAASC,IAC3CA,EAAOP,MAAMQ,cAAgB,SAG/BL,SAASQ,iBAAiB,cAAejB,gBACzCS,SAASQ,iBAAiB,YAAaT,eAEvCZ,GAAY,GACZG,GAAc,KAiEVyB,QA9D8CvB,IAC9C/C,WAAWuE,SAASxB,EAAI5C,OAC1B4C,EAAIyB,UACJzB,EAAI0B,iBAEJzB,qBAAqBR,EAAYvB,SACjCuB,EAAYvB,QAAUgC,sBAAsB,KAC1C,GAAInC,EAAKG,QAAS,CAChBC,EAASD,QAAQQ,IAAIX,EAAKG,SAE1B,IAAIE,EAAMD,EAASD,QAAQiB,IAAI,MAAO,GACtC,IAAId,EAAOF,EAASD,QAAQiB,IAAI,OAAQ,GAEpCjC,aAAaC,QAAQwE,SAAS3B,EAAI5C,KACpCgB,EAAMD,EAASD,QAAQiB,IAAI,MAAO,GACzBjC,aAAaI,UAAUqE,SAAS3B,EAAI5C,KAC7CgB,EAAMD,EAASD,QAAQiB,IAAI,OAAO,GACzBjC,aAAaK,UAAUoE,SAAS3B,EAAI5C,KAC7CiB,EAAOF,EAASD,QAAQiB,IAAI,OAAQ,GAC3BjC,aAAaG,WAAWsE,SAAS3B,EAAI5C,OAC9CiB,EAAOF,EAASD,QAAQiB,IAAI,QAAQ,IAGtCpB,EAAKG,QAAQmC,MAAMjC,IAAM,GAAGA,MAC5BL,EAAKG,QAAQmC,MAAMhC,KAAO,GAAGA,MAE7ByB,GAAc,EAChB,YA0CV"}

package/hooks/use-config-priority.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');function valid(e){return Boolean(e)||typeof e=='boolean'||typeof e=='number'||typeof e=='string'}exports.useConfigPriority=(e,t)=>React.useMemo((()=>{const r=e??{};const o=t??{};return[...new Set([...Object.keys(r),...Object.keys(o)])].reduce(((e,t)=>{let n;return valid(r[t])&&(n=r[t]),valid(o[t])&&(n=o[t]),valid(n)?{...e,[t]:n}:e}),{})}),[e,t]);
+'use strict';var React=require('react');function valid(e){return Boolean(e)||typeof e=='boolean'||typeof e=='number'||typeof e=='string'}exports.useConfigPriority=(e,t)=>React.useMemo(()=>{const r=e??{};const o=t??{};return[...new Set([...Object.keys(r),...Object.keys(o)])].reduce((e,t)=>{let n;return valid(r[t])&&(n=r[t]),valid(o[t])&&(n=o[t]),valid(n)?{...e,[t]:n}:e},{})},[e,t]);
 //# sourceMappingURL=use-config-priority.js.map

package/hooks/use-config-priority.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-config-priority.js","sources":["../../../src/hooks/use-config-priority.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nfunction valid(value: unknown): boolean {\n  return Boolean(value) || typeof value === 'boolean' || typeof value === 'number' || typeof value === 'string'\n}\n\n/**\n *\n * @deprecated it will be deleted in near future\n */\nexport function useConfigPriority<T extends object>(minor?: Partial<T>, major?: Partial<T>): Partial<T> {\n  return useMemo(() => {\n    const minorConfig: Partial<T> = minor ?? {}\n    const majorConfig: Partial<T> = major ?? {}\n    const uniqueKeys = [...new Set([...Object.keys(minorConfig), ...Object.keys(majorConfig)])]\n\n    return uniqueKeys.reduce((prioritized, key) => {\n      let finalVal\n\n      if (valid(minorConfig[key as keyof T])) finalVal = minorConfig[key as keyof T]\n      if (valid(majorConfig[key as keyof T])) finalVal = majorConfig[key as keyof T]\n\n      return valid(finalVal) ? { ...prioritized, [key]: finalVal } : prioritized\n    }, {} as Partial<T>)\n  }, [minor, major])\n}\n"],"names":["valid","value","Boolean","minor","major","useMemo","minorConfig","majorConfig","Set","Object","keys","reduce","prioritized","key","finalVal"],"mappings":"wCAEA,SAASA,MAAMC,GACb,OAAOC,QAAQD,WAAiBA,GAAU,kBAAoBA,GAAU,iBAAmBA,GAAU,QACvG,2BAMO,CAA6CE,EAAoBC,IAC/DC,MAAAA,SAAQ,KACb,MAAMC,EAA0BH,GAAS,CAAA,EACzC,MAAMI,EAA0BH,GAAS,CAAA,EAGzC,MAFmB,IAAI,IAAII,IAAI,IAAIC,OAAOC,KAAKJ,MAAiBG,OAAOC,KAAKH,MAE1DI,QAAO,CAACC,EAAaC,KACrC,IAAIC,EAKJ,OAHId,MAAMM,EAAYO,MAAkBC,EAAWR,EAAYO,IAC3Db,MAAMO,EAAYM,MAAkBC,EAAWP,EAAYM,IAExDb,MAAMc,GAAY,IAAKF,EAAaC,CAACA,GAAMC,GAAaF,CAAW,GACzE,CAAA,EAAiB,GACnB,CAACT,EAAOC"}
+{"version":3,"file":"use-config-priority.js","sources":["../../../src/hooks/use-config-priority.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nfunction valid(value: unknown): boolean {\n  return Boolean(value) || typeof value === 'boolean' || typeof value === 'number' || typeof value === 'string'\n}\n\n/**\n *\n * @deprecated it will be deleted in near future\n */\nexport function useConfigPriority<T extends object>(minor?: Partial<T>, major?: Partial<T>): Partial<T> {\n  return useMemo(() => {\n    const minorConfig: Partial<T> = minor ?? {}\n    const majorConfig: Partial<T> = major ?? {}\n    const uniqueKeys = [...new Set([...Object.keys(minorConfig), ...Object.keys(majorConfig)])]\n\n    return uniqueKeys.reduce((prioritized, key) => {\n      let finalVal\n\n      if (valid(minorConfig[key as keyof T])) finalVal = minorConfig[key as keyof T]\n      if (valid(majorConfig[key as keyof T])) finalVal = majorConfig[key as keyof T]\n\n      return valid(finalVal) ? { ...prioritized, [key]: finalVal } : prioritized\n    }, {} as Partial<T>)\n  }, [minor, major])\n}\n"],"names":["valid","value","Boolean","minor","major","useMemo","minorConfig","majorConfig","Set","Object","keys","reduce","prioritized","key","finalVal"],"mappings":"wCAEA,SAASA,MAAMC,GACb,OAAOC,QAAQD,WAAiBA,GAAU,kBAAoBA,GAAU,iBAAmBA,GAAU,QACvG,2BAMO,CAA6CE,EAAoBC,IAC/DC,MAAAA,QAAQ,KACb,MAAMC,EAA0BH,GAAS,CAAA,EACzC,MAAMI,EAA0BH,GAAS,CAAA,EAGzC,MAFmB,IAAI,IAAII,IAAI,IAAIC,OAAOC,KAAKJ,MAAiBG,OAAOC,KAAKH,MAE1DI,OAAO,CAACC,EAAaC,KACrC,IAAIC,EAKJ,OAHId,MAAMM,EAAYO,MAAkBC,EAAWR,EAAYO,IAC3Db,MAAMO,EAAYM,MAAkBC,EAAWP,EAAYM,IAExDb,MAAMc,GAAY,IAAKF,EAAaC,CAACA,GAAMC,GAAaF,GAC9D,CAAA,IACF,CAACT,EAAOC"}

package/hooks/use-config-priority.mjs

@@ -1,2 +1,2 @@
-import{useMemo}from'react';function valid(e){return Boolean(e)||typeof e=='boolean'||typeof e=='number'||typeof e=='string'}function useConfigPriority(e,t){return useMemo((()=>{const o=e??{};const r=t??{};return[...new Set([...Object.keys(o),...Object.keys(r)])].reduce(((e,t)=>{let n;return valid(o[t])&&(n=o[t]),valid(r[t])&&(n=r[t]),valid(n)?{...e,[t]:n}:e}),{})}),[e,t])}export{useConfigPriority};
+import{useMemo}from'react';function valid(e){return Boolean(e)||typeof e=='boolean'||typeof e=='number'||typeof e=='string'}function useConfigPriority(e,t){return useMemo(()=>{const o=e??{};const r=t??{};return[...new Set([...Object.keys(o),...Object.keys(r)])].reduce((e,t)=>{let n;return valid(o[t])&&(n=o[t]),valid(r[t])&&(n=r[t]),valid(n)?{...e,[t]:n}:e},{})},[e,t])}export{useConfigPriority};
 //# sourceMappingURL=use-config-priority.mjs.map

package/hooks/use-config-priority.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-config-priority.mjs","sources":["../../../src/hooks/use-config-priority.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nfunction valid(value: unknown): boolean {\n  return Boolean(value) || typeof value === 'boolean' || typeof value === 'number' || typeof value === 'string'\n}\n\n/**\n *\n * @deprecated it will be deleted in near future\n */\nexport function useConfigPriority<T extends object>(minor?: Partial<T>, major?: Partial<T>): Partial<T> {\n  return useMemo(() => {\n    const minorConfig: Partial<T> = minor ?? {}\n    const majorConfig: Partial<T> = major ?? {}\n    const uniqueKeys = [...new Set([...Object.keys(minorConfig), ...Object.keys(majorConfig)])]\n\n    return uniqueKeys.reduce((prioritized, key) => {\n      let finalVal\n\n      if (valid(minorConfig[key as keyof T])) finalVal = minorConfig[key as keyof T]\n      if (valid(majorConfig[key as keyof T])) finalVal = majorConfig[key as keyof T]\n\n      return valid(finalVal) ? { ...prioritized, [key]: finalVal } : prioritized\n    }, {} as Partial<T>)\n  }, [minor, major])\n}\n"],"names":["valid","value","Boolean","useConfigPriority","minor","major","useMemo","minorConfig","majorConfig","Set","Object","keys","reduce","prioritized","key","finalVal"],"mappings":"2BAEA,SAASA,MAAMC,GACb,OAAOC,QAAQD,WAAiBA,GAAU,kBAAoBA,GAAU,iBAAmBA,GAAU,QACvG,CAMO,SAASE,kBAAoCC,EAAoBC,GACtE,OAAOC,SAAQ,KACb,MAAMC,EAA0BH,GAAS,CAAA,EACzC,MAAMI,EAA0BH,GAAS,CAAA,EAGzC,MAFmB,IAAI,IAAII,IAAI,IAAIC,OAAOC,KAAKJ,MAAiBG,OAAOC,KAAKH,MAE1DI,QAAO,CAACC,EAAaC,KACrC,IAAIC,EAKJ,OAHIf,MAAMO,EAAYO,MAAkBC,EAAWR,EAAYO,IAC3Dd,MAAMQ,EAAYM,MAAkBC,EAAWP,EAAYM,IAExDd,MAAMe,GAAY,IAAKF,EAAaC,CAACA,GAAMC,GAAaF,CAAW,GACzE,CAAA,EAAiB,GACnB,CAACT,EAAOC,GACb"}
+{"version":3,"file":"use-config-priority.mjs","sources":["../../../src/hooks/use-config-priority.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nfunction valid(value: unknown): boolean {\n  return Boolean(value) || typeof value === 'boolean' || typeof value === 'number' || typeof value === 'string'\n}\n\n/**\n *\n * @deprecated it will be deleted in near future\n */\nexport function useConfigPriority<T extends object>(minor?: Partial<T>, major?: Partial<T>): Partial<T> {\n  return useMemo(() => {\n    const minorConfig: Partial<T> = minor ?? {}\n    const majorConfig: Partial<T> = major ?? {}\n    const uniqueKeys = [...new Set([...Object.keys(minorConfig), ...Object.keys(majorConfig)])]\n\n    return uniqueKeys.reduce((prioritized, key) => {\n      let finalVal\n\n      if (valid(minorConfig[key as keyof T])) finalVal = minorConfig[key as keyof T]\n      if (valid(majorConfig[key as keyof T])) finalVal = majorConfig[key as keyof T]\n\n      return valid(finalVal) ? { ...prioritized, [key]: finalVal } : prioritized\n    }, {} as Partial<T>)\n  }, [minor, major])\n}\n"],"names":["valid","value","Boolean","useConfigPriority","minor","major","useMemo","minorConfig","majorConfig","Set","Object","keys","reduce","prioritized","key","finalVal"],"mappings":"2BAEA,SAASA,MAAMC,GACb,OAAOC,QAAQD,WAAiBA,GAAU,kBAAoBA,GAAU,iBAAmBA,GAAU,QACvG,CAMO,SAASE,kBAAoCC,EAAoBC,GACtE,OAAOC,QAAQ,KACb,MAAMC,EAA0BH,GAAS,CAAA,EACzC,MAAMI,EAA0BH,GAAS,CAAA,EAGzC,MAFmB,IAAI,IAAII,IAAI,IAAIC,OAAOC,KAAKJ,MAAiBG,OAAOC,KAAKH,MAE1DI,OAAO,CAACC,EAAaC,KACrC,IAAIC,EAKJ,OAHIf,MAAMO,EAAYO,MAAkBC,EAAWR,EAAYO,IAC3Dd,MAAMQ,EAAYM,MAAkBC,EAAWP,EAAYM,IAExDd,MAAMe,GAAY,IAAKF,EAAaC,CAACA,GAAMC,GAAaF,GAC9D,CAAA,IACF,CAACT,EAAOC,GACb"}

package/hooks/useClickOutside.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var getDomTargets=require('../shared/utils/getDomTargets.js');exports.useClickOutside=(e,t,s)=>{const{enabled:n=!0,event:r="click",once:c,passive:a,signal:o,capture:i}=s??{};React.useEffect((()=>{const s={once:c,passive:a,signal:o,capture:i};const listener=s=>{const n=getDomTargets.getDomTargets(e);const r=s.target;r&&r.isConnected&&n.length>0&&n.every((e=>!e.contains(r)))&&t(s)};return n&&document.addEventListener(r,listener,s),()=>{document.removeEventListener(r,listener,s)}}),[e,t,n,r,c,a,o,i])};
+'use strict';var React=require('react');var getDomTargets=require('../shared/utils/getDomTargets.js');exports.useClickOutside=(e,t,s)=>{const{enabled:n=!0,event:r="click",once:c,passive:a,signal:o,capture:i}=s??{};React.useEffect(()=>{const s={once:c,passive:a,signal:o,capture:i};const listener=s=>{const n=getDomTargets.getDomTargets(e);const r=s.target;r&&r.isConnected&&n.length>0&&n.every(e=>!e.contains(r))&&t(s)};return n&&document.addEventListener(r,listener,s),()=>{document.removeEventListener(r,listener,s)}},[e,t,n,r,c,a,o,i])};
 //# sourceMappingURL=useClickOutside.js.map

package/hooks/useClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.js","sources":["../../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { getDomTargets } from 'shared/utils/getDomTargets'\nimport type { DomTarget } from 'shared/types'\n\nexport const useClickOutside = (\n  target: DomTarget | DomTarget[],\n  callback: (evt: MouseEvent) => void,\n  options?: {\n    enabled?: boolean\n    event?: 'click' | 'mousedown'\n    once?: boolean\n    passive?: boolean\n    signal?: AbortSignal\n    capture?: boolean\n  }\n) => {\n  const { enabled = true, event = 'click', once, passive, signal, capture } = options ?? {}\n\n  useEffect(() => {\n    const listenerOptions = { once, passive, signal, capture }\n\n    const listener = (evt: MouseEvent) => {\n      const domTargets = getDomTargets(target)\n\n      const evtTarget = evt.target as Node\n\n      if (\n        evtTarget &&\n        evtTarget.isConnected &&\n        domTargets.length > 0 &&\n        domTargets.every((item) => !item.contains(evtTarget))\n      ) {\n        callback(evt)\n      }\n    }\n\n    if (enabled) {\n      document.addEventListener(event, listener, listenerOptions)\n    }\n\n    return () => {\n      document.removeEventListener(event, listener, listenerOptions)\n    }\n  }, [target, callback, enabled, event, once, passive, signal, capture])\n}\n"],"names":["useClickOutside","target","callback","options","enabled","event","once","passive","signal","capture","useEffect","listenerOptions","listener","evt","domTargets","getDomTargets","evtTarget","isConnected","length","every","item","contains","document","addEventListener","removeEventListener"],"mappings":"8HAI+BA,CAC7BC,EACAC,EACAC,KASA,MAAMC,QAAEA,GAAU,EAAIC,MAAEA,EAAQ,QAAOC,KAAEA,EAAIC,QAAEA,EAAOC,OAAEA,EAAMC,QAAEA,GAAYN,GAAW,CAAA,EAEvFO,MAAAA,WAAU,KACR,MAAMC,EAAkB,CAAEL,OAAMC,UAASC,SAAQC,WAEjD,MAAMG,SAAYC,IAChB,MAAMC,EAAaC,cAAAA,cAAcd,GAEjC,MAAMe,EAAYH,EAAIZ,OAGpBe,GACAA,EAAUC,aACVH,EAAWI,OAAS,GACpBJ,EAAWK,OAAOC,IAAUA,EAAKC,SAASL,MAE1Cd,EAASW,EACX,EAOF,OAJIT,GACFkB,SAASC,iBAAiBlB,EAAOO,SAAUD,GAGtC,KACLW,SAASE,oBAAoBnB,EAAOO,SAAUD,EAAgB,CAC/D,GACA,CAACV,EAAQC,EAAUE,EAASC,EAAOC,EAAMC,EAASC,EAAQC,GAAS"}
+{"version":3,"file":"useClickOutside.js","sources":["../../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { getDomTargets } from 'shared/utils/getDomTargets'\nimport type { DomTarget } from 'shared/types'\n\nexport const useClickOutside = (\n  target: DomTarget | DomTarget[],\n  callback: (evt: MouseEvent) => void,\n  options?: {\n    enabled?: boolean\n    event?: 'click' | 'mousedown'\n    once?: boolean\n    passive?: boolean\n    signal?: AbortSignal\n    capture?: boolean\n  }\n) => {\n  const { enabled = true, event = 'click', once, passive, signal, capture } = options ?? {}\n\n  useEffect(() => {\n    const listenerOptions = { once, passive, signal, capture }\n\n    const listener = (evt: MouseEvent) => {\n      const domTargets = getDomTargets(target)\n\n      const evtTarget = evt.target as Node\n\n      if (\n        evtTarget &&\n        evtTarget.isConnected &&\n        domTargets.length > 0 &&\n        domTargets.every((item) => !item.contains(evtTarget))\n      ) {\n        callback(evt)\n      }\n    }\n\n    if (enabled) {\n      document.addEventListener(event, listener, listenerOptions)\n    }\n\n    return () => {\n      document.removeEventListener(event, listener, listenerOptions)\n    }\n  }, [target, callback, enabled, event, once, passive, signal, capture])\n}\n"],"names":["useClickOutside","target","callback","options","enabled","event","once","passive","signal","capture","useEffect","listenerOptions","listener","evt","domTargets","getDomTargets","evtTarget","isConnected","length","every","item","contains","document","addEventListener","removeEventListener"],"mappings":"8HAI+BA,CAC7BC,EACAC,EACAC,KASA,MAAMC,QAAEA,GAAU,EAAIC,MAAEA,EAAQ,QAAOC,KAAEA,EAAIC,QAAEA,EAAOC,OAAEA,EAAMC,QAAEA,GAAYN,GAAW,CAAA,EAEvFO,MAAAA,UAAU,KACR,MAAMC,EAAkB,CAAEL,OAAMC,UAASC,SAAQC,WAEjD,MAAMG,SAAYC,IAChB,MAAMC,EAAaC,cAAAA,cAAcd,GAEjC,MAAMe,EAAYH,EAAIZ,OAGpBe,GACAA,EAAUC,aACVH,EAAWI,OAAS,GACpBJ,EAAWK,MAAOC,IAAUA,EAAKC,SAASL,KAE1Cd,EAASW,IAQb,OAJIT,GACFkB,SAASC,iBAAiBlB,EAAOO,SAAUD,GAGtC,KACLW,SAASE,oBAAoBnB,EAAOO,SAAUD,KAE/C,CAACV,EAAQC,EAAUE,EAASC,EAAOC,EAAMC,EAASC,EAAQC"}

package/hooks/useClickOutside.mjs

@@ -1,2 +1,2 @@
-import{useEffect}from'react';import{getDomTargets}from'../shared/utils/getDomTargets.mjs';const useClickOutside=(e,t,s)=>{const{enabled:n=!0,event:c="click",once:o,passive:r,signal:i,capture:a}=s??{};useEffect((()=>{const s={once:o,passive:r,signal:i,capture:a};const listener=s=>{const n=getDomTargets(e);const c=s.target;c&&c.isConnected&&n.length>0&&n.every((e=>!e.contains(c)))&&t(s)};return n&&document.addEventListener(c,listener,s),()=>{document.removeEventListener(c,listener,s)}}),[e,t,n,c,o,r,i,a])};export{useClickOutside};
+import{useEffect}from'react';import{getDomTargets}from'../shared/utils/getDomTargets.mjs';const useClickOutside=(e,t,s)=>{const{enabled:n=!0,event:c="click",once:o,passive:r,signal:i,capture:a}=s??{};useEffect(()=>{const s={once:o,passive:r,signal:i,capture:a};const listener=s=>{const n=getDomTargets(e);const c=s.target;c&&c.isConnected&&n.length>0&&n.every(e=>!e.contains(c))&&t(s)};return n&&document.addEventListener(c,listener,s),()=>{document.removeEventListener(c,listener,s)}},[e,t,n,c,o,r,i,a])};export{useClickOutside};
 //# sourceMappingURL=useClickOutside.mjs.map

package/hooks/useClickOutside.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.mjs","sources":["../../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { getDomTargets } from 'shared/utils/getDomTargets'\nimport type { DomTarget } from 'shared/types'\n\nexport const useClickOutside = (\n  target: DomTarget | DomTarget[],\n  callback: (evt: MouseEvent) => void,\n  options?: {\n    enabled?: boolean\n    event?: 'click' | 'mousedown'\n    once?: boolean\n    passive?: boolean\n    signal?: AbortSignal\n    capture?: boolean\n  }\n) => {\n  const { enabled = true, event = 'click', once, passive, signal, capture } = options ?? {}\n\n  useEffect(() => {\n    const listenerOptions = { once, passive, signal, capture }\n\n    const listener = (evt: MouseEvent) => {\n      const domTargets = getDomTargets(target)\n\n      const evtTarget = evt.target as Node\n\n      if (\n        evtTarget &&\n        evtTarget.isConnected &&\n        domTargets.length > 0 &&\n        domTargets.every((item) => !item.contains(evtTarget))\n      ) {\n        callback(evt)\n      }\n    }\n\n    if (enabled) {\n      document.addEventListener(event, listener, listenerOptions)\n    }\n\n    return () => {\n      document.removeEventListener(event, listener, listenerOptions)\n    }\n  }, [target, callback, enabled, event, once, passive, signal, capture])\n}\n"],"names":["useClickOutside","target","callback","options","enabled","event","once","passive","signal","capture","useEffect","listenerOptions","listener","evt","domTargets","getDomTargets","evtTarget","isConnected","length","every","item","contains","document","addEventListener","removeEventListener"],"mappings":"0FAIO,MAAMA,gBAAkBA,CAC7BC,EACAC,EACAC,KASA,MAAMC,QAAEA,GAAU,EAAIC,MAAEA,EAAQ,QAAOC,KAAEA,EAAIC,QAAEA,EAAOC,OAAEA,EAAMC,QAAEA,GAAYN,GAAW,CAAA,EAEvFO,WAAU,KACR,MAAMC,EAAkB,CAAEL,OAAMC,UAASC,SAAQC,WAEjD,MAAMG,SAAYC,IAChB,MAAMC,EAAaC,cAAcd,GAEjC,MAAMe,EAAYH,EAAIZ,OAGpBe,GACAA,EAAUC,aACVH,EAAWI,OAAS,GACpBJ,EAAWK,OAAOC,IAAUA,EAAKC,SAASL,MAE1Cd,EAASW,EACX,EAOF,OAJIT,GACFkB,SAASC,iBAAiBlB,EAAOO,SAAUD,GAGtC,KACLW,SAASE,oBAAoBnB,EAAOO,SAAUD,EAAgB,CAC/D,GACA,CAACV,EAAQC,EAAUE,EAASC,EAAOC,EAAMC,EAASC,EAAQC,GAAS"}
+{"version":3,"file":"useClickOutside.mjs","sources":["../../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { getDomTargets } from 'shared/utils/getDomTargets'\nimport type { DomTarget } from 'shared/types'\n\nexport const useClickOutside = (\n  target: DomTarget | DomTarget[],\n  callback: (evt: MouseEvent) => void,\n  options?: {\n    enabled?: boolean\n    event?: 'click' | 'mousedown'\n    once?: boolean\n    passive?: boolean\n    signal?: AbortSignal\n    capture?: boolean\n  }\n) => {\n  const { enabled = true, event = 'click', once, passive, signal, capture } = options ?? {}\n\n  useEffect(() => {\n    const listenerOptions = { once, passive, signal, capture }\n\n    const listener = (evt: MouseEvent) => {\n      const domTargets = getDomTargets(target)\n\n      const evtTarget = evt.target as Node\n\n      if (\n        evtTarget &&\n        evtTarget.isConnected &&\n        domTargets.length > 0 &&\n        domTargets.every((item) => !item.contains(evtTarget))\n      ) {\n        callback(evt)\n      }\n    }\n\n    if (enabled) {\n      document.addEventListener(event, listener, listenerOptions)\n    }\n\n    return () => {\n      document.removeEventListener(event, listener, listenerOptions)\n    }\n  }, [target, callback, enabled, event, once, passive, signal, capture])\n}\n"],"names":["useClickOutside","target","callback","options","enabled","event","once","passive","signal","capture","useEffect","listenerOptions","listener","evt","domTargets","getDomTargets","evtTarget","isConnected","length","every","item","contains","document","addEventListener","removeEventListener"],"mappings":"0FAIO,MAAMA,gBAAkBA,CAC7BC,EACAC,EACAC,KASA,MAAMC,QAAEA,GAAU,EAAIC,MAAEA,EAAQ,QAAOC,KAAEA,EAAIC,QAAEA,EAAOC,OAAEA,EAAMC,QAAEA,GAAYN,GAAW,CAAA,EAEvFO,UAAU,KACR,MAAMC,EAAkB,CAAEL,OAAMC,UAASC,SAAQC,WAEjD,MAAMG,SAAYC,IAChB,MAAMC,EAAaC,cAAcd,GAEjC,MAAMe,EAAYH,EAAIZ,OAGpBe,GACAA,EAAUC,aACVH,EAAWI,OAAS,GACpBJ,EAAWK,MAAOC,IAAUA,EAAKC,SAASL,KAE1Cd,EAASW,IAQb,OAJIT,GACFkB,SAASC,iBAAiBlB,EAAOO,SAAUD,GAGtC,KACLW,SAASE,oBAAoBnB,EAAOO,SAAUD,KAE/C,CAACV,EAAQC,EAAUE,EAASC,EAAOC,EAAMC,EAASC,EAAQC"}

package/hooks/useFloaterPortal.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');exports.useFloaterPortal=()=>{const[e,t]=React.useState(null);return React.useLayoutEffect((()=>{let e=null;return document.body?(e=document.createElement('div'),document.body.appendChild(e),t(e)):t(null),()=>{e&&e.isConnected&&e.remove()}}),[]),e};
+'use strict';var React=require('react');exports.useFloaterPortal=()=>{const[e,t]=React.useState(null);return React.useLayoutEffect(()=>{let e=null;return document.body?(e=document.createElement('div'),document.body.appendChild(e),t(e)):t(null),()=>{e&&e.isConnected&&e.remove()}},[]),e};
 //# sourceMappingURL=useFloaterPortal.js.map

package/hooks/useFloaterPortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFloaterPortal.js","sources":["../../../src/hooks/useFloaterPortal.ts"],"sourcesContent":["import { useState, useLayoutEffect } from 'react'\nimport type { Nullable } from 'shared/types'\n\nexport const useFloaterPortal = () => {\n  const [portalElement, setPortalElement] = useState<Nullable<HTMLElement>>(null)\n\n  useLayoutEffect(() => {\n    let portal: Nullable<HTMLElement> = null\n\n    if (document.body) {\n      portal = document.createElement('div')\n      document.body.appendChild(portal)\n      setPortalElement(portal)\n    } else {\n      setPortalElement(null)\n    }\n\n    return () => {\n      if (portal && portal.isConnected) {\n        portal.remove()\n      }\n    }\n  }, [])\n\n  return portalElement\n}\n"],"names":["useFloaterPortal","portalElement","setPortalElement","useState","useLayoutEffect","portal","document","body","createElement","appendChild","isConnected","remove"],"mappings":"iEAGgCA,KAC9B,MAAOC,EAAeC,GAAoBC,MAAAA,SAAgC,MAoB1E,OAlBAC,MAAAA,iBAAgB,KACd,IAAIC,EAAgC,KAUpC,OARIC,SAASC,MACXF,EAASC,SAASE,cAAc,OAChCF,SAASC,KAAKE,YAAYJ,GAC1BH,EAAiBG,IAEjBH,EAAiB,MAGZ,KACDG,GAAUA,EAAOK,aACnBL,EAAOM,QACT,CACD,GACA,IAEIV,CAAa"}
+{"version":3,"file":"useFloaterPortal.js","sources":["../../../src/hooks/useFloaterPortal.ts"],"sourcesContent":["import { useState, useLayoutEffect } from 'react'\nimport type { Nullable } from 'shared/types'\n\nexport const useFloaterPortal = () => {\n  const [portalElement, setPortalElement] = useState<Nullable<HTMLElement>>(null)\n\n  useLayoutEffect(() => {\n    let portal: Nullable<HTMLElement> = null\n\n    if (document.body) {\n      portal = document.createElement('div')\n      document.body.appendChild(portal)\n      setPortalElement(portal)\n    } else {\n      setPortalElement(null)\n    }\n\n    return () => {\n      if (portal && portal.isConnected) {\n        portal.remove()\n      }\n    }\n  }, [])\n\n  return portalElement\n}\n"],"names":["useFloaterPortal","portalElement","setPortalElement","useState","useLayoutEffect","portal","document","body","createElement","appendChild","isConnected","remove"],"mappings":"iEAGgCA,KAC9B,MAAOC,EAAeC,GAAoBC,MAAAA,SAAgC,MAoB1E,OAlBAC,MAAAA,gBAAgB,KACd,IAAIC,EAAgC,KAUpC,OARIC,SAASC,MACXF,EAASC,SAASE,cAAc,OAChCF,SAASC,KAAKE,YAAYJ,GAC1BH,EAAiBG,IAEjBH,EAAiB,MAGZ,KACDG,GAAUA,EAAOK,aACnBL,EAAOM,WAGV,IAEIV"}

package/hooks/useFloaterPortal.mjs

@@ -1,2 +1,2 @@
-import{useState,useLayoutEffect}from'react';const useFloaterPortal=()=>{const[e,t]=useState(null);return useLayoutEffect((()=>{let e=null;return document.body?(e=document.createElement('div'),document.body.appendChild(e),t(e)):t(null),()=>{e&&e.isConnected&&e.remove()}}),[]),e};export{useFloaterPortal};
+import{useState,useLayoutEffect}from'react';const useFloaterPortal=()=>{const[e,t]=useState(null);return useLayoutEffect(()=>{let e=null;return document.body?(e=document.createElement('div'),document.body.appendChild(e),t(e)):t(null),()=>{e&&e.isConnected&&e.remove()}},[]),e};export{useFloaterPortal};
 //# sourceMappingURL=useFloaterPortal.mjs.map

package/hooks/useFloaterPortal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFloaterPortal.mjs","sources":["../../../src/hooks/useFloaterPortal.ts"],"sourcesContent":["import { useState, useLayoutEffect } from 'react'\nimport type { Nullable } from 'shared/types'\n\nexport const useFloaterPortal = () => {\n  const [portalElement, setPortalElement] = useState<Nullable<HTMLElement>>(null)\n\n  useLayoutEffect(() => {\n    let portal: Nullable<HTMLElement> = null\n\n    if (document.body) {\n      portal = document.createElement('div')\n      document.body.appendChild(portal)\n      setPortalElement(portal)\n    } else {\n      setPortalElement(null)\n    }\n\n    return () => {\n      if (portal && portal.isConnected) {\n        portal.remove()\n      }\n    }\n  }, [])\n\n  return portalElement\n}\n"],"names":["useFloaterPortal","portalElement","setPortalElement","useState","useLayoutEffect","portal","document","body","createElement","appendChild","isConnected","remove"],"mappings":"4CAGO,MAAMA,iBAAmBA,KAC9B,MAAOC,EAAeC,GAAoBC,SAAgC,MAoB1E,OAlBAC,iBAAgB,KACd,IAAIC,EAAgC,KAUpC,OARIC,SAASC,MACXF,EAASC,SAASE,cAAc,OAChCF,SAASC,KAAKE,YAAYJ,GAC1BH,EAAiBG,IAEjBH,EAAiB,MAGZ,KACDG,GAAUA,EAAOK,aACnBL,EAAOM,QACT,CACD,GACA,IAEIV,CAAa"}
+{"version":3,"file":"useFloaterPortal.mjs","sources":["../../../src/hooks/useFloaterPortal.ts"],"sourcesContent":["import { useState, useLayoutEffect } from 'react'\nimport type { Nullable } from 'shared/types'\n\nexport const useFloaterPortal = () => {\n  const [portalElement, setPortalElement] = useState<Nullable<HTMLElement>>(null)\n\n  useLayoutEffect(() => {\n    let portal: Nullable<HTMLElement> = null\n\n    if (document.body) {\n      portal = document.createElement('div')\n      document.body.appendChild(portal)\n      setPortalElement(portal)\n    } else {\n      setPortalElement(null)\n    }\n\n    return () => {\n      if (portal && portal.isConnected) {\n        portal.remove()\n      }\n    }\n  }, [])\n\n  return portalElement\n}\n"],"names":["useFloaterPortal","portalElement","setPortalElement","useState","useLayoutEffect","portal","document","body","createElement","appendChild","isConnected","remove"],"mappings":"4CAGO,MAAMA,iBAAmBA,KAC9B,MAAOC,EAAeC,GAAoBC,SAAgC,MAoB1E,OAlBAC,gBAAgB,KACd,IAAIC,EAAgC,KAUpC,OARIC,SAASC,MACXF,EAASC,SAASE,cAAc,OAChCF,SAASC,KAAKE,YAAYJ,GAC1BH,EAAiBG,IAEjBH,EAAiB,MAGZ,KACDG,GAAUA,EAAOK,aACnBL,EAAOM,WAGV,IAEIV"}

package/hooks/useKeyboardListener.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');exports.useKeyboardListener=(e,t,r)=>{React.useEffect((()=>{const handleKeyboardEvt=e=>{t.includes(e.key)&&r(e)};return document.addEventListener(e,handleKeyboardEvt),()=>{document.removeEventListener(e,handleKeyboardEvt)}}),[e,r,t])};
+'use strict';var React=require('react');exports.useKeyboardListener=(e,t,r)=>{React.useEffect(()=>{const handleKeyboardEvt=e=>{t.includes(e.key)&&r(e)};return document.addEventListener(e,handleKeyboardEvt),()=>{document.removeEventListener(e,handleKeyboardEvt)}},[e,r,t])};
 //# sourceMappingURL=useKeyboardListener.js.map

package/hooks/useKeyboardListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardListener.js","sources":["../../../src/hooks/useKeyboardListener.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nexport const useKeyboardListener = (\n  keyboardEvtType: 'keydown' | 'keyup',\n  keyboardKeys: string[],\n  keyboardEvtHandler: (evt: KeyboardEvent) => void\n) => {\n  useEffect(() => {\n    const handleKeyboardEvt = (evt: KeyboardEvent) => {\n      if (keyboardKeys.includes(evt.key)) keyboardEvtHandler(evt)\n    }\n\n    document.addEventListener(keyboardEvtType, handleKeyboardEvt)\n\n    return () => {\n      document.removeEventListener(keyboardEvtType, handleKeyboardEvt)\n    }\n  }, [keyboardEvtType, keyboardEvtHandler, keyboardKeys])\n}\n"],"names":["useKeyboardListener","keyboardEvtType","keyboardKeys","keyboardEvtHandler","useEffect","handleKeyboardEvt","evt","includes","key","document","addEventListener","removeEventListener"],"mappings":"oEAEmCA,CACjCC,EACAC,EACAC,KAEAC,MAAAA,WAAU,KACR,MAAMC,kBAAqBC,IACrBJ,EAAaK,SAASD,EAAIE,MAAML,EAAmBG,EAAI,EAK7D,OAFAG,SAASC,iBAAiBT,EAAiBI,mBAEpC,KACLI,SAASE,oBAAoBV,EAAiBI,kBAAkB,CACjE,GACA,CAACJ,EAAiBE,EAAoBD,GAAc"}
+{"version":3,"file":"useKeyboardListener.js","sources":["../../../src/hooks/useKeyboardListener.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nexport const useKeyboardListener = (\n  keyboardEvtType: 'keydown' | 'keyup',\n  keyboardKeys: string[],\n  keyboardEvtHandler: (evt: KeyboardEvent) => void\n) => {\n  useEffect(() => {\n    const handleKeyboardEvt = (evt: KeyboardEvent) => {\n      if (keyboardKeys.includes(evt.key)) keyboardEvtHandler(evt)\n    }\n\n    document.addEventListener(keyboardEvtType, handleKeyboardEvt)\n\n    return () => {\n      document.removeEventListener(keyboardEvtType, handleKeyboardEvt)\n    }\n  }, [keyboardEvtType, keyboardEvtHandler, keyboardKeys])\n}\n"],"names":["useKeyboardListener","keyboardEvtType","keyboardKeys","keyboardEvtHandler","useEffect","handleKeyboardEvt","evt","includes","key","document","addEventListener","removeEventListener"],"mappings":"oEAEmCA,CACjCC,EACAC,EACAC,KAEAC,MAAAA,UAAU,KACR,MAAMC,kBAAqBC,IACrBJ,EAAaK,SAASD,EAAIE,MAAML,EAAmBG,IAKzD,OAFAG,SAASC,iBAAiBT,EAAiBI,mBAEpC,KACLI,SAASE,oBAAoBV,EAAiBI,qBAE/C,CAACJ,EAAiBE,EAAoBD"}

package/hooks/useKeyboardListener.mjs

@@ -1,2 +1,2 @@
-import{useEffect}from'react';const useKeyboardListener=(e,t,r)=>{useEffect((()=>{const handleKeyboardEvt=e=>{t.includes(e.key)&&r(e)};return document.addEventListener(e,handleKeyboardEvt),()=>{document.removeEventListener(e,handleKeyboardEvt)}}),[e,r,t])};export{useKeyboardListener};
+import{useEffect}from'react';const useKeyboardListener=(e,t,r)=>{useEffect(()=>{const handleKeyboardEvt=e=>{t.includes(e.key)&&r(e)};return document.addEventListener(e,handleKeyboardEvt),()=>{document.removeEventListener(e,handleKeyboardEvt)}},[e,r,t])};export{useKeyboardListener};
 //# sourceMappingURL=useKeyboardListener.mjs.map

package/hooks/useKeyboardListener.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardListener.mjs","sources":["../../../src/hooks/useKeyboardListener.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nexport const useKeyboardListener = (\n  keyboardEvtType: 'keydown' | 'keyup',\n  keyboardKeys: string[],\n  keyboardEvtHandler: (evt: KeyboardEvent) => void\n) => {\n  useEffect(() => {\n    const handleKeyboardEvt = (evt: KeyboardEvent) => {\n      if (keyboardKeys.includes(evt.key)) keyboardEvtHandler(evt)\n    }\n\n    document.addEventListener(keyboardEvtType, handleKeyboardEvt)\n\n    return () => {\n      document.removeEventListener(keyboardEvtType, handleKeyboardEvt)\n    }\n  }, [keyboardEvtType, keyboardEvtHandler, keyboardKeys])\n}\n"],"names":["useKeyboardListener","keyboardEvtType","keyboardKeys","keyboardEvtHandler","useEffect","handleKeyboardEvt","evt","includes","key","document","addEventListener","removeEventListener"],"mappings":"6BAEO,MAAMA,oBAAsBA,CACjCC,EACAC,EACAC,KAEAC,WAAU,KACR,MAAMC,kBAAqBC,IACrBJ,EAAaK,SAASD,EAAIE,MAAML,EAAmBG,EAAI,EAK7D,OAFAG,SAASC,iBAAiBT,EAAiBI,mBAEpC,KACLI,SAASE,oBAAoBV,EAAiBI,kBAAkB,CACjE,GACA,CAACJ,EAAiBE,EAAoBD,GAAc"}
+{"version":3,"file":"useKeyboardListener.mjs","sources":["../../../src/hooks/useKeyboardListener.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nexport const useKeyboardListener = (\n  keyboardEvtType: 'keydown' | 'keyup',\n  keyboardKeys: string[],\n  keyboardEvtHandler: (evt: KeyboardEvent) => void\n) => {\n  useEffect(() => {\n    const handleKeyboardEvt = (evt: KeyboardEvent) => {\n      if (keyboardKeys.includes(evt.key)) keyboardEvtHandler(evt)\n    }\n\n    document.addEventListener(keyboardEvtType, handleKeyboardEvt)\n\n    return () => {\n      document.removeEventListener(keyboardEvtType, handleKeyboardEvt)\n    }\n  }, [keyboardEvtType, keyboardEvtHandler, keyboardKeys])\n}\n"],"names":["useKeyboardListener","keyboardEvtType","keyboardKeys","keyboardEvtHandler","useEffect","handleKeyboardEvt","evt","includes","key","document","addEventListener","removeEventListener"],"mappings":"6BAEO,MAAMA,oBAAsBA,CACjCC,EACAC,EACAC,KAEAC,UAAU,KACR,MAAMC,kBAAqBC,IACrBJ,EAAaK,SAASD,EAAIE,MAAML,EAAmBG,IAKzD,OAFAG,SAASC,iBAAiBT,EAAiBI,mBAEpC,KACLI,SAASE,oBAAoBV,EAAiBI,qBAE/C,CAACJ,EAAiBE,EAAoBD"}

package/hooks/useMergedPalette.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');exports.useMergedPalette=e=>{const t=styled.useTheme();const s=e.palette??{};return Object.keys(s).reduce(((e,r)=>{const c=s[r];if(!c)return e;const n=t.colors[c]??c;return n&&(e[r]=n),e}),{})};
+'use strict';var styled=require('styled-components');exports.useMergedPalette=e=>{const t=styled.useTheme();const s=e.palette??{};return Object.keys(s).reduce((e,r)=>{const c=s[r];if(!c)return e;const n=t.colors[c]??c;return n&&(e[r]=n),e},{})};
 //# sourceMappingURL=useMergedPalette.js.map

package/hooks/useMergedPalette.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMergedPalette.js","sources":["../../../src/hooks/useMergedPalette.ts"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport type { ColorPaletteKey, Color, CSSColor, KeysOfUnion } from 'shared/types'\n\nexport function useMergedPalette<\n  T extends {\n    palette?: Partial<Record<ColorPaletteKey, Color>>\n  },\n>(componentProps: T): Partial<Record<KeysOfUnion<T['palette']>, CSSColor>> {\n  const theme = useTheme()\n\n  const palette = componentProps.palette ?? {}\n\n  return Object.keys(palette).reduce<Partial<Record<KeysOfUnion<T['palette']>, CSSColor>>>((injected, key) => {\n    const colorKeyOrValue = palette[key as ColorPaletteKey]\n\n    if (!colorKeyOrValue) {\n      return injected\n    }\n\n    const cssColor = theme.colors[colorKeyOrValue as keyof typeof theme.colors] ?? colorKeyOrValue\n\n    if (cssColor) {\n      injected[key as KeysOfUnion<T['palette']>] = cssColor\n    }\n\n    return injected\n  }, {})\n}\n"],"names":["componentProps","theme","useTheme","palette","Object","keys","reduce","injected","key","colorKeyOrValue","cssColor","colors"],"mappings":"8EAOEA,IACA,MAAMC,EAAQC,OAAAA,WAEd,MAAMC,EAAUH,EAAeG,SAAW,CAAA,EAE1C,OAAOC,OAAOC,KAAKF,GAASG,QAA6D,CAACC,EAAUC,KAClG,MAAMC,EAAkBN,EAAQK,GAEhC,IAAKC,EACH,OAAOF,EAGT,MAAMG,EAAWT,EAAMU,OAAOF,IAAiDA,EAM/E,OAJIC,IACFH,EAASC,GAAoCE,GAGxCH,CAAQ,GACd,CAAA,EACL"}
+{"version":3,"file":"useMergedPalette.js","sources":["../../../src/hooks/useMergedPalette.ts"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport type { ColorPaletteKey, Color, CSSColor, KeysOfUnion } from 'shared/types'\n\nexport function useMergedPalette<\n  T extends {\n    palette?: Partial<Record<ColorPaletteKey, Color>>\n  },\n>(componentProps: T): Partial<Record<KeysOfUnion<T['palette']>, CSSColor>> {\n  const theme = useTheme()\n\n  const palette = componentProps.palette ?? {}\n\n  return Object.keys(palette).reduce<Partial<Record<KeysOfUnion<T['palette']>, CSSColor>>>((injected, key) => {\n    const colorKeyOrValue = palette[key as ColorPaletteKey]\n\n    if (!colorKeyOrValue) {\n      return injected\n    }\n\n    const cssColor = theme.colors[colorKeyOrValue as keyof typeof theme.colors] ?? colorKeyOrValue\n\n    if (cssColor) {\n      injected[key as KeysOfUnion<T['palette']>] = cssColor\n    }\n\n    return injected\n  }, {})\n}\n"],"names":["componentProps","theme","useTheme","palette","Object","keys","reduce","injected","key","colorKeyOrValue","cssColor","colors"],"mappings":"8EAOEA,IACA,MAAMC,EAAQC,OAAAA,WAEd,MAAMC,EAAUH,EAAeG,SAAW,CAAA,EAE1C,OAAOC,OAAOC,KAAKF,GAASG,OAA6D,CAACC,EAAUC,KAClG,MAAMC,EAAkBN,EAAQK,GAEhC,IAAKC,EACH,OAAOF,EAGT,MAAMG,EAAWT,EAAMU,OAAOF,IAAiDA,EAM/E,OAJIC,IACFH,EAASC,GAAoCE,GAGxCH,GACN,CAAA,EACL"}

package/hooks/useMergedPalette.mjs

@@ -1,2 +1,2 @@
-import{useTheme}from'styled-components';function useMergedPalette(e){const t=useTheme();const r=e.palette??{};return Object.keys(r).reduce(((e,o)=>{const s=r[o];if(!s)return e;const n=t.colors[s]??s;return n&&(e[o]=n),e}),{})}export{useMergedPalette};
+import{useTheme}from'styled-components';function useMergedPalette(e){const t=useTheme();const r=e.palette??{};return Object.keys(r).reduce((e,o)=>{const s=r[o];if(!s)return e;const n=t.colors[s]??s;return n&&(e[o]=n),e},{})}export{useMergedPalette};
 //# sourceMappingURL=useMergedPalette.mjs.map

package/hooks/useMergedPalette.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMergedPalette.mjs","sources":["../../../src/hooks/useMergedPalette.ts"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport type { ColorPaletteKey, Color, CSSColor, KeysOfUnion } from 'shared/types'\n\nexport function useMergedPalette<\n  T extends {\n    palette?: Partial<Record<ColorPaletteKey, Color>>\n  },\n>(componentProps: T): Partial<Record<KeysOfUnion<T['palette']>, CSSColor>> {\n  const theme = useTheme()\n\n  const palette = componentProps.palette ?? {}\n\n  return Object.keys(palette).reduce<Partial<Record<KeysOfUnion<T['palette']>, CSSColor>>>((injected, key) => {\n    const colorKeyOrValue = palette[key as ColorPaletteKey]\n\n    if (!colorKeyOrValue) {\n      return injected\n    }\n\n    const cssColor = theme.colors[colorKeyOrValue as keyof typeof theme.colors] ?? colorKeyOrValue\n\n    if (cssColor) {\n      injected[key as KeysOfUnion<T['palette']>] = cssColor\n    }\n\n    return injected\n  }, {})\n}\n"],"names":["useMergedPalette","componentProps","theme","useTheme","palette","Object","keys","reduce","injected","key","colorKeyOrValue","cssColor","colors"],"mappings":"wCAGO,SAASA,iBAIdC,GACA,MAAMC,EAAQC,WAEd,MAAMC,EAAUH,EAAeG,SAAW,CAAA,EAE1C,OAAOC,OAAOC,KAAKF,GAASG,QAA6D,CAACC,EAAUC,KAClG,MAAMC,EAAkBN,EAAQK,GAEhC,IAAKC,EACH,OAAOF,EAGT,MAAMG,EAAWT,EAAMU,OAAOF,IAAiDA,EAM/E,OAJIC,IACFH,EAASC,GAAoCE,GAGxCH,CAAQ,GACd,CAAA,EACL"}
+{"version":3,"file":"useMergedPalette.mjs","sources":["../../../src/hooks/useMergedPalette.ts"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport type { ColorPaletteKey, Color, CSSColor, KeysOfUnion } from 'shared/types'\n\nexport function useMergedPalette<\n  T extends {\n    palette?: Partial<Record<ColorPaletteKey, Color>>\n  },\n>(componentProps: T): Partial<Record<KeysOfUnion<T['palette']>, CSSColor>> {\n  const theme = useTheme()\n\n  const palette = componentProps.palette ?? {}\n\n  return Object.keys(palette).reduce<Partial<Record<KeysOfUnion<T['palette']>, CSSColor>>>((injected, key) => {\n    const colorKeyOrValue = palette[key as ColorPaletteKey]\n\n    if (!colorKeyOrValue) {\n      return injected\n    }\n\n    const cssColor = theme.colors[colorKeyOrValue as keyof typeof theme.colors] ?? colorKeyOrValue\n\n    if (cssColor) {\n      injected[key as KeysOfUnion<T['palette']>] = cssColor\n    }\n\n    return injected\n  }, {})\n}\n"],"names":["useMergedPalette","componentProps","theme","useTheme","palette","Object","keys","reduce","injected","key","colorKeyOrValue","cssColor","colors"],"mappings":"wCAGO,SAASA,iBAIdC,GACA,MAAMC,EAAQC,WAEd,MAAMC,EAAUH,EAAeG,SAAW,CAAA,EAE1C,OAAOC,OAAOC,KAAKF,GAASG,OAA6D,CAACC,EAAUC,KAClG,MAAMC,EAAkBN,EAAQK,GAEhC,IAAKC,EACH,OAAOF,EAGT,MAAMG,EAAWT,EAAMU,OAAOF,IAAiDA,EAM/E,OAJIC,IACFH,EAASC,GAAoCE,GAGxCH,GACN,CAAA,EACL"}

package/hooks/useMergedProps.js

@@ -1,2 +1,2 @@
-'use strict';var useThemeMergedProps=require('./useThemeMergedProps.js');var useMergedSizes=require('./useMergedSizes.js');var useMergedPalette=require('./useMergedPalette.js');exports.useMergedProps=(e,s)=>{const r=useThemeMergedProps.useThemeMergedProps(e,s.displayName);const u=useMergedSizes.useMergedSizes(r,s.sizes);const t=useMergedPalette.useMergedPalette(r);return{...r,sizes:u,palette:t}};
+'use strict';var useThemeMergedProps=require('./useThemeMergedProps.js');var useMergedSizes=require('./useMergedSizes.js');var useMergedPalette=require('./useMergedPalette.js');exports.useMergedProps=(e,s)=>{const r=useThemeMergedProps.useThemeMergedProps(e,s.componentName);const t=useMergedSizes.useMergedSizes(r,s.sizes);const u=useMergedPalette.useMergedPalette(r);return{...r,sizes:t,palette:u}};
 //# sourceMappingURL=useMergedProps.js.map

package/hooks/useMergedProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMergedProps.js","sources":["../../../src/hooks/useMergedProps.ts"],"sourcesContent":["import type { WithMergedPropsOptions, WrappedComponentProps } from 'shared/interfaces'\nimport { useThemeMergedProps } from './useThemeMergedProps'\nimport { useMergedSizes } from './useMergedSizes'\nimport { useMergedPalette } from './useMergedPalette'\n\nexport function useMergedProps<T extends WrappedComponentProps>(componentProps: T, options: WithMergedPropsOptions<T>) {\n  const props = useThemeMergedProps(componentProps, options.displayName)\n  const sizes = useMergedSizes(props, options.sizes)\n  const palette = useMergedPalette(props)\n\n  return {\n    ...props,\n    sizes: sizes,\n    palette: palette,\n  }\n}\n"],"names":["componentProps","options","props","useThemeMergedProps","displayName","sizes","useMergedSizes","palette","useMergedPalette"],"mappings":"wMAKO,CAAyDA,EAAmBC,KACjF,MAAMC,EAAQC,oBAAAA,oBAAoBH,EAAgBC,EAAQG,aAC1D,MAAMC,EAAQC,eAAAA,eAAeJ,EAAOD,EAAQI,OAC5C,MAAME,EAAUC,iBAAAA,iBAAiBN,GAEjC,MAAO,IACFA,EACHG,MAAOA,EACPE,QAASA,EAEb"}
+{"version":3,"file":"useMergedProps.js","sources":["../../../src/hooks/useMergedProps.ts"],"sourcesContent":["import type { ThemePreset, ColorPaletteKey, Color, KeysOfUnion, WithThemePreset } from 'shared/types'\nimport { useThemeMergedProps } from './useThemeMergedProps'\nimport { useMergedSizes } from './useMergedSizes'\nimport { useMergedPalette } from './useMergedPalette'\n\ntype MergingProps = {\n  preset?: ThemePreset\n  sizes?: Record<string, React.CSSProperties>\n  palette?: Partial<Record<ColorPaletteKey, Color>>\n}\n\ntype UseMergedPropsOptions<T extends MergingProps> = {\n  componentName: string\n  sizes:\n    | Record<KeysOfUnion<T['sizes']>, React.CSSProperties>\n    | ((props: WithThemePreset<T>) => Record<KeysOfUnion<T['sizes']>, React.CSSProperties>)\n}\n\nexport function useMergedProps<T extends MergingProps>(componentProps: T, options: UseMergedPropsOptions<T>) {\n  const props = useThemeMergedProps(componentProps, options.componentName)\n  const sizes = useMergedSizes(props, options.sizes)\n  const palette = useMergedPalette(props)\n\n  return {\n    ...props,\n    sizes: sizes,\n    palette: palette,\n  }\n}\n"],"names":["componentProps","options","props","useThemeMergedProps","componentName","sizes","useMergedSizes","palette","useMergedPalette"],"mappings":"wMAkBO,CAAgDA,EAAmBC,KACxE,MAAMC,EAAQC,oBAAAA,oBAAoBH,EAAgBC,EAAQG,eAC1D,MAAMC,EAAQC,eAAAA,eAAeJ,EAAOD,EAAQI,OAC5C,MAAME,EAAUC,iBAAAA,iBAAiBN,GAEjC,MAAO,IACFA,EACHG,MAAOA,EACPE,QAASA,EAEb"}

package/hooks/useMergedProps.mjs

@@ -1,2 +1,2 @@
-import{useThemeMergedProps}from'./useThemeMergedProps.mjs';import{useMergedSizes}from'./useMergedSizes.mjs';import{useMergedPalette}from'./useMergedPalette.mjs';function useMergedProps(e,s){const r=useThemeMergedProps(e,s.displayName);const t=useMergedSizes(r,s.sizes);const o=useMergedPalette(r);return{...r,sizes:t,palette:o}}export{useMergedProps};
+import{useThemeMergedProps}from'./useThemeMergedProps.mjs';import{useMergedSizes}from'./useMergedSizes.mjs';import{useMergedPalette}from'./useMergedPalette.mjs';function useMergedProps(e,s){const r=useThemeMergedProps(e,s.componentName);const o=useMergedSizes(r,s.sizes);const t=useMergedPalette(r);return{...r,sizes:o,palette:t}}export{useMergedProps};
 //# sourceMappingURL=useMergedProps.mjs.map

package/hooks/useMergedProps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMergedProps.mjs","sources":["../../../src/hooks/useMergedProps.ts"],"sourcesContent":["import type { WithMergedPropsOptions, WrappedComponentProps } from 'shared/interfaces'\nimport { useThemeMergedProps } from './useThemeMergedProps'\nimport { useMergedSizes } from './useMergedSizes'\nimport { useMergedPalette } from './useMergedPalette'\n\nexport function useMergedProps<T extends WrappedComponentProps>(componentProps: T, options: WithMergedPropsOptions<T>) {\n  const props = useThemeMergedProps(componentProps, options.displayName)\n  const sizes = useMergedSizes(props, options.sizes)\n  const palette = useMergedPalette(props)\n\n  return {\n    ...props,\n    sizes: sizes,\n    palette: palette,\n  }\n}\n"],"names":["useMergedProps","componentProps","options","props","useThemeMergedProps","displayName","sizes","useMergedSizes","palette","useMergedPalette"],"mappings":"iKAKO,SAASA,eAAgDC,EAAmBC,GACjF,MAAMC,EAAQC,oBAAoBH,EAAgBC,EAAQG,aAC1D,MAAMC,EAAQC,eAAeJ,EAAOD,EAAQI,OAC5C,MAAME,EAAUC,iBAAiBN,GAEjC,MAAO,IACFA,EACHG,MAAOA,EACPE,QAASA,EAEb"}
+{"version":3,"file":"useMergedProps.mjs","sources":["../../../src/hooks/useMergedProps.ts"],"sourcesContent":["import type { ThemePreset, ColorPaletteKey, Color, KeysOfUnion, WithThemePreset } from 'shared/types'\nimport { useThemeMergedProps } from './useThemeMergedProps'\nimport { useMergedSizes } from './useMergedSizes'\nimport { useMergedPalette } from './useMergedPalette'\n\ntype MergingProps = {\n  preset?: ThemePreset\n  sizes?: Record<string, React.CSSProperties>\n  palette?: Partial<Record<ColorPaletteKey, Color>>\n}\n\ntype UseMergedPropsOptions<T extends MergingProps> = {\n  componentName: string\n  sizes:\n    | Record<KeysOfUnion<T['sizes']>, React.CSSProperties>\n    | ((props: WithThemePreset<T>) => Record<KeysOfUnion<T['sizes']>, React.CSSProperties>)\n}\n\nexport function useMergedProps<T extends MergingProps>(componentProps: T, options: UseMergedPropsOptions<T>) {\n  const props = useThemeMergedProps(componentProps, options.componentName)\n  const sizes = useMergedSizes(props, options.sizes)\n  const palette = useMergedPalette(props)\n\n  return {\n    ...props,\n    sizes: sizes,\n    palette: palette,\n  }\n}\n"],"names":["useMergedProps","componentProps","options","props","useThemeMergedProps","componentName","sizes","useMergedSizes","palette","useMergedPalette"],"mappings":"iKAkBO,SAASA,eAAuCC,EAAmBC,GACxE,MAAMC,EAAQC,oBAAoBH,EAAgBC,EAAQG,eAC1D,MAAMC,EAAQC,eAAeJ,EAAOD,EAAQI,OAC5C,MAAME,EAAUC,iBAAiBN,GAEjC,MAAO,IACFA,EACHG,MAAOA,EACPE,QAASA,EAEb"}

package/hooks/useMountedStatus.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');exports.useMountedStatus=()=>{const e=React.useRef(!1);const t=React.useCallback((()=>e.current),[]);return React.useEffect((()=>(e.current=!0,()=>{e.current=!1})),[]),t};
+'use strict';var React=require('react');exports.useMountedStatus=()=>{const e=React.useRef(!1);const t=React.useCallback(()=>e.current,[]);return React.useEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),t};
 //# sourceMappingURL=useMountedStatus.js.map

package/hooks/useMountedStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMountedStatus.js","sources":["../../../src/hooks/useMountedStatus.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nexport const useMountedStatus = () => {\n  const mounted = useRef<boolean>(false)\n\n  const getStatus = useCallback(() => mounted.current, [])\n\n  useEffect(() => {\n    mounted.current = true\n    return () => {\n      mounted.current = false\n    }\n  }, [])\n\n  return getStatus\n}\n"],"names":["useMountedStatus","mounted","useRef","getStatus","useCallback","current","useEffect"],"mappings":"iEAEgCA,KAC9B,MAAMC,EAAUC,MAAAA,QAAgB,GAEhC,MAAMC,EAAYC,MAAAA,aAAY,IAAMH,EAAQI,SAAS,IASrD,OAPAC,MAAAA,WAAU,KACRL,EAAQI,SAAU,EACX,KACLJ,EAAQI,SAAU,CAAK,IAExB,IAEIF,CAAS"}
+{"version":3,"file":"useMountedStatus.js","sources":["../../../src/hooks/useMountedStatus.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nexport const useMountedStatus = () => {\n  const mounted = useRef<boolean>(false)\n\n  const getStatus = useCallback(() => mounted.current, [])\n\n  useEffect(() => {\n    mounted.current = true\n    return () => {\n      mounted.current = false\n    }\n  }, [])\n\n  return getStatus\n}\n"],"names":["useMountedStatus","mounted","useRef","getStatus","useCallback","current","useEffect"],"mappings":"iEAEgCA,KAC9B,MAAMC,EAAUC,MAAAA,QAAgB,GAEhC,MAAMC,EAAYC,MAAAA,YAAY,IAAMH,EAAQI,QAAS,IASrD,OAPAC,MAAAA,UAAU,KACRL,EAAQI,SAAU,EACX,KACLJ,EAAQI,SAAU,IAEnB,IAEIF"}

package/hooks/useMountedStatus.mjs

@@ -1,2 +1,2 @@
-import{useRef,useCallback,useEffect}from'react';const useMountedStatus=()=>{const e=useRef(!1);const t=useCallback((()=>e.current),[]);return useEffect((()=>(e.current=!0,()=>{e.current=!1})),[]),t};export{useMountedStatus};
+import{useRef,useCallback,useEffect}from'react';const useMountedStatus=()=>{const e=useRef(!1);const t=useCallback(()=>e.current,[]);return useEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),t};export{useMountedStatus};
 //# sourceMappingURL=useMountedStatus.mjs.map

package/hooks/useMountedStatus.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMountedStatus.mjs","sources":["../../../src/hooks/useMountedStatus.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nexport const useMountedStatus = () => {\n  const mounted = useRef<boolean>(false)\n\n  const getStatus = useCallback(() => mounted.current, [])\n\n  useEffect(() => {\n    mounted.current = true\n    return () => {\n      mounted.current = false\n    }\n  }, [])\n\n  return getStatus\n}\n"],"names":["useMountedStatus","mounted","useRef","getStatus","useCallback","current","useEffect"],"mappings":"gDAEO,MAAMA,iBAAmBA,KAC9B,MAAMC,EAAUC,QAAgB,GAEhC,MAAMC,EAAYC,aAAY,IAAMH,EAAQI,SAAS,IASrD,OAPAC,WAAU,KACRL,EAAQI,SAAU,EACX,KACLJ,EAAQI,SAAU,CAAK,IAExB,IAEIF,CAAS"}
+{"version":3,"file":"useMountedStatus.mjs","sources":["../../../src/hooks/useMountedStatus.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nexport const useMountedStatus = () => {\n  const mounted = useRef<boolean>(false)\n\n  const getStatus = useCallback(() => mounted.current, [])\n\n  useEffect(() => {\n    mounted.current = true\n    return () => {\n      mounted.current = false\n    }\n  }, [])\n\n  return getStatus\n}\n"],"names":["useMountedStatus","mounted","useRef","getStatus","useCallback","current","useEffect"],"mappings":"gDAEO,MAAMA,iBAAmBA,KAC9B,MAAMC,EAAUC,QAAgB,GAEhC,MAAMC,EAAYC,YAAY,IAAMH,EAAQI,QAAS,IASrD,OAPAC,UAAU,KACRL,EAAQI,SAAU,EACX,KACLJ,EAAQI,SAAU,IAEnB,IAEIF"}

package/hooks/useResizable.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var misc=require('../shared/utils/misc.js');var constants=require('../shared/constants.js');const ARROW_KEYS=[...constants.keyboardKeys.ArrowUp.key,...constants.keyboardKeys.ArrowRight.key,...constants.keyboardKeys.ArrowDown.key,...constants.keyboardKeys.ArrowLeft.key];exports.useResizable=({target:t,direction:e="both",minHeight:r=45,minWidth:n=90,throttleMS:i=20})=>{const c=React.useRef({pointer:{clientX:0,clientY:0},target:{_width:0,_height:0,get width(){return this._width},get height(){return this._height},set width(t){this._width=Math.max(t,n)},set height(t){this._height=Math.max(t,r)}}});const[a,h]=React.useState(!1);const commitDimensions=()=>{t.current&&(e==='horizontal'?t.current.style.width=`${c.current.target.width}px`:(e==='vertical'||(t.current.style.width=`${c.current.target.width}px`),t.current.style.height=`${c.current.target.height}px`))};const s=misc.createThrottledCallback((e=>{if(!t.current)return;const r=e.clientY-c.current.pointer.clientY;c.current.target.width=c.current.target.width+(e.clientX-c.current.pointer.clientX),c.current.target.height=c.current.target.height+r,c.current.pointer.clientX=e.clientX,c.current.pointer.clientY=e.clientY,commitDimensions()}),i);const handleResizeEnd=()=>{document.removeEventListener('pointermove',s),document.removeEventListener('pointerup',handleResizeEnd),h(!1)};return[a,e=>{if(!t.current)return;c.current.pointer.clientX=e.clientX,c.current.pointer.clientY=e.clientY;const r=t.current.getBoundingClientRect();c.current.target.width=r.width,c.current.target.height=r.height,document.addEventListener('pointermove',s),document.addEventListener('pointerup',handleResizeEnd),h(!0)},misc.createThrottledCallback((e=>{if(t.current&&ARROW_KEYS.includes(e.key)){e.preventDefault();const r=t.current.getBoundingClientRect();c.current.target.width=r.width,c.current.target.height=r.height,constants.keyboardKeys.ArrowUp.validate(e.key)?c.current.target.height=c.current.target.height-7:constants.keyboardKeys.ArrowDown.validate(e.key)?c.current.target.height=c.current.target.height+7:constants.keyboardKeys.ArrowLeft.validate(e.key)?c.current.target.width=c.current.target.width-7:constants.keyboardKeys.ArrowRight.validate(e.key)&&(c.current.target.width=c.current.target.width+7),commitDimensions()}}),i)]};
+'use strict';var React=require('react');var misc=require('../shared/utils/misc.js');var constants=require('../shared/constants.js');const ARROW_KEYS=[...constants.keyboardKeys.ArrowUp.key,...constants.keyboardKeys.ArrowRight.key,...constants.keyboardKeys.ArrowDown.key,...constants.keyboardKeys.ArrowLeft.key];exports.useResizable=({target:t,direction:e="both",minHeight:r=45,minWidth:n=90,throttleMS:i=20})=>{const c=React.useRef({pointer:{clientX:0,clientY:0},target:{_width:0,_height:0,get width(){return this._width},get height(){return this._height},set width(t){this._width=Math.max(t,n)},set height(t){this._height=Math.max(t,r)}}});const[a,h]=React.useState(!1);const commitDimensions=()=>{t.current&&(e==='horizontal'?t.current.style.width=`${c.current.target.width}px`:(e==='vertical'||(t.current.style.width=`${c.current.target.width}px`),t.current.style.height=`${c.current.target.height}px`))};const s=misc.createThrottledCallback(e=>{if(!t.current)return;const r=e.clientY-c.current.pointer.clientY;c.current.target.width=c.current.target.width+(e.clientX-c.current.pointer.clientX),c.current.target.height=c.current.target.height+r,c.current.pointer.clientX=e.clientX,c.current.pointer.clientY=e.clientY,commitDimensions()},i);const handleResizeEnd=()=>{document.removeEventListener('pointermove',s),document.removeEventListener('pointerup',handleResizeEnd),h(!1)};return[a,e=>{if(!t.current)return;c.current.pointer.clientX=e.clientX,c.current.pointer.clientY=e.clientY;const r=t.current.getBoundingClientRect();c.current.target.width=r.width,c.current.target.height=r.height,document.addEventListener('pointermove',s),document.addEventListener('pointerup',handleResizeEnd),h(!0)},misc.createThrottledCallback(e=>{if(t.current&&ARROW_KEYS.includes(e.key)){e.preventDefault();const r=t.current.getBoundingClientRect();c.current.target.width=r.width,c.current.target.height=r.height,constants.keyboardKeys.ArrowUp.validate(e.key)?c.current.target.height=c.current.target.height-7:constants.keyboardKeys.ArrowDown.validate(e.key)?c.current.target.height=c.current.target.height+7:constants.keyboardKeys.ArrowLeft.validate(e.key)?c.current.target.width=c.current.target.width-7:constants.keyboardKeys.ArrowRight.validate(e.key)&&(c.current.target.width=c.current.target.width+7),commitDimensions()}},i)]};
 //# sourceMappingURL=useResizable.js.map

package/hooks/useResizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizable.js","sources":["../../../src/hooks/useResizable.ts"],"sourcesContent":["import { useRef, useState } from 'react'\nimport type { RefObject } from 'react'\nimport { createThrottledCallback } from 'shared/utils/misc'\nimport { keyboardKeys } from 'shared/constants'\n\nconst ARROW_KEYS: string[] = [\n  ...keyboardKeys.ArrowUp.key,\n  ...keyboardKeys.ArrowRight.key,\n  ...keyboardKeys.ArrowDown.key,\n  ...keyboardKeys.ArrowLeft.key,\n]\n\nconst useResizable = <T extends HTMLElement, P = T>({\n  target,\n  direction = 'both',\n  minHeight = 45,\n  minWidth = 90,\n  throttleMS = 20,\n}: {\n  target: RefObject<T>\n  direction?: 'vertical' | 'horizontal' | 'both'\n  minHeight?: number\n  minWidth?: number\n  throttleMS?: number\n}): [boolean, React.PointerEventHandler<P>, React.KeyboardEventHandler<P>] => {\n  const memo = useRef({\n    pointer: {\n      clientX: 0,\n      clientY: 0,\n    },\n    target: {\n      _width: 0,\n      _height: 0,\n      get width() {\n        return this._width\n      },\n      get height() {\n        return this._height\n      },\n      set width(update: number) {\n        this._width = Math.max(update, minWidth)\n      },\n      set height(update: number) {\n        this._height = Math.max(update, minHeight)\n      },\n    },\n  })\n\n  const [resizing, setResizing] = useState(false)\n\n  const commitDimensions = () => {\n    if (!target.current) return\n\n    if (direction === 'horizontal') {\n      target.current.style.width = `${memo.current.target.width}px`\n    } else if (direction === 'vertical') {\n      target.current.style.height = `${memo.current.target.height}px`\n    } else {\n      target.current.style.width = `${memo.current.target.width}px`\n      target.current.style.height = `${memo.current.target.height}px`\n    }\n  }\n  const handleResize = createThrottledCallback((evt: PointerEvent) => {\n    if (!target.current) return\n\n    const deltaX = evt.clientX - memo.current.pointer.clientX\n    const deltaY = evt.clientY - memo.current.pointer.clientY\n\n    memo.current.target.width = memo.current.target.width + deltaX\n    memo.current.target.height = memo.current.target.height + deltaY\n\n    memo.current.pointer.clientX = evt.clientX\n    memo.current.pointer.clientY = evt.clientY\n\n    commitDimensions()\n  }, throttleMS)\n\n  const handleResizeEnd = () => {\n    document.removeEventListener('pointermove', handleResize)\n    document.removeEventListener('pointerup', handleResizeEnd)\n\n    setResizing(false)\n  }\n\n  const handleResizeStart: React.PointerEventHandler<P> = (evt) => {\n    if (!target.current) return\n\n    memo.current.pointer.clientX = evt.clientX\n    memo.current.pointer.clientY = evt.clientY\n\n    const clientRect = target.current.getBoundingClientRect()\n\n    memo.current.target.width = clientRect.width\n    memo.current.target.height = clientRect.height\n\n    document.addEventListener('pointermove', handleResize)\n    document.addEventListener('pointerup', handleResizeEnd)\n\n    setResizing(true)\n  }\n\n  const handleResizeOnNudge: React.KeyboardEventHandler<P> = createThrottledCallback((evt) => {\n    if (!target.current) return\n\n    if (ARROW_KEYS.includes(evt.key)) {\n      evt.preventDefault()\n\n      const clientRect = target.current.getBoundingClientRect()\n\n      memo.current.target.width = clientRect.width\n      memo.current.target.height = clientRect.height\n\n      if (keyboardKeys.ArrowUp.validate(evt.key)) {\n        memo.current.target.height = memo.current.target.height - 7\n      } else if (keyboardKeys.ArrowDown.validate(evt.key)) {\n        memo.current.target.height = memo.current.target.height + 7\n      } else if (keyboardKeys.ArrowLeft.validate(evt.key)) {\n        memo.current.target.width = memo.current.target.width - 7\n      } else if (keyboardKeys.ArrowRight.validate(evt.key)) {\n        memo.current.target.width = memo.current.target.width + 7\n      }\n\n      commitDimensions()\n    }\n  }, throttleMS)\n\n  return [resizing, handleResizeStart, handleResizeOnNudge]\n}\n\nexport { useResizable }\n"],"names":["ARROW_KEYS","keyboardKeys","ArrowUp","key","ArrowRight","ArrowDown","ArrowLeft","useResizable","target","direction","minHeight","minWidth","throttleMS","memo","useRef","pointer","clientX","clientY","_width","_height","width","this","height","update","Math","max","resizing","setResizing","useState","commitDimensions","current","style","handleResize","createThrottledCallback","evt","deltaY","handleResizeEnd","document","removeEventListener","clientRect","getBoundingClientRect","addEventListener","includes","preventDefault","validate"],"mappings":"oIAKA,MAAMA,WAAuB,IACxBC,UAAAA,aAAaC,QAAQC,OACrBF,UAAAA,aAAaG,WAAWD,OACxBF,UAAAA,aAAaI,UAAUF,OACvBF,UAAAA,aAAaK,UAAUH,0BAGPI,EACnBC,SACAC,YAAY,OACZC,YAAY,GACZC,WAAW,GACXC,aAAa,OAQb,MAAMC,EAAOC,MAAAA,OAAO,CAClBC,QAAS,CACPC,QAAS,EACTC,QAAS,GAEXT,OAAQ,CACNU,OAAQ,EACRC,QAAS,EACT,SAAIC,GACF,OAAOC,KAAKH,MACd,EACA,UAAII,GACF,OAAOD,KAAKF,OACd,EACA,SAAIC,CAAMG,GACRF,KAAKH,OAASM,KAAKC,IAAIF,EAAQZ,EACjC,EACA,UAAIW,CAAOC,GACTF,KAAKF,QAAUK,KAAKC,IAAIF,EAAQb,EAClC,KAIJ,MAAOgB,EAAUC,GAAeC,MAAAA,UAAS,GAEzC,MAAMC,iBAAmBA,KAClBrB,EAAOsB,UAERrB,IAAc,aAChBD,EAAOsB,QAAQC,MAAMX,MAAQ,GAAGP,EAAKiB,QAAQtB,OAAOY,WAC3CX,IAAc,aAGvBD,EAAOsB,QAAQC,MAAMX,MAAQ,GAAGP,EAAKiB,QAAQtB,OAAOY,WAFpDZ,EAAOsB,QAAQC,MAAMT,OAAS,GAAGT,EAAKiB,QAAQtB,OAAOc,YAIvD,EAEF,MAAMU,EAAeC,KAAAA,yBAAyBC,IAC5C,IAAK1B,EAAOsB,QAAS,OAGrB,MAAMK,EAASD,EAAIjB,QAAUJ,EAAKiB,QAAQf,QAAQE,QAElDJ,EAAKiB,QAAQtB,OAAOY,MAAQP,EAAKiB,QAAQtB,OAAOY,OAHjCc,EAAIlB,QAAUH,EAAKiB,QAAQf,QAAQC,SAIlDH,EAAKiB,QAAQtB,OAAOc,OAAST,EAAKiB,QAAQtB,OAAOc,OAASa,EAE1DtB,EAAKiB,QAAQf,QAAQC,QAAUkB,EAAIlB,QACnCH,EAAKiB,QAAQf,QAAQE,QAAUiB,EAAIjB,QAEnCY,kBAAkB,GACjBjB,GAEH,MAAMwB,gBAAkBA,KACtBC,SAASC,oBAAoB,cAAeN,GAC5CK,SAASC,oBAAoB,YAAaF,iBAE1CT,GAAY,EAAM,EA6CpB,MAAO,CAACD,EA1CiDQ,IACvD,IAAK1B,EAAOsB,QAAS,OAErBjB,EAAKiB,QAAQf,QAAQC,QAAUkB,EAAIlB,QACnCH,EAAKiB,QAAQf,QAAQE,QAAUiB,EAAIjB,QAEnC,MAAMsB,EAAa/B,EAAOsB,QAAQU,wBAElC3B,EAAKiB,QAAQtB,OAAOY,MAAQmB,EAAWnB,MACvCP,EAAKiB,QAAQtB,OAAOc,OAASiB,EAAWjB,OAExCe,SAASI,iBAAiB,cAAeT,GACzCK,SAASI,iBAAiB,YAAaL,iBAEvCT,GAAY,EAAK,EAGwCM,KAAAA,yBAAyBC,IAClF,GAAK1B,EAAOsB,SAER9B,WAAW0C,SAASR,EAAI/B,KAAM,CAChC+B,EAAIS,iBAEJ,MAAMJ,EAAa/B,EAAOsB,QAAQU,wBAElC3B,EAAKiB,QAAQtB,OAAOY,MAAQmB,EAAWnB,MACvCP,EAAKiB,QAAQtB,OAAOc,OAASiB,EAAWjB,OAEpCrB,UAAAA,aAAaC,QAAQ0C,SAASV,EAAI/B,KACpCU,EAAKiB,QAAQtB,OAAOc,OAAST,EAAKiB,QAAQtB,OAAOc,OAAS,EACjDrB,UAAAA,aAAaI,UAAUuC,SAASV,EAAI/B,KAC7CU,EAAKiB,QAAQtB,OAAOc,OAAST,EAAKiB,QAAQtB,OAAOc,OAAS,EACjDrB,UAAAA,aAAaK,UAAUsC,SAASV,EAAI/B,KAC7CU,EAAKiB,QAAQtB,OAAOY,MAAQP,EAAKiB,QAAQtB,OAAOY,MAAQ,EAC/CnB,UAAAA,aAAaG,WAAWwC,SAASV,EAAI/B,OAC9CU,EAAKiB,QAAQtB,OAAOY,MAAQP,EAAKiB,QAAQtB,OAAOY,MAAQ,GAG1DS,kBACF,IACCjB,GAEsD"}
+{"version":3,"file":"useResizable.js","sources":["../../../src/hooks/useResizable.ts"],"sourcesContent":["import { useRef, useState } from 'react'\nimport type { RefObject } from 'react'\nimport { createThrottledCallback } from 'shared/utils/misc'\nimport { keyboardKeys } from 'shared/constants'\n\nconst ARROW_KEYS: string[] = [\n  ...keyboardKeys.ArrowUp.key,\n  ...keyboardKeys.ArrowRight.key,\n  ...keyboardKeys.ArrowDown.key,\n  ...keyboardKeys.ArrowLeft.key,\n]\n\nconst useResizable = <T extends HTMLElement, P = T>({\n  target,\n  direction = 'both',\n  minHeight = 45,\n  minWidth = 90,\n  throttleMS = 20,\n}: {\n  target: RefObject<T>\n  direction?: 'vertical' | 'horizontal' | 'both'\n  minHeight?: number\n  minWidth?: number\n  throttleMS?: number\n}): [boolean, React.PointerEventHandler<P>, React.KeyboardEventHandler<P>] => {\n  const memo = useRef({\n    pointer: {\n      clientX: 0,\n      clientY: 0,\n    },\n    target: {\n      _width: 0,\n      _height: 0,\n      get width() {\n        return this._width\n      },\n      get height() {\n        return this._height\n      },\n      set width(update: number) {\n        this._width = Math.max(update, minWidth)\n      },\n      set height(update: number) {\n        this._height = Math.max(update, minHeight)\n      },\n    },\n  })\n\n  const [resizing, setResizing] = useState(false)\n\n  const commitDimensions = () => {\n    if (!target.current) return\n\n    if (direction === 'horizontal') {\n      target.current.style.width = `${memo.current.target.width}px`\n    } else if (direction === 'vertical') {\n      target.current.style.height = `${memo.current.target.height}px`\n    } else {\n      target.current.style.width = `${memo.current.target.width}px`\n      target.current.style.height = `${memo.current.target.height}px`\n    }\n  }\n  const handleResize = createThrottledCallback((evt: PointerEvent) => {\n    if (!target.current) return\n\n    const deltaX = evt.clientX - memo.current.pointer.clientX\n    const deltaY = evt.clientY - memo.current.pointer.clientY\n\n    memo.current.target.width = memo.current.target.width + deltaX\n    memo.current.target.height = memo.current.target.height + deltaY\n\n    memo.current.pointer.clientX = evt.clientX\n    memo.current.pointer.clientY = evt.clientY\n\n    commitDimensions()\n  }, throttleMS)\n\n  const handleResizeEnd = () => {\n    document.removeEventListener('pointermove', handleResize)\n    document.removeEventListener('pointerup', handleResizeEnd)\n\n    setResizing(false)\n  }\n\n  const handleResizeStart: React.PointerEventHandler<P> = (evt) => {\n    if (!target.current) return\n\n    memo.current.pointer.clientX = evt.clientX\n    memo.current.pointer.clientY = evt.clientY\n\n    const clientRect = target.current.getBoundingClientRect()\n\n    memo.current.target.width = clientRect.width\n    memo.current.target.height = clientRect.height\n\n    document.addEventListener('pointermove', handleResize)\n    document.addEventListener('pointerup', handleResizeEnd)\n\n    setResizing(true)\n  }\n\n  const handleResizeOnNudge: React.KeyboardEventHandler<P> = createThrottledCallback((evt) => {\n    if (!target.current) return\n\n    if (ARROW_KEYS.includes(evt.key)) {\n      evt.preventDefault()\n\n      const clientRect = target.current.getBoundingClientRect()\n\n      memo.current.target.width = clientRect.width\n      memo.current.target.height = clientRect.height\n\n      if (keyboardKeys.ArrowUp.validate(evt.key)) {\n        memo.current.target.height = memo.current.target.height - 7\n      } else if (keyboardKeys.ArrowDown.validate(evt.key)) {\n        memo.current.target.height = memo.current.target.height + 7\n      } else if (keyboardKeys.ArrowLeft.validate(evt.key)) {\n        memo.current.target.width = memo.current.target.width - 7\n      } else if (keyboardKeys.ArrowRight.validate(evt.key)) {\n        memo.current.target.width = memo.current.target.width + 7\n      }\n\n      commitDimensions()\n    }\n  }, throttleMS)\n\n  return [resizing, handleResizeStart, handleResizeOnNudge]\n}\n\nexport { useResizable }\n"],"names":["ARROW_KEYS","keyboardKeys","ArrowUp","key","ArrowRight","ArrowDown","ArrowLeft","useResizable","target","direction","minHeight","minWidth","throttleMS","memo","useRef","pointer","clientX","clientY","_width","_height","width","this","height","update","Math","max","resizing","setResizing","useState","commitDimensions","current","style","handleResize","createThrottledCallback","evt","deltaY","handleResizeEnd","document","removeEventListener","clientRect","getBoundingClientRect","addEventListener","includes","preventDefault","validate"],"mappings":"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"}

package/hooks/useResizable.mjs

@@ -1,2 +1,2 @@
-import{useRef,useState}from'react';import{createThrottledCallback}from'../shared/utils/misc.mjs';import{keyboardKeys}from'../shared/constants.mjs';const ARROW_KEYS=[...keyboardKeys.ArrowUp.key,...keyboardKeys.ArrowRight.key,...keyboardKeys.ArrowDown.key,...keyboardKeys.ArrowLeft.key];const useResizable=({target:t,direction:e="both",minHeight:r=45,minWidth:n=90,throttleMS:i=20})=>{const c=useRef({pointer:{clientX:0,clientY:0},target:{_width:0,_height:0,get width(){return this._width},get height(){return this._height},set width(t){this._width=Math.max(t,n)},set height(t){this._height=Math.max(t,r)}}});const[h,o]=useState(!1);const commitDimensions=()=>{t.current&&(e==='horizontal'?t.current.style.width=`${c.current.target.width}px`:(e==='vertical'||(t.current.style.width=`${c.current.target.width}px`),t.current.style.height=`${c.current.target.height}px`))};const a=createThrottledCallback((e=>{if(!t.current)return;const r=e.clientY-c.current.pointer.clientY;c.current.target.width=c.current.target.width+(e.clientX-c.current.pointer.clientX),c.current.target.height=c.current.target.height+r,c.current.pointer.clientX=e.clientX,c.current.pointer.clientY=e.clientY,commitDimensions()}),i);const handleResizeEnd=()=>{document.removeEventListener('pointermove',a),document.removeEventListener('pointerup',handleResizeEnd),o(!1)};return[h,e=>{if(!t.current)return;c.current.pointer.clientX=e.clientX,c.current.pointer.clientY=e.clientY;const r=t.current.getBoundingClientRect();c.current.target.width=r.width,c.current.target.height=r.height,document.addEventListener('pointermove',a),document.addEventListener('pointerup',handleResizeEnd),o(!0)},createThrottledCallback((e=>{if(t.current&&ARROW_KEYS.includes(e.key)){e.preventDefault();const r=t.current.getBoundingClientRect();c.current.target.width=r.width,c.current.target.height=r.height,keyboardKeys.ArrowUp.validate(e.key)?c.current.target.height=c.current.target.height-7:keyboardKeys.ArrowDown.validate(e.key)?c.current.target.height=c.current.target.height+7:keyboardKeys.ArrowLeft.validate(e.key)?c.current.target.width=c.current.target.width-7:keyboardKeys.ArrowRight.validate(e.key)&&(c.current.target.width=c.current.target.width+7),commitDimensions()}}),i)]};export{useResizable};
+import{useRef,useState}from'react';import{createThrottledCallback}from'../shared/utils/misc.mjs';import{keyboardKeys}from'../shared/constants.mjs';const ARROW_KEYS=[...keyboardKeys.ArrowUp.key,...keyboardKeys.ArrowRight.key,...keyboardKeys.ArrowDown.key,...keyboardKeys.ArrowLeft.key];const useResizable=({target:t,direction:e="both",minHeight:r=45,minWidth:n=90,throttleMS:i=20})=>{const c=useRef({pointer:{clientX:0,clientY:0},target:{_width:0,_height:0,get width(){return this._width},get height(){return this._height},set width(t){this._width=Math.max(t,n)},set height(t){this._height=Math.max(t,r)}}});const[h,o]=useState(!1);const commitDimensions=()=>{t.current&&(e==='horizontal'?t.current.style.width=`${c.current.target.width}px`:(e==='vertical'||(t.current.style.width=`${c.current.target.width}px`),t.current.style.height=`${c.current.target.height}px`))};const a=createThrottledCallback(e=>{if(!t.current)return;const r=e.clientY-c.current.pointer.clientY;c.current.target.width=c.current.target.width+(e.clientX-c.current.pointer.clientX),c.current.target.height=c.current.target.height+r,c.current.pointer.clientX=e.clientX,c.current.pointer.clientY=e.clientY,commitDimensions()},i);const handleResizeEnd=()=>{document.removeEventListener('pointermove',a),document.removeEventListener('pointerup',handleResizeEnd),o(!1)};return[h,e=>{if(!t.current)return;c.current.pointer.clientX=e.clientX,c.current.pointer.clientY=e.clientY;const r=t.current.getBoundingClientRect();c.current.target.width=r.width,c.current.target.height=r.height,document.addEventListener('pointermove',a),document.addEventListener('pointerup',handleResizeEnd),o(!0)},createThrottledCallback(e=>{if(t.current&&ARROW_KEYS.includes(e.key)){e.preventDefault();const r=t.current.getBoundingClientRect();c.current.target.width=r.width,c.current.target.height=r.height,keyboardKeys.ArrowUp.validate(e.key)?c.current.target.height=c.current.target.height-7:keyboardKeys.ArrowDown.validate(e.key)?c.current.target.height=c.current.target.height+7:keyboardKeys.ArrowLeft.validate(e.key)?c.current.target.width=c.current.target.width-7:keyboardKeys.ArrowRight.validate(e.key)&&(c.current.target.width=c.current.target.width+7),commitDimensions()}},i)]};export{useResizable};
 //# sourceMappingURL=useResizable.mjs.map

package/hooks/useResizable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useResizable.mjs","sources":["../../../src/hooks/useResizable.ts"],"sourcesContent":["import { useRef, useState } from 'react'\nimport type { RefObject } from 'react'\nimport { createThrottledCallback } from 'shared/utils/misc'\nimport { keyboardKeys } from 'shared/constants'\n\nconst ARROW_KEYS: string[] = [\n  ...keyboardKeys.ArrowUp.key,\n  ...keyboardKeys.ArrowRight.key,\n  ...keyboardKeys.ArrowDown.key,\n  ...keyboardKeys.ArrowLeft.key,\n]\n\nconst useResizable = <T extends HTMLElement, P = T>({\n  target,\n  direction = 'both',\n  minHeight = 45,\n  minWidth = 90,\n  throttleMS = 20,\n}: {\n  target: RefObject<T>\n  direction?: 'vertical' | 'horizontal' | 'both'\n  minHeight?: number\n  minWidth?: number\n  throttleMS?: number\n}): [boolean, React.PointerEventHandler<P>, React.KeyboardEventHandler<P>] => {\n  const memo = useRef({\n    pointer: {\n      clientX: 0,\n      clientY: 0,\n    },\n    target: {\n      _width: 0,\n      _height: 0,\n      get width() {\n        return this._width\n      },\n      get height() {\n        return this._height\n      },\n      set width(update: number) {\n        this._width = Math.max(update, minWidth)\n      },\n      set height(update: number) {\n        this._height = Math.max(update, minHeight)\n      },\n    },\n  })\n\n  const [resizing, setResizing] = useState(false)\n\n  const commitDimensions = () => {\n    if (!target.current) return\n\n    if (direction === 'horizontal') {\n      target.current.style.width = `${memo.current.target.width}px`\n    } else if (direction === 'vertical') {\n      target.current.style.height = `${memo.current.target.height}px`\n    } else {\n      target.current.style.width = `${memo.current.target.width}px`\n      target.current.style.height = `${memo.current.target.height}px`\n    }\n  }\n  const handleResize = createThrottledCallback((evt: PointerEvent) => {\n    if (!target.current) return\n\n    const deltaX = evt.clientX - memo.current.pointer.clientX\n    const deltaY = evt.clientY - memo.current.pointer.clientY\n\n    memo.current.target.width = memo.current.target.width + deltaX\n    memo.current.target.height = memo.current.target.height + deltaY\n\n    memo.current.pointer.clientX = evt.clientX\n    memo.current.pointer.clientY = evt.clientY\n\n    commitDimensions()\n  }, throttleMS)\n\n  const handleResizeEnd = () => {\n    document.removeEventListener('pointermove', handleResize)\n    document.removeEventListener('pointerup', handleResizeEnd)\n\n    setResizing(false)\n  }\n\n  const handleResizeStart: React.PointerEventHandler<P> = (evt) => {\n    if (!target.current) return\n\n    memo.current.pointer.clientX = evt.clientX\n    memo.current.pointer.clientY = evt.clientY\n\n    const clientRect = target.current.getBoundingClientRect()\n\n    memo.current.target.width = clientRect.width\n    memo.current.target.height = clientRect.height\n\n    document.addEventListener('pointermove', handleResize)\n    document.addEventListener('pointerup', handleResizeEnd)\n\n    setResizing(true)\n  }\n\n  const handleResizeOnNudge: React.KeyboardEventHandler<P> = createThrottledCallback((evt) => {\n    if (!target.current) return\n\n    if (ARROW_KEYS.includes(evt.key)) {\n      evt.preventDefault()\n\n      const clientRect = target.current.getBoundingClientRect()\n\n      memo.current.target.width = clientRect.width\n      memo.current.target.height = clientRect.height\n\n      if (keyboardKeys.ArrowUp.validate(evt.key)) {\n        memo.current.target.height = memo.current.target.height - 7\n      } else if (keyboardKeys.ArrowDown.validate(evt.key)) {\n        memo.current.target.height = memo.current.target.height + 7\n      } else if (keyboardKeys.ArrowLeft.validate(evt.key)) {\n        memo.current.target.width = memo.current.target.width - 7\n      } else if (keyboardKeys.ArrowRight.validate(evt.key)) {\n        memo.current.target.width = memo.current.target.width + 7\n      }\n\n      commitDimensions()\n    }\n  }, throttleMS)\n\n  return [resizing, handleResizeStart, handleResizeOnNudge]\n}\n\nexport { useResizable }\n"],"names":["ARROW_KEYS","keyboardKeys","ArrowUp","key","ArrowRight","ArrowDown","ArrowLeft","useResizable","target","direction","minHeight","minWidth","throttleMS","memo","useRef","pointer","clientX","clientY","_width","_height","width","this","height","update","Math","max","resizing","setResizing","useState","commitDimensions","current","style","handleResize","createThrottledCallback","evt","deltaY","handleResizeEnd","document","removeEventListener","clientRect","getBoundingClientRect","addEventListener","includes","preventDefault","validate"],"mappings":"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"}
+{"version":3,"file":"useResizable.mjs","sources":["../../../src/hooks/useResizable.ts"],"sourcesContent":["import { useRef, useState } from 'react'\nimport type { RefObject } from 'react'\nimport { createThrottledCallback } from 'shared/utils/misc'\nimport { keyboardKeys } from 'shared/constants'\n\nconst ARROW_KEYS: string[] = [\n  ...keyboardKeys.ArrowUp.key,\n  ...keyboardKeys.ArrowRight.key,\n  ...keyboardKeys.ArrowDown.key,\n  ...keyboardKeys.ArrowLeft.key,\n]\n\nconst useResizable = <T extends HTMLElement, P = T>({\n  target,\n  direction = 'both',\n  minHeight = 45,\n  minWidth = 90,\n  throttleMS = 20,\n}: {\n  target: RefObject<T>\n  direction?: 'vertical' | 'horizontal' | 'both'\n  minHeight?: number\n  minWidth?: number\n  throttleMS?: number\n}): [boolean, React.PointerEventHandler<P>, React.KeyboardEventHandler<P>] => {\n  const memo = useRef({\n    pointer: {\n      clientX: 0,\n      clientY: 0,\n    },\n    target: {\n      _width: 0,\n      _height: 0,\n      get width() {\n        return this._width\n      },\n      get height() {\n        return this._height\n      },\n      set width(update: number) {\n        this._width = Math.max(update, minWidth)\n      },\n      set height(update: number) {\n        this._height = Math.max(update, minHeight)\n      },\n    },\n  })\n\n  const [resizing, setResizing] = useState(false)\n\n  const commitDimensions = () => {\n    if (!target.current) return\n\n    if (direction === 'horizontal') {\n      target.current.style.width = `${memo.current.target.width}px`\n    } else if (direction === 'vertical') {\n      target.current.style.height = `${memo.current.target.height}px`\n    } else {\n      target.current.style.width = `${memo.current.target.width}px`\n      target.current.style.height = `${memo.current.target.height}px`\n    }\n  }\n  const handleResize = createThrottledCallback((evt: PointerEvent) => {\n    if (!target.current) return\n\n    const deltaX = evt.clientX - memo.current.pointer.clientX\n    const deltaY = evt.clientY - memo.current.pointer.clientY\n\n    memo.current.target.width = memo.current.target.width + deltaX\n    memo.current.target.height = memo.current.target.height + deltaY\n\n    memo.current.pointer.clientX = evt.clientX\n    memo.current.pointer.clientY = evt.clientY\n\n    commitDimensions()\n  }, throttleMS)\n\n  const handleResizeEnd = () => {\n    document.removeEventListener('pointermove', handleResize)\n    document.removeEventListener('pointerup', handleResizeEnd)\n\n    setResizing(false)\n  }\n\n  const handleResizeStart: React.PointerEventHandler<P> = (evt) => {\n    if (!target.current) return\n\n    memo.current.pointer.clientX = evt.clientX\n    memo.current.pointer.clientY = evt.clientY\n\n    const clientRect = target.current.getBoundingClientRect()\n\n    memo.current.target.width = clientRect.width\n    memo.current.target.height = clientRect.height\n\n    document.addEventListener('pointermove', handleResize)\n    document.addEventListener('pointerup', handleResizeEnd)\n\n    setResizing(true)\n  }\n\n  const handleResizeOnNudge: React.KeyboardEventHandler<P> = createThrottledCallback((evt) => {\n    if (!target.current) return\n\n    if (ARROW_KEYS.includes(evt.key)) {\n      evt.preventDefault()\n\n      const clientRect = target.current.getBoundingClientRect()\n\n      memo.current.target.width = clientRect.width\n      memo.current.target.height = clientRect.height\n\n      if (keyboardKeys.ArrowUp.validate(evt.key)) {\n        memo.current.target.height = memo.current.target.height - 7\n      } else if (keyboardKeys.ArrowDown.validate(evt.key)) {\n        memo.current.target.height = memo.current.target.height + 7\n      } else if (keyboardKeys.ArrowLeft.validate(evt.key)) {\n        memo.current.target.width = memo.current.target.width - 7\n      } else if (keyboardKeys.ArrowRight.validate(evt.key)) {\n        memo.current.target.width = memo.current.target.width + 7\n      }\n\n      commitDimensions()\n    }\n  }, throttleMS)\n\n  return [resizing, handleResizeStart, handleResizeOnNudge]\n}\n\nexport { useResizable }\n"],"names":["ARROW_KEYS","keyboardKeys","ArrowUp","key","ArrowRight","ArrowDown","ArrowLeft","useResizable","target","direction","minHeight","minWidth","throttleMS","memo","useRef","pointer","clientX","clientY","_width","_height","width","this","height","update","Math","max","resizing","setResizing","useState","commitDimensions","current","style","handleResize","createThrottledCallback","evt","deltaY","handleResizeEnd","document","removeEventListener","clientRect","getBoundingClientRect","addEventListener","includes","preventDefault","validate"],"mappings":"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"}

package/hooks/useResizeObserver.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var resizeObserver=require('../shared/resize-observer.js');var getDomTargets=require('../shared/utils/getDomTargets.js');exports.useResizeObserver=({enabled:e=!0,target:r,onResize:s})=>{const[t]=React.useState((()=>new WeakMap));React.useLayoutEffect((()=>{const a=getDomTargets.getDomTargets(r);return e&&a.forEach((e=>{e[resizeObserver.resizeObserver.symbol]=r=>{const a=t.get(e);a&&cancelAnimationFrame(a),t.set(e,requestAnimationFrame((()=>{s(r)})))},resizeObserver.resizeObserver.observe(e)})),()=>{a.forEach((e=>{resizeObserver.resizeObserver.unobserve(e)}))}}),[e,t,r,s])};
+'use strict';var React=require('react');var resizeObserver=require('../shared/resize-observer.js');var getDomTargets=require('../shared/utils/getDomTargets.js');exports.useResizeObserver=({enabled:e=!0,target:r,onResize:s})=>{const[t]=React.useState(()=>new WeakMap);React.useLayoutEffect(()=>{const a=getDomTargets.getDomTargets(r);return e&&a.forEach(e=>{e[resizeObserver.resizeObserver.symbol]=r=>{const a=t.get(e);a&&cancelAnimationFrame(a),t.set(e,requestAnimationFrame(()=>{s(r)}))},resizeObserver.resizeObserver.observe(e)}),()=>{a.forEach(e=>{resizeObserver.resizeObserver.unobserve(e)})}},[e,t,r,s])};
 //# sourceMappingURL=useResizeObserver.js.map