@rpcbase/ui 0.233.0 → 0.234.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (203) hide show
  1. package/dist/index167.js +3 -3
  2. package/dist/index172.js +3 -3
  3. package/dist/index175.js +1 -1
  4. package/dist/index176.js +4 -4
  5. package/dist/index182.js +1 -1
  6. package/dist/index184.js +12 -12
  7. package/dist/index185.js +1 -1
  8. package/dist/index187.js +5 -5
  9. package/dist/index189.js +6 -6
  10. package/dist/index190.js +5 -5
  11. package/dist/index193.js +3 -3
  12. package/dist/index194.js +5 -5
  13. package/dist/index198.js +57 -36
  14. package/dist/index198.js.map +1 -1
  15. package/dist/index199.js.map +1 -1
  16. package/dist/index262.js +2 -2
  17. package/dist/index274.js +1 -1
  18. package/dist/index278.js +20 -20
  19. package/dist/index278.js.map +1 -1
  20. package/dist/index279.js +24 -62
  21. package/dist/index279.js.map +1 -1
  22. package/dist/index280.js +16 -6
  23. package/dist/index280.js.map +1 -1
  24. package/dist/index281.js +20 -12
  25. package/dist/index281.js.map +1 -1
  26. package/dist/index282.js +64 -48
  27. package/dist/index282.js.map +1 -1
  28. package/dist/index283.js +7 -4
  29. package/dist/index283.js.map +1 -1
  30. package/dist/index284.js +11 -29
  31. package/dist/index284.js.map +1 -1
  32. package/dist/index285.js +49 -15
  33. package/dist/index285.js.map +1 -1
  34. package/dist/index286.js +4 -6
  35. package/dist/index286.js.map +1 -1
  36. package/dist/index287.js +28 -20
  37. package/dist/index287.js.map +1 -1
  38. package/dist/index288.js +15 -50
  39. package/dist/index288.js.map +1 -1
  40. package/dist/index289.js +5 -25
  41. package/dist/index289.js.map +1 -1
  42. package/dist/index290.js +21 -41
  43. package/dist/index290.js.map +1 -1
  44. package/dist/index291.js +50 -38
  45. package/dist/index291.js.map +1 -1
  46. package/dist/index292.js +26 -45
  47. package/dist/index292.js.map +1 -1
  48. package/dist/index293.js +40 -19
  49. package/dist/index293.js.map +1 -1
  50. package/dist/index294.js +38 -69
  51. package/dist/index294.js.map +1 -1
  52. package/dist/index295.js +45 -18
  53. package/dist/index295.js.map +1 -1
  54. package/dist/index296.js +20 -11
  55. package/dist/index296.js.map +1 -1
  56. package/dist/index297.js +69 -26
  57. package/dist/index297.js.map +1 -1
  58. package/dist/index298.js +16 -12
  59. package/dist/index298.js.map +1 -1
  60. package/dist/index299.js +10 -17
  61. package/dist/index299.js.map +1 -1
  62. package/dist/index300.js +26 -35
  63. package/dist/index300.js.map +1 -1
  64. package/dist/index301.js +12 -261
  65. package/dist/index301.js.map +1 -1
  66. package/dist/index302.js +15 -275
  67. package/dist/index302.js.map +1 -1
  68. package/dist/index303.js +36 -68
  69. package/dist/index303.js.map +1 -1
  70. package/dist/index304.js +256 -93
  71. package/dist/index304.js.map +1 -1
  72. package/dist/index305.js +270 -75
  73. package/dist/index305.js.map +1 -1
  74. package/dist/index306.js +68 -3
  75. package/dist/index306.js.map +1 -1
  76. package/dist/index307.js +96 -26
  77. package/dist/index307.js.map +1 -1
  78. package/dist/index308.js +83 -16
  79. package/dist/index308.js.map +1 -1
  80. package/dist/index309.js +4 -35
  81. package/dist/index309.js.map +1 -1
  82. package/dist/index310.js +28 -15
  83. package/dist/index310.js.map +1 -1
  84. package/dist/index311.js +16 -3
  85. package/dist/index311.js.map +1 -1
  86. package/dist/index312.js +35 -27
  87. package/dist/index312.js.map +1 -1
  88. package/dist/index313.js +16 -28
  89. package/dist/index313.js.map +1 -1
  90. package/dist/index314.js +4 -4
  91. package/dist/index314.js.map +1 -1
  92. package/dist/index315.js +23 -75
  93. package/dist/index315.js.map +1 -1
  94. package/dist/index316.js +25 -266
  95. package/dist/index316.js.map +1 -1
  96. package/dist/index317.js +4 -12
  97. package/dist/index317.js.map +1 -1
  98. package/dist/index318.js +79 -11
  99. package/dist/index318.js.map +1 -1
  100. package/dist/index319.js +267 -23
  101. package/dist/index319.js.map +1 -1
  102. package/dist/index320.js +11 -16
  103. package/dist/index320.js.map +1 -1
  104. package/dist/index321.js +10 -125
  105. package/dist/index321.js.map +1 -1
  106. package/dist/index322.js +24 -4
  107. package/dist/index322.js.map +1 -1
  108. package/dist/index323.js +16 -40
  109. package/dist/index323.js.map +1 -1
  110. package/dist/index324.js +121 -61
  111. package/dist/index324.js.map +1 -1
  112. package/dist/index325.js +6 -14
  113. package/dist/index325.js.map +1 -1
  114. package/dist/index326.js +40 -7
  115. package/dist/index326.js.map +1 -1
  116. package/dist/index327.js +65 -5
  117. package/dist/index327.js.map +1 -1
  118. package/dist/index328.js +14 -4
  119. package/dist/index328.js.map +1 -1
  120. package/dist/index329.js +7 -10
  121. package/dist/index329.js.map +1 -1
  122. package/dist/index330.js +5 -7
  123. package/dist/index330.js.map +1 -1
  124. package/dist/index331.js +3 -133
  125. package/dist/index331.js.map +1 -1
  126. package/dist/index332.js +9 -398
  127. package/dist/index332.js.map +1 -1
  128. package/dist/index333.js +7 -52
  129. package/dist/index333.js.map +1 -1
  130. package/dist/index334.js +133 -11
  131. package/dist/index334.js.map +1 -1
  132. package/dist/index335.js +399 -11
  133. package/dist/index335.js.map +1 -1
  134. package/dist/index336.js +51 -18
  135. package/dist/index336.js.map +1 -1
  136. package/dist/index337.js +11 -28
  137. package/dist/index337.js.map +1 -1
  138. package/dist/index338.js +11 -16
  139. package/dist/index338.js.map +1 -1
  140. package/dist/index339.js +1 -1
  141. package/dist/index346.js +2 -2
  142. package/dist/index347.js +122 -5
  143. package/dist/index347.js.map +1 -1
  144. package/dist/index348.js +31 -121
  145. package/dist/index348.js.map +1 -1
  146. package/dist/index349.js +72 -31
  147. package/dist/index349.js.map +1 -1
  148. package/dist/index350.js +139 -70
  149. package/dist/index350.js.map +1 -1
  150. package/dist/index351.js +35 -116
  151. package/dist/index351.js.map +1 -1
  152. package/dist/index352.js +44 -56
  153. package/dist/index352.js.map +1 -1
  154. package/dist/index353.js +14 -49
  155. package/dist/index353.js.map +1 -1
  156. package/dist/index354.js +6 -15
  157. package/dist/index354.js.map +1 -1
  158. package/dist/index368.js +1 -1
  159. package/dist/index371.js +2 -2
  160. package/dist/index372.js +3 -3
  161. package/dist/index374.js +3 -3
  162. package/dist/index375.js +1 -1
  163. package/dist/index376.js +3 -3
  164. package/dist/index378.js +2 -2
  165. package/dist/index380.js +1 -1
  166. package/dist/index381.js +2 -2
  167. package/dist/index384.js +2 -2
  168. package/dist/index386.js +1 -1
  169. package/dist/index407.js +1 -1
  170. package/dist/index417.js +1 -1
  171. package/dist/index418.js +1 -1
  172. package/dist/index421.js +1 -1
  173. package/dist/index422.js +1 -1
  174. package/dist/index427.js +2 -2
  175. package/dist/index429.js +2 -2
  176. package/dist/index44.js +1 -1
  177. package/dist/index45.js +2 -2
  178. package/dist/index49.js +28 -28
  179. package/dist/index50.js +21 -21
  180. package/dist/index51.js +1 -1
  181. package/dist/index52.js +8 -8
  182. package/dist/index53.js +2 -2
  183. package/dist/index55.js +17 -17
  184. package/dist/index56.js +4 -4
  185. package/dist/index57.js +3 -3
  186. package/dist/index58.js +7 -7
  187. package/dist/index59.js +4 -4
  188. package/dist/index60.js +12 -12
  189. package/dist/index61.js +2 -2
  190. package/dist/index62.js +2 -2
  191. package/dist/index70.js +1 -1
  192. package/dist/index71.js +1 -1
  193. package/dist/index74.js +6 -2
  194. package/dist/index74.js.map +1 -1
  195. package/dist/index75.js +8 -2
  196. package/dist/index75.js.map +1 -1
  197. package/dist/index76.js +5 -5
  198. package/dist/index76.js.map +1 -1
  199. package/dist/index77.js +2 -8
  200. package/dist/index77.js.map +1 -1
  201. package/dist/index78.js +2 -6
  202. package/dist/index78.js.map +1 -1
  203. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index349.js","sources":["../../../node_modules/@base-ui/react/esm/floating-ui-react/hooks/useSyncedFloatingRootContext.js"],"sourcesContent":["'use client';\n\nimport { useId } from '@base-ui/utils/useId';\nimport { useRefWithInit } from '@base-ui/utils/useRefWithInit';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { isElement } from '@floating-ui/utils/dom';\nimport { useFloatingParentNodeId } from \"../components/FloatingTree.js\";\nimport { FloatingRootStore } from \"../components/FloatingRootStore.js\";\n/**\n * Initializes a FloatingRootStore that is kept in sync with the provided PopupStore.\n * The new instance is created only once and updated on every render.\n */\nexport function useSyncedFloatingRootContext(options) {\n const {\n popupStore,\n treatPopupAsFloatingElement = false,\n onOpenChange\n } = options;\n const floatingId = useId();\n const nested = useFloatingParentNodeId() != null;\n const open = popupStore.useState('open');\n const referenceElement = popupStore.useState('activeTriggerElement');\n const floatingElement = popupStore.useState(treatPopupAsFloatingElement ? 'popupElement' : 'positionerElement');\n const triggerElements = popupStore.context.triggerElements;\n const store = useRefWithInit(() => new FloatingRootStore({\n open,\n transitionStatus: undefined,\n referenceElement,\n floatingElement,\n triggerElements,\n onOpenChange,\n floatingId,\n syncOnly: true,\n nested\n })).current;\n useIsoLayoutEffect(() => {\n const valuesToSync = {\n open,\n floatingId,\n referenceElement,\n floatingElement\n };\n if (isElement(referenceElement)) {\n valuesToSync.domReferenceElement = referenceElement;\n }\n if (store.state.positionReference === store.state.referenceElement) {\n valuesToSync.positionReference = referenceElement;\n }\n store.update(valuesToSync);\n }, [open, floatingId, referenceElement, floatingElement, store]);\n\n // TODO: When `setOpen` is a part of the PopupStore API, we don't need to sync it.\n store.context.onOpenChange = onOpenChange;\n store.context.nested = nested;\n return store;\n}"],"names":["useSyncedFloatingRootContext","options","popupStore","treatPopupAsFloatingElement","onOpenChange","floatingId","useId","nested","useFloatingParentNodeId","open","referenceElement","floatingElement","triggerElements","store","useRefWithInit","FloatingRootStore","useIsoLayoutEffect","valuesToSync","isElement"],"mappings":";;;;;;AAYO,SAASA,EAA6BC,GAAS;AACpD,QAAM;AAAA,IACJ,YAAAC;AAAA,IACA,6BAAAC,IAA8B;AAAA,IAC9B,cAAAC;AAAA,EACJ,IAAMH,GACEI,IAAaC,EAAK,GAClBC,IAASC,EAAuB,KAAM,MACtCC,IAAOP,EAAW,SAAS,MAAM,GACjCQ,IAAmBR,EAAW,SAAS,sBAAsB,GAC7DS,IAAkBT,EAAW,SAASC,IAA8B,iBAAiB,mBAAmB,GACxGS,IAAkBV,EAAW,QAAQ,iBACrCW,IAAQC,EAAe,MAAM,IAAIC,EAAkB;AAAA,IACvD,MAAAN;AAAA,IACA,kBAAkB;AAAA,IAClB,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAR;AAAA,IACA,YAAAC;AAAA,IACA,UAAU;AAAA,IACV,QAAAE;AAAA,EACJ,CAAG,CAAC,EAAE;AACJ,SAAAS,EAAmB,MAAM;AACvB,UAAMC,IAAe;AAAA,MACnB,MAAAR;AAAA,MACA,YAAAJ;AAAA,MACA,kBAAAK;AAAA,MACA,iBAAAC;AAAA,IACN;AACI,IAAIO,EAAUR,CAAgB,MAC5BO,EAAa,sBAAsBP,IAEjCG,EAAM,MAAM,sBAAsBA,EAAM,MAAM,qBAChDI,EAAa,oBAAoBP,IAEnCG,EAAM,OAAOI,CAAY;AAAA,EAC3B,GAAG,CAACR,GAAMJ,GAAYK,GAAkBC,GAAiBE,CAAK,CAAC,GAG/DA,EAAM,QAAQ,eAAeT,GAC7BS,EAAM,QAAQ,SAASN,GAChBM;AACT;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"index349.js","sources":["../../../node_modules/@base-ui/react/esm/floating-ui-react/hooks/useRole.js"],"sourcesContent":["import * as React from 'react';\nimport { useId } from '@base-ui/utils/useId';\nimport { EMPTY_OBJECT } from '@base-ui/utils/empty';\nimport { getFloatingFocusElement } from \"../utils/element.js\";\nimport { useFloatingParentNodeId } from \"../components/FloatingTree.js\";\nconst componentRoleToAriaRoleMap = new Map([['select', 'listbox'], ['combobox', 'listbox'], ['label', false]]);\n\n/**\n * Adds base screen reader props to the reference and floating elements for a\n * given floating element `role`.\n * @see https://floating-ui.com/docs/useRole\n */\nexport function useRole(context, props = {}) {\n const store = 'rootStore' in context ? context.rootStore : context;\n const open = store.useState('open');\n const defaultFloatingId = store.useState('floatingId');\n const domReference = store.useState('domReferenceElement');\n const floatingElement = store.useState('floatingElement');\n const {\n role = 'dialog'\n } = props;\n const defaultReferenceId = useId();\n const referenceId = domReference?.id || defaultReferenceId;\n const floatingId = React.useMemo(() => getFloatingFocusElement(floatingElement)?.id || defaultFloatingId, [floatingElement, defaultFloatingId]);\n const ariaRole = componentRoleToAriaRoleMap.get(role) ?? role;\n const parentId = useFloatingParentNodeId();\n const isNested = parentId != null;\n const trigger = React.useMemo(() => {\n if (ariaRole === 'tooltip' || role === 'label') {\n return EMPTY_OBJECT;\n }\n return {\n 'aria-haspopup': ariaRole === 'alertdialog' ? 'dialog' : ariaRole,\n 'aria-expanded': 'false',\n ...(ariaRole === 'listbox' && {\n role: 'combobox'\n }),\n ...(ariaRole === 'menu' && isNested && {\n role: 'menuitem'\n }),\n ...(role === 'select' && {\n 'aria-autocomplete': 'none'\n }),\n ...(role === 'combobox' && {\n 'aria-autocomplete': 'list'\n })\n };\n }, [ariaRole, isNested, role]);\n const reference = React.useMemo(() => {\n if (ariaRole === 'tooltip' || role === 'label') {\n return {\n [`aria-${role === 'label' ? 'labelledby' : 'describedby'}`]: open ? floatingId : undefined\n };\n }\n const triggerProps = trigger;\n return {\n ...triggerProps,\n 'aria-expanded': open ? 'true' : 'false',\n 'aria-controls': open ? floatingId : undefined,\n ...(ariaRole === 'menu' && {\n id: referenceId\n })\n };\n }, [ariaRole, floatingId, open, referenceId, role, trigger]);\n const floating = React.useMemo(() => {\n const floatingProps = {\n id: floatingId,\n ...(ariaRole && {\n role: ariaRole\n })\n };\n if (ariaRole === 'tooltip' || role === 'label') {\n return floatingProps;\n }\n return {\n ...floatingProps,\n ...(ariaRole === 'menu' && {\n 'aria-labelledby': referenceId\n })\n };\n }, [ariaRole, floatingId, referenceId, role]);\n const item = React.useCallback(({\n active,\n selected\n }) => {\n const commonProps = {\n role: 'option',\n ...(active && {\n id: `${floatingId}-fui-option`\n })\n };\n\n // For `menu`, we are unable to tell if the item is a `menuitemradio`\n // or `menuitemcheckbox`. For backwards-compatibility reasons, also\n // avoid defaulting to `menuitem` as it may overwrite custom role props.\n switch (role) {\n case 'select':\n case 'combobox':\n return {\n ...commonProps,\n 'aria-selected': selected\n };\n default:\n }\n return {};\n }, [floatingId, role]);\n return React.useMemo(() => ({\n reference,\n floating,\n item,\n trigger\n }), [reference, floating, trigger, item]);\n}"],"names":["componentRoleToAriaRoleMap","useRole","context","props","store","open","defaultFloatingId","domReference","floatingElement","role","defaultReferenceId","useId","referenceId","floatingId","React","getFloatingFocusElement","ariaRole","isNested","useFloatingParentNodeId","trigger","EMPTY_OBJECT","reference","floating","floatingProps","item","active","selected","commonProps"],"mappings":";;;;;AAKA,MAAMA,IAA6B,oBAAI,IAAI,CAAC,CAAC,UAAU,SAAS,GAAG,CAAC,YAAY,SAAS,GAAG,CAAC,SAAS,EAAK,CAAC,CAAC;AAOtG,SAASC,EAAQC,GAASC,IAAQ,IAAI;AAC3C,QAAMC,IAAQ,eAAeF,IAAUA,EAAQ,YAAYA,GACrDG,IAAOD,EAAM,SAAS,MAAM,GAC5BE,IAAoBF,EAAM,SAAS,YAAY,GAC/CG,IAAeH,EAAM,SAAS,qBAAqB,GACnDI,IAAkBJ,EAAM,SAAS,iBAAiB,GAClD;AAAA,IACJ,MAAAK,IAAO;AAAA,EACX,IAAMN,GACEO,IAAqBC,EAAK,GAC1BC,IAAcL,GAAc,MAAMG,GAClCG,IAAaC,EAAM,QAAQ,MAAMC,EAAwBP,CAAe,GAAG,MAAMF,GAAmB,CAACE,GAAiBF,CAAiB,CAAC,GACxIU,IAAWhB,EAA2B,IAAIS,CAAI,KAAKA,GAEnDQ,IADWC,EAAuB,KACX,MACvBC,IAAUL,EAAM,QAAQ,MACxBE,MAAa,aAAaP,MAAS,UAC9BW,IAEF;AAAA,IACL,iBAAiBJ,MAAa,gBAAgB,WAAWA;AAAA,IACzD,iBAAiB;AAAA,IACjB,GAAIA,MAAa,aAAa;AAAA,MAC5B,MAAM;AAAA,IACd;AAAA,IACM,GAAIA,MAAa,UAAUC,KAAY;AAAA,MACrC,MAAM;AAAA,IACd;AAAA,IACM,GAAIR,MAAS,YAAY;AAAA,MACvB,qBAAqB;AAAA,IAC7B;AAAA,IACM,GAAIA,MAAS,cAAc;AAAA,MACzB,qBAAqB;AAAA,IAC7B;AAAA,EACA,GACK,CAACO,GAAUC,GAAUR,CAAI,CAAC,GACvBY,IAAYP,EAAM,QAAQ,MAC1BE,MAAa,aAAaP,MAAS,UAC9B;AAAA,IACL,CAAC,QAAQA,MAAS,UAAU,eAAe,aAAa,EAAE,GAAGJ,IAAOQ,IAAa;AAAA,EACzF,IAGW;AAAA,IACL,GAFmBM;AAAA,IAGnB,iBAAiBd,IAAO,SAAS;AAAA,IACjC,iBAAiBA,IAAOQ,IAAa;AAAA,IACrC,GAAIG,MAAa,UAAU;AAAA,MACzB,IAAIJ;AAAA,IACZ;AAAA,EACA,GACK,CAACI,GAAUH,GAAYR,GAAMO,GAAaH,GAAMU,CAAO,CAAC,GACrDG,IAAWR,EAAM,QAAQ,MAAM;AACnC,UAAMS,IAAgB;AAAA,MACpB,IAAIV;AAAA,MACJ,GAAIG,KAAY;AAAA,QACd,MAAMA;AAAA,MACd;AAAA,IACA;AACI,WAAIA,MAAa,aAAaP,MAAS,UAC9Bc,IAEF;AAAA,MACL,GAAGA;AAAA,MACH,GAAIP,MAAa,UAAU;AAAA,QACzB,mBAAmBJ;AAAA,MAC3B;AAAA,IACA;AAAA,EACE,GAAG,CAACI,GAAUH,GAAYD,GAAaH,CAAI,CAAC,GACtCe,IAAOV,EAAM,YAAY,CAAC;AAAA,IAC9B,QAAAW;AAAA,IACA,UAAAC;AAAA,EACJ,MAAQ;AACJ,UAAMC,IAAc;AAAA,MAClB,MAAM;AAAA,MACN,GAAIF,KAAU;AAAA,QACZ,IAAI,GAAGZ,CAAU;AAAA,MACzB;AAAA,IACA;AAKI,YAAQJ,GAAI;AAAA,MACV,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,UACL,GAAGkB;AAAA,UACH,iBAAiBD;AAAA,QAC3B;AAAA,IAEA;AACI,WAAO,CAAA;AAAA,EACT,GAAG,CAACb,GAAYJ,CAAI,CAAC;AACrB,SAAOK,EAAM,QAAQ,OAAO;AAAA,IAC1B,WAAAO;AAAA,IACA,UAAAC;AAAA,IACA,MAAAE;AAAA,IACA,SAAAL;AAAA,EACJ,IAAM,CAACE,GAAWC,GAAUH,GAASK,CAAI,CAAC;AAC1C;","x_google_ignoreList":[0]}
