@foxford/ui 2.75.0 → 2.76.0-beta-7e5a1c1-20250711

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/components/Accordion/Accordion.js +1 -1
  2. package/components/Accordion/Accordion.js.map +1 -1
  3. package/components/Accordion/Accordion.mjs +1 -1
  4. package/components/Accordion/Accordion.mjs.map +1 -1
  5. package/components/Accordion/style.js +1 -1
  6. package/components/Accordion/style.js.map +1 -1
  7. package/components/Accordion/style.mjs +1 -1
  8. package/components/Accordion/style.mjs.map +1 -1
  9. package/components/DialogComponent/DialogComponent.js +1 -1
  10. package/components/DialogComponent/DialogComponent.js.map +1 -1
  11. package/components/DialogComponent/DialogComponent.mjs +1 -1
  12. package/components/DialogComponent/DialogComponent.mjs.map +1 -1
  13. package/components/Divider/Divider.js +2 -0
  14. package/components/Divider/Divider.js.map +1 -0
  15. package/components/Divider/Divider.mjs +2 -0
  16. package/components/Divider/Divider.mjs.map +1 -0
  17. package/components/Divider/style.js +2 -0
  18. package/components/Divider/style.js.map +1 -0
  19. package/components/Divider/style.mjs +2 -0
  20. package/components/Divider/style.mjs.map +1 -0
  21. package/components/FormInput/FormInput.js +1 -1
  22. package/components/FormInput/FormInput.js.map +1 -1
  23. package/components/FormInput/FormInput.mjs +1 -1
  24. package/components/FormInput/FormInput.mjs.map +1 -1
  25. package/components/TabList/TabList.js +2 -0
  26. package/components/TabList/TabList.js.map +1 -0
  27. package/components/TabList/TabList.mjs +2 -0
  28. package/components/TabList/TabList.mjs.map +1 -0
  29. package/components/TabList/TabListMenuTab.js +2 -0
  30. package/components/TabList/TabListMenuTab.js.map +1 -0
  31. package/components/TabList/TabListMenuTab.mjs +2 -0
  32. package/components/TabList/TabListMenuTab.mjs.map +1 -0
  33. package/components/TabList/TabListPanel.js +2 -0
  34. package/components/TabList/TabListPanel.js.map +1 -0
  35. package/components/TabList/TabListPanel.mjs +2 -0
  36. package/components/TabList/TabListPanel.mjs.map +1 -0
  37. package/components/TabList/hooks.js +2 -0
  38. package/components/TabList/hooks.js.map +1 -0
  39. package/components/TabList/hooks.mjs +2 -0
  40. package/components/TabList/hooks.mjs.map +1 -0
  41. package/components/TabList/layouts.js +2 -0
  42. package/components/TabList/layouts.js.map +1 -0
  43. package/components/TabList/layouts.mjs +2 -0
  44. package/components/TabList/layouts.mjs.map +1 -0
  45. package/components/TabList/sizes.js +2 -0
  46. package/components/TabList/sizes.js.map +1 -0
  47. package/components/TabList/sizes.mjs +2 -0
  48. package/components/TabList/sizes.mjs.map +1 -0
  49. package/components/TabList/style.js +2 -0
  50. package/components/TabList/style.js.map +1 -0
  51. package/components/TabList/style.mjs +2 -0
  52. package/components/TabList/style.mjs.map +1 -0
  53. package/components/TabListTab/TabListTab.js +2 -0
  54. package/components/TabListTab/TabListTab.js.map +1 -0
  55. package/components/TabListTab/TabListTab.mjs +2 -0
  56. package/components/TabListTab/TabListTab.mjs.map +1 -0
  57. package/components/TabListTab/hooks.js +2 -0
  58. package/components/TabListTab/hooks.js.map +1 -0
  59. package/components/TabListTab/hooks.mjs +2 -0
  60. package/components/TabListTab/hooks.mjs.map +1 -0
  61. package/components/TabListTab/sizes.js +2 -0
  62. package/components/TabListTab/sizes.js.map +1 -0
  63. package/components/TabListTab/sizes.mjs +2 -0
  64. package/components/TabListTab/sizes.mjs.map +1 -0
  65. package/components/TabListTab/style.js +2 -0
  66. package/components/TabListTab/style.js.map +1 -0
  67. package/components/TabListTab/style.mjs +2 -0
  68. package/components/TabListTab/style.mjs.map +1 -0
  69. package/components/Text/Ellipsis.js +1 -1
  70. package/components/Text/Ellipsis.js.map +1 -1
  71. package/components/Text/Ellipsis.mjs +1 -1
  72. package/components/Text/Ellipsis.mjs.map +1 -1
  73. package/components/Tooltip/Tooltip.js +1 -1
  74. package/components/Tooltip/Tooltip.js.map +1 -1
  75. package/components/Tooltip/Tooltip.mjs +1 -1
  76. package/components/Tooltip/Tooltip.mjs.map +1 -1
  77. package/components/Tooltip/TooltipWrapper.js +1 -1
  78. package/components/Tooltip/TooltipWrapper.js.map +1 -1
  79. package/components/Tooltip/TooltipWrapper.mjs +1 -1
  80. package/components/Tooltip/TooltipWrapper.mjs.map +1 -1
  81. package/dts/index.d.ts +610 -103
  82. package/hooks/useClickOutside.js +1 -1
  83. package/hooks/useClickOutside.js.map +1 -1
  84. package/hooks/useClickOutside.mjs +1 -1
  85. package/hooks/useClickOutside.mjs.map +1 -1
  86. package/hooks/useFloaterPortal.js +2 -0
  87. package/hooks/useFloaterPortal.js.map +1 -0
  88. package/hooks/useFloaterPortal.mjs +2 -0
  89. package/hooks/useFloaterPortal.mjs.map +1 -0
  90. package/hooks/useResizeObserver.js +1 -1
  91. package/hooks/useResizeObserver.js.map +1 -1
  92. package/hooks/useResizeObserver.mjs +1 -1
  93. package/hooks/useResizeObserver.mjs.map +1 -1
  94. package/hooks/useScrollThresholds.js +2 -0
  95. package/hooks/useScrollThresholds.js.map +1 -0
  96. package/hooks/useScrollThresholds.mjs +2 -0
  97. package/hooks/useScrollThresholds.mjs.map +1 -0
  98. package/index.js +1 -1
  99. package/index.mjs +1 -1
  100. package/package.json +2 -1
  101. package/shared/constants.js +1 -1
  102. package/shared/constants.js.map +1 -1
  103. package/shared/constants.mjs +1 -1
  104. package/shared/constants.mjs.map +1 -1
  105. package/shared/context/tabList.js +2 -0
  106. package/shared/context/tabList.js.map +1 -0
  107. package/shared/context/tabList.mjs +2 -0
  108. package/shared/context/tabList.mjs.map +1 -0
  109. package/shared/resize-observer.js +2 -0
  110. package/shared/resize-observer.js.map +1 -0
  111. package/shared/resize-observer.mjs +2 -0
  112. package/shared/resize-observer.mjs.map +1 -0
  113. package/shared/utils/dom.js +1 -1
  114. package/shared/utils/dom.js.map +1 -1
  115. package/shared/utils/dom.mjs +1 -1
  116. package/shared/utils/dom.mjs.map +1 -1
  117. package/shared/utils/react.js +2 -0
  118. package/shared/utils/react.js.map +1 -0
  119. package/shared/utils/react.mjs +2 -0
  120. package/shared/utils/react.mjs.map +1 -0
  121. package/components/Accordion/AccordionDivider.js +0 -2
  122. package/components/Accordion/AccordionDivider.js.map +0 -1
  123. package/components/Accordion/AccordionDivider.mjs +0 -2
  124. package/components/Accordion/AccordionDivider.mjs.map +0 -1