package/dist/index350.js CHANGED
@@ -1,77 +1,146 @@
1
- import * as r from "react";
2
- import { useId as E } from "./index345.js";
3
- import { EMPTY_OBJECT as P } from "./index286.js";
4
- import { getFloatingFocusElement as S } from "./index312.js";
5
- import { useFloatingParentNodeId as F } from "./index382.js";
6
- const y = /* @__PURE__ */ new Map([["select", "listbox"], ["combobox", "listbox"], ["label", !1]]);
7
- function $(c, g = {}) {
8
- const a = "rootStore" in c ? c.rootStore : c, l = a.useState("open"), u = a.useState("floatingId"), I = a.useState("domReferenceElement"), d = a.useState("floatingElement"), {
9
- role: o = "dialog"
10
- } = g, x = E(), s = I?.id || x, t = r.useMemo(() => S(d)?.id || u, [d, u]), e = y.get(o) ?? o, m = F() != null, i = r.useMemo(() => e === "tooltip" || o === "label" ? P : {
11
- "aria-haspopup": e === "alertdialog" ? "dialog" : e,
12
- "aria-expanded": "false",
13
- ...e === "listbox" && {
14
- role: "combobox"
15
- },
16
- ...e === "menu" && m && {
17
- role: "menuitem"
18
- },
19
- ...o === "select" && {
20
- "aria-autocomplete": "none"
21
- },
22
- ...o === "combobox" && {
23
- "aria-autocomplete": "list"
1
+ import * as u from "react";
2
+ import { Store as l } from "./index308.js";
3
+ import { useStore as a } from "./index302.js";
4
+ import { useStableCallback as f } from "./index287.js";
5
+ import { useIsoLayoutEffect as c } from "./index286.js";
6
+ import { NOOP as h } from "./index289.js";
7
+ class g extends l {
8
+ /**
9
+ * Creates a new ReactStore instance.
10
+ *
11
+ * @param state Initial state of the store.
12
+ * @param context Non-reactive context values.
13
+ * @param selectors Optional selectors for use with `useState`.
14
+ */
15
+ constructor(e, t = {}, s) {
16
+ super(e), this.context = t, this.selectors = s;
17
+ }
18
+ /**
19
+ * Non-reactive values such as refs, callbacks, etc.
20
+ */
21
+ /**
22
+ * Synchronizes a single external value into the store.
23
+ *
24
+ * Note that the while the value in `state` is updated immediately, the value returned
25
+ * by `useState` is updated before the next render (similarly to React's `useState`).
26
+ */
27
+ useSyncedValue(e, t) {
28
+ u.useDebugValue(e), c(() => {
29
+ this.state[e] !== t && this.set(e, t);
30
+ }, [e, t]);
31
+ }
32
+ /**
33
+ * Synchronizes a single external value into the store and
34
+ * cleans it up (sets to `undefined`) on unmount.
35
+ *
36
+ * Note that the while the value in `state` is updated immediately, the value returned
37
+ * by `useState` is updated before the next render (similarly to React's `useState`).
38
+ */
39
+ useSyncedValueWithCleanup(e, t) {
40
+ const s = this;
41
+ c(() => (s.state[e] !== t && s.set(e, t), () => {
42
+ s.set(e, void 0);
43
+ }), [s, e, t]);
44
+ }
45
+ /**
46
+ * Synchronizes multiple external values into the store.
47
+ *
48
+ * Note that the while the values in `state` are updated immediately, the values returned
49
+ * by `useState` are updated before the next render (similarly to React's `useState`).
50
+ */
51
+ useSyncedValues(e) {
52
+ const t = this;
53
+ if (process.env.NODE_ENV !== "production") {
54
+ u.useDebugValue(e, (r) => Object.keys(r));
55
+ const o = u.useRef(Object.keys(e)).current, n = Object.keys(e);
56
+ (o.length !== n.length || o.some((r, i) => r !== n[i])) && console.error("ReactStore.useSyncedValues expects the same prop keys on every render. Keys should be stable.");
24
57
  }
25
- }, [e, m, o]), p = r.useMemo(() => e === "tooltip" || o === "label" ? {
26
- [`aria-${o === "label" ? "labelledby" : "describedby"}`]: l ? t : void 0
27
- } : {
28
- ...i,
29
- "aria-expanded": l ? "true" : "false",
30
- "aria-controls": l ? t : void 0,
31
- ...e === "menu" && {
32
- id: s
58
+ const s = Object.values(e);
59
+ c(() => {
60
+ t.update(e);
61
+ }, [t, ...s]);
62
+ }
63
+ /**
64
+ * Registers a controllable prop pair (`controlled`, `defaultValue`) for a specific key. If `controlled`
65
+ * is non-undefined, the store's state at `key` is updated to match `controlled`.
66
+ */
67
+ useControlledProp(e, t) {
68
+ u.useDebugValue(e);
69
+ const s = t !== void 0;
70
+ if (c(() => {
71
+ s && !Object.is(this.state[e], t) && super.setState({
72
+ ...this.state,
73
+ [e]: t
74
+ });
75
+ }, [e, t, s]), process.env.NODE_ENV !== "production") {
76
+ const o = this.controlledValues ??= /* @__PURE__ */ new Map();
77
+ o.has(e) || o.set(e, s);
78
+ const n = o.get(e);
79
+ n !== void 0 && n !== s && console.error(`A component is changing the ${s ? "" : "un"}controlled state of ${e.toString()} to be ${s ? "un" : ""}controlled. Elements should not switch from uncontrolled to controlled (or vice versa).`);
33
80
  }
34
- }, [e, t, l, s, o, i]), f = r.useMemo(() => {
35
- const n = {
36
- id: t,
37
- ...e && {
38
- role: e
81
+ }
82
+ /** Gets the current value from the store using a selector with the provided key.
83
+ *
84
+ * @param key Key of the selector to use.
85
+ */
86
+ select(e, t, s, o) {
87
+ const n = this.selectors[e];
88
+ return n(this.state, t, s, o);
89
+ }
90
+ /**
91
+ * Returns a value from the store's state using a selector function.
92
+ * Used to subscribe to specific parts of the state.
93
+ * This methods causes a rerender whenever the selected state changes.
94
+ *
95
+ * @param key Key of the selector to use.
96
+ */
97
+ useState(e, t, s, o) {
98
+ return u.useDebugValue(e), a(this, this.selectors[e], t, s, o);
99
+ }
100
+ /**
101
+ * Wraps a function with `useStableCallback` to ensure it has a stable reference
102
+ * and assigns it to the context.
103
+ *
104
+ * @param key Key of the event callback. Must be a function in the context.
105
+ * @param fn Function to assign.
106
+ */
107
+ useContextCallback(e, t) {
108
+ u.useDebugValue(e);
109
+ const s = f(t ?? h);
110
+ this.context[e] = s;
111
+ }
112
+ /**
113
+ * Returns a stable setter function for a specific key in the store's state.
114
+ * It's commonly used to pass as a ref callback to React elements.
115
+ *
116
+ * @param key Key of the state to set.
117
+ */
118
+ useStateSetter(e) {
119
+ const t = u.useRef(void 0);
120
+ return t.current === void 0 && (t.current = (s) => {
121
+ this.set(e, s);
122
+ }), t.current;
123
+ }
124
+ /**
125
+ * Observes changes derived from the store's selectors and calls the listener when the selected value changes.
126
+ *
127
+ * @param key Key of the selector to observe.
128
+ * @param listener Listener function called when the selector result changes.
129
+ */
130
+ observe(e, t) {
131
+ let s;
132
+ typeof e == "function" ? s = e : s = this.selectors[e];
133
+ let o = s(this.state);
134
+ return t(o, o, this), this.subscribe((n) => {
135
+ const r = s(n);
136
+ if (!Object.is(o, r)) {
137
+ const i = o;
138
+ o = r, t(r, i, this);
39
139
  }
40
- };
41
- return e === "tooltip" || o === "label" ? n : {
42
- ...n,
43
- ...e === "menu" && {
44
- "aria-labelledby": s
45
- }
46
- };
47
- }, [e, t, s, o]), b = r.useCallback(({
48
- active: n,
49
- selected: M
50
- }) => {
51
- const R = {
52
- role: "option",
53
- ...n && {
54
- id: `${t}-fui-option`
55
- }
56
- };
57
- switch (o) {
58
- case "select":
59
- case "combobox":
60
- return {
61
- ...R,
62
- "aria-selected": M
63
- };
64
- }
65
- return {};
66
- }, [t, o]);
67
- return r.useMemo(() => ({
68
- reference: p,
69
- floating: f,
70
- item: b,
71
- trigger: i
72
- }), [p, f, i, b]);
140
+ });
141
+ }
73
142
  }
74
143
  export {
75
- $ as useRole
144
+ g as ReactStore
76
145
  };
77
146
  //# sourceMappingURL=index350.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index350.js","sources":["../../../node_modules/@base-ui/react/esm/floating-ui-react/hooks/useRole.js"],"sourcesContent":["import * as React from 'react';\nimport { useId } from '@base-ui/utils/useId';\nimport { EMPTY_OBJECT } from '@base-ui/utils/empty';\nimport { getFloatingFocusElement } from \"../utils/element.js\";\nimport { useFloatingParentNodeId } from \"../components/FloatingTree.js\";\nconst componentRoleToAriaRoleMap = new Map([['select', 'listbox'], ['combobox', 'listbox'], ['label', false]]);\n\n/**\n * Adds base screen reader props to the reference and floating elements for a\n * given floating element `role`.\n * @see https://floating-ui.com/docs/useRole\n */\nexport function useRole(context, props = {}) {\n const store = 'rootStore' in context ? context.rootStore : context;\n const open = store.useState('open');\n const defaultFloatingId = store.useState('floatingId');\n const domReference = store.useState('domReferenceElement');\n const floatingElement = store.useState('floatingElement');\n const {\n role = 'dialog'\n } = props;\n const defaultReferenceId = useId();\n const referenceId = domReference?.id || defaultReferenceId;\n const floatingId = React.useMemo(() => getFloatingFocusElement(floatingElement)?.id || defaultFloatingId, [floatingElement, defaultFloatingId]);\n const ariaRole = componentRoleToAriaRoleMap.get(role) ?? role;\n const parentId = useFloatingParentNodeId();\n const isNested = parentId != null;\n const trigger = React.useMemo(() => {\n if (ariaRole === 'tooltip' || role === 'label') {\n return EMPTY_OBJECT;\n }\n return {\n 'aria-haspopup': ariaRole === 'alertdialog' ? 'dialog' : ariaRole,\n 'aria-expanded': 'false',\n ...(ariaRole === 'listbox' && {\n role: 'combobox'\n }),\n ...(ariaRole === 'menu' && isNested && {\n role: 'menuitem'\n }),\n ...(role === 'select' && {\n 'aria-autocomplete': 'none'\n }),\n ...(role === 'combobox' && {\n 'aria-autocomplete': 'list'\n })\n };\n }, [ariaRole, isNested, role]);\n const reference = React.useMemo(() => {\n if (ariaRole === 'tooltip' || role === 'label') {\n return {\n [`aria-${role === 'label' ? 'labelledby' : 'describedby'}`]: open ? floatingId : undefined\n };\n }\n const triggerProps = trigger;\n return {\n ...triggerProps,\n 'aria-expanded': open ? 'true' : 'false',\n 'aria-controls': open ? floatingId : undefined,\n ...(ariaRole === 'menu' && {\n id: referenceId\n })\n };\n }, [ariaRole, floatingId, open, referenceId, role, trigger]);\n const floating = React.useMemo(() => {\n const floatingProps = {\n id: floatingId,\n ...(ariaRole && {\n role: ariaRole\n })\n };\n if (ariaRole === 'tooltip' || role === 'label') {\n return floatingProps;\n }\n return {\n ...floatingProps,\n ...(ariaRole === 'menu' && {\n 'aria-labelledby': referenceId\n })\n };\n }, [ariaRole, floatingId, referenceId, role]);\n const item = React.useCallback(({\n active,\n selected\n }) => {\n const commonProps = {\n role: 'option',\n ...(active && {\n id: `${floatingId}-fui-option`\n })\n };\n\n // For `menu`, we are unable to tell if the item is a `menuitemradio`\n // or `menuitemcheckbox`. For backwards-compatibility reasons, also\n // avoid defaulting to `menuitem` as it may overwrite custom role props.\n switch (role) {\n case 'select':\n case 'combobox':\n return {\n ...commonProps,\n 'aria-selected': selected\n };\n default:\n }\n return {};\n }, [floatingId, role]);\n return React.useMemo(() => ({\n reference,\n floating,\n item,\n trigger\n }), [reference, floating, trigger, item]);\n}"],"names":["componentRoleToAriaRoleMap","useRole","context","props","store","open","defaultFloatingId","domReference","floatingElement","role","defaultReferenceId","useId","referenceId","floatingId","React","getFloatingFocusElement","ariaRole","isNested","useFloatingParentNodeId","trigger","EMPTY_OBJECT","reference","floating","floatingProps","item","active","selected","commonProps"],"mappings":";;;;;AAKA,MAAMA,IAA6B,oBAAI,IAAI,CAAC,CAAC,UAAU,SAAS,GAAG,CAAC,YAAY,SAAS,GAAG,CAAC,SAAS,EAAK,CAAC,CAAC;AAOtG,SAASC,EAAQC,GAASC,IAAQ,IAAI;AAC3C,QAAMC,IAAQ,eAAeF,IAAUA,EAAQ,YAAYA,GACrDG,IAAOD,EAAM,SAAS,MAAM,GAC5BE,IAAoBF,EAAM,SAAS,YAAY,GAC/CG,IAAeH,EAAM,SAAS,qBAAqB,GACnDI,IAAkBJ,EAAM,SAAS,iBAAiB,GAClD;AAAA,IACJ,MAAAK,IAAO;AAAA,EACX,IAAMN,GACEO,IAAqBC,EAAK,GAC1BC,IAAcL,GAAc,MAAMG,GAClCG,IAAaC,EAAM,QAAQ,MAAMC,EAAwBP,CAAe,GAAG,MAAMF,GAAmB,CAACE,GAAiBF,CAAiB,CAAC,GACxIU,IAAWhB,EAA2B,IAAIS,CAAI,KAAKA,GAEnDQ,IADWC,EAAuB,KACX,MACvBC,IAAUL,EAAM,QAAQ,MACxBE,MAAa,aAAaP,MAAS,UAC9BW,IAEF;AAAA,IACL,iBAAiBJ,MAAa,gBAAgB,WAAWA;AAAA,IACzD,iBAAiB;AAAA,IACjB,GAAIA,MAAa,aAAa;AAAA,MAC5B,MAAM;AAAA,IACd;AAAA,IACM,GAAIA,MAAa,UAAUC,KAAY;AAAA,MACrC,MAAM;AAAA,IACd;AAAA,IACM,GAAIR,MAAS,YAAY;AAAA,MACvB,qBAAqB;AAAA,IAC7B;AAAA,IACM,GAAIA,MAAS,cAAc;AAAA,MACzB,qBAAqB;AAAA,IAC7B;AAAA,EACA,GACK,CAACO,GAAUC,GAAUR,CAAI,CAAC,GACvBY,IAAYP,EAAM,QAAQ,MAC1BE,MAAa,aAAaP,MAAS,UAC9B;AAAA,IACL,CAAC,QAAQA,MAAS,UAAU,eAAe,aAAa,EAAE,GAAGJ,IAAOQ,IAAa;AAAA,EACzF,IAGW;AAAA,IACL,GAFmBM;AAAA,IAGnB,iBAAiBd,IAAO,SAAS;AAAA,IACjC,iBAAiBA,IAAOQ,IAAa;AAAA,IACrC,GAAIG,MAAa,UAAU;AAAA,MACzB,IAAIJ;AAAA,IACZ;AAAA,EACA,GACK,CAACI,GAAUH,GAAYR,GAAMO,GAAaH,GAAMU,CAAO,CAAC,GACrDG,IAAWR,EAAM,QAAQ,MAAM;AACnC,UAAMS,IAAgB;AAAA,MACpB,IAAIV;AAAA,MACJ,GAAIG,KAAY;AAAA,QACd,MAAMA;AAAA,MACd;AAAA,IACA;AACI,WAAIA,MAAa,aAAaP,MAAS,UAC9Bc,IAEF;AAAA,MACL,GAAGA;AAAA,MACH,GAAIP,MAAa,UAAU;AAAA,QACzB,mBAAmBJ;AAAA,MAC3B;AAAA,IACA;AAAA,EACE,GAAG,CAACI,GAAUH,GAAYD,GAAaH,CAAI,CAAC,GACtCe,IAAOV,EAAM,YAAY,CAAC;AAAA,IAC9B,QAAAW;AAAA,IACA,UAAAC;AAAA,EACJ,MAAQ;AACJ,UAAMC,IAAc;AAAA,MAClB,MAAM;AAAA,MACN,GAAIF,KAAU;AAAA,QACZ,IAAI,GAAGZ,CAAU;AAAA,MACzB;AAAA,IACA;AAKI,YAAQJ,GAAI;AAAA,MACV,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,UACL,GAAGkB;AAAA,UACH,iBAAiBD;AAAA,QAC3B;AAAA,IAEA;AACI,WAAO,CAAA;AAAA,EACT,GAAG,CAACb,GAAYJ,CAAI,CAAC;AACrB,SAAOK,EAAM,QAAQ,OAAO;AAAA,IAC1B,WAAAO;AAAA,IACA,UAAAC;AAAA,IACA,MAAAE;AAAA,IACA,SAAAL;AAAA,EACJ,IAAM,CAACE,GAAWC,GAAUH,GAASK,CAAI,CAAC;AAC1C;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"index350.js","sources":["../../../node_modules/@base-ui/utils/esm/store/ReactStore.js"],"sourcesContent":["/* False positives - ESLint thinks we're calling a hook from a class component. */\n/* eslint-disable react-hooks/rules-of-hooks */\n'use client';\n\nimport * as React from 'react';\nimport { Store } from \"./Store.js\";\nimport { useStore } from \"./useStore.js\";\nimport { useStableCallback } from \"../useStableCallback.js\";\nimport { useIsoLayoutEffect } from \"../useIsoLayoutEffect.js\";\nimport { NOOP } from \"../empty.js\";\n\n/**\n * A Store that supports controlled state keys, non-reactive values and provides utility methods for React.\n */\nexport class ReactStore extends Store {\n /**\n * Creates a new ReactStore instance.\n *\n * @param state Initial state of the store.\n * @param context Non-reactive context values.\n * @param selectors Optional selectors for use with `useState`.\n */\n constructor(state, context = {}, selectors) {\n super(state);\n this.context = context;\n this.selectors = selectors;\n }\n\n /**\n * Non-reactive values such as refs, callbacks, etc.\n */\n\n /**\n * Synchronizes a single external value into the store.\n *\n * Note that the while the value in `state` is updated immediately, the value returned\n * by `useState` is updated before the next render (similarly to React's `useState`).\n */\n useSyncedValue(key, value) {\n React.useDebugValue(key);\n useIsoLayoutEffect(() => {\n if (this.state[key] !== value) {\n this.set(key, value);\n }\n }, [key, value]);\n }\n\n /**\n * Synchronizes a single external value into the store and\n * cleans it up (sets to `undefined`) on unmount.\n *\n * Note that the while the value in `state` is updated immediately, the value returned\n * by `useState` is updated before the next render (similarly to React's `useState`).\n */\n useSyncedValueWithCleanup(key, value) {\n // eslint-disable-next-line consistent-this\n const store = this;\n useIsoLayoutEffect(() => {\n if (store.state[key] !== value) {\n store.set(key, value);\n }\n return () => {\n store.set(key, undefined);\n };\n }, [store, key, value]);\n }\n\n /**\n * Synchronizes multiple external values into the store.\n *\n * Note that the while the values in `state` are updated immediately, the values returned\n * by `useState` are updated before the next render (similarly to React's `useState`).\n */\n useSyncedValues(statePart) {\n // eslint-disable-next-line consistent-this\n const store = this;\n if (process.env.NODE_ENV !== 'production') {\n // Check that an object with the same shape is passed on every render\n React.useDebugValue(statePart, p => Object.keys(p));\n const keys = React.useRef(Object.keys(statePart)).current;\n const nextKeys = Object.keys(statePart);\n if (keys.length !== nextKeys.length || keys.some((key, index) => key !== nextKeys[index])) {\n console.error('ReactStore.useSyncedValues expects the same prop keys on every render. Keys should be stable.');\n }\n }\n const dependencies = Object.values(statePart);\n useIsoLayoutEffect(() => {\n store.update(statePart);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [store, ...dependencies]);\n }\n\n /**\n * Registers a controllable prop pair (`controlled`, `defaultValue`) for a specific key. If `controlled`\n * is non-undefined, the store's state at `key` is updated to match `controlled`.\n */\n useControlledProp(key, controlled) {\n React.useDebugValue(key);\n const isControlled = controlled !== undefined;\n useIsoLayoutEffect(() => {\n if (isControlled && !Object.is(this.state[key], controlled)) {\n // Set the internal state to match the controlled value.\n super.setState({\n ...this.state,\n [key]: controlled\n });\n }\n }, [key, controlled, isControlled]);\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line\n const cache = this.controlledValues ??= new Map();\n if (!cache.has(key)) {\n cache.set(key, isControlled);\n }\n const previouslyControlled = cache.get(key);\n if (previouslyControlled !== undefined && previouslyControlled !== isControlled) {\n console.error(`A component is changing the ${isControlled ? '' : 'un'}controlled state of ${key.toString()} to be ${isControlled ? 'un' : ''}controlled. Elements should not switch from uncontrolled to controlled (or vice versa).`);\n }\n }\n }\n\n /** Gets the current value from the store using a selector with the provided key.\n *\n * @param key Key of the selector to use.\n */\n\n select(key, a1, a2, a3) {\n const selector = this.selectors[key];\n return selector(this.state, a1, a2, a3);\n }\n\n /**\n * Returns a value from the store's state using a selector function.\n * Used to subscribe to specific parts of the state.\n * This methods causes a rerender whenever the selected state changes.\n *\n * @param key Key of the selector to use.\n */\n\n useState(key, a1, a2, a3) {\n React.useDebugValue(key);\n return useStore(this, this.selectors[key], a1, a2, a3);\n }\n\n /**\n * Wraps a function with `useStableCallback` to ensure it has a stable reference\n * and assigns it to the context.\n *\n * @param key Key of the event callback. Must be a function in the context.\n * @param fn Function to assign.\n */\n useContextCallback(key, fn) {\n React.useDebugValue(key);\n const stableFunction = useStableCallback(fn ?? NOOP);\n this.context[key] = stableFunction;\n }\n\n /**\n * Returns a stable setter function for a specific key in the store's state.\n * It's commonly used to pass as a ref callback to React elements.\n *\n * @param key Key of the state to set.\n */\n useStateSetter(key) {\n const ref = React.useRef(undefined);\n if (ref.current === undefined) {\n ref.current = value => {\n this.set(key, value);\n };\n }\n return ref.current;\n }\n\n /**\n * Observes changes derived from the store's selectors and calls the listener when the selected value changes.\n *\n * @param key Key of the selector to observe.\n * @param listener Listener function called when the selector result changes.\n */\n\n observe(selector, listener) {\n let selectFn;\n if (typeof selector === 'function') {\n selectFn = selector;\n } else {\n selectFn = this.selectors[selector];\n }\n let prevValue = selectFn(this.state);\n listener(prevValue, prevValue, this);\n return this.subscribe(nextState => {\n const nextValue = selectFn(nextState);\n if (!Object.is(prevValue, nextValue)) {\n const oldValue = prevValue;\n prevValue = nextValue;\n listener(nextValue, oldValue, this);\n }\n });\n }\n}"],"names":["ReactStore","Store","state","context","selectors","key","value","React","useIsoLayoutEffect","store","statePart","p","keys","nextKeys","index","dependencies","controlled","isControlled","cache","previouslyControlled","a1","a2","a3","selector","useStore","fn","stableFunction","useStableCallback","NOOP","ref","listener","selectFn","prevValue","nextState","nextValue","oldValue"],"mappings":"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","x_google_ignoreList":[0]}
package/dist/index351.js CHANGED
@@ -1,146 +1,65 @@
1
- import * as u from "react";
2
- import { Store as l } from "./index305.js";
3
- import { useStore as a } from "./index299.js";
4
- import { useStableCallback as f } from "./index284.js";
5
- import { useIsoLayoutEffect as c } from "./index283.js";
6
- import { NOOP as h } from "./index286.js";
7
- class g extends l {
8
- /**
9
- * Creates a new ReactStore instance.
10
- *
11
- * @param state Initial state of the store.
12
- * @param context Non-reactive context values.
13
- * @param selectors Optional selectors for use with `useState`.
14
- */
15
- constructor(e, t = {}, s) {
16
- super(e), this.context = t, this.selectors = s;
1
+ class n {
2
+ constructor() {
3
+ this.elementsSet = /* @__PURE__ */ new Set(), this.idMap = /* @__PURE__ */ new Map();
17
4
  }
18
5
  /**
19
- * Non-reactive values such as refs, callbacks, etc.
20
- */
21
- /**
22
- * Synchronizes a single external value into the store.
6
+ * Adds a trigger element with the given ID.
23
7
  *
24
- * Note that the while the value in `state` is updated immediately, the value returned
25
- * by `useState` is updated before the next render (similarly to React's `useState`).
8
+ * Note: The provided element is assumed to not be registered under multiple IDs.
26
9
  */
27
- useSyncedValue(e, t) {
28
- u.useDebugValue(e), c(() => {
29
- this.state[e] !== t && this.set(e, t);
30
- }, [e, t]);
10
+ add(e, t) {
11
+ const s = this.idMap.get(e);
12
+ if (s !== t && (s !== void 0 && this.elementsSet.delete(s), this.elementsSet.add(t), this.idMap.set(e, t), process.env.NODE_ENV !== "production" && this.elementsSet.size !== this.idMap.size))
13
+ throw new Error("Base UI: A trigger element cannot be registered under multiple IDs in PopupTriggerMap.");
31
14
  }
32
15
  /**
33
- * Synchronizes a single external value into the store and
34
- * cleans it up (sets to `undefined`) on unmount.
35
- *
36
- * Note that the while the value in `state` is updated immediately, the value returned
37
- * by `useState` is updated before the next render (similarly to React's `useState`).
16
+ * Removes the trigger element with the given ID.
38
17
  */
39
- useSyncedValueWithCleanup(e, t) {
40
- const s = this;
41
- c(() => (s.state[e] !== t && s.set(e, t), () => {
42
- s.set(e, void 0);
43
- }), [s, e, t]);
18
+ delete(e) {
19
+ const t = this.idMap.get(e);
20
+ t && (this.elementsSet.delete(t), this.idMap.delete(e));
44
21
  }
45
22
  /**
46
- * Synchronizes multiple external values into the store.
47
- *
48
- * Note that the while the values in `state` are updated immediately, the values returned
49
- * by `useState` are updated before the next render (similarly to React's `useState`).
23
+ * Whether the given element is registered as a trigger.
50
24
  */
51
- useSyncedValues(e) {
52
- const t = this;
53
- if (process.env.NODE_ENV !== "production") {
54
- u.useDebugValue(e, (r) => Object.keys(r));
55
- const o = u.useRef(Object.keys(e)).current, n = Object.keys(e);
56
- (o.length !== n.length || o.some((r, i) => r !== n[i])) && console.error("ReactStore.useSyncedValues expects the same prop keys on every render. Keys should be stable.");
57
- }
58
- const s = Object.values(e);
59
- c(() => {
60
- t.update(e);
61
- }, [t, ...s]);
25
+ hasElement(e) {
26
+ return this.elementsSet.has(e);
62
27
  }
63
28
  /**
64
- * Registers a controllable prop pair (`controlled`, `defaultValue`) for a specific key. If `controlled`
65
- * is non-undefined, the store's state at `key` is updated to match `controlled`.
29
+ * Whether there is a registered trigger element matching the given predicate.
66
30
  */
67
- useControlledProp(e, t) {
68
- u.useDebugValue(e);
69
- const s = t !== void 0;
70
- if (c(() => {
71
- s && !Object.is(this.state[e], t) && super.setState({
72
- ...this.state,
73
- [e]: t
74
- });
75
- }, [e, t, s]), process.env.NODE_ENV !== "production") {
76
- const o = this.controlledValues ??= /* @__PURE__ */ new Map();
77
- o.has(e) || o.set(e, s);
78
- const n = o.get(e);
79
- n !== void 0 && n !== s && console.error(`A component is changing the ${s ? "" : "un"}controlled state of ${e.toString()} to be ${s ? "un" : ""}controlled. Elements should not switch from uncontrolled to controlled (or vice versa).`);
80
- }
81
- }
82
- /** Gets the current value from the store using a selector with the provided key.
83
- *
84
- * @param key Key of the selector to use.
85
- */
86
- select(e, t, s, o) {
87
- const n = this.selectors[e];
88
- return n(this.state, t, s, o);
31
+ hasMatchingElement(e) {
32
+ for (const t of this.elementsSet)
33
+ if (e(t))
34
+ return !0;
35
+ return !1;
89
36
  }
90
37
  /**
91
- * Returns a value from the store's state using a selector function.
92
- * Used to subscribe to specific parts of the state.
93
- * This methods causes a rerender whenever the selected state changes.
94
- *
95
- * @param key Key of the selector to use.
38
+ * Returns the trigger element associated with the given ID, or undefined if no such element exists.
96
39
  */
97
- useState(e, t, s, o) {
98
- return u.useDebugValue(e), a(this, this.selectors[e], t, s, o);
40
+ getById(e) {
41
+ return this.idMap.get(e);
99
42
  }
100
43
  /**
101
- * Wraps a function with `useStableCallback` to ensure it has a stable reference
102
- * and assigns it to the context.
103
- *
104
- * @param key Key of the event callback. Must be a function in the context.
105
- * @param fn Function to assign.
44
+ * Returns an iterable of all registered trigger entries, where each entry is a tuple of [id, element].
106
45
  */
107
- useContextCallback(e, t) {
108
- u.useDebugValue(e);
109
- const s = f(t ?? h);
110
- this.context[e] = s;
46
+ entries() {
47
+ return this.idMap.entries();
111
48
  }
112
49
  /**
113
- * Returns a stable setter function for a specific key in the store's state.
114
- * It's commonly used to pass as a ref callback to React elements.
115
- *
116
- * @param key Key of the state to set.
50
+ * Returns an iterable of all registered trigger elements.
117
51
  */
118
- useStateSetter(e) {
119
- const t = u.useRef(void 0);
120
- return t.current === void 0 && (t.current = (s) => {
121
- this.set(e, s);
122
- }), t.current;
52
+ elements() {
53
+ return this.elementsSet.values();
123
54
  }
124
55
  /**
125
- * Observes changes derived from the store's selectors and calls the listener when the selected value changes.
126
- *
127
- * @param key Key of the selector to observe.
128
- * @param listener Listener function called when the selector result changes.
56
+ * Returns the number of registered trigger elements.
129
57
  */
130
- observe(e, t) {
131
- let s;
132
- typeof e == "function" ? s = e : s = this.selectors[e];
133
- let o = s(this.state);
134
- return t(o, o, this), this.subscribe((n) => {
135
- const r = s(n);
136
- if (!Object.is(o, r)) {
137
- const i = o;
138
- o = r, t(r, i, this);
139
- }
140
- });
58
+ get size() {
59
+ return this.idMap.size;
141
60
  }
142
61
  }
143
62
  export {
144
- g as ReactStore
63
+ n as PopupTriggerMap
145
64
  };
146
65
  //# sourceMappingURL=index351.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index351.js","sources":["../../../node_modules/@base-ui/utils/esm/store/ReactStore.js"],"sourcesContent":["/* False positives - ESLint thinks we're calling a hook from a class component. */\n/* eslint-disable react-hooks/rules-of-hooks */\n'use client';\n\nimport * as React from 'react';\nimport { Store } from \"./Store.js\";\nimport { useStore } from \"./useStore.js\";\nimport { useStableCallback } from \"../useStableCallback.js\";\nimport { useIsoLayoutEffect } from \"../useIsoLayoutEffect.js\";\nimport { NOOP } from \"../empty.js\";\n\n/**\n * A Store that supports controlled state keys, non-reactive values and provides utility methods for React.\n */\nexport class ReactStore extends Store {\n /**\n * Creates a new ReactStore instance.\n *\n * @param state Initial state of the store.\n * @param context Non-reactive context values.\n * @param selectors Optional selectors for use with `useState`.\n */\n constructor(state, context = {}, selectors) {\n super(state);\n this.context = context;\n this.selectors = selectors;\n }\n\n /**\n * Non-reactive values such as refs, callbacks, etc.\n */\n\n /**\n * Synchronizes a single external value into the store.\n *\n * Note that the while the value in `state` is updated immediately, the value returned\n * by `useState` is updated before the next render (similarly to React's `useState`).\n */\n useSyncedValue(key, value) {\n React.useDebugValue(key);\n useIsoLayoutEffect(() => {\n if (this.state[key] !== value) {\n this.set(key, value);\n }\n }, [key, value]);\n }\n\n /**\n * Synchronizes a single external value into the store and\n * cleans it up (sets to `undefined`) on unmount.\n *\n * Note that the while the value in `state` is updated immediately, the value returned\n * by `useState` is updated before the next render (similarly to React's `useState`).\n */\n useSyncedValueWithCleanup(key, value) {\n // eslint-disable-next-line consistent-this\n const store = this;\n useIsoLayoutEffect(() => {\n if (store.state[key] !== value) {\n store.set(key, value);\n }\n return () => {\n store.set(key, undefined);\n };\n }, [store, key, value]);\n }\n\n /**\n * Synchronizes multiple external values into the store.\n *\n * Note that the while the values in `state` are updated immediately, the values returned\n * by `useState` are updated before the next render (similarly to React's `useState`).\n */\n useSyncedValues(statePart) {\n // eslint-disable-next-line consistent-this\n const store = this;\n if (process.env.NODE_ENV !== 'production') {\n // Check that an object with the same shape is passed on every render\n React.useDebugValue(statePart, p => Object.keys(p));\n const keys = React.useRef(Object.keys(statePart)).current;\n const nextKeys = Object.keys(statePart);\n if (keys.length !== nextKeys.length || keys.some((key, index) => key !== nextKeys[index])) {\n console.error('ReactStore.useSyncedValues expects the same prop keys on every render. Keys should be stable.');\n }\n }\n const dependencies = Object.values(statePart);\n useIsoLayoutEffect(() => {\n store.update(statePart);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [store, ...dependencies]);\n }\n\n /**\n * Registers a controllable prop pair (`controlled`, `defaultValue`) for a specific key. If `controlled`\n * is non-undefined, the store's state at `key` is updated to match `controlled`.\n */\n useControlledProp(key, controlled) {\n React.useDebugValue(key);\n const isControlled = controlled !== undefined;\n useIsoLayoutEffect(() => {\n if (isControlled && !Object.is(this.state[key], controlled)) {\n // Set the internal state to match the controlled value.\n super.setState({\n ...this.state,\n [key]: controlled\n });\n }\n }, [key, controlled, isControlled]);\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line\n const cache = this.controlledValues ??= new Map();\n if (!cache.has(key)) {\n cache.set(key, isControlled);\n }\n const previouslyControlled = cache.get(key);\n if (previouslyControlled !== undefined && previouslyControlled !== isControlled) {\n console.error(`A component is changing the ${isControlled ? '' : 'un'}controlled state of ${key.toString()} to be ${isControlled ? 'un' : ''}controlled. Elements should not switch from uncontrolled to controlled (or vice versa).`);\n }\n }\n }\n\n /** Gets the current value from the store using a selector with the provided key.\n *\n * @param key Key of the selector to use.\n */\n\n select(key, a1, a2, a3) {\n const selector = this.selectors[key];\n return selector(this.state, a1, a2, a3);\n }\n\n /**\n * Returns a value from the store's state using a selector function.\n * Used to subscribe to specific parts of the state.\n * This methods causes a rerender whenever the selected state changes.\n *\n * @param key Key of the selector to use.\n */\n\n useState(key, a1, a2, a3) {\n React.useDebugValue(key);\n return useStore(this, this.selectors[key], a1, a2, a3);\n }\n\n /**\n * Wraps a function with `useStableCallback` to ensure it has a stable reference\n * and assigns it to the context.\n *\n * @param key Key of the event callback. Must be a function in the context.\n * @param fn Function to assign.\n */\n useContextCallback(key, fn) {\n React.useDebugValue(key);\n const stableFunction = useStableCallback(fn ?? NOOP);\n this.context[key] = stableFunction;\n }\n\n /**\n * Returns a stable setter function for a specific key in the store's state.\n * It's commonly used to pass as a ref callback to React elements.\n *\n * @param key Key of the state to set.\n */\n useStateSetter(key) {\n const ref = React.useRef(undefined);\n if (ref.current === undefined) {\n ref.current = value => {\n this.set(key, value);\n };\n }\n return ref.current;\n }\n\n /**\n * Observes changes derived from the store's selectors and calls the listener when the selected value changes.\n *\n * @param key Key of the selector to observe.\n * @param listener Listener function called when the selector result changes.\n */\n\n observe(selector, listener) {\n let selectFn;\n if (typeof selector === 'function') {\n selectFn = selector;\n } else {\n selectFn = this.selectors[selector];\n }\n let prevValue = selectFn(this.state);\n listener(prevValue, prevValue, this);\n return this.subscribe(nextState => {\n const nextValue = selectFn(nextState);\n if (!Object.is(prevValue, nextValue)) {\n const oldValue = prevValue;\n prevValue = nextValue;\n listener(nextValue, oldValue, this);\n }\n });\n }\n}"],"names":["ReactStore","Store","state","context","selectors","key","value","React","useIsoLayoutEffect","store","statePart","p","keys","nextKeys","index","dependencies","controlled","isControlled","cache","previouslyControlled","a1","a2","a3","selector","useStore","fn","stableFunction","useStableCallback","NOOP","ref","listener","selectFn","prevValue","nextState","nextValue","oldValue"],"mappings":";;;;;;AAcO,MAAMA,UAAmBC,EAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQpC,YAAYC,GAAOC,IAAU,CAAA,GAAIC,GAAW;AAC1C,UAAMF,CAAK,GACX,KAAK,UAAUC,GACf,KAAK,YAAYC;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYA,eAAeC,GAAKC,GAAO;AACzB,IAAAC,EAAM,cAAcF,CAAG,GACvBG,EAAmB,MAAM;AACvB,MAAI,KAAK,MAAMH,CAAG,MAAMC,KACtB,KAAK,IAAID,GAAKC,CAAK;AAAA,IAEvB,GAAG,CAACD,GAAKC,CAAK,CAAC;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,0BAA0BD,GAAKC,GAAO;AAEpC,UAAMG,IAAQ;AACd,IAAAD,EAAmB,OACbC,EAAM,MAAMJ,CAAG,MAAMC,KACvBG,EAAM,IAAIJ,GAAKC,CAAK,GAEf,MAAM;AACX,MAAAG,EAAM,IAAIJ,GAAK,MAAS;AAAA,IAC1B,IACC,CAACI,GAAOJ,GAAKC,CAAK,CAAC;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,gBAAgBI,GAAW;AAEzB,UAAMD,IAAQ;AACd,QAAI,QAAQ,IAAI,aAAa,cAAc;AAEzC,MAAAF,EAAM,cAAcG,GAAW,CAAAC,MAAK,OAAO,KAAKA,CAAC,CAAC;AAClD,YAAMC,IAAOL,EAAM,OAAO,OAAO,KAAKG,CAAS,CAAC,EAAE,SAC5CG,IAAW,OAAO,KAAKH,CAAS;AACtC,OAAIE,EAAK,WAAWC,EAAS,UAAUD,EAAK,KAAK,CAACP,GAAKS,MAAUT,MAAQQ,EAASC,CAAK,CAAC,MACtF,QAAQ,MAAM,+FAA+F;AAAA,IAEjH;AACA,UAAMC,IAAe,OAAO,OAAOL,CAAS;AAC5C,IAAAF,EAAmB,MAAM;AACvB,MAAAC,EAAM,OAAOC,CAAS;AAAA,IAExB,GAAG,CAACD,GAAO,GAAGM,CAAY,CAAC;AAAA,EAC7B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,kBAAkBV,GAAKW,GAAY;AACjC,IAAAT,EAAM,cAAcF,CAAG;AACvB,UAAMY,IAAeD,MAAe;AAUpC,QATAR,EAAmB,MAAM;AACvB,MAAIS,KAAgB,CAAC,OAAO,GAAG,KAAK,MAAMZ,CAAG,GAAGW,CAAU,KAExD,MAAM,SAAS;AAAA,QACb,GAAG,KAAK;AAAA,QACR,CAACX,CAAG,GAAGW;AAAA,MACjB,CAAS;AAAA,IAEL,GAAG,CAACX,GAAKW,GAAYC,CAAY,CAAC,GAC9B,QAAQ,IAAI,aAAa,cAAc;AAEzC,YAAMC,IAAQ,KAAK,qBAAqB,oBAAI,IAAG;AAC/C,MAAKA,EAAM,IAAIb,CAAG,KAChBa,EAAM,IAAIb,GAAKY,CAAY;AAE7B,YAAME,IAAuBD,EAAM,IAAIb,CAAG;AAC1C,MAAIc,MAAyB,UAAaA,MAAyBF,KACjE,QAAQ,MAAM,+BAA+BA,IAAe,KAAK,IAAI,uBAAuBZ,EAAI,SAAQ,CAAE,UAAUY,IAAe,OAAO,EAAE,yFAAyF;AAAA,IAEzO;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAOZ,GAAKe,GAAIC,GAAIC,GAAI;AACtB,UAAMC,IAAW,KAAK,UAAUlB,CAAG;AACnC,WAAOkB,EAAS,KAAK,OAAOH,GAAIC,GAAIC,CAAE;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,SAASjB,GAAKe,GAAIC,GAAIC,GAAI;AACxB,WAAAf,EAAM,cAAcF,CAAG,GAChBmB,EAAS,MAAM,KAAK,UAAUnB,CAAG,GAAGe,GAAIC,GAAIC,CAAE;AAAA,EACvD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,mBAAmBjB,GAAKoB,GAAI;AAC1B,IAAAlB,EAAM,cAAcF,CAAG;AACvB,UAAMqB,IAAiBC,EAAkBF,KAAMG,CAAI;AACnD,SAAK,QAAQvB,CAAG,IAAIqB;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,eAAerB,GAAK;AAClB,UAAMwB,IAAMtB,EAAM,OAAO,MAAS;AAClC,WAAIsB,EAAI,YAAY,WAClBA,EAAI,UAAU,CAAAvB,MAAS;AACrB,WAAK,IAAID,GAAKC,CAAK;AAAA,IACrB,IAEKuB,EAAI;AAAA,EACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,QAAQN,GAAUO,GAAU;AAC1B,QAAIC;AACJ,IAAI,OAAOR,KAAa,aACtBQ,IAAWR,IAEXQ,IAAW,KAAK,UAAUR,CAAQ;AAEpC,QAAIS,IAAYD,EAAS,KAAK,KAAK;AACnC,WAAAD,EAASE,GAAWA,GAAW,IAAI,GAC5B,KAAK,UAAU,CAAAC,MAAa;AACjC,YAAMC,IAAYH,EAASE,CAAS;AACpC,UAAI,CAAC,OAAO,GAAGD,GAAWE,CAAS,GAAG;AACpC,cAAMC,IAAWH;AACjB,QAAAA,IAAYE,GACZJ,EAASI,GAAWC,GAAU,IAAI;AAAA,MACpC;AAAA,IACF,CAAC;AAAA,EACH;AACF;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"index351.js","sources":["../../../node_modules/@base-ui/react/esm/utils/popups/popupTriggerMap.js"],"sourcesContent":["/**\n * Data structure to keep track of popup trigger elements by their IDs.\n * Uses both a set of Elements and a map of IDs to Elements for efficient lookups.\n */\nexport class PopupTriggerMap {\n constructor() {\n this.elementsSet = new Set();\n this.idMap = new Map();\n }\n\n /**\n * Adds a trigger element with the given ID.\n *\n * Note: The provided element is assumed to not be registered under multiple IDs.\n */\n add(id, element) {\n const existingElement = this.idMap.get(id);\n if (existingElement === element) {\n return;\n }\n if (existingElement !== undefined) {\n // We assume that the same element won't be registered under multiple ids.\n // This is safe considering how useTriggerRegistration is implemented.\n this.elementsSet.delete(existingElement);\n }\n this.elementsSet.add(element);\n this.idMap.set(id, element);\n if (process.env.NODE_ENV !== 'production') {\n if (this.elementsSet.size !== this.idMap.size) {\n throw new Error('Base UI: A trigger element cannot be registered under multiple IDs in PopupTriggerMap.');\n }\n }\n }\n\n /**\n * Removes the trigger element with the given ID.\n */\n delete(id) {\n const element = this.idMap.get(id);\n if (element) {\n this.elementsSet.delete(element);\n this.idMap.delete(id);\n }\n }\n\n /**\n * Whether the given element is registered as a trigger.\n */\n hasElement(element) {\n return this.elementsSet.has(element);\n }\n\n /**\n * Whether there is a registered trigger element matching the given predicate.\n */\n hasMatchingElement(predicate) {\n for (const element of this.elementsSet) {\n if (predicate(element)) {\n return true;\n }\n }\n return false;\n }\n\n /**\n * Returns the trigger element associated with the given ID, or undefined if no such element exists.\n */\n getById(id) {\n return this.idMap.get(id);\n }\n\n /**\n * Returns an iterable of all registered trigger entries, where each entry is a tuple of [id, element].\n */\n entries() {\n return this.idMap.entries();\n }\n\n /**\n * Returns an iterable of all registered trigger elements.\n */\n elements() {\n return this.elementsSet.values();\n }\n\n /**\n * Returns the number of registered trigger elements.\n */\n get size() {\n return this.idMap.size;\n }\n}"],"names":["PopupTriggerMap","id","element","existingElement","predicate"],"mappings":"AAIO,MAAMA,EAAgB;AAAA,EAC3B,cAAc;AACZ,SAAK,cAAc,oBAAI,IAAG,GAC1B,KAAK,QAAQ,oBAAI,IAAG;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,IAAIC,GAAIC,GAAS;AACf,UAAMC,IAAkB,KAAK,MAAM,IAAIF,CAAE;AACzC,QAAIE,MAAoBD,MAGpBC,MAAoB,UAGtB,KAAK,YAAY,OAAOA,CAAe,GAEzC,KAAK,YAAY,IAAID,CAAO,GAC5B,KAAK,MAAM,IAAID,GAAIC,CAAO,GACtB,QAAQ,IAAI,aAAa,gBACvB,KAAK,YAAY,SAAS,KAAK,MAAM;AACvC,YAAM,IAAI,MAAM,wFAAwF;AAAA,EAG9G;AAAA;AAAA;AAAA;AAAA,EAKA,OAAOD,GAAI;AACT,UAAMC,IAAU,KAAK,MAAM,IAAID,CAAE;AACjC,IAAIC,MACF,KAAK,YAAY,OAAOA,CAAO,GAC/B,KAAK,MAAM,OAAOD,CAAE;AAAA,EAExB;AAAA;AAAA;AAAA;AAAA,EAKA,WAAWC,GAAS;AAClB,WAAO,KAAK,YAAY,IAAIA,CAAO;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA,EAKA,mBAAmBE,GAAW;AAC5B,eAAWF,KAAW,KAAK;AACzB,UAAIE,EAAUF,CAAO;AACnB,eAAO;AAGX,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,QAAQD,GAAI;AACV,WAAO,KAAK,MAAM,IAAIA,CAAE;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,WAAO,KAAK,MAAM,QAAO;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW;AACT,WAAO,KAAK,YAAY,OAAM;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,OAAO;AACT,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;","x_google_ignoreList":[0]}
package/dist/index352.js CHANGED
@@ -1,65 +1,53 @@
1
- class n {
2
- constructor() {
3
- this.elementsSet = /* @__PURE__ */ new Set(), this.idMap = /* @__PURE__ */ new Map();
4
- }
5
- /**
6
- * Adds a trigger element with the given ID.
7
- *
8
- * Note: The provided element is assumed to not be registered under multiple IDs.
9
- */
10
- add(e, t) {
11
- const s = this.idMap.get(e);
12
- if (s !== t && (s !== void 0 && this.elementsSet.delete(s), this.elementsSet.add(t), this.idMap.set(e, t), process.env.NODE_ENV !== "production" && this.elementsSet.size !== this.idMap.size))
13
- throw new Error("Base UI: A trigger element cannot be registered under multiple IDs in PopupTriggerMap.");
14
- }
15
- /**
16
- * Removes the trigger element with the given ID.
17
- */
18
- delete(e) {
19
- const t = this.idMap.get(e);
20
- t && (this.elementsSet.delete(t), this.idMap.delete(e));
21
- }
22
- /**
23
- * Whether the given element is registered as a trigger.
24
- */
25
- hasElement(e) {
26
- return this.elementsSet.has(e);
27
- }
28
- /**
29
- * Whether there is a registered trigger element matching the given predicate.
30
- */
31
- hasMatchingElement(e) {
32
- for (const t of this.elementsSet)
33
- if (e(t))
34
- return !0;
35
- return !1;
36
- }
37
- /**
38
- * Returns the trigger element associated with the given ID, or undefined if no such element exists.
39
- */
40
- getById(e) {
41
- return this.idMap.get(e);
42
- }
1
+ import { EMPTY_OBJECT as r } from "./index289.js";
2
+ import { getEmptyRootContext as i } from "./index386.js";
3
+ import { createSelector as n } from "./index353.js";
4
+ function u() {
5
+ return {
6
+ open: !1,
7
+ openProp: void 0,
8
+ mounted: !1,
9
+ transitionStatus: void 0,
10
+ floatingRootContext: i(),
11
+ preventUnmountingOnClose: !1,
12
+ payload: void 0,
13
+ activeTriggerId: null,
14
+ activeTriggerElement: null,
15
+ triggerIdProp: void 0,
16
+ popupElement: null,
17
+ positionerElement: null,
18
+ activeTriggerProps: r,
19
+ inactiveTriggerProps: r,
20
+ popupProps: r
21
+ };
22
+ }
23
+ const t = n((e) => e.triggerIdProp ?? e.activeTriggerId), a = {
24
+ open: n((e) => e.openProp ?? e.open),
25
+ mounted: n((e) => e.mounted),
26
+ transitionStatus: n((e) => e.transitionStatus),
27
+ floatingRootContext: n((e) => e.floatingRootContext),
28
+ preventUnmountingOnClose: n((e) => e.preventUnmountingOnClose),
29
+ payload: n((e) => e.payload),
30
+ activeTriggerId: t,
31
+ activeTriggerElement: n((e) => e.mounted ? e.activeTriggerElement : null),
43
32
  /**
44
- * Returns an iterable of all registered trigger entries, where each entry is a tuple of [id, element].
33
+ * Whether the trigger with the given ID was used to open the popup.
45
34
  */
46
- entries() {
47
- return this.idMap.entries();
48
- }
35
+ isTriggerActive: n((e, o) => o !== void 0 && t(e) === o),
49
36
  /**
50
- * Returns an iterable of all registered trigger elements.
37
+ * Whether the popup is open and was activated by a trigger with the given ID.
51
38
  */
52
- elements() {
53
- return this.elementsSet.values();
54
- }
39
+ isOpenedByTrigger: n((e, o) => o !== void 0 && t(e) === o && e.open),
55
40
  /**
56
- * Returns the number of registered trigger elements.
41
+ * Whether the popup is mounted and was activated by a trigger with the given ID.
57
42
  */
58
- get size() {
59
- return this.idMap.size;
60
- }
61
- }
43
+ isMountedByTrigger: n((e, o) => o !== void 0 && t(e) === o && e.mounted),
44
+ triggerProps: n((e, o) => o ? e.activeTriggerProps : e.inactiveTriggerProps),
45
+ popupProps: n((e) => e.popupProps),
46
+ popupElement: n((e) => e.popupElement),
47
+ positionerElement: n((e) => e.positionerElement)
48
+ };
62
49
  export {
63
- n as PopupTriggerMap
50
+ u as createInitialPopupStoreState,
51
+ a as popupStoreSelectors
64
52
  };
65
53
  //# sourceMappingURL=index352.js.map