@@ -1,2 +1,2 @@
1
- 'use strict';var React=require('react');exports.useClickOutside=(e,t,c)=>{React.useEffect((()=>{const listener=c=>{const n=e.current;const r=c.target;n&&r&&r.isConnected&&(n.contains(r)||t(c))};return document.addEventListener('click',listener,c),()=>{document.removeEventListener('click',listener,c)}}),[e,t,c])};
1
+ 'use strict';var React=require('react');var dom=require('../shared/utils/dom.js');exports.useClickOutside=(e,t,s)=>{const{enabled:n=!0,event:c="click",once:r,passive:a,signal:o,capture:i}=s??{};React.useEffect((()=>{const s={once:r,passive:a,signal:o,capture:i};const listener=s=>{const n=dom.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,r,a,o,i])};
2
2
  //# sourceMappingURL=useClickOutside.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useClickOutside.js","sources":["../../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport type { RefObject } from 'react'\n\nexport const useClickOutside = (\n ref: RefObject<HTMLElement>,\n handleClickOutside: (evt: MouseEvent) => void,\n // eslint-disable-next-line jsx-control-statements/jsx-jcs-no-undef\n listenerOptions?: AddEventListenerOptions | boolean\n) => {\n useEffect(() => {\n const listener = (evt: MouseEvent) => {\n const element = ref.current\n const target = evt.target as Node\n\n if (!element || !target || !target.isConnected) {\n return\n }\n\n if (!element.contains(target)) {\n handleClickOutside(evt)\n }\n }\n\n document.addEventListener('click', listener, listenerOptions)\n\n return () => {\n document.removeEventListener('click', listener, listenerOptions)\n }\n }, [ref, handleClickOutside, listenerOptions])\n}\n"],"names":["useClickOutside","ref","handleClickOutside","listenerOptions","useEffect","listener","evt","element","current","target","isConnected","contains","document","addEventListener","removeEventListener"],"mappings":"gEAG+BA,CAC7BC,EACAC,EAEAC,KAEAC,MAAAA,WAAU,KACR,MAAMC,SAAYC,IAChB,MAAMC,EAAUN,EAAIO,QACpB,MAAMC,EAASH,EAAIG,OAEdF,GAAYE,GAAWA,EAAOC,cAI9BH,EAAQI,SAASF,IACpBP,EAAmBI,GACrB,EAKF,OAFAM,SAASC,iBAAiB,QAASR,SAAUF,GAEtC,KACLS,SAASE,oBAAoB,QAAST,SAAUF,EAAgB,CACjE,GACA,CAACF,EAAKC,EAAoBC,GAAiB"}
1
+ {"version":3,"file":"useClickOutside.js","sources":["../../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { getDomTargets } from 'shared/utils/dom'\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((target) => !target.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","contains","document","addEventListener","removeEventListener"],"mappings":"0GAI+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,kBAAcd,GAEjC,MAAMe,EAAYH,EAAIZ,OAGpBe,GACAA,EAAUC,aACVH,EAAWI,OAAS,GACpBJ,EAAWK,OAAOlB,IAAYA,EAAOmB,SAASJ,MAE9Cd,EAASW,EACX,EAOF,OAJIT,GACFiB,SAASC,iBAAiBjB,EAAOO,SAAUD,GAGtC,KACLU,SAASE,oBAAoBlB,EAAOO,SAAUD,EAAgB,CAC/D,GACA,CAACV,EAAQC,EAAUE,EAASC,EAAOC,EAAMC,EAASC,EAAQC,GAAS"}
@@ -1,2 +1,2 @@
1
- import{useEffect}from'react';const useClickOutside=(e,t,c)=>{useEffect((()=>{const listener=c=>{const n=e.current;const s=c.target;n&&s&&s.isConnected&&(n.contains(s)||t(c))};return document.addEventListener('click',listener,c),()=>{document.removeEventListener('click',listener,c)}}),[e,t,c])};export{useClickOutside};
1
+ import{useEffect}from'react';import{getDomTargets}from'../shared/utils/dom.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};
2
2
  //# sourceMappingURL=useClickOutside.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useClickOutside.mjs","sources":["../../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport type { RefObject } from 'react'\n\nexport const useClickOutside = (\n ref: RefObject<HTMLElement>,\n handleClickOutside: (evt: MouseEvent) => void,\n // eslint-disable-next-line jsx-control-statements/jsx-jcs-no-undef\n listenerOptions?: AddEventListenerOptions | boolean\n) => {\n useEffect(() => {\n const listener = (evt: MouseEvent) => {\n const element = ref.current\n const target = evt.target as Node\n\n if (!element || !target || !target.isConnected) {\n return\n }\n\n if (!element.contains(target)) {\n handleClickOutside(evt)\n }\n }\n\n document.addEventListener('click', listener, listenerOptions)\n\n return () => {\n document.removeEventListener('click', listener, listenerOptions)\n }\n }, [ref, handleClickOutside, listenerOptions])\n}\n"],"names":["useClickOutside","ref","handleClickOutside","listenerOptions","useEffect","listener","evt","element","current","target","isConnected","contains","document","addEventListener","removeEventListener"],"mappings":"6BAGO,MAAMA,gBAAkBA,CAC7BC,EACAC,EAEAC,KAEAC,WAAU,KACR,MAAMC,SAAYC,IAChB,MAAMC,EAAUN,EAAIO,QACpB,MAAMC,EAASH,EAAIG,OAEdF,GAAYE,GAAWA,EAAOC,cAI9BH,EAAQI,SAASF,IACpBP,EAAmBI,GACrB,EAKF,OAFAM,SAASC,iBAAiB,QAASR,SAAUF,GAEtC,KACLS,SAASE,oBAAoB,QAAST,SAAUF,EAAgB,CACjE,GACA,CAACF,EAAKC,EAAoBC,GAAiB"}
1
+ {"version":3,"file":"useClickOutside.mjs","sources":["../../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { getDomTargets } from 'shared/utils/dom'\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((target) => !target.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","contains","document","addEventListener","removeEventListener"],"mappings":"gFAIO,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,OAAOlB,IAAYA,EAAOmB,SAASJ,MAE9Cd,EAASW,EACX,EAOF,OAJIT,GACFiB,SAASC,iBAAiBjB,EAAOO,SAAUD,GAGtC,KACLU,SAASE,oBAAoBlB,EAAOO,SAAUD,EAAgB,CAC/D,GACA,CAACV,EAAQC,EAAUE,EAASC,EAAOC,EAAMC,EAASC,EAAQC,GAAS"}
@@ -0,0 +1,2 @@
1
+ '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};
2
+ //# sourceMappingURL=useFloaterPortal.js.map
@@ -0,0 +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,MAAQA,SAAwB,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"}
@@ -0,0 +1,2 @@
1
+ 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};
2
+ //# sourceMappingURL=useFloaterPortal.mjs.map
@@ -0,0 +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":"4CAGaA,MAAAA,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"}
@@ -1,2 +1,2 @@
1
- 'use strict';var React=require('react');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var ResizeObserver__default=_interopDefault(require('resize-observer-polyfill'));exports.useResizeObserver=({target:e,onResize:r})=>{const[t,s]=React.useMemo((()=>{const e=Symbol('resize-handler');const r=new ResizeObserver__default.default((r=>{r.forEach((r=>{typeof r.target[e]=='function'&&r.target[e](r.target)}))}));return[(t,s)=>{t[e]=s,r.observe(t)},e=>{r.unobserve(e)}]}),[]);React.useLayoutEffect((()=>(e&&t(e,r),()=>{e&&s(e)})),[e,r,t,s])};
1
+ 'use strict';var React=require('react');var resizeObserver=require('../shared/resize-observer.js');var dom=require('../shared/utils/dom.js');exports.useResizeObserver=({enabled:e=!0,target:r,onResize:s})=>{const[t]=React.useState((()=>new WeakMap));React.useLayoutEffect((()=>{const a=dom.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])};
2
2
  //# sourceMappingURL=useResizeObserver.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useResizeObserver.js","sources":["../../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { useMemo, useLayoutEffect } from 'react'\nimport ResizeObserver from 'resize-observer-polyfill'\n\nexport const useResizeObserver = ({\n target,\n onResize,\n}: {\n target: Element | null | void\n onResize: (target: Element) => void\n}) => {\n const [observe, unobserve] = useMemo(() => {\n const resizeHandlerSymbol = Symbol('resize-handler')\n\n const resizeObserver = new ResizeObserver((entries) => {\n entries.forEach((entry) => {\n if (typeof entry.target[resizeHandlerSymbol] === 'function') {\n entry.target[resizeHandlerSymbol](entry.target)\n }\n })\n })\n\n return [\n (target: Element, onResize: (target: Element) => void) => {\n target[resizeHandlerSymbol] = onResize\n resizeObserver.observe(target)\n },\n (target: Element) => {\n resizeObserver.unobserve(target)\n },\n ]\n }, [])\n\n useLayoutEffect(() => {\n if (target) {\n observe(target, onResize)\n }\n\n return () => {\n if (target) {\n unobserve(target)\n }\n }\n }, [target, onResize, observe, unobserve])\n}\n"],"names":["useResizeObserver","target","onResize","observe","unobserve","useMemo","resizeHandlerSymbol","Symbol","resizeObserver","ResizeObserver","default","entries","forEach","entry","useLayoutEffect"],"mappings":"oNAGiCA,EAC/BC,SACAC,eAKA,MAAOC,EAASC,GAAaC,MAAOA,SAAC,KACnC,MAAMC,EAAsBC,OAAO,kBAEnC,MAAMC,EAAiB,IAAIC,wBAAcC,SAAEC,IACzCA,EAAQC,SAASC,WACJA,EAAMZ,OAAOK,IAAyB,YAC/CO,EAAMZ,OAAOK,GAAqBO,EAAMZ,OAC1C,GACA,IAGJ,MAAO,CACL,CAACA,EAAiBC,KAChBD,EAAOK,GAAuBJ,EAC9BM,EAAeL,QAAQF,EAAO,EAE/BA,IACCO,EAAeJ,UAAUH,EAAO,EAEnC,GACA,IAEHa,MAAAA,iBAAgB,KACVb,GACFE,EAAQF,EAAQC,GAGX,KACDD,GACFG,EAAUH,EACZ,IAED,CAACA,EAAQC,EAAUC,EAASC,GAAW"}
1
+ {"version":3,"file":"useResizeObserver.js","sources":["../../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { useLayoutEffect, useState } from 'react'\nimport { resizeObserver } from 'shared/resize-observer'\nimport { getDomTargets } from 'shared/utils/dom'\nimport type { DomTarget } from 'shared/types'\n\nexport const useResizeObserver = <T extends HTMLElement = HTMLElement>({\n enabled = true,\n target,\n onResize,\n}: {\n onResize: (target: T) => void\n target?: DomTarget<T> | DomTarget<T>[]\n enabled?: boolean\n}) => {\n const [animationRequests] = useState<WeakMap<T, number>>(() => new WeakMap())\n\n useLayoutEffect(() => {\n const targets = getDomTargets<T>(target)\n\n if (enabled) {\n targets.forEach((observerTarget) => {\n observerTarget[resizeObserver.symbol] = (e: T) => {\n const reqId = animationRequests.get(observerTarget)\n\n if (reqId) {\n cancelAnimationFrame(reqId)\n }\n\n animationRequests.set(\n observerTarget,\n requestAnimationFrame(() => {\n onResize(e)\n })\n )\n }\n\n resizeObserver.observe(observerTarget)\n })\n }\n\n return () => {\n targets.forEach((observerTarget) => {\n resizeObserver.unobserve(observerTarget)\n })\n }\n }, [enabled, animationRequests, target, onResize])\n}\n"],"names":["useResizeObserver","enabled","target","onResize","animationRequests","useState","WeakMap","useLayoutEffect","targets","getDomTargets","forEach","observerTarget","resizeObserver","symbol","e","reqId","get","cancelAnimationFrame","set","requestAnimationFrame","observe","unobserve"],"mappings":"uKAKiCA,EAC/BC,WAAU,EACVC,SACAC,eAMA,MAAOC,GAAqBC,MAAAA,UAA6B,IAAM,IAAIC,UAEnEC,MAAAA,iBAAgB,KACd,MAAMC,EAAUC,kBAAiBP,GAuBjC,OArBID,GACFO,EAAQE,SAASC,IACfA,EAAeC,eAAcA,eAACC,QAAWC,IACvC,MAAMC,EAAQX,EAAkBY,IAAIL,GAEhCI,GACFE,qBAAqBF,GAGvBX,EAAkBc,IAChBP,EACAQ,uBAAsB,KACpBhB,EAASW,EAAE,IAEd,EAGHF,8BAAeQ,QAAQT,EAAe,IAInC,KACLH,EAAQE,SAASC,IACfC,8BAAeS,UAAUV,EAAe,GACxC,CACH,GACA,CAACV,EAASG,EAAmBF,EAAQC,GAAU"}
@@ -1,2 +1,2 @@
1
- import{useMemo,useLayoutEffect}from'react';import ResizeObserver from'resize-observer-polyfill';const useResizeObserver=({target:e,onResize:r})=>{const[s,t]=useMemo((()=>{const e=Symbol('resize-handler');const r=new ResizeObserver((r=>{r.forEach((r=>{typeof r.target[e]=='function'&&r.target[e](r.target)}))}));return[(s,t)=>{s[e]=t,r.observe(s)},e=>{r.unobserve(e)}]}),[]);useLayoutEffect((()=>(e&&s(e,r),()=>{e&&t(e)})),[e,r,s,t])};export{useResizeObserver};
1
+ import{useState,useLayoutEffect}from'react';import{resizeObserver}from'../shared/resize-observer.mjs';import{getDomTargets}from'../shared/utils/dom.mjs';const useResizeObserver=({enabled:e=!0,target:r,onResize:s})=>{const[t]=useState((()=>new WeakMap));useLayoutEffect((()=>{const o=getDomTargets(r);return e&&o.forEach((e=>{e[resizeObserver.symbol]=r=>{const o=t.get(e);o&&cancelAnimationFrame(o),t.set(e,requestAnimationFrame((()=>{s(r)})))},resizeObserver.observe(e)})),()=>{o.forEach((e=>{resizeObserver.unobserve(e)}))}}),[e,t,r,s])};export{useResizeObserver};
2
2
  //# sourceMappingURL=useResizeObserver.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useResizeObserver.mjs","sources":["../../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { useMemo, useLayoutEffect } from 'react'\nimport ResizeObserver from 'resize-observer-polyfill'\n\nexport const useResizeObserver = ({\n target,\n onResize,\n}: {\n target: Element | null | void\n onResize: (target: Element) => void\n}) => {\n const [observe, unobserve] = useMemo(() => {\n const resizeHandlerSymbol = Symbol('resize-handler')\n\n const resizeObserver = new ResizeObserver((entries) => {\n entries.forEach((entry) => {\n if (typeof entry.target[resizeHandlerSymbol] === 'function') {\n entry.target[resizeHandlerSymbol](entry.target)\n }\n })\n })\n\n return [\n (target: Element, onResize: (target: Element) => void) => {\n target[resizeHandlerSymbol] = onResize\n resizeObserver.observe(target)\n },\n (target: Element) => {\n resizeObserver.unobserve(target)\n },\n ]\n }, [])\n\n useLayoutEffect(() => {\n if (target) {\n observe(target, onResize)\n }\n\n return () => {\n if (target) {\n unobserve(target)\n }\n }\n }, [target, onResize, observe, unobserve])\n}\n"],"names":["useResizeObserver","target","onResize","observe","unobserve","useMemo","resizeHandlerSymbol","Symbol","resizeObserver","ResizeObserver","entries","forEach","entry","useLayoutEffect"],"mappings":"gGAGO,MAAMA,kBAAoBA,EAC/BC,SACAC,eAKA,MAAOC,EAASC,GAAaC,SAAQ,KACnC,MAAMC,EAAsBC,OAAO,kBAEnC,MAAMC,EAAiB,IAAIC,gBAAgBC,IACzCA,EAAQC,SAASC,WACJA,EAAMX,OAAOK,IAAyB,YAC/CM,EAAMX,OAAOK,GAAqBM,EAAMX,OAC1C,GACA,IAGJ,MAAO,CACL,CAACA,EAAiBC,KAChBD,EAAOK,GAAuBJ,EAC9BM,EAAeL,QAAQF,EAAO,EAE/BA,IACCO,EAAeJ,UAAUH,EAAO,EAEnC,GACA,IAEHY,iBAAgB,KACVZ,GACFE,EAAQF,EAAQC,GAGX,KACDD,GACFG,EAAUH,EACZ,IAED,CAACA,EAAQC,EAAUC,EAASC,GAAW"}
1
+ {"version":3,"file":"useResizeObserver.mjs","sources":["../../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { useLayoutEffect, useState } from 'react'\nimport { resizeObserver } from 'shared/resize-observer'\nimport { getDomTargets } from 'shared/utils/dom'\nimport type { DomTarget } from 'shared/types'\n\nexport const useResizeObserver = <T extends HTMLElement = HTMLElement>({\n enabled = true,\n target,\n onResize,\n}: {\n onResize: (target: T) => void\n target?: DomTarget<T> | DomTarget<T>[]\n enabled?: boolean\n}) => {\n const [animationRequests] = useState<WeakMap<T, number>>(() => new WeakMap())\n\n useLayoutEffect(() => {\n const targets = getDomTargets<T>(target)\n\n if (enabled) {\n targets.forEach((observerTarget) => {\n observerTarget[resizeObserver.symbol] = (e: T) => {\n const reqId = animationRequests.get(observerTarget)\n\n if (reqId) {\n cancelAnimationFrame(reqId)\n }\n\n animationRequests.set(\n observerTarget,\n requestAnimationFrame(() => {\n onResize(e)\n })\n )\n }\n\n resizeObserver.observe(observerTarget)\n })\n }\n\n return () => {\n targets.forEach((observerTarget) => {\n resizeObserver.unobserve(observerTarget)\n })\n }\n }, [enabled, animationRequests, target, onResize])\n}\n"],"names":["useResizeObserver","enabled","target","onResize","animationRequests","useState","WeakMap","useLayoutEffect","targets","getDomTargets","forEach","observerTarget","resizeObserver","symbol","e","reqId","get","cancelAnimationFrame","set","requestAnimationFrame","observe","unobserve"],"mappings":"yJAKO,MAAMA,kBAAoBA,EAC/BC,WAAU,EACVC,SACAC,eAMA,MAAOC,GAAqBC,UAA6B,IAAM,IAAIC,UAEnEC,iBAAgB,KACd,MAAMC,EAAUC,cAAiBP,GAuBjC,OArBID,GACFO,EAAQE,SAASC,IACfA,EAAeC,eAAeC,QAAWC,IACvC,MAAMC,EAAQX,EAAkBY,IAAIL,GAEhCI,GACFE,qBAAqBF,GAGvBX,EAAkBc,IAChBP,EACAQ,uBAAsB,KACpBhB,EAASW,EAAE,IAEd,EAGHF,eAAeQ,QAAQT,EAAe,IAInC,KACLH,EAAQE,SAASC,IACfC,eAAeS,UAAUV,EAAe,GACxC,CACH,GACA,CAACV,EAASG,EAAmBF,EAAQC,GAAU"}
@@ -0,0 +1,2 @@
1
+ 'use strict';var React=require('react');var useResizeObserver=require('./useResizeObserver.js');exports.useScrollThresholds=({enabled:e=!0,target:l})=>{const[t,s]=React.useState(null);const[r,c]=React.useState(null);const[o,u]=React.useState(null);const[n,i]=React.useState(null);const a=React.useMemo((()=>({top:t,bottom:r,left:o,right:n})),[t,r,o,n]);const h=React.useCallback((e=>{e.scrollHeight===e.clientHeight?(s(null),c(null)):(s(e.scrollTop<=0),c(e.scrollHeight-e.clientHeight-e.scrollTop<=1)),e.scrollWidth===e.clientWidth?(u(null),i(null)):(u(e.scrollLeft<=0),i(e.scrollWidth-e.clientWidth-e.scrollLeft<=1))}),[]);return useResizeObserver.useResizeObserver({enabled:e,target:l,onResize:h}),{scrollThresholds:a,setScrollThresholds:h}};
2
+ //# sourceMappingURL=useScrollThresholds.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useScrollThresholds.js","sources":["../../../src/hooks/useScrollThresholds.ts"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react'\nimport { useResizeObserver } from 'hooks/useResizeObserver'\nimport { DomTarget } from 'shared/types'\n\nexport const useScrollThresholds = ({ enabled = true, target }: { target: DomTarget; enabled?: boolean }) => {\n const [top, setTop] = useState<boolean | null>(null)\n const [bottom, setBottom] = useState<boolean | null>(null)\n const [left, setLeft] = useState<boolean | null>(null)\n const [right, setRight] = useState<boolean | null>(null)\n\n const scrollThresholds = useMemo(() => ({ top, bottom, left, right }), [top, bottom, left, right])\n\n const setScrollThresholds = useCallback((e: HTMLElement) => {\n if (e.scrollHeight === e.clientHeight) {\n setTop(null)\n setBottom(null)\n } else {\n setTop(e.scrollTop <= 0)\n setBottom(e.scrollHeight - e.clientHeight - e.scrollTop <= 1)\n }\n if (e.scrollWidth === e.clientWidth) {\n setLeft(null)\n setRight(null)\n } else {\n setLeft(e.scrollLeft <= 0)\n setRight(e.scrollWidth - e.clientWidth - e.scrollLeft <= 1)\n }\n }, [])\n\n useResizeObserver({ enabled, target, onResize: setScrollThresholds })\n\n return {\n scrollThresholds,\n setScrollThresholds,\n }\n}\n"],"names":["useScrollThresholds","enabled","target","top","setTop","useState","bottom","setBottom","left","setLeft","right","setRight","scrollThresholds","useMemo","setScrollThresholds","useCallback","e","scrollHeight","clientHeight","scrollTop","scrollWidth","clientWidth","scrollLeft","useResizeObserver","onResize"],"mappings":"4HAImCA,EAAGC,WAAU,EAAMC,aACpD,MAAOC,EAAKC,GAAUC,MAAQA,SAAiB,MAC/C,MAAOC,EAAQC,GAAaF,MAAQA,SAAiB,MACrD,MAAOG,EAAMC,GAAWJ,MAAQA,SAAiB,MACjD,MAAOK,EAAOC,GAAYN,MAAQA,SAAiB,MAEnD,MAAMO,EAAmBC,MAAAA,SAAQ,KAAO,CAAEV,MAAKG,SAAQE,OAAME,WAAU,CAACP,EAAKG,EAAQE,EAAME,IAE3F,MAAMI,EAAsBC,MAAWA,aAAEC,IACnCA,EAAEC,eAAiBD,EAAEE,cACvBd,EAAO,MACPG,EAAU,QAEVH,EAAOY,EAAEG,WAAa,GACtBZ,EAAUS,EAAEC,aAAeD,EAAEE,aAAeF,EAAEG,WAAa,IAEzDH,EAAEI,cAAgBJ,EAAEK,aACtBZ,EAAQ,MACRE,EAAS,QAETF,EAAQO,EAAEM,YAAc,GACxBX,EAASK,EAAEI,YAAcJ,EAAEK,YAAcL,EAAEM,YAAc,GAC3D,GACC,IAIH,OAFAC,oCAAkB,CAAEtB,UAASC,SAAQsB,SAAUV,IAExC,CACLF,mBACAE,sBACD"}
@@ -0,0 +1,2 @@
1
+ import{useState,useMemo,useCallback}from'react';import{useResizeObserver}from'./useResizeObserver.mjs';const useScrollThresholds=({enabled:e=!0,target:l})=>{const[s,t]=useState(null);const[o,r]=useState(null);const[c,n]=useState(null);const[u,i]=useState(null);const h=useMemo((()=>({top:s,bottom:o,left:c,right:u})),[s,o,c,u]);const a=useCallback((e=>{e.scrollHeight===e.clientHeight?(t(null),r(null)):(t(e.scrollTop<=0),r(e.scrollHeight-e.clientHeight-e.scrollTop<=1)),e.scrollWidth===e.clientWidth?(n(null),i(null)):(n(e.scrollLeft<=0),i(e.scrollWidth-e.clientWidth-e.scrollLeft<=1))}),[]);return useResizeObserver({enabled:e,target:l,onResize:a}),{scrollThresholds:h,setScrollThresholds:a}};export{useScrollThresholds};
2
+ //# sourceMappingURL=useScrollThresholds.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useScrollThresholds.mjs","sources":["../../../src/hooks/useScrollThresholds.ts"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react'\nimport { useResizeObserver } from 'hooks/useResizeObserver'\nimport { DomTarget } from 'shared/types'\n\nexport const useScrollThresholds = ({ enabled = true, target }: { target: DomTarget; enabled?: boolean }) => {\n const [top, setTop] = useState<boolean | null>(null)\n const [bottom, setBottom] = useState<boolean | null>(null)\n const [left, setLeft] = useState<boolean | null>(null)\n const [right, setRight] = useState<boolean | null>(null)\n\n const scrollThresholds = useMemo(() => ({ top, bottom, left, right }), [top, bottom, left, right])\n\n const setScrollThresholds = useCallback((e: HTMLElement) => {\n if (e.scrollHeight === e.clientHeight) {\n setTop(null)\n setBottom(null)\n } else {\n setTop(e.scrollTop <= 0)\n setBottom(e.scrollHeight - e.clientHeight - e.scrollTop <= 1)\n }\n if (e.scrollWidth === e.clientWidth) {\n setLeft(null)\n setRight(null)\n } else {\n setLeft(e.scrollLeft <= 0)\n setRight(e.scrollWidth - e.clientWidth - e.scrollLeft <= 1)\n }\n }, [])\n\n useResizeObserver({ enabled, target, onResize: setScrollThresholds })\n\n return {\n scrollThresholds,\n setScrollThresholds,\n }\n}\n"],"names":["useScrollThresholds","enabled","target","top","setTop","useState","bottom","setBottom","left","setLeft","right","setRight","scrollThresholds","useMemo","setScrollThresholds","useCallback","e","scrollHeight","clientHeight","scrollTop","scrollWidth","clientWidth","scrollLeft","useResizeObserver","onResize"],"mappings":"uGAIO,MAAMA,oBAAsBA,EAAGC,WAAU,EAAMC,aACpD,MAAOC,EAAKC,GAAUC,SAAyB,MAC/C,MAAOC,EAAQC,GAAaF,SAAyB,MACrD,MAAOG,EAAMC,GAAWJ,SAAyB,MACjD,MAAOK,EAAOC,GAAYN,SAAyB,MAEnD,MAAMO,EAAmBC,SAAQ,KAAO,CAAEV,MAAKG,SAAQE,OAAME,WAAU,CAACP,EAAKG,EAAQE,EAAME,IAE3F,MAAMI,EAAsBC,aAAaC,IACnCA,EAAEC,eAAiBD,EAAEE,cACvBd,EAAO,MACPG,EAAU,QAEVH,EAAOY,EAAEG,WAAa,GACtBZ,EAAUS,EAAEC,aAAeD,EAAEE,aAAeF,EAAEG,WAAa,IAEzDH,EAAEI,cAAgBJ,EAAEK,aACtBZ,EAAQ,MACRE,EAAS,QAETF,EAAQO,EAAEM,YAAc,GACxBX,EAASK,EAAEI,YAAcJ,EAAEK,YAAcL,EAAEM,YAAc,GAC3D,GACC,IAIH,OAFAC,kBAAkB,CAAEtB,UAASC,SAAQsB,SAAUV,IAExC,CACLF,mBACAE,sBACD"}
package/index.js CHANGED
@@ -1,2 +1,2 @@
1
- 'use strict';var colors$1=require('./shared/utils/colors.js');var colors=require('./theme/colors.js');var screen=require('./mixins/screen.js');var useClickOutside=require('./hooks/useClickOutside.js');var useScrollMonitor=require('./hooks/useScrollMonitor.js');var responsiveProperty=require('./mixins/responsive-property.js');var color=require('./mixins/color.js');var vAlign=require('./mixins/vAlign.js');var shared=require('./mixins/shared.js');var constants=require('./components/Input.Phone/constants.js');var themeProvider=require('./theme/theme-provider.js');var themes=require('./theme/themes.js');var ActionBtn=require('./components/ActionBtn/ActionBtn.js');var Alert=require('./components/Alert/Alert.js');var Amount=require('./components/Amount/Amount.js');var index=require('./components/Amount/data/index.js');var Anchor=require('./components/Anchor/Anchor.js');var Arrow=require('./components/Arrow/Arrow.js');var ArrowBadge=require('./components/ArrowBadge/ArrowBadge.js');var Avatar=require('./components/Avatar/Avatar.js');var Badge=require('./components/Badge/Badge.js');var Button=require('./components/Button/Button.js');var Container=require('./components/Container/Container.js');var Icon=require('./components/Icon/Icon.js');var Modal=require('./components/Modal/Modal.js');var Paper=require('./components/Paper/Paper.js');var Progress=require('./components/Progress/Progress.js');var Scrollable=require('./components/Scrollable/Scrollable.js');var Section=require('./components/Section/Section.js');var Separator=require('./components/Separator/Separator.js');var Spacer=require('./components/Spacer/Spacer.js');var Spinner=require('./components/Spinner/Spinner.js');var Switcher=require('./components/Switcher/Switcher.js');var Tab=require('./components/Tab/Tab.js');var Tabs=require('./components/Tabs/Tabs.js');var Text=require('./components/Text/Text.js');var Tooltip=require('./components/Tooltip/Tooltip.js');var Tag=require('./components/Tag/Tag.js');var ContextMenu=require('./components/ContextMenu/ContextMenu.js');var Textarea=require('./components/Textarea/Textarea.js');var Input=require('./components/Input/Input.js');var style=require('./components/Input/style.js');var Radio=require('./components/Radio/Radio.js');var Checkbox=require('./components/Checkbox/Checkbox.js');var Select=require('./components/Select/Select.js');var FormLabel=require('./components/FormLabel/FormLabel.js');var Skeleton=require('./components/Skeleton/Skeleton.js');var Popover=require('./components/Popover/Popover.js');var ListItem=require('./components/ListItem/ListItem.js');var Indicator=require('./components/Indicator/Indicator.js');var IconButton=require('./components/IconButton/IconButton.js');var Chip=require('./components/Chip/Chip.js');var Menu=require('./components/Menu/Menu.js');var Dropdown=require('./components/Dropdown/Dropdown.js');var Dialog=require('./components/Dialog/Dialog.js');var Notification=require('./components/Notification/Notification.js');var Accordion=require('./components/Accordion/Accordion.js');var Switch=require('./components/Switch/Switch.js');var ProgressLine=require('./components/ProgressLine/ProgressLine.js');var ProgressCircle=require('./components/ProgressCircle/ProgressCircle.js');var AspectRatio=require('./components/AspectRatio/AspectRatio.js');exports.hexToRgbA=colors$1.hexToRgbA,exports.isHex=colors$1.isHex,exports.ColorNames=colors.ColorNames,exports.screenL=screen.screenL,exports.screenM=screen.screenM,exports.screenMaxL=screen.screenMaxL,exports.screenMaxM=screen.screenMaxM,exports.screenMaxS=screen.screenMaxS,exports.screenMaxXl=screen.screenMaxXl,exports.screenMaxXs=screen.screenMaxXs,exports.screenMaxXxs=screen.screenMaxXxs,exports.screenMinL=screen.screenMinL,exports.screenMinM=screen.screenMinM,exports.screenMinS=screen.screenMinS,exports.screenMinXl=screen.screenMinXl,exports.screenMinXs=screen.screenMinXs,exports.screenRetina=screen.screenRetina,exports.screenS=screen.screenS,exports.screenXl=screen.screenXl,exports.screenXs=screen.screenXs,exports.useClickOutside=useClickOutside.useClickOutside,exports.useScrollMonitor=useScrollMonitor.useScrollMonitor,exports.property=responsiveProperty.property,exports.responsiveNamedProperty=responsiveProperty.responsiveNamedProperty,exports.responsiveProperty=responsiveProperty.responsiveProperty,exports.color=color.color,exports.vAlign=vAlign.vAlign,exports.buildMediaQuery=shared.buildMediaQuery,exports.desktopFirst=shared.desktopFirst,exports.mobileFirst=shared.mobileFirst,exports.COUNTRY_DATA=constants.COUNTRY_DATA,exports.DEFAULT_MASK=constants.DEFAULT_MASK,exports.INITIAL_MASK=constants.INITIAL_MASK,exports.ThemeProvider=themeProvider.ThemeProvider,exports.adultDarkTheme=themes.adultDarkTheme,exports.adultLightTheme=themes.adultLightTheme,exports.babyDarkTheme=themes.babyDarkTheme,exports.babyLightTheme=themes.babyLightTheme,exports.motherDarkTheme=themes.motherDarkTheme,exports.motherLightTheme=themes.motherLightTheme,exports.teenDarkTheme=themes.teenDarkTheme,exports.teenLightTheme=themes.teenLightTheme,exports.theme=themes.defaultTheme,exports.ActionBtn=ActionBtn.ActionBtn,exports.Alert=Alert.Alert,exports.Amount=Amount.Amount,exports.CURRENCY_MAP=index.CURRENCY_MAP,exports.CurrencyCodes=index.CurrencyCodes,exports.Anchor=Anchor.Anchor,exports.Arrow=Arrow.Arrow,exports.ArrowBadge=ArrowBadge.ArrowBadge,exports.Avatar=Avatar.Avatar,exports.Badge=Badge.Badge,exports.Button=Button.Button,exports.Container=Container.Container,exports.Icon=Icon.Icon,exports.Modal=Modal.Modal,exports.Paper=Paper.Paper,exports.Progress=Progress.Progress,exports.Scrollable=Scrollable.Scrollable,exports.Section=Section.Section,exports.Separator=Separator.Separator,exports.Spacer=Spacer.Spacer,exports.Spinner=Spinner.Spinner,exports.Switcher=Switcher.Switcher,exports.Tab=Tab.Tab,exports.Tabs=Tabs.Tabs,exports.Text=Text.Text,exports.Tooltip=Tooltip.Tooltip,exports.Tag=Tag.Tag,exports.ContextMenu=ContextMenu.ContextMenu,exports.Textarea=Textarea.Textarea,exports.Input=Input.Input,exports.baseInputStyle=style.baseInputStyle,exports.Radio=Radio.Radio,exports.Checkbox=Checkbox.Checkbox,exports.Select=Select.Select,exports.FormLabel=FormLabel.FormLabel,exports.Skeleton=Skeleton.Skeleton,exports.Popover=Popover.Popover,exports.ListItem=ListItem.ListItem,exports.Indicator=Indicator.Indicator,exports.IconButton=IconButton.IconButton,exports.Chip=Chip.Chip,exports.Menu=Menu.Menu,exports.Dropdown=Dropdown.Dropdown,exports.Dialog=Dialog.Dialog,exports.Notification=Notification.Notification,exports.Accordion=Accordion.Accordion,exports.Switch=Switch.Switch,exports.ProgressLine=ProgressLine.ProgressLine,exports.ProgressCircle=ProgressCircle.ProgressCircle,exports.AspectRatio=AspectRatio.AspectRatio;
1
+ 'use strict';var colors$1=require('./shared/utils/colors.js');var colors=require('./theme/colors.js');var screen=require('./mixins/screen.js');var useClickOutside=require('./hooks/useClickOutside.js');var useScrollMonitor=require('./hooks/useScrollMonitor.js');var responsiveProperty=require('./mixins/responsive-property.js');var color=require('./mixins/color.js');var vAlign=require('./mixins/vAlign.js');var shared=require('./mixins/shared.js');var constants=require('./components/Input.Phone/constants.js');var themeProvider=require('./theme/theme-provider.js');var themes=require('./theme/themes.js');var ActionBtn=require('./components/ActionBtn/ActionBtn.js');var Alert=require('./components/Alert/Alert.js');var Amount=require('./components/Amount/Amount.js');var index=require('./components/Amount/data/index.js');var Anchor=require('./components/Anchor/Anchor.js');var Arrow=require('./components/Arrow/Arrow.js');var ArrowBadge=require('./components/ArrowBadge/ArrowBadge.js');var Avatar=require('./components/Avatar/Avatar.js');var Badge=require('./components/Badge/Badge.js');var Button=require('./components/Button/Button.js');var Container=require('./components/Container/Container.js');var Icon=require('./components/Icon/Icon.js');var Modal=require('./components/Modal/Modal.js');var Paper=require('./components/Paper/Paper.js');var Progress=require('./components/Progress/Progress.js');var Scrollable=require('./components/Scrollable/Scrollable.js');var Section=require('./components/Section/Section.js');var Separator=require('./components/Separator/Separator.js');var Spacer=require('./components/Spacer/Spacer.js');var Spinner=require('./components/Spinner/Spinner.js');var Switcher=require('./components/Switcher/Switcher.js');var Tab=require('./components/Tab/Tab.js');var Tabs=require('./components/Tabs/Tabs.js');var Text=require('./components/Text/Text.js');var Tooltip=require('./components/Tooltip/Tooltip.js');var Tag=require('./components/Tag/Tag.js');var ContextMenu=require('./components/ContextMenu/ContextMenu.js');var Textarea=require('./components/Textarea/Textarea.js');var Input=require('./components/Input/Input.js');var style=require('./components/Input/style.js');var Radio=require('./components/Radio/Radio.js');var Checkbox=require('./components/Checkbox/Checkbox.js');var Select=require('./components/Select/Select.js');var FormLabel=require('./components/FormLabel/FormLabel.js');var Skeleton=require('./components/Skeleton/Skeleton.js');var Popover=require('./components/Popover/Popover.js');var ListItem=require('./components/ListItem/ListItem.js');var Indicator=require('./components/Indicator/Indicator.js');var IconButton=require('./components/IconButton/IconButton.js');var Chip=require('./components/Chip/Chip.js');var Menu=require('./components/Menu/Menu.js');var Dropdown=require('./components/Dropdown/Dropdown.js');var Dialog=require('./components/Dialog/Dialog.js');var Notification=require('./components/Notification/Notification.js');var Accordion=require('./components/Accordion/Accordion.js');var Switch=require('./components/Switch/Switch.js');var ProgressLine=require('./components/ProgressLine/ProgressLine.js');var ProgressCircle=require('./components/ProgressCircle/ProgressCircle.js');var AspectRatio=require('./components/AspectRatio/AspectRatio.js');var TabList=require('./components/TabList/TabList.js');exports.hexToRgbA=colors$1.hexToRgbA,exports.isHex=colors$1.isHex,exports.ColorNames=colors.ColorNames,exports.screenL=screen.screenL,exports.screenM=screen.screenM,exports.screenMaxL=screen.screenMaxL,exports.screenMaxM=screen.screenMaxM,exports.screenMaxS=screen.screenMaxS,exports.screenMaxXl=screen.screenMaxXl,exports.screenMaxXs=screen.screenMaxXs,exports.screenMaxXxs=screen.screenMaxXxs,exports.screenMinL=screen.screenMinL,exports.screenMinM=screen.screenMinM,exports.screenMinS=screen.screenMinS,exports.screenMinXl=screen.screenMinXl,exports.screenMinXs=screen.screenMinXs,exports.screenRetina=screen.screenRetina,exports.screenS=screen.screenS,exports.screenXl=screen.screenXl,exports.screenXs=screen.screenXs,exports.useClickOutside=useClickOutside.useClickOutside,exports.useScrollMonitor=useScrollMonitor.useScrollMonitor,exports.property=responsiveProperty.property,exports.responsiveNamedProperty=responsiveProperty.responsiveNamedProperty,exports.responsiveProperty=responsiveProperty.responsiveProperty,exports.color=color.color,exports.vAlign=vAlign.vAlign,exports.buildMediaQuery=shared.buildMediaQuery,exports.desktopFirst=shared.desktopFirst,exports.mobileFirst=shared.mobileFirst,exports.COUNTRY_DATA=constants.COUNTRY_DATA,exports.DEFAULT_MASK=constants.DEFAULT_MASK,exports.INITIAL_MASK=constants.INITIAL_MASK,exports.ThemeProvider=themeProvider.ThemeProvider,exports.adultDarkTheme=themes.adultDarkTheme,exports.adultLightTheme=themes.adultLightTheme,exports.babyDarkTheme=themes.babyDarkTheme,exports.babyLightTheme=themes.babyLightTheme,exports.motherDarkTheme=themes.motherDarkTheme,exports.motherLightTheme=themes.motherLightTheme,exports.teenDarkTheme=themes.teenDarkTheme,exports.teenLightTheme=themes.teenLightTheme,exports.theme=themes.defaultTheme,exports.ActionBtn=ActionBtn.ActionBtn,exports.Alert=Alert.Alert,exports.Amount=Amount.Amount,exports.CURRENCY_MAP=index.CURRENCY_MAP,exports.CurrencyCodes=index.CurrencyCodes,exports.Anchor=Anchor.Anchor,exports.Arrow=Arrow.Arrow,exports.ArrowBadge=ArrowBadge.ArrowBadge,exports.Avatar=Avatar.Avatar,exports.Badge=Badge.Badge,exports.Button=Button.Button,exports.Container=Container.Container,exports.Icon=Icon.Icon,exports.Modal=Modal.Modal,exports.Paper=Paper.Paper,exports.Progress=Progress.Progress,exports.Scrollable=Scrollable.Scrollable,exports.Section=Section.Section,exports.Separator=Separator.Separator,exports.Spacer=Spacer.Spacer,exports.Spinner=Spinner.Spinner,exports.Switcher=Switcher.Switcher,exports.Tab=Tab.Tab,exports.Tabs=Tabs.Tabs,exports.Text=Text.Text,exports.Tooltip=Tooltip.Tooltip,exports.Tag=Tag.Tag,exports.ContextMenu=ContextMenu.ContextMenu,exports.Textarea=Textarea.Textarea,exports.Input=Input.Input,exports.baseInputStyle=style.baseInputStyle,exports.Radio=Radio.Radio,exports.Checkbox=Checkbox.Checkbox,exports.Select=Select.Select,exports.FormLabel=FormLabel.FormLabel,exports.Skeleton=Skeleton.Skeleton,exports.Popover=Popover.Popover,exports.ListItem=ListItem.ListItem,exports.Indicator=Indicator.Indicator,exports.IconButton=IconButton.IconButton,exports.Chip=Chip.Chip,exports.Menu=Menu.Menu,exports.Dropdown=Dropdown.Dropdown,exports.Dialog=Dialog.Dialog,exports.Notification=Notification.Notification,exports.Accordion=Accordion.Accordion,exports.Switch=Switch.Switch,exports.ProgressLine=ProgressLine.ProgressLine,exports.ProgressCircle=ProgressCircle.ProgressCircle,exports.AspectRatio=AspectRatio.AspectRatio,exports.TabList=TabList.TabList;
2
2
  //# sourceMappingURL=index.js.map
package/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- export{hexToRgbA,isHex}from'./shared/utils/colors.mjs';export{ColorNames}from'./theme/colors.mjs';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.mjs';export{useClickOutside}from'./hooks/useClickOutside.mjs';export{useScrollMonitor}from'./hooks/useScrollMonitor.mjs';export{property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.mjs';export{color}from'./mixins/color.mjs';export{vAlign}from'./mixins/vAlign.mjs';export{buildMediaQuery,desktopFirst,mobileFirst}from'./mixins/shared.mjs';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.mjs';export{ThemeProvider}from'./theme/theme-provider.mjs';export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme,defaultTheme as theme}from'./theme/themes.mjs';export{ActionBtn}from'./components/ActionBtn/ActionBtn.mjs';export{Alert}from'./components/Alert/Alert.mjs';export{Amount}from'./components/Amount/Amount.mjs';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.mjs';export{Anchor}from'./components/Anchor/Anchor.mjs';export{Arrow}from'./components/Arrow/Arrow.mjs';export{ArrowBadge}from'./components/ArrowBadge/ArrowBadge.mjs';export{Avatar}from'./components/Avatar/Avatar.mjs';export{Badge}from'./components/Badge/Badge.mjs';export{Button}from'./components/Button/Button.mjs';export{Container}from'./components/Container/Container.mjs';export{Icon}from'./components/Icon/Icon.mjs';export{Modal}from'./components/Modal/Modal.mjs';export{Paper}from'./components/Paper/Paper.mjs';export{Progress}from'./components/Progress/Progress.mjs';export{Scrollable}from'./components/Scrollable/Scrollable.mjs';export{Section}from'./components/Section/Section.mjs';export{Separator}from'./components/Separator/Separator.mjs';export{Spacer}from'./components/Spacer/Spacer.mjs';export{Spinner}from'./components/Spinner/Spinner.mjs';export{Switcher}from'./components/Switcher/Switcher.mjs';export{Tab}from'./components/Tab/Tab.mjs';export{Tabs}from'./components/Tabs/Tabs.mjs';export{Text}from'./components/Text/Text.mjs';export{Tooltip}from'./components/Tooltip/Tooltip.mjs';export{Tag}from'./components/Tag/Tag.mjs';export{ContextMenu}from'./components/ContextMenu/ContextMenu.mjs';export{Textarea}from'./components/Textarea/Textarea.mjs';export{Input}from'./components/Input/Input.mjs';export{baseInputStyle}from'./components/Input/style.mjs';export{Radio}from'./components/Radio/Radio.mjs';export{Checkbox}from'./components/Checkbox/Checkbox.mjs';export{Select}from'./components/Select/Select.mjs';export{FormLabel}from'./components/FormLabel/FormLabel.mjs';export{Skeleton}from'./components/Skeleton/Skeleton.mjs';export{Popover}from'./components/Popover/Popover.mjs';export{ListItem}from'./components/ListItem/ListItem.mjs';export{Indicator}from'./components/Indicator/Indicator.mjs';export{IconButton}from'./components/IconButton/IconButton.mjs';export{Chip}from'./components/Chip/Chip.mjs';export{Menu}from'./components/Menu/Menu.mjs';export{Dropdown}from'./components/Dropdown/Dropdown.mjs';export{Dialog}from'./components/Dialog/Dialog.mjs';export{Notification}from'./components/Notification/Notification.mjs';export{Accordion}from'./components/Accordion/Accordion.mjs';export{Switch}from'./components/Switch/Switch.mjs';export{ProgressLine}from'./components/ProgressLine/ProgressLine.mjs';export{ProgressCircle}from'./components/ProgressCircle/ProgressCircle.mjs';export{AspectRatio}from'./components/AspectRatio/AspectRatio.mjs';
1
+ export{hexToRgbA,isHex}from'./shared/utils/colors.mjs';export{ColorNames}from'./theme/colors.mjs';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.mjs';export{useClickOutside}from'./hooks/useClickOutside.mjs';export{useScrollMonitor}from'./hooks/useScrollMonitor.mjs';export{property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.mjs';export{color}from'./mixins/color.mjs';export{vAlign}from'./mixins/vAlign.mjs';export{buildMediaQuery,desktopFirst,mobileFirst}from'./mixins/shared.mjs';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.mjs';export{ThemeProvider}from'./theme/theme-provider.mjs';export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme,defaultTheme as theme}from'./theme/themes.mjs';export{ActionBtn}from'./components/ActionBtn/ActionBtn.mjs';export{Alert}from'./components/Alert/Alert.mjs';export{Amount}from'./components/Amount/Amount.mjs';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.mjs';export{Anchor}from'./components/Anchor/Anchor.mjs';export{Arrow}from'./components/Arrow/Arrow.mjs';export{ArrowBadge}from'./components/ArrowBadge/ArrowBadge.mjs';export{Avatar}from'./components/Avatar/Avatar.mjs';export{Badge}from'./components/Badge/Badge.mjs';export{Button}from'./components/Button/Button.mjs';export{Container}from'./components/Container/Container.mjs';export{Icon}from'./components/Icon/Icon.mjs';export{Modal}from'./components/Modal/Modal.mjs';export{Paper}from'./components/Paper/Paper.mjs';export{Progress}from'./components/Progress/Progress.mjs';export{Scrollable}from'./components/Scrollable/Scrollable.mjs';export{Section}from'./components/Section/Section.mjs';export{Separator}from'./components/Separator/Separator.mjs';export{Spacer}from'./components/Spacer/Spacer.mjs';export{Spinner}from'./components/Spinner/Spinner.mjs';export{Switcher}from'./components/Switcher/Switcher.mjs';export{Tab}from'./components/Tab/Tab.mjs';export{Tabs}from'./components/Tabs/Tabs.mjs';export{Text}from'./components/Text/Text.mjs';export{Tooltip}from'./components/Tooltip/Tooltip.mjs';export{Tag}from'./components/Tag/Tag.mjs';export{ContextMenu}from'./components/ContextMenu/ContextMenu.mjs';export{Textarea}from'./components/Textarea/Textarea.mjs';export{Input}from'./components/Input/Input.mjs';export{baseInputStyle}from'./components/Input/style.mjs';export{Radio}from'./components/Radio/Radio.mjs';export{Checkbox}from'./components/Checkbox/Checkbox.mjs';export{Select}from'./components/Select/Select.mjs';export{FormLabel}from'./components/FormLabel/FormLabel.mjs';export{Skeleton}from'./components/Skeleton/Skeleton.mjs';export{Popover}from'./components/Popover/Popover.mjs';export{ListItem}from'./components/ListItem/ListItem.mjs';export{Indicator}from'./components/Indicator/Indicator.mjs';export{IconButton}from'./components/IconButton/IconButton.mjs';export{Chip}from'./components/Chip/Chip.mjs';export{Menu}from'./components/Menu/Menu.mjs';export{Dropdown}from'./components/Dropdown/Dropdown.mjs';export{Dialog}from'./components/Dialog/Dialog.mjs';export{Notification}from'./components/Notification/Notification.mjs';export{Accordion}from'./components/Accordion/Accordion.mjs';export{Switch}from'./components/Switch/Switch.mjs';export{ProgressLine}from'./components/ProgressLine/ProgressLine.mjs';export{ProgressCircle}from'./components/ProgressCircle/ProgressCircle.mjs';export{AspectRatio}from'./components/AspectRatio/AspectRatio.mjs';export{TabList}from'./components/TabList/TabList.mjs';
2
2
  //# sourceMappingURL=index.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@foxford/ui",
3
- "version": "2.75.0",
3
+ "version": "2.76.0-beta-7e5a1c1-20250711",
4
4
  "description": "UI components library",
5
5
  "bugs": {
6
6
  "url": "https://github.com/foxford/ui/issues"
@@ -69,3 +69,4 @@
69
69
  "theme"
70
70
  ]
71
71
  }
72
+
@@ -1,2 +1,2 @@
1
- 'use strict';const keyboardKeys={ArrowDown:{key:['ArrowDown','Down'],validate(e){return this.key.includes(e)}},ArrowLeft:{key:['ArrowLeft','Left'],validate(e){return this.key.includes(e)}},ArrowRight:{key:['ArrowRight','Right'],validate(e){return this.key.includes(e)}},ArrowUp:{key:['ArrowUp','Up'],validate(e){return this.key.includes(e)}},Enter:{key:'Enter',validate(e){return this.key===e}},Esc:{key:['Escape','Esc'],validate(e){return this.key.includes(e)}},Space:{key:[' ','Spacebar'],validate(e){return this.key.includes(e)}},Tab:{key:'Tab',validate(e){return this.key===e}},Backspace:{key:'Backspace',validate(e){return this.key===e}},Home:{key:'Home',validate(e){return this.key===e}},End:{key:'End',validate(e){return this.key===e}}};exports.BREAKPOINTS={xl:1440,l:1280,m:1024,s:768,xs:374,xxs:320},exports.keyboardKeys=keyboardKeys;
1
+ 'use strict';const keyboardKeys={ArrowDown:{key:['ArrowDown','Down'],validate(e){return this.key.includes(e)}},ArrowLeft:{key:['ArrowLeft','Left'],validate(e){return this.key.includes(e)}},ArrowRight:{key:['ArrowRight','Right'],validate(e){return this.key.includes(e)}},ArrowUp:{key:['ArrowUp','Up'],validate(e){return this.key.includes(e)}},Enter:{key:'Enter',validate(e){return this.key===e}},Esc:{key:['Escape','Esc'],validate(e){return this.key.includes(e)}},Space:{key:[' ','Spacebar'],validate(e){return this.key.includes(e)}},Tab:{key:'Tab',validate(e){return this.key===e}},Backspace:{key:'Backspace',validate(e){return this.key===e}},Home:{key:'Home',validate(e){return this.key===e}},End:{key:'End',validate(e){return this.key===e}},F10:{key:'F10',validate(e){return this.key===e}}};exports.BREAKPOINTS={xl:1440,l:1280,m:1024,s:768,xs:374,xxs:320},exports.keyboardKeys=keyboardKeys;
2
2
  //# sourceMappingURL=constants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sources":["../../../src/shared/constants.ts"],"sourcesContent":["import type { Breakpoint } from 'shared/types'\n\nexport const BREAKPOINTS: Readonly<Record<Lowercase<Breakpoint>, number>> = {\n xl: 1440,\n l: 1280,\n m: 1024,\n s: 768,\n xs: 374,\n xxs: 320,\n}\n\nexport const keyboardKeys = {\n ArrowDown: {\n key: ['ArrowDown', 'Down'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n ArrowLeft: {\n key: ['ArrowLeft', 'Left'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n ArrowRight: {\n key: ['ArrowRight', 'Right'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n ArrowUp: {\n key: ['ArrowUp', 'Up'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n Enter: {\n key: 'Enter',\n validate(key: string) {\n return this.key === key\n },\n },\n Esc: {\n key: ['Escape', 'Esc'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n Space: {\n key: [' ', 'Spacebar'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n Tab: {\n key: 'Tab',\n validate(key: string) {\n return this.key === key\n },\n },\n Backspace: {\n key: 'Backspace',\n validate(key: string) {\n return this.key === key\n },\n },\n Home: {\n key: 'Home',\n validate(key: string) {\n return this.key === key\n },\n },\n End: {\n key: 'End',\n validate(key: string) {\n return this.key === key\n },\n },\n}\n"],"names":["keyboardKeys","ArrowDown","key","validate","this","includes","ArrowLeft","ArrowRight","ArrowUp","Enter","Esc","Space","Tab","Backspace","Home","End","xl","l","m","s","xs","xxs"],"mappings":"aAWO,MAAMA,aAAe,CAC1BC,UAAW,CACTC,IAAK,CAAC,YAAa,QACnBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFI,UAAW,CACTJ,IAAK,CAAC,YAAa,QACnBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFK,WAAY,CACVL,IAAK,CAAC,aAAc,SACpBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFM,QAAS,CACPN,IAAK,CAAC,UAAW,MACjBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFO,MAAO,CACLP,IAAK,QACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFQ,IAAK,CACHR,IAAK,CAAC,SAAU,OAChBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFS,MAAO,CACLT,IAAK,CAAC,IAAK,YACXC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFU,IAAK,CACHV,IAAK,MACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFW,UAAW,CACTX,IAAK,YACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFY,KAAM,CACJZ,IAAK,OACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFa,IAAK,CACHb,IAAK,MACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,wBA1EwE,CAC1Ec,GAAI,KACJC,EAAG,KACHC,EAAG,KACHC,EAAG,IACHC,GAAI,IACJC,IAAK"}
1
+ {"version":3,"file":"constants.js","sources":["../../../src/shared/constants.ts"],"sourcesContent":["import type { Breakpoint } from 'shared/types'\n\nexport const BREAKPOINTS: Readonly<Record<Lowercase<Breakpoint>, number>> = {\n xl: 1440,\n l: 1280,\n m: 1024,\n s: 768,\n xs: 374,\n xxs: 320,\n}\n\nexport const keyboardKeys = {\n ArrowDown: {\n key: ['ArrowDown', 'Down'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n ArrowLeft: {\n key: ['ArrowLeft', 'Left'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n ArrowRight: {\n key: ['ArrowRight', 'Right'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n ArrowUp: {\n key: ['ArrowUp', 'Up'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n Enter: {\n key: 'Enter',\n validate(key: string) {\n return this.key === key\n },\n },\n Esc: {\n key: ['Escape', 'Esc'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n Space: {\n key: [' ', 'Spacebar'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n Tab: {\n key: 'Tab',\n validate(key: string) {\n return this.key === key\n },\n },\n Backspace: {\n key: 'Backspace',\n validate(key: string) {\n return this.key === key\n },\n },\n Home: {\n key: 'Home',\n validate(key: string) {\n return this.key === key\n },\n },\n End: {\n key: 'End',\n validate(key: string) {\n return this.key === key\n },\n },\n F10: {\n key: 'F10',\n validate(key: string) {\n return this.key === key\n },\n },\n}\n"],"names":["keyboardKeys","ArrowDown","key","validate","this","includes","ArrowLeft","ArrowRight","ArrowUp","Enter","Esc","Space","Tab","Backspace","Home","End","F10","xl","l","m","s","xs","xxs"],"mappings":"aAWO,MAAMA,aAAe,CAC1BC,UAAW,CACTC,IAAK,CAAC,YAAa,QACnBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFI,UAAW,CACTJ,IAAK,CAAC,YAAa,QACnBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFK,WAAY,CACVL,IAAK,CAAC,aAAc,SACpBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFM,QAAS,CACPN,IAAK,CAAC,UAAW,MACjBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFO,MAAO,CACLP,IAAK,QACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFQ,IAAK,CACHR,IAAK,CAAC,SAAU,OAChBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFS,MAAO,CACLT,IAAK,CAAC,IAAK,YACXC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFU,IAAK,CACHV,IAAK,MACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFW,UAAW,CACTX,IAAK,YACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFY,KAAM,CACJZ,IAAK,OACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFa,IAAK,CACHb,IAAK,MACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFc,IAAK,CACHd,IAAK,MACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,wBAhFwE,CAC1Ee,GAAI,KACJC,EAAG,KACHC,EAAG,KACHC,EAAG,IACHC,GAAI,IACJC,IAAK"}
@@ -1,2 +1,2 @@
1
- const BREAKPOINTS={xl:1440,l:1280,m:1024,s:768,xs:374,xxs:320};const keyboardKeys={ArrowDown:{key:['ArrowDown','Down'],validate(e){return this.key.includes(e)}},ArrowLeft:{key:['ArrowLeft','Left'],validate(e){return this.key.includes(e)}},ArrowRight:{key:['ArrowRight','Right'],validate(e){return this.key.includes(e)}},ArrowUp:{key:['ArrowUp','Up'],validate(e){return this.key.includes(e)}},Enter:{key:'Enter',validate(e){return this.key===e}},Esc:{key:['Escape','Esc'],validate(e){return this.key.includes(e)}},Space:{key:[' ','Spacebar'],validate(e){return this.key.includes(e)}},Tab:{key:'Tab',validate(e){return this.key===e}},Backspace:{key:'Backspace',validate(e){return this.key===e}},Home:{key:'Home',validate(e){return this.key===e}},End:{key:'End',validate(e){return this.key===e}}};export{BREAKPOINTS,keyboardKeys};
1
+ const BREAKPOINTS={xl:1440,l:1280,m:1024,s:768,xs:374,xxs:320};const keyboardKeys={ArrowDown:{key:['ArrowDown','Down'],validate(e){return this.key.includes(e)}},ArrowLeft:{key:['ArrowLeft','Left'],validate(e){return this.key.includes(e)}},ArrowRight:{key:['ArrowRight','Right'],validate(e){return this.key.includes(e)}},ArrowUp:{key:['ArrowUp','Up'],validate(e){return this.key.includes(e)}},Enter:{key:'Enter',validate(e){return this.key===e}},Esc:{key:['Escape','Esc'],validate(e){return this.key.includes(e)}},Space:{key:[' ','Spacebar'],validate(e){return this.key.includes(e)}},Tab:{key:'Tab',validate(e){return this.key===e}},Backspace:{key:'Backspace',validate(e){return this.key===e}},Home:{key:'Home',validate(e){return this.key===e}},End:{key:'End',validate(e){return this.key===e}},F10:{key:'F10',validate(e){return this.key===e}}};export{BREAKPOINTS,keyboardKeys};
2
2
  //# sourceMappingURL=constants.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.mjs","sources":["../../../src/shared/constants.ts"],"sourcesContent":["import type { Breakpoint } from 'shared/types'\n\nexport const BREAKPOINTS: Readonly<Record<Lowercase<Breakpoint>, number>> = {\n xl: 1440,\n l: 1280,\n m: 1024,\n s: 768,\n xs: 374,\n xxs: 320,\n}\n\nexport const keyboardKeys = {\n ArrowDown: {\n key: ['ArrowDown', 'Down'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n ArrowLeft: {\n key: ['ArrowLeft', 'Left'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n ArrowRight: {\n key: ['ArrowRight', 'Right'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n ArrowUp: {\n key: ['ArrowUp', 'Up'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n Enter: {\n key: 'Enter',\n validate(key: string) {\n return this.key === key\n },\n },\n Esc: {\n key: ['Escape', 'Esc'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n Space: {\n key: [' ', 'Spacebar'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n Tab: {\n key: 'Tab',\n validate(key: string) {\n return this.key === key\n },\n },\n Backspace: {\n key: 'Backspace',\n validate(key: string) {\n return this.key === key\n },\n },\n Home: {\n key: 'Home',\n validate(key: string) {\n return this.key === key\n },\n },\n End: {\n key: 'End',\n validate(key: string) {\n return this.key === key\n },\n },\n}\n"],"names":["BREAKPOINTS","xl","l","m","s","xs","xxs","keyboardKeys","ArrowDown","key","validate","this","includes","ArrowLeft","ArrowRight","ArrowUp","Enter","Esc","Space","Tab","Backspace","Home","End"],"mappings":"AAEO,MAAMA,YAA+D,CAC1EC,GAAI,KACJC,EAAG,KACHC,EAAG,KACHC,EAAG,IACHC,GAAI,IACJC,IAAK,KAGA,MAAMC,aAAe,CAC1BC,UAAW,CACTC,IAAK,CAAC,YAAa,QACnBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFI,UAAW,CACTJ,IAAK,CAAC,YAAa,QACnBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFK,WAAY,CACVL,IAAK,CAAC,aAAc,SACpBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFM,QAAS,CACPN,IAAK,CAAC,UAAW,MACjBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFO,MAAO,CACLP,IAAK,QACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFQ,IAAK,CACHR,IAAK,CAAC,SAAU,OAChBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFS,MAAO,CACLT,IAAK,CAAC,IAAK,YACXC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFU,IAAK,CACHV,IAAK,MACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFW,UAAW,CACTX,IAAK,YACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFY,KAAM,CACJZ,IAAK,OACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFa,IAAK,CACHb,IAAK,MACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB"}
1
+ {"version":3,"file":"constants.mjs","sources":["../../../src/shared/constants.ts"],"sourcesContent":["import type { Breakpoint } from 'shared/types'\n\nexport const BREAKPOINTS: Readonly<Record<Lowercase<Breakpoint>, number>> = {\n xl: 1440,\n l: 1280,\n m: 1024,\n s: 768,\n xs: 374,\n xxs: 320,\n}\n\nexport const keyboardKeys = {\n ArrowDown: {\n key: ['ArrowDown', 'Down'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n ArrowLeft: {\n key: ['ArrowLeft', 'Left'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n ArrowRight: {\n key: ['ArrowRight', 'Right'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n ArrowUp: {\n key: ['ArrowUp', 'Up'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n Enter: {\n key: 'Enter',\n validate(key: string) {\n return this.key === key\n },\n },\n Esc: {\n key: ['Escape', 'Esc'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n Space: {\n key: [' ', 'Spacebar'],\n validate(key: string) {\n return this.key.includes(key)\n },\n },\n Tab: {\n key: 'Tab',\n validate(key: string) {\n return this.key === key\n },\n },\n Backspace: {\n key: 'Backspace',\n validate(key: string) {\n return this.key === key\n },\n },\n Home: {\n key: 'Home',\n validate(key: string) {\n return this.key === key\n },\n },\n End: {\n key: 'End',\n validate(key: string) {\n return this.key === key\n },\n },\n F10: {\n key: 'F10',\n validate(key: string) {\n return this.key === key\n },\n },\n}\n"],"names":["BREAKPOINTS","xl","l","m","s","xs","xxs","keyboardKeys","ArrowDown","key","validate","this","includes","ArrowLeft","ArrowRight","ArrowUp","Enter","Esc","Space","Tab","Backspace","Home","End","F10"],"mappings":"AAEO,MAAMA,YAA+D,CAC1EC,GAAI,KACJC,EAAG,KACHC,EAAG,KACHC,EAAG,IACHC,GAAI,IACJC,IAAK,KAGA,MAAMC,aAAe,CAC1BC,UAAW,CACTC,IAAK,CAAC,YAAa,QACnBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFI,UAAW,CACTJ,IAAK,CAAC,YAAa,QACnBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFK,WAAY,CACVL,IAAK,CAAC,aAAc,SACpBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFM,QAAS,CACPN,IAAK,CAAC,UAAW,MACjBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFO,MAAO,CACLP,IAAK,QACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFQ,IAAK,CACHR,IAAK,CAAC,SAAU,OAChBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFS,MAAO,CACLT,IAAK,CAAC,IAAK,YACXC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFU,IAAK,CACHV,IAAK,MACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFW,UAAW,CACTX,IAAK,YACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFY,KAAM,CACJZ,IAAK,OACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFa,IAAK,CACHb,IAAK,MACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFc,IAAK,CACHd,IAAK,MACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB"}
@@ -0,0 +1,2 @@
1
+ 'use strict';var React=require('react');const TabListTabsContext=React.createContext(null);exports.TabListPropsContext=React.createContext(null),exports.TabListTabsContext=TabListTabsContext;
2
+ //# sourceMappingURL=tabList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabList.js","sources":["../../../../src/shared/context/tabList.ts"],"sourcesContent":["import { createContext } from 'react'\nimport type { ResponsiveSizeProps } from 'shared/interfaces'\nimport type { CSSColor } from 'shared/types'\n\ntype TabListSize = 'l' | 'm' | 's'\n\ntype Variant = 'underlined' | 'filled' | 'clear'\n\ntype TabListTabsContext = {\n activeTab?: string\n activationOnFocus?: boolean\n getTabIndex: (tabId: string) => number\n onActiveTabChange: (tabId: string) => void\n}\n\ninterface TabListContextProps extends ResponsiveSizeProps<TabListSize> {\n role?: React.AriaRole\n variant?: Variant\n disabled?: boolean\n marginRight?: number\n palette?: {\n color?: CSSColor\n colorHover?: CSSColor\n colorActive?: CSSColor\n colorDisabled?: CSSColor\n colorActiveDisabled?: CSSColor\n backgroundColor?: CSSColor\n backgroundColorHover?: CSSColor\n backgroundColorActive?: CSSColor\n backgroundColorDisabled?: CSSColor\n backgroundColorActiveDisabled?: CSSColor\n }\n}\n\nexport const TabListTabsContext = createContext<TabListTabsContext | null>(null)\n\nexport const TabListPropsContext = createContext<TabListContextProps | null>(null)\n"],"names":["TabListTabsContext","createContext"],"mappings":"8CAkCaA,mBAAqBC,MAAaA,cAA4B,kCAExCA,MAAaA,cAA6B"}
@@ -0,0 +1,2 @@
1
+ import{createContext}from'react';const TabListTabsContext=createContext(null);const TabListPropsContext=createContext(null);export{TabListPropsContext,TabListTabsContext};
2
+ //# sourceMappingURL=tabList.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabList.mjs","sources":["../../../../src/shared/context/tabList.ts"],"sourcesContent":["import { createContext } from 'react'\nimport type { ResponsiveSizeProps } from 'shared/interfaces'\nimport type { CSSColor } from 'shared/types'\n\ntype TabListSize = 'l' | 'm' | 's'\n\ntype Variant = 'underlined' | 'filled' | 'clear'\n\ntype TabListTabsContext = {\n activeTab?: string\n activationOnFocus?: boolean\n getTabIndex: (tabId: string) => number\n onActiveTabChange: (tabId: string) => void\n}\n\ninterface TabListContextProps extends ResponsiveSizeProps<TabListSize> {\n role?: React.AriaRole\n variant?: Variant\n disabled?: boolean\n marginRight?: number\n palette?: {\n color?: CSSColor\n colorHover?: CSSColor\n colorActive?: CSSColor\n colorDisabled?: CSSColor\n colorActiveDisabled?: CSSColor\n backgroundColor?: CSSColor\n backgroundColorHover?: CSSColor\n backgroundColorActive?: CSSColor\n backgroundColorDisabled?: CSSColor\n backgroundColorActiveDisabled?: CSSColor\n }\n}\n\nexport const TabListTabsContext = createContext<TabListTabsContext | null>(null)\n\nexport const TabListPropsContext = createContext<TabListContextProps | null>(null)\n"],"names":["TabListTabsContext","createContext","TabListPropsContext"],"mappings":"uCAkCaA,mBAAqBC,cAAyC,YAE9DC,oBAAsBD,cAA0C"}
@@ -0,0 +1,2 @@
1
+ 'use strict';var ResizeObserver=require('resize-observer-polyfill');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}const resizeObserver=Object.assign(new(_interopDefault(ResizeObserver).default)((e=>{e.forEach((e=>{typeof e.target[resizeObserver.symbol]=='function'&&e.target[resizeObserver.symbol](e.target)}))})),{symbol:Symbol('resize-handler')});exports.resizeObserver=resizeObserver;
2
+ //# sourceMappingURL=resize-observer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resize-observer.js","sources":["../../../src/shared/resize-observer.ts"],"sourcesContent":["import ResizeObserver from 'resize-observer-polyfill'\n\nexport const resizeObserver = Object.assign<\n ResizeObserver,\n {\n readonly symbol: symbol\n }\n>(\n new ResizeObserver((entries) => {\n entries.forEach((entry) => {\n if (typeof entry.target[resizeObserver.symbol] === 'function') {\n entry.target[resizeObserver.symbol](entry.target)\n }\n })\n }),\n { symbol: Symbol('resize-handler') }\n)\n"],"names":["resizeObserver","Object","assign","ResizeObserver","entries","forEach","entry","target","symbol","Symbol"],"mappings":"qIAEO,MAAMA,eAAiBC,OAAOC,OAMnC,oCAAIC,UAAgBC,IAClBA,EAAQC,SAASC,WACJA,EAAMC,OAAOP,eAAeQ,SAAY,YACjDF,EAAMC,OAAOP,eAAeQ,QAAQF,EAAMC,OAC5C,GACA,IAEJ,CAAEC,OAAQC,OAAO"}
@@ -0,0 +1,2 @@
1
+ import ResizeObserver from'resize-observer-polyfill';const resizeObserver=Object.assign(new ResizeObserver((e=>{e.forEach((e=>{typeof e.target[resizeObserver.symbol]=='function'&&e.target[resizeObserver.symbol](e.target)}))})),{symbol:Symbol('resize-handler')});export{resizeObserver};
2
+ //# sourceMappingURL=resize-observer.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resize-observer.mjs","sources":["../../../src/shared/resize-observer.ts"],"sourcesContent":["import ResizeObserver from 'resize-observer-polyfill'\n\nexport const resizeObserver = Object.assign<\n ResizeObserver,\n {\n readonly symbol: symbol\n }\n>(\n new ResizeObserver((entries) => {\n entries.forEach((entry) => {\n if (typeof entry.target[resizeObserver.symbol] === 'function') {\n entry.target[resizeObserver.symbol](entry.target)\n }\n })\n }),\n { symbol: Symbol('resize-handler') }\n)\n"],"names":["resizeObserver","Object","assign","ResizeObserver","entries","forEach","entry","target","symbol","Symbol"],"mappings":"qDAEO,MAAMA,eAAiBC,OAAOC,OAMnC,IAAIC,gBAAgBC,IAClBA,EAAQC,SAASC,WACJA,EAAMC,OAAOP,eAAeQ,SAAY,YACjDF,EAAMC,OAAOP,eAAeQ,QAAQF,EAAMC,OAC5C,GACA,IAEJ,CAAEC,OAAQC,OAAO"}
@@ -1,2 +1,2 @@
1
- 'use strict';var constants=require('../constants.js');const SELECTORS_FOCUSABLE='a[href]:not([tabindex^="-"]), button:not(:disabled, [tabindex^="-"]), input:not(:disabled, [type="hidden"], [tabindex^="-"]), select:not(:disabled, [tabindex^="-"]), textarea:not(:disabled, [tabindex^="-"]), area[href]:not([tabindex^="-"]), iframe:not([tabindex^="-"]), object:not([tabindex^="-"]), summary:not([tabindex^="-"]), [tabindex]:not([tabindex^="-"]), [contenteditable]:not([contenteditable="false"], [tabindex^="-"])';const focusFirstFocusable=(t,e)=>{if(t.matches(SELECTORS_FOCUSABLE)&&typeof t.focus=='function')return t.focus(e),!0;const n=t.querySelector(SELECTORS_FOCUSABLE);return n instanceof HTMLElement&&typeof n.focus=='function'&&(n.focus(e),!0)};exports.concatClassNames=(...t)=>t.reduce(((t,e)=>(typeof e=='string'&&(t=t?t+' '+e:e),t)),''),exports.focusFirstFocusable=focusFirstFocusable,exports.focusLastFocusable=(t,e)=>{const n=t.querySelectorAll(SELECTORS_FOCUSABLE);const o=n[n.length-1];return o instanceof HTMLElement&&typeof o.focus=='function'&&(o.focus(e),!0)},exports.navigateFocusableList=(t,e,n)=>{let o=n.indexOf(e);if(o!==-1&&n.length!==0)do{constants.keyboardKeys.ArrowUp.validate(t)?o--:constants.keyboardKeys.ArrowDown.validate(t)&&o++,o<0?o=n.length-1:o>n.length-1&&(o=0)}while(!focusFirstFocusable(n[o]))};
1
+ 'use strict';var constants=require('../constants.js');const SELECTORS_KEYBOARD_FOCUSABLE='a[href]:not([tabindex^="-"]), button:not(:disabled, [tabindex^="-"]), input:not(:disabled, [type="hidden"], [tabindex^="-"]), select:not(:disabled, [tabindex^="-"]), textarea:not(:disabled, [tabindex^="-"]), area[href]:not([tabindex^="-"]), iframe:not([tabindex^="-"]), object:not([tabindex^="-"]), summary:not([tabindex^="-"]), [tabindex]:not([tabindex^="-"], :disabled), [contenteditable]:not([contenteditable="false"], [tabindex^="-"])';const focusFirstFocusable=(e,t=SELECTORS_KEYBOARD_FOCUSABLE)=>{if(e.matches(t)&&typeof e.focus=='function')return e.focus(),!0;const n=e.querySelector(t);return n instanceof HTMLElement&&typeof n.focus=='function'&&(n.focus(),!0)};const createKeyboardNavigation=({prevKey:e,nextKey:t})=>(n,a,o,s=SELECTORS_KEYBOARD_FOCUSABLE)=>{let i=o.indexOf(a);if(i!==-1&&o.length!==0)do{constants.keyboardKeys[e].validate(n)?i--:constants.keyboardKeys[t].validate(n)&&i++,i<0?i=o.length-1:i>o.length-1&&(i=0)}while(!focusFirstFocusable(o[i],s))};const navigateVerticalList=createKeyboardNavigation({prevKey:'ArrowUp',nextKey:'ArrowDown'});const navigateHorizontalList=createKeyboardNavigation({prevKey:'ArrowLeft',nextKey:'ArrowRight'});exports.SELECTORS_FOCUSABLE='a[href], button:not(:disabled), input:not(:disabled, [type="hidden"]), select:not(:disabled), textarea:not(:disabled), area[href], iframe, object, summary, [tabindex]:not(:disabled), [contenteditable]:not([contenteditable="false"])',exports.SELECTORS_KEYBOARD_FOCUSABLE=SELECTORS_KEYBOARD_FOCUSABLE,exports.concatClassNames=(...e)=>e.reduce(((e,t)=>(typeof t=='string'&&(e=e?e+' '+t:t),e)),''),exports.createKeyboardNavigation=createKeyboardNavigation,exports.focusFirstFocusable=focusFirstFocusable,exports.focusLastFocusable=(e,t=SELECTORS_KEYBOARD_FOCUSABLE)=>{const n=e.querySelectorAll(t);const a=n[n.length-1];return a instanceof HTMLElement&&typeof a.focus=='function'&&(a.focus(),!0)},exports.getDomTargets=e=>(Array.isArray(e)?e:[e]).reduce(((e,t)=>(t instanceof HTMLElement?t.isConnected&&e.push(t):t&&t.current instanceof HTMLElement&&t.current.isConnected&&e.push(t.current),e)),[]),exports.navigateHorizontalList=navigateHorizontalList,exports.navigateVerticalList=navigateVerticalList;
2
2
  //# sourceMappingURL=dom.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dom.js","sources":["../../../../src/shared/utils/dom.ts"],"sourcesContent":["import { keyboardKeys } from 'shared/constants'\nimport type { Nullable } from 'shared/types'\n\nconst SELECTORS_FOCUSABLE =\n 'a[href]:not([tabindex^=\"-\"]), button:not(:disabled, [tabindex^=\"-\"]), input:not(:disabled, [type=\"hidden\"], [tabindex^=\"-\"]), select:not(:disabled, [tabindex^=\"-\"]), textarea:not(:disabled, [tabindex^=\"-\"]), area[href]:not([tabindex^=\"-\"]), iframe:not([tabindex^=\"-\"]), object:not([tabindex^=\"-\"]), summary:not([tabindex^=\"-\"]), [tabindex]:not([tabindex^=\"-\"]), [contenteditable]:not([contenteditable=\"false\"], [tabindex^=\"-\"])'\n\nexport const focusFirstFocusable = (\n element: HTMLElement,\n options?: {\n preventScroll?: boolean\n }\n): boolean => {\n if (element.matches(SELECTORS_FOCUSABLE) && typeof element.focus === 'function') {\n element.focus(options)\n\n return true\n }\n\n const descendent = element.querySelector(SELECTORS_FOCUSABLE)\n\n if (descendent instanceof HTMLElement && typeof descendent.focus === 'function') {\n descendent.focus(options)\n\n return true\n }\n\n return false\n}\n\nexport const focusLastFocusable = (\n element: HTMLElement,\n options?: {\n preventScroll?: boolean\n }\n): boolean => {\n const descendants = element.querySelectorAll(SELECTORS_FOCUSABLE)\n const lastDescendant = descendants[descendants.length - 1]\n\n if (lastDescendant instanceof HTMLElement && typeof lastDescendant.focus === 'function') {\n lastDescendant.focus(options)\n\n return true\n }\n\n return false\n}\n\nexport const concatClassNames = (...classNames: Nullable<unknown>[]): string =>\n classNames.reduce<string>((acc, className) => {\n if (typeof className === 'string') {\n acc = acc ? acc + ' ' + className : className\n }\n\n return acc\n }, '')\n\nexport const navigateFocusableList = (key: string, activeItem: HTMLElement, itemsList: HTMLElement[]) => {\n let idx = itemsList.indexOf(activeItem)\n\n if (idx === -1 || itemsList.length === 0) {\n return\n }\n\n do {\n if (keyboardKeys.ArrowUp.validate(key)) {\n idx--\n } else if (keyboardKeys.ArrowDown.validate(key)) {\n idx++\n }\n\n if (idx < 0) {\n idx = itemsList.length - 1\n } else if (idx > itemsList.length - 1) {\n idx = 0\n }\n } while (!focusFirstFocusable(itemsList[idx]))\n}\n"],"names":["SELECTORS_FOCUSABLE","focusFirstFocusable","element","options","matches","focus","descendent","querySelector","HTMLElement","concatClassNames","classNames","reduce","acc","className","focusLastFocusable","descendants","querySelectorAll","lastDescendant","length","navigateFocusableList","key","activeItem","itemsList","idx","indexOf","keyboardKeys","ArrowUp","validate","ArrowDown"],"mappings":"sDAGA,MAAMA,oBACJ,obAEWC,oBAAsBA,CACjCC,EACAC,KAIA,GAAID,EAAQE,QAAQJ,6BAA+BE,EAAQG,OAAU,WAGnE,OAFAH,EAAQG,MAAMF,IAEP,EAGT,MAAMG,EAAaJ,EAAQK,cAAcP,qBAEzC,OAAIM,aAAsBE,oBAAsBF,EAAWD,OAAU,aACnEC,EAAWD,MAAMF,IAEV,EAGG,2BAqBkBM,IAAIC,IAClCA,EAAWC,QAAe,CAACC,EAAKC,YACnBA,GAAc,WACvBD,EAAMA,EAAMA,EAAM,IAAMC,EAAYA,GAG/BD,IACN,+EAzB6BE,CAChCZ,EACAC,KAIA,MAAMY,EAAcb,EAAQc,iBAAiBhB,qBAC7C,MAAMiB,EAAiBF,EAAYA,EAAYG,OAAS,GAExD,OAAID,aAA0BT,oBAAsBS,EAAeZ,OAAU,aAC3EY,EAAeZ,MAAMF,IAEd,EAGG,gCAYuBgB,CAACC,EAAaC,EAAyBC,KAC1E,IAAIC,EAAMD,EAAUE,QAAQH,GAE5B,GAAIE,KAAS,GAAKD,EAAUJ,SAAW,EAIvC,GACMO,uBAAaC,QAAQC,SAASP,GAChCG,IACSE,UAAAA,aAAaG,UAAUD,SAASP,IACzCG,IAGEA,EAAM,EACRA,EAAMD,EAAUJ,OAAS,EAChBK,EAAMD,EAAUJ,OAAS,IAClCK,EAAM,UAEAtB,oBAAoBqB,EAAUC,IAAK"}
1
+ {"version":3,"file":"dom.js","sources":["../../../../src/shared/utils/dom.ts"],"sourcesContent":["import { keyboardKeys } from 'shared/constants'\nimport type { Nullable, DomTarget } from 'shared/types'\n\nexport const SELECTORS_KEYBOARD_FOCUSABLE =\n 'a[href]:not([tabindex^=\"-\"]), button:not(:disabled, [tabindex^=\"-\"]), input:not(:disabled, [type=\"hidden\"], [tabindex^=\"-\"]), select:not(:disabled, [tabindex^=\"-\"]), textarea:not(:disabled, [tabindex^=\"-\"]), area[href]:not([tabindex^=\"-\"]), iframe:not([tabindex^=\"-\"]), object:not([tabindex^=\"-\"]), summary:not([tabindex^=\"-\"]), [tabindex]:not([tabindex^=\"-\"], :disabled), [contenteditable]:not([contenteditable=\"false\"], [tabindex^=\"-\"])'\n\nexport const SELECTORS_FOCUSABLE =\n 'a[href], button:not(:disabled), input:not(:disabled, [type=\"hidden\"]), select:not(:disabled), textarea:not(:disabled), area[href], iframe, object, summary, [tabindex]:not(:disabled), [contenteditable]:not([contenteditable=\"false\"])'\n\nexport const focusFirstFocusable = (element: HTMLElement, selectors = SELECTORS_KEYBOARD_FOCUSABLE): boolean => {\n if (element.matches(selectors) && typeof element.focus === 'function') {\n element.focus()\n\n return true\n }\n\n const descendent = element.querySelector(selectors)\n\n if (descendent instanceof HTMLElement && typeof descendent.focus === 'function') {\n descendent.focus()\n\n return true\n }\n\n return false\n}\n\nexport const focusLastFocusable = (element: HTMLElement, selectors = SELECTORS_KEYBOARD_FOCUSABLE): boolean => {\n const descendants = element.querySelectorAll(selectors)\n const lastDescendant = descendants[descendants.length - 1]\n\n if (lastDescendant instanceof HTMLElement && typeof lastDescendant.focus === 'function') {\n lastDescendant.focus()\n\n return true\n }\n\n return false\n}\n\nexport const concatClassNames = (...classNames: Nullable<unknown>[]): string =>\n classNames.reduce<string>((acc, className) => {\n if (typeof className === 'string') {\n acc = acc ? acc + ' ' + className : className\n }\n\n return acc\n }, '')\n\nexport const createKeyboardNavigation = ({\n prevKey,\n nextKey,\n}: {\n prevKey: keyof typeof keyboardKeys\n nextKey: keyof typeof keyboardKeys\n}) => {\n return (\n key: React.KeyboardEvent['key'],\n active: HTMLElement,\n list: HTMLElement[],\n selectorsFocusable = SELECTORS_KEYBOARD_FOCUSABLE\n ) => {\n let idx = list.indexOf(active)\n\n if (idx === -1 || list.length === 0) {\n return\n }\n\n do {\n if (keyboardKeys[prevKey].validate(key)) {\n idx--\n } else if (keyboardKeys[nextKey].validate(key)) {\n idx++\n }\n\n if (idx < 0) {\n idx = list.length - 1\n } else if (idx > list.length - 1) {\n idx = 0\n }\n } while (!focusFirstFocusable(list[idx], selectorsFocusable))\n }\n}\n\nexport const navigateVerticalList = createKeyboardNavigation({\n prevKey: 'ArrowUp',\n nextKey: 'ArrowDown',\n})\n\nexport const navigateHorizontalList = createKeyboardNavigation({\n prevKey: 'ArrowLeft',\n nextKey: 'ArrowRight',\n})\n\nexport const getDomTargets = <T extends HTMLElement = HTMLElement>(target: DomTarget<T> | DomTarget<T>[]): T[] =>\n (Array.isArray(target) ? target : [target]).reduce<T[]>((acc, target) => {\n if (target instanceof HTMLElement) {\n if (target.isConnected) acc.push(target)\n } else if (target && target.current instanceof HTMLElement) {\n if (target.current.isConnected) acc.push(target.current)\n }\n\n return acc\n }, [])\n"],"names":["SELECTORS_KEYBOARD_FOCUSABLE","focusFirstFocusable","element","selectors","matches","focus","descendent","querySelector","HTMLElement","createKeyboardNavigation","prevKey","nextKey","key","active","list","selectorsFocusable","idx","indexOf","length","keyboardKeys","validate","navigateVerticalList","navigateHorizontalList","concatClassNames","classNames","reduce","acc","className","focusLastFocusable","descendants","querySelectorAll","lastDescendant","target","Array","isArray","isConnected","push","current"],"mappings":"sDAGO,MAAMA,6BACX,ybAKK,MAAMC,oBAAsBA,CAACC,EAAsBC,EAAYH,gCACpE,GAAIE,EAAQE,QAAQD,WAAqBD,EAAQG,OAAU,WAGzD,OAFAH,EAAQG,SAED,EAGT,MAAMC,EAAaJ,EAAQK,cAAcJ,GAEzC,OAAIG,aAAsBE,oBAAsBF,EAAWD,OAAU,aACnEC,EAAWD,SAEJ,EAGG,EAyBP,MAAMI,yBAA2BA,EACtCC,UACAC,aAKO,CACLC,EACAC,EACAC,EACAC,EAAqBf,gCAErB,IAAIgB,EAAMF,EAAKG,QAAQJ,GAEvB,GAAIG,KAAS,GAAKF,EAAKI,SAAW,EAIlC,GACMC,UAAYA,aAACT,GAASU,SAASR,GACjCI,IACSG,UAAAA,aAAaR,GAASS,SAASR,IACxCI,IAGEA,EAAM,EACRA,EAAMF,EAAKI,OAAS,EACXF,EAAMF,EAAKI,OAAS,IAC7BF,EAAM,UAEAf,oBAAoBa,EAAKE,GAAMD,GAAmB,EAInDM,MAAAA,qBAAuBZ,yBAAyB,CAC3DC,QAAS,UACTC,QAAS,cAGEW,MAAAA,uBAAyBb,yBAAyB,CAC7DC,QAAS,YACTC,QAAS,2CApFT,qUAiC8BY,IAAIC,IAClCA,EAAWC,QAAe,CAACC,EAAKC,YACnBA,GAAc,WACvBD,EAAMA,EAAMA,EAAM,IAAMC,EAAYA,GAG/BD,IACN,yIApB6BE,CAAC1B,EAAsBC,EAAYH,gCACnE,MAAM6B,EAAc3B,EAAQ4B,iBAAiB3B,GAC7C,MAAM4B,EAAiBF,EAAYA,EAAYX,OAAS,GAExD,OAAIa,aAA0BvB,oBAAsBuB,EAAe1B,OAAU,aAC3E0B,EAAe1B,SAER,EAGG,wBAyDqD2B,IAChEC,MAAMC,QAAQF,GAAUA,EAAS,CAACA,IAASP,QAAY,CAACC,EAAKM,KACxDA,aAAkBxB,YAChBwB,EAAOG,aAAaT,EAAIU,KAAKJ,GACxBA,GAAUA,EAAOK,mBAAmB7B,aACzCwB,EAAOK,QAAQF,aAAaT,EAAIU,KAAKJ,EAAOK,SAG3CX,IACN"}
@@ -1,2 +1,2 @@
1
- import{keyboardKeys}from'../constants.mjs';const SELECTORS_FOCUSABLE='a[href]:not([tabindex^="-"]), button:not(:disabled, [tabindex^="-"]), input:not(:disabled, [type="hidden"], [tabindex^="-"]), select:not(:disabled, [tabindex^="-"]), textarea:not(:disabled, [tabindex^="-"]), area[href]:not([tabindex^="-"]), iframe:not([tabindex^="-"]), object:not([tabindex^="-"]), summary:not([tabindex^="-"]), [tabindex]:not([tabindex^="-"]), [contenteditable]:not([contenteditable="false"], [tabindex^="-"])';const focusFirstFocusable=(t,e)=>{if(t.matches(SELECTORS_FOCUSABLE)&&typeof t.focus=='function')return t.focus(e),!0;const n=t.querySelector(SELECTORS_FOCUSABLE);return n instanceof HTMLElement&&typeof n.focus=='function'&&(n.focus(e),!0)};const focusLastFocusable=(t,e)=>{const n=t.querySelectorAll(SELECTORS_FOCUSABLE);const o=n[n.length-1];return o instanceof HTMLElement&&typeof o.focus=='function'&&(o.focus(e),!0)};const concatClassNames=(...t)=>t.reduce(((t,e)=>(typeof e=='string'&&(t=t?t+' '+e:e),t)),'');const navigateFocusableList=(t,e,n)=>{let o=n.indexOf(e);if(o!==-1&&n.length!==0)do{keyboardKeys.ArrowUp.validate(t)?o--:keyboardKeys.ArrowDown.validate(t)&&o++,o<0?o=n.length-1:o>n.length-1&&(o=0)}while(!focusFirstFocusable(n[o]))};export{concatClassNames,focusFirstFocusable,focusLastFocusable,navigateFocusableList};
1
+ import{keyboardKeys}from'../constants.mjs';const SELECTORS_KEYBOARD_FOCUSABLE='a[href]:not([tabindex^="-"]), button:not(:disabled, [tabindex^="-"]), input:not(:disabled, [type="hidden"], [tabindex^="-"]), select:not(:disabled, [tabindex^="-"]), textarea:not(:disabled, [tabindex^="-"]), area[href]:not([tabindex^="-"]), iframe:not([tabindex^="-"]), object:not([tabindex^="-"]), summary:not([tabindex^="-"]), [tabindex]:not([tabindex^="-"], :disabled), [contenteditable]:not([contenteditable="false"], [tabindex^="-"])';const SELECTORS_FOCUSABLE='a[href], button:not(:disabled), input:not(:disabled, [type="hidden"]), select:not(:disabled), textarea:not(:disabled), area[href], iframe, object, summary, [tabindex]:not(:disabled), [contenteditable]:not([contenteditable="false"])';const focusFirstFocusable=(e,t=SELECTORS_KEYBOARD_FOCUSABLE)=>{if(e.matches(t)&&typeof e.focus=='function')return e.focus(),!0;const n=e.querySelector(t);return n instanceof HTMLElement&&typeof n.focus=='function'&&(n.focus(),!0)};const focusLastFocusable=(e,t=SELECTORS_KEYBOARD_FOCUSABLE)=>{const n=e.querySelectorAll(t);const a=n[n.length-1];return a instanceof HTMLElement&&typeof a.focus=='function'&&(a.focus(),!0)};const concatClassNames=(...e)=>e.reduce(((e,t)=>(typeof t=='string'&&(e=e?e+' '+t:t),e)),'');const createKeyboardNavigation=({prevKey:e,nextKey:t})=>(n,a,o,s=SELECTORS_KEYBOARD_FOCUSABLE)=>{let i=o.indexOf(a);if(i!==-1&&o.length!==0)do{keyboardKeys[e].validate(n)?i--:keyboardKeys[t].validate(n)&&i++,i<0?i=o.length-1:i>o.length-1&&(i=0)}while(!focusFirstFocusable(o[i],s))};const navigateVerticalList=createKeyboardNavigation({prevKey:'ArrowUp',nextKey:'ArrowDown'});const navigateHorizontalList=createKeyboardNavigation({prevKey:'ArrowLeft',nextKey:'ArrowRight'});const getDomTargets=e=>(Array.isArray(e)?e:[e]).reduce(((e,t)=>(t instanceof HTMLElement?t.isConnected&&e.push(t):t&&t.current instanceof HTMLElement&&t.current.isConnected&&e.push(t.current),e)),[]);export{SELECTORS_FOCUSABLE,SELECTORS_KEYBOARD_FOCUSABLE,concatClassNames,createKeyboardNavigation,focusFirstFocusable,focusLastFocusable,getDomTargets,navigateHorizontalList,navigateVerticalList};
2
2
  //# sourceMappingURL=dom.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"dom.mjs","sources":["../../../../src/shared/utils/dom.ts"],"sourcesContent":["import { keyboardKeys } from 'shared/constants'\nimport type { Nullable } from 'shared/types'\n\nconst SELECTORS_FOCUSABLE =\n 'a[href]:not([tabindex^=\"-\"]), button:not(:disabled, [tabindex^=\"-\"]), input:not(:disabled, [type=\"hidden\"], [tabindex^=\"-\"]), select:not(:disabled, [tabindex^=\"-\"]), textarea:not(:disabled, [tabindex^=\"-\"]), area[href]:not([tabindex^=\"-\"]), iframe:not([tabindex^=\"-\"]), object:not([tabindex^=\"-\"]), summary:not([tabindex^=\"-\"]), [tabindex]:not([tabindex^=\"-\"]), [contenteditable]:not([contenteditable=\"false\"], [tabindex^=\"-\"])'\n\nexport const focusFirstFocusable = (\n element: HTMLElement,\n options?: {\n preventScroll?: boolean\n }\n): boolean => {\n if (element.matches(SELECTORS_FOCUSABLE) && typeof element.focus === 'function') {\n element.focus(options)\n\n return true\n }\n\n const descendent = element.querySelector(SELECTORS_FOCUSABLE)\n\n if (descendent instanceof HTMLElement && typeof descendent.focus === 'function') {\n descendent.focus(options)\n\n return true\n }\n\n return false\n}\n\nexport const focusLastFocusable = (\n element: HTMLElement,\n options?: {\n preventScroll?: boolean\n }\n): boolean => {\n const descendants = element.querySelectorAll(SELECTORS_FOCUSABLE)\n const lastDescendant = descendants[descendants.length - 1]\n\n if (lastDescendant instanceof HTMLElement && typeof lastDescendant.focus === 'function') {\n lastDescendant.focus(options)\n\n return true\n }\n\n return false\n}\n\nexport const concatClassNames = (...classNames: Nullable<unknown>[]): string =>\n classNames.reduce<string>((acc, className) => {\n if (typeof className === 'string') {\n acc = acc ? acc + ' ' + className : className\n }\n\n return acc\n }, '')\n\nexport const navigateFocusableList = (key: string, activeItem: HTMLElement, itemsList: HTMLElement[]) => {\n let idx = itemsList.indexOf(activeItem)\n\n if (idx === -1 || itemsList.length === 0) {\n return\n }\n\n do {\n if (keyboardKeys.ArrowUp.validate(key)) {\n idx--\n } else if (keyboardKeys.ArrowDown.validate(key)) {\n idx++\n }\n\n if (idx < 0) {\n idx = itemsList.length - 1\n } else if (idx > itemsList.length - 1) {\n idx = 0\n }\n } while (!focusFirstFocusable(itemsList[idx]))\n}\n"],"names":["SELECTORS_FOCUSABLE","focusFirstFocusable","element","options","matches","focus","descendent","querySelector","HTMLElement","focusLastFocusable","descendants","querySelectorAll","lastDescendant","length","concatClassNames","classNames","reduce","acc","className","navigateFocusableList","key","activeItem","itemsList","idx","indexOf","keyboardKeys","ArrowUp","validate","ArrowDown"],"mappings":"2CAGA,MAAMA,oBACJ,obAEWC,oBAAsBA,CACjCC,EACAC,KAIA,GAAID,EAAQE,QAAQJ,6BAA+BE,EAAQG,OAAU,WAGnE,OAFAH,EAAQG,MAAMF,IAEP,EAGT,MAAMG,EAAaJ,EAAQK,cAAcP,qBAEzC,OAAIM,aAAsBE,oBAAsBF,EAAWD,OAAU,aACnEC,EAAWD,MAAMF,IAEV,EAGG,QAGDM,mBAAqBA,CAChCP,EACAC,KAIA,MAAMO,EAAcR,EAAQS,iBAAiBX,qBAC7C,MAAMY,EAAiBF,EAAYA,EAAYG,OAAS,GAExD,OAAID,aAA0BJ,oBAAsBI,EAAeP,OAAU,aAC3EO,EAAeP,MAAMF,IAEd,EAGG,EAGDW,MAAAA,iBAAmBA,IAAIC,IAClCA,EAAWC,QAAe,CAACC,EAAKC,YACnBA,GAAc,WACvBD,EAAMA,EAAMA,EAAM,IAAMC,EAAYA,GAG/BD,IACN,IAEE,MAAME,sBAAwBA,CAACC,EAAaC,EAAyBC,KAC1E,IAAIC,EAAMD,EAAUE,QAAQH,GAE5B,GAAIE,KAAS,GAAKD,EAAUT,SAAW,EAIvC,GACMY,aAAaC,QAAQC,SAASP,GAChCG,IACSE,aAAaG,UAAUD,SAASP,IACzCG,IAGEA,EAAM,EACRA,EAAMD,EAAUT,OAAS,EAChBU,EAAMD,EAAUT,OAAS,IAClCU,EAAM,UAEAtB,oBAAoBqB,EAAUC,IAAK"}
1
+ {"version":3,"file":"dom.mjs","sources":["../../../../src/shared/utils/dom.ts"],"sourcesContent":["import { keyboardKeys } from 'shared/constants'\nimport type { Nullable, DomTarget } from 'shared/types'\n\nexport const SELECTORS_KEYBOARD_FOCUSABLE =\n 'a[href]:not([tabindex^=\"-\"]), button:not(:disabled, [tabindex^=\"-\"]), input:not(:disabled, [type=\"hidden\"], [tabindex^=\"-\"]), select:not(:disabled, [tabindex^=\"-\"]), textarea:not(:disabled, [tabindex^=\"-\"]), area[href]:not([tabindex^=\"-\"]), iframe:not([tabindex^=\"-\"]), object:not([tabindex^=\"-\"]), summary:not([tabindex^=\"-\"]), [tabindex]:not([tabindex^=\"-\"], :disabled), [contenteditable]:not([contenteditable=\"false\"], [tabindex^=\"-\"])'\n\nexport const SELECTORS_FOCUSABLE =\n 'a[href], button:not(:disabled), input:not(:disabled, [type=\"hidden\"]), select:not(:disabled), textarea:not(:disabled), area[href], iframe, object, summary, [tabindex]:not(:disabled), [contenteditable]:not([contenteditable=\"false\"])'\n\nexport const focusFirstFocusable = (element: HTMLElement, selectors = SELECTORS_KEYBOARD_FOCUSABLE): boolean => {\n if (element.matches(selectors) && typeof element.focus === 'function') {\n element.focus()\n\n return true\n }\n\n const descendent = element.querySelector(selectors)\n\n if (descendent instanceof HTMLElement && typeof descendent.focus === 'function') {\n descendent.focus()\n\n return true\n }\n\n return false\n}\n\nexport const focusLastFocusable = (element: HTMLElement, selectors = SELECTORS_KEYBOARD_FOCUSABLE): boolean => {\n const descendants = element.querySelectorAll(selectors)\n const lastDescendant = descendants[descendants.length - 1]\n\n if (lastDescendant instanceof HTMLElement && typeof lastDescendant.focus === 'function') {\n lastDescendant.focus()\n\n return true\n }\n\n return false\n}\n\nexport const concatClassNames = (...classNames: Nullable<unknown>[]): string =>\n classNames.reduce<string>((acc, className) => {\n if (typeof className === 'string') {\n acc = acc ? acc + ' ' + className : className\n }\n\n return acc\n }, '')\n\nexport const createKeyboardNavigation = ({\n prevKey,\n nextKey,\n}: {\n prevKey: keyof typeof keyboardKeys\n nextKey: keyof typeof keyboardKeys\n}) => {\n return (\n key: React.KeyboardEvent['key'],\n active: HTMLElement,\n list: HTMLElement[],\n selectorsFocusable = SELECTORS_KEYBOARD_FOCUSABLE\n ) => {\n let idx = list.indexOf(active)\n\n if (idx === -1 || list.length === 0) {\n return\n }\n\n do {\n if (keyboardKeys[prevKey].validate(key)) {\n idx--\n } else if (keyboardKeys[nextKey].validate(key)) {\n idx++\n }\n\n if (idx < 0) {\n idx = list.length - 1\n } else if (idx > list.length - 1) {\n idx = 0\n }\n } while (!focusFirstFocusable(list[idx], selectorsFocusable))\n }\n}\n\nexport const navigateVerticalList = createKeyboardNavigation({\n prevKey: 'ArrowUp',\n nextKey: 'ArrowDown',\n})\n\nexport const navigateHorizontalList = createKeyboardNavigation({\n prevKey: 'ArrowLeft',\n nextKey: 'ArrowRight',\n})\n\nexport const getDomTargets = <T extends HTMLElement = HTMLElement>(target: DomTarget<T> | DomTarget<T>[]): T[] =>\n (Array.isArray(target) ? target : [target]).reduce<T[]>((acc, target) => {\n if (target instanceof HTMLElement) {\n if (target.isConnected) acc.push(target)\n } else if (target && target.current instanceof HTMLElement) {\n if (target.current.isConnected) acc.push(target.current)\n }\n\n return acc\n }, [])\n"],"names":["SELECTORS_KEYBOARD_FOCUSABLE","SELECTORS_FOCUSABLE","focusFirstFocusable","element","selectors","matches","focus","descendent","querySelector","HTMLElement","focusLastFocusable","descendants","querySelectorAll","lastDescendant","length","concatClassNames","classNames","reduce","acc","className","createKeyboardNavigation","prevKey","nextKey","key","active","list","selectorsFocusable","idx","indexOf","keyboardKeys","validate","navigateVerticalList","navigateHorizontalList","getDomTargets","target","Array","isArray","isConnected","push","current"],"mappings":"2CAGO,MAAMA,6BACX,ybAEK,MAAMC,oBACX,0OAEK,MAAMC,oBAAsBA,CAACC,EAAsBC,EAAYJ,gCACpE,GAAIG,EAAQE,QAAQD,WAAqBD,EAAQG,OAAU,WAGzD,OAFAH,EAAQG,SAED,EAGT,MAAMC,EAAaJ,EAAQK,cAAcJ,GAEzC,OAAIG,aAAsBE,oBAAsBF,EAAWD,OAAU,aACnEC,EAAWD,SAEJ,EAGG,EAGP,MAAMI,mBAAqBA,CAACP,EAAsBC,EAAYJ,gCACnE,MAAMW,EAAcR,EAAQS,iBAAiBR,GAC7C,MAAMS,EAAiBF,EAAYA,EAAYG,OAAS,GAExD,OAAID,aAA0BJ,oBAAsBI,EAAeP,OAAU,aAC3EO,EAAeP,SAER,EAGG,EAGDS,MAAAA,iBAAmBA,IAAIC,IAClCA,EAAWC,QAAe,CAACC,EAAKC,YACnBA,GAAc,WACvBD,EAAMA,EAAMA,EAAM,IAAMC,EAAYA,GAG/BD,IACN,IAEE,MAAME,yBAA2BA,EACtCC,UACAC,aAKO,CACLC,EACAC,EACAC,EACAC,EAAqB1B,gCAErB,IAAI2B,EAAMF,EAAKG,QAAQJ,GAEvB,GAAIG,KAAS,GAAKF,EAAKX,SAAW,EAIlC,GACMe,aAAaR,GAASS,SAASP,GACjCI,IACSE,aAAaP,GAASQ,SAASP,IACxCI,IAGEA,EAAM,EACRA,EAAMF,EAAKX,OAAS,EACXa,EAAMF,EAAKX,OAAS,IAC7Ba,EAAM,UAEAzB,oBAAoBuB,EAAKE,GAAMD,GAAmB,EAInDK,MAAAA,qBAAuBX,yBAAyB,CAC3DC,QAAS,UACTC,QAAS,cAGEU,MAAAA,uBAAyBZ,yBAAyB,CAC7DC,QAAS,YACTC,QAAS,eAGJ,MAAMW,cAAsDC,IAChEC,MAAMC,QAAQF,GAAUA,EAAS,CAACA,IAASjB,QAAY,CAACC,EAAKgB,KACxDA,aAAkBzB,YAChByB,EAAOG,aAAanB,EAAIoB,KAAKJ,GACxBA,GAAUA,EAAOK,mBAAmB9B,aACzCyB,EAAOK,QAAQF,aAAanB,EAAIoB,KAAKJ,EAAOK,SAG3CrB,IACN"}
@@ -0,0 +1,2 @@
1
+ 'use strict';var React=require('react');exports.removeFragments=(e,r=1)=>{if(r<=0)return React.Children.toArray(e);const func=(e,t)=>{const a=React.Children.toArray(e).map(((e,r)=>React.isValidElement(e)?React.cloneElement(e,{key:'.'.repeat(t)+r}):e));return t>=r?a:a.reduce(((e,r)=>(React.isValidElement(r)&&r.type===React.Fragment?r.props.children&&e.push(...func(r.props.children,t+1)):e.push(r),e)),[])};return func(e,0)};
2
+ //# sourceMappingURL=react.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"react.js","sources":["../../../../src/shared/utils/react.ts"],"sourcesContent":["import { Children, isValidElement, Fragment, cloneElement } from 'react'\n\nexport const removeFragments = (children: React.ReactNode, targetDepth = 1): React.ReactNode[] => {\n if (targetDepth <= 0) {\n return Children.toArray(children)\n }\n\n const func = (children: React.ReactNode, depth: number): React.ReactNode[] => {\n const iterable = Children.toArray(children).map((child, idx) =>\n isValidElement(child) ? cloneElement(child, { key: '.'.repeat(depth) + idx }) : child\n )\n\n if (depth >= targetDepth) {\n return iterable\n }\n\n return iterable.reduce<React.ReactNode[]>((acc, child) => {\n if (isValidElement(child) && child.type === Fragment) {\n if (child.props.children) {\n acc.push(...func(child.props.children, depth + 1))\n }\n } else {\n acc.push(child)\n }\n\n return acc\n }, [])\n }\n\n return func(children, 0)\n}\n"],"names":["removeFragments","children","targetDepth","Children","toArray","func","depth","iterable","map","child","idx","isValidElement","cloneElement","key","repeat","reduce","acc","type","Fragment","props","push"],"mappings":"gEAE+BA,CAACC,EAA2BC,EAAc,KACvE,GAAIA,GAAe,EACjB,OAAOC,MAAQA,SAACC,QAAQH,GAG1B,MAAMI,KAAOA,CAACJ,EAA2BK,KACvC,MAAMC,EAAWJ,MAAQA,SAACC,QAAQH,GAAUO,KAAI,CAACC,EAAOC,IACtDC,MAAcA,eAACF,GAASG,MAAAA,aAAaH,EAAO,CAAEI,IAAK,IAAIC,OAAOR,GAASI,IAASD,IAGlF,OAAIH,GAASJ,EACJK,EAGFA,EAASQ,QAA0B,CAACC,EAAKP,KAC1CE,MAAcA,eAACF,IAAUA,EAAMQ,OAASC,MAAAA,SACtCT,EAAMU,MAAMlB,UACde,EAAII,QAAQf,KAAKI,EAAMU,MAAMlB,SAAUK,EAAQ,IAGjDU,EAAII,KAAKX,GAGJO,IACN,GAAG,EAGR,OAAOX,KAAKJ,EAAU,EAAE"}
@@ -0,0 +1,2 @@
1
+ import{Children,isValidElement,cloneElement,Fragment}from'react';const removeFragments=(e,r=1)=>{if(r<=0)return Children.toArray(e);const func=(e,n)=>{const t=Children.toArray(e).map(((e,r)=>isValidElement(e)?cloneElement(e,{key:'.'.repeat(n)+r}):e));return n>=r?t:t.reduce(((e,r)=>(isValidElement(r)&&r.type===Fragment?r.props.children&&e.push(...func(r.props.children,n+1)):e.push(r),e)),[])};return func(e,0)};export{removeFragments};
2
+ //# sourceMappingURL=react.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"react.mjs","sources":["../../../../src/shared/utils/react.ts"],"sourcesContent":["import { Children, isValidElement, Fragment, cloneElement } from 'react'\n\nexport const removeFragments = (children: React.ReactNode, targetDepth = 1): React.ReactNode[] => {\n if (targetDepth <= 0) {\n return Children.toArray(children)\n }\n\n const func = (children: React.ReactNode, depth: number): React.ReactNode[] => {\n const iterable = Children.toArray(children).map((child, idx) =>\n isValidElement(child) ? cloneElement(child, { key: '.'.repeat(depth) + idx }) : child\n )\n\n if (depth >= targetDepth) {\n return iterable\n }\n\n return iterable.reduce<React.ReactNode[]>((acc, child) => {\n if (isValidElement(child) && child.type === Fragment) {\n if (child.props.children) {\n acc.push(...func(child.props.children, depth + 1))\n }\n } else {\n acc.push(child)\n }\n\n return acc\n }, [])\n }\n\n return func(children, 0)\n}\n"],"names":["removeFragments","children","targetDepth","Children","toArray","func","depth","iterable","map","child","idx","isValidElement","cloneElement","key","repeat","reduce","acc","type","Fragment","props","push"],"mappings":"iEAEO,MAAMA,gBAAkBA,CAACC,EAA2BC,EAAc,KACvE,GAAIA,GAAe,EACjB,OAAOC,SAASC,QAAQH,GAG1B,MAAMI,KAAOA,CAACJ,EAA2BK,KACvC,MAAMC,EAAWJ,SAASC,QAAQH,GAAUO,KAAI,CAACC,EAAOC,IACtDC,eAAeF,GAASG,aAAaH,EAAO,CAAEI,IAAK,IAAIC,OAAOR,GAASI,IAASD,IAGlF,OAAIH,GAASJ,EACJK,EAGFA,EAASQ,QAA0B,CAACC,EAAKP,KAC1CE,eAAeF,IAAUA,EAAMQ,OAASC,SACtCT,EAAMU,MAAMlB,UACde,EAAII,QAAQf,KAAKI,EAAMU,MAAMlB,SAAUK,EAAQ,IAGjDU,EAAII,KAAKX,GAGJO,IACN,GAAG,EAGR,OAAOX,KAAKJ,EAAU,EAAE"}
@@ -1,2 +0,0 @@
1
- 'use strict';var React=require('react');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');exports.AccordionDivider=React.forwardRef(((e,r)=>jsxRuntime.jsx(style.Divider,{...e,ref:r})));
2
- //# sourceMappingURL=AccordionDivider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionDivider.js","sources":["../../../../src/components/Accordion/AccordionDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { AccordionDividerProps } from './types'\nimport * as Styled from './style'\n\nconst AccordionDivider: React.ForwardRefExoticComponent<AccordionDividerProps> = forwardRef<\n HTMLDivElement,\n AccordionDividerProps\n>((props, ref) => <Styled.Divider {...props} ref={ref} />)\n\nexport { AccordionDivider }\n"],"names":["forwardRef","props","ref","_jsx","Styled"],"mappings":"6IAIiFA,MAAUA,YAGzF,CAACC,EAAOC,IAAQC,WAAAA,IAACC,MAAAA,QAAc,IAAKH,EAAOC,IAAKA"}
@@ -1,2 +0,0 @@
1
- import{forwardRef}from'react';import{Divider}from'./style.mjs';import{jsx}from'react/jsx-runtime';const AccordionDivider=forwardRef(((r,i)=>jsx(Divider,{...r,ref:i})));export{AccordionDivider};
2
- //# sourceMappingURL=AccordionDivider.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionDivider.mjs","sources":["../../../../src/components/Accordion/AccordionDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { AccordionDividerProps } from './types'\nimport * as Styled from './style'\n\nconst AccordionDivider: React.ForwardRefExoticComponent<AccordionDividerProps> = forwardRef<\n HTMLDivElement,\n AccordionDividerProps\n>((props, ref) => <Styled.Divider {...props} ref={ref} />)\n\nexport { AccordionDivider }\n"],"names":["AccordionDivider","forwardRef","props","ref","_jsx","Styled"],"mappings":"kGAIA,MAAMA,iBAA2EC,YAG/E,CAACC,EAAOC,IAAQC,IAACC,QAAc,IAAKH,EAAOC,IAAKA"}