@contember/react-utils 1.2.6 → 1.3.0-alpha.10

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 (261) hide show
  1. package/dist/development/context/createNonNullableContextFactory.cjs +17 -0
  2. package/dist/development/context/createNonNullableContextFactory.cjs.map +1 -0
  3. package/dist/development/context/createNonNullableContextFactory.js.map +1 -1
  4. package/dist/development/context/createOptionalContextFactory.cjs +13 -0
  5. package/dist/development/context/createOptionalContextFactory.cjs.map +1 -0
  6. package/dist/development/debug-context/Constants.cjs +25 -0
  7. package/dist/development/debug-context/Constants.cjs.map +1 -0
  8. package/dist/development/debug-context/Context.cjs +72 -0
  9. package/dist/development/debug-context/Context.cjs.map +1 -0
  10. package/dist/development/debug-context/Context.js +4 -3
  11. package/dist/development/debug-context/Context.js.map +1 -1
  12. package/dist/development/hooks/unwrapRefValue.cjs +11 -0
  13. package/dist/development/hooks/unwrapRefValue.cjs.map +1 -0
  14. package/dist/development/hooks/useAbortController.cjs +17 -0
  15. package/dist/development/hooks/useAbortController.cjs.map +1 -0
  16. package/dist/development/hooks/useAddClassNameDuringResize.cjs +32 -0
  17. package/dist/development/hooks/useAddClassNameDuringResize.cjs.map +1 -0
  18. package/dist/development/hooks/useArrayMapMemo.cjs +11 -0
  19. package/dist/development/hooks/useArrayMapMemo.cjs.map +1 -0
  20. package/dist/development/hooks/useAutoHeightTextArea.cjs +41 -0
  21. package/dist/development/hooks/useAutoHeightTextArea.cjs.map +1 -0
  22. package/dist/development/hooks/useChildrenAsLabel.cjs +53 -0
  23. package/dist/development/hooks/useChildrenAsLabel.cjs.map +1 -0
  24. package/dist/development/hooks/useCloseOnClickOutside.cjs +25 -0
  25. package/dist/development/hooks/useCloseOnClickOutside.cjs.map +1 -0
  26. package/dist/development/hooks/useCloseOnClickOutside.js +25 -0
  27. package/dist/development/hooks/useCloseOnClickOutside.js.map +1 -0
  28. package/dist/development/hooks/useCloseOnEscape.cjs +20 -0
  29. package/dist/development/hooks/useCloseOnEscape.cjs.map +1 -0
  30. package/dist/development/hooks/useCloseOnEscape.js +20 -0
  31. package/dist/development/hooks/useCloseOnEscape.js.map +1 -0
  32. package/dist/development/hooks/useComposeRef.cjs +31 -0
  33. package/dist/development/hooks/useComposeRef.cjs.map +1 -0
  34. package/dist/development/hooks/useConstantLengthInvariant.cjs +15 -0
  35. package/dist/development/hooks/useConstantLengthInvariant.cjs.map +1 -0
  36. package/dist/development/hooks/useConstantLengthInvariant.js.map +1 -1
  37. package/dist/development/hooks/useConstantValueInvariant.cjs +15 -0
  38. package/dist/development/hooks/useConstantValueInvariant.cjs.map +1 -0
  39. package/dist/development/hooks/useConstantValueInvariant.js.map +1 -1
  40. package/dist/development/hooks/useContainerWidth.cjs +14 -0
  41. package/dist/development/hooks/useContainerWidth.cjs.map +1 -0
  42. package/dist/development/hooks/useDebounce.cjs +15 -0
  43. package/dist/development/hooks/useDebounce.cjs.map +1 -0
  44. package/dist/development/hooks/useDebounceCallback.cjs +19 -0
  45. package/dist/development/hooks/useDebounceCallback.cjs.map +1 -0
  46. package/dist/development/hooks/useDocumentTitle.cjs +22 -0
  47. package/dist/development/hooks/useDocumentTitle.cjs.map +1 -0
  48. package/dist/development/hooks/useElementSize.cjs +37 -0
  49. package/dist/development/hooks/useElementSize.cjs.map +1 -0
  50. package/dist/development/hooks/useElementTopOffset.cjs +29 -0
  51. package/dist/development/hooks/useElementTopOffset.cjs.map +1 -0
  52. package/dist/development/hooks/useEventHandler.cjs +19 -0
  53. package/dist/development/hooks/useEventHandler.cjs.map +1 -0
  54. package/dist/development/hooks/useExpectSameValueReference.cjs +24 -0
  55. package/dist/development/hooks/useExpectSameValueReference.cjs.map +1 -0
  56. package/dist/development/hooks/useForceRender.cjs +9 -0
  57. package/dist/development/hooks/useForceRender.cjs.map +1 -0
  58. package/dist/development/hooks/useId.cjs +13 -0
  59. package/dist/development/hooks/useId.cjs.map +1 -0
  60. package/dist/development/hooks/useId.js.map +1 -1
  61. package/dist/development/hooks/useIsMounted.cjs +18 -0
  62. package/dist/development/hooks/useIsMounted.cjs.map +1 -0
  63. package/dist/development/hooks/useObjectMemo.cjs +27 -0
  64. package/dist/development/hooks/useObjectMemo.cjs.map +1 -0
  65. package/dist/development/hooks/useOnElementClickOutsideCallback.cjs +20 -0
  66. package/dist/development/hooks/useOnElementClickOutsideCallback.cjs.map +1 -0
  67. package/dist/development/hooks/useOnElementMouseEnterDelayedCallback.cjs +33 -0
  68. package/dist/development/hooks/useOnElementMouseEnterDelayedCallback.cjs.map +1 -0
  69. package/dist/development/hooks/useOnElementMutation.cjs +35 -0
  70. package/dist/development/hooks/useOnElementMutation.cjs.map +1 -0
  71. package/dist/development/hooks/useOnElementResize.cjs +42 -0
  72. package/dist/development/hooks/useOnElementResize.cjs.map +1 -0
  73. package/dist/development/hooks/useOnScrollWithin.cjs +52 -0
  74. package/dist/development/hooks/useOnScrollWithin.cjs.map +1 -0
  75. package/dist/development/hooks/useOnWindowResize.cjs +36 -0
  76. package/dist/development/hooks/useOnWindowResize.cjs.map +1 -0
  77. package/dist/development/hooks/usePreviousValue.cjs +12 -0
  78. package/dist/development/hooks/usePreviousValue.cjs.map +1 -0
  79. package/dist/development/hooks/useScrollOffsets.cjs +67 -0
  80. package/dist/development/hooks/useScrollOffsets.cjs.map +1 -0
  81. package/dist/development/hooks/useStoredState.cjs +23 -0
  82. package/dist/development/hooks/useStoredState.cjs.map +1 -0
  83. package/dist/development/hooks/useUpdatedRef.cjs +10 -0
  84. package/dist/development/hooks/useUpdatedRef.cjs.map +1 -0
  85. package/dist/development/hooks/useWindowSize.cjs +20 -0
  86. package/dist/development/hooks/useWindowSize.cjs.map +1 -0
  87. package/dist/development/index.cjs +116 -0
  88. package/dist/development/index.cjs.map +1 -0
  89. package/dist/development/index.js +4 -0
  90. package/dist/development/index.js.map +1 -1
  91. package/dist/development/referentiallyStable/emptyArray.cjs +5 -0
  92. package/dist/development/referentiallyStable/emptyArray.cjs.map +1 -0
  93. package/dist/development/referentiallyStable/emptyObject.cjs +5 -0
  94. package/dist/development/referentiallyStable/emptyObject.cjs.map +1 -0
  95. package/dist/development/referentiallyStable/identityFunction.cjs +5 -0
  96. package/dist/development/referentiallyStable/identityFunction.cjs.map +1 -0
  97. package/dist/development/referentiallyStable/noop.cjs +5 -0
  98. package/dist/development/referentiallyStable/noop.cjs.map +1 -0
  99. package/dist/development/referentiallyStable/returnFalse.cjs +5 -0
  100. package/dist/development/referentiallyStable/returnFalse.cjs.map +1 -0
  101. package/dist/development/referentiallyStable/returnTrue.cjs +5 -0
  102. package/dist/development/referentiallyStable/returnTrue.cjs.map +1 -0
  103. package/dist/development/referentiallyStable/useReferentiallyStableCallback.cjs +12 -0
  104. package/dist/development/referentiallyStable/useReferentiallyStableCallback.cjs.map +1 -0
  105. package/dist/development/theming/ColorSchemeProvider.cjs +16 -0
  106. package/dist/development/theming/ColorSchemeProvider.cjs.map +1 -0
  107. package/dist/development/theming/ColorSchemeProvider.js +8 -10
  108. package/dist/development/theming/ColorSchemeProvider.js.map +1 -1
  109. package/dist/development/theming/GlobalClassNamePrefixContext.cjs +6 -0
  110. package/dist/development/theming/GlobalClassNamePrefixContext.cjs.map +1 -0
  111. package/dist/development/theming/contexts.cjs +12 -0
  112. package/dist/development/theming/contexts.cjs.map +1 -0
  113. package/dist/development/theming/useClassName.cjs +17 -0
  114. package/dist/development/theming/useClassName.cjs.map +1 -0
  115. package/dist/development/theming/useClassName.js.map +1 -1
  116. package/dist/development/theming/useClassNameFactory.cjs +22 -0
  117. package/dist/development/theming/useClassNameFactory.cjs.map +1 -0
  118. package/dist/development/theming/useClassNameFactory.js.map +1 -1
  119. package/dist/development/theming/useThemedClassName.cjs +17 -0
  120. package/dist/development/theming/useThemedClassName.cjs.map +1 -0
  121. package/dist/development/theming/useThemedClassNameFactory.cjs +29 -0
  122. package/dist/development/theming/useThemedClassNameFactory.cjs.map +1 -0
  123. package/dist/development/theming/useThemedClassNameFactory.js.map +1 -1
  124. package/dist/production/context/createNonNullableContextFactory.cjs +17 -0
  125. package/dist/production/context/createNonNullableContextFactory.cjs.map +1 -0
  126. package/dist/production/context/createNonNullableContextFactory.js.map +1 -1
  127. package/dist/production/context/createOptionalContextFactory.cjs +13 -0
  128. package/dist/production/context/createOptionalContextFactory.cjs.map +1 -0
  129. package/dist/production/debug-context/Constants.cjs +25 -0
  130. package/dist/production/debug-context/Constants.cjs.map +1 -0
  131. package/dist/production/debug-context/Context.cjs +68 -0
  132. package/dist/production/debug-context/Context.cjs.map +1 -0
  133. package/dist/production/debug-context/Context.js +3 -2
  134. package/dist/production/debug-context/Context.js.map +1 -1
  135. package/dist/production/hooks/unwrapRefValue.cjs +11 -0
  136. package/dist/production/hooks/unwrapRefValue.cjs.map +1 -0
  137. package/dist/production/hooks/useAbortController.cjs +17 -0
  138. package/dist/production/hooks/useAbortController.cjs.map +1 -0
  139. package/dist/production/hooks/useAddClassNameDuringResize.cjs +32 -0
  140. package/dist/production/hooks/useAddClassNameDuringResize.cjs.map +1 -0
  141. package/dist/production/hooks/useArrayMapMemo.cjs +9 -0
  142. package/dist/production/hooks/useArrayMapMemo.cjs.map +1 -0
  143. package/dist/production/hooks/useAutoHeightTextArea.cjs +41 -0
  144. package/dist/production/hooks/useAutoHeightTextArea.cjs.map +1 -0
  145. package/dist/production/hooks/useChildrenAsLabel.cjs +52 -0
  146. package/dist/production/hooks/useChildrenAsLabel.cjs.map +1 -0
  147. package/dist/production/hooks/useChildrenAsLabel.js.map +1 -1
  148. package/dist/production/hooks/useCloseOnClickOutside.cjs +25 -0
  149. package/dist/production/hooks/useCloseOnClickOutside.cjs.map +1 -0
  150. package/dist/production/hooks/useCloseOnClickOutside.js +25 -0
  151. package/dist/production/hooks/useCloseOnClickOutside.js.map +1 -0
  152. package/dist/production/hooks/useCloseOnEscape.cjs +20 -0
  153. package/dist/production/hooks/useCloseOnEscape.cjs.map +1 -0
  154. package/dist/production/hooks/useCloseOnEscape.js +20 -0
  155. package/dist/production/hooks/useCloseOnEscape.js.map +1 -0
  156. package/dist/production/hooks/useComposeRef.cjs +31 -0
  157. package/dist/production/hooks/useComposeRef.cjs.map +1 -0
  158. package/dist/production/hooks/useConstantLengthInvariant.cjs +6 -0
  159. package/dist/production/hooks/useConstantLengthInvariant.cjs.map +1 -0
  160. package/dist/production/hooks/useConstantValueInvariant.cjs +6 -0
  161. package/dist/production/hooks/useConstantValueInvariant.cjs.map +1 -0
  162. package/dist/production/hooks/useContainerWidth.cjs +14 -0
  163. package/dist/production/hooks/useContainerWidth.cjs.map +1 -0
  164. package/dist/production/hooks/useDebounce.cjs +15 -0
  165. package/dist/production/hooks/useDebounce.cjs.map +1 -0
  166. package/dist/production/hooks/useDebounceCallback.cjs +19 -0
  167. package/dist/production/hooks/useDebounceCallback.cjs.map +1 -0
  168. package/dist/production/hooks/useDocumentTitle.cjs +22 -0
  169. package/dist/production/hooks/useDocumentTitle.cjs.map +1 -0
  170. package/dist/production/hooks/useElementSize.cjs +37 -0
  171. package/dist/production/hooks/useElementSize.cjs.map +1 -0
  172. package/dist/production/hooks/useElementTopOffset.cjs +29 -0
  173. package/dist/production/hooks/useElementTopOffset.cjs.map +1 -0
  174. package/dist/production/hooks/useEventHandler.cjs +19 -0
  175. package/dist/production/hooks/useEventHandler.cjs.map +1 -0
  176. package/dist/production/hooks/useExpectSameValueReference.cjs +15 -0
  177. package/dist/production/hooks/useExpectSameValueReference.cjs.map +1 -0
  178. package/dist/production/hooks/useForceRender.cjs +9 -0
  179. package/dist/production/hooks/useForceRender.cjs.map +1 -0
  180. package/dist/production/hooks/useId.cjs +13 -0
  181. package/dist/production/hooks/useId.cjs.map +1 -0
  182. package/dist/production/hooks/useId.js.map +1 -1
  183. package/dist/production/hooks/useIsMounted.cjs +18 -0
  184. package/dist/production/hooks/useIsMounted.cjs.map +1 -0
  185. package/dist/production/hooks/useObjectMemo.cjs +27 -0
  186. package/dist/production/hooks/useObjectMemo.cjs.map +1 -0
  187. package/dist/production/hooks/useOnElementClickOutsideCallback.cjs +20 -0
  188. package/dist/production/hooks/useOnElementClickOutsideCallback.cjs.map +1 -0
  189. package/dist/production/hooks/useOnElementMouseEnterDelayedCallback.cjs +33 -0
  190. package/dist/production/hooks/useOnElementMouseEnterDelayedCallback.cjs.map +1 -0
  191. package/dist/production/hooks/useOnElementMutation.cjs +35 -0
  192. package/dist/production/hooks/useOnElementMutation.cjs.map +1 -0
  193. package/dist/production/hooks/useOnElementResize.cjs +42 -0
  194. package/dist/production/hooks/useOnElementResize.cjs.map +1 -0
  195. package/dist/production/hooks/useOnScrollWithin.cjs +52 -0
  196. package/dist/production/hooks/useOnScrollWithin.cjs.map +1 -0
  197. package/dist/production/hooks/useOnWindowResize.cjs +36 -0
  198. package/dist/production/hooks/useOnWindowResize.cjs.map +1 -0
  199. package/dist/production/hooks/usePreviousValue.cjs +12 -0
  200. package/dist/production/hooks/usePreviousValue.cjs.map +1 -0
  201. package/dist/production/hooks/useScrollOffsets.cjs +67 -0
  202. package/dist/production/hooks/useScrollOffsets.cjs.map +1 -0
  203. package/dist/production/hooks/useStoredState.cjs +23 -0
  204. package/dist/production/hooks/useStoredState.cjs.map +1 -0
  205. package/dist/production/hooks/useUpdatedRef.cjs +10 -0
  206. package/dist/production/hooks/useUpdatedRef.cjs.map +1 -0
  207. package/dist/production/hooks/useWindowSize.cjs +20 -0
  208. package/dist/production/hooks/useWindowSize.cjs.map +1 -0
  209. package/dist/production/index.cjs +116 -0
  210. package/dist/production/index.cjs.map +1 -0
  211. package/dist/production/index.js +4 -0
  212. package/dist/production/index.js.map +1 -1
  213. package/dist/production/referentiallyStable/emptyArray.cjs +5 -0
  214. package/dist/production/referentiallyStable/emptyArray.cjs.map +1 -0
  215. package/dist/production/referentiallyStable/emptyObject.cjs +5 -0
  216. package/dist/production/referentiallyStable/emptyObject.cjs.map +1 -0
  217. package/dist/production/referentiallyStable/identityFunction.cjs +5 -0
  218. package/dist/production/referentiallyStable/identityFunction.cjs.map +1 -0
  219. package/dist/production/referentiallyStable/noop.cjs +5 -0
  220. package/dist/production/referentiallyStable/noop.cjs.map +1 -0
  221. package/dist/production/referentiallyStable/returnFalse.cjs +5 -0
  222. package/dist/production/referentiallyStable/returnFalse.cjs.map +1 -0
  223. package/dist/production/referentiallyStable/returnTrue.cjs +5 -0
  224. package/dist/production/referentiallyStable/returnTrue.cjs.map +1 -0
  225. package/dist/production/referentiallyStable/useReferentiallyStableCallback.cjs +12 -0
  226. package/dist/production/referentiallyStable/useReferentiallyStableCallback.cjs.map +1 -0
  227. package/dist/production/theming/ColorSchemeProvider.cjs +12 -0
  228. package/dist/production/theming/ColorSchemeProvider.cjs.map +1 -0
  229. package/dist/production/theming/ColorSchemeProvider.js +4 -6
  230. package/dist/production/theming/ColorSchemeProvider.js.map +1 -1
  231. package/dist/production/theming/GlobalClassNamePrefixContext.cjs +6 -0
  232. package/dist/production/theming/GlobalClassNamePrefixContext.cjs.map +1 -0
  233. package/dist/production/theming/contexts.cjs +12 -0
  234. package/dist/production/theming/contexts.cjs.map +1 -0
  235. package/dist/production/theming/useClassName.cjs +17 -0
  236. package/dist/production/theming/useClassName.cjs.map +1 -0
  237. package/dist/production/theming/useClassName.js.map +1 -1
  238. package/dist/production/theming/useClassNameFactory.cjs +22 -0
  239. package/dist/production/theming/useClassNameFactory.cjs.map +1 -0
  240. package/dist/production/theming/useClassNameFactory.js.map +1 -1
  241. package/dist/production/theming/useThemedClassName.cjs +17 -0
  242. package/dist/production/theming/useThemedClassName.cjs.map +1 -0
  243. package/dist/production/theming/useThemedClassNameFactory.cjs +29 -0
  244. package/dist/production/theming/useThemedClassNameFactory.cjs.map +1 -0
  245. package/dist/production/theming/useThemedClassNameFactory.js.map +1 -1
  246. package/dist/types/debug-context/Context.d.ts.map +1 -1
  247. package/dist/types/hooks/index.d.ts +2 -0
  248. package/dist/types/hooks/index.d.ts.map +1 -1
  249. package/dist/types/hooks/useCloseOnClickOutside.d.ts +7 -0
  250. package/dist/types/hooks/useCloseOnClickOutside.d.ts.map +1 -0
  251. package/dist/types/hooks/useCloseOnEscape.d.ts +5 -0
  252. package/dist/types/hooks/useCloseOnEscape.d.ts.map +1 -0
  253. package/dist/types/theming/ColorSchemeProvider.d.ts +3 -4
  254. package/dist/types/theming/ColorSchemeProvider.d.ts.map +1 -1
  255. package/dist/types/tsconfig.tsbuildinfo +1 -1
  256. package/package.json +10 -3
  257. package/src/debug-context/Context.tsx +3 -3
  258. package/src/hooks/index.ts +2 -0
  259. package/src/hooks/useCloseOnClickOutside.ts +27 -0
  260. package/src/hooks/useCloseOnEscape.ts +18 -0
  261. package/src/theming/ColorSchemeProvider.tsx +8 -11
@@ -1,19 +1,16 @@
1
- import { KebabCase } from '@contember/utilities'
2
1
  import { memo } from 'react'
3
2
  import { ColorSchemeContext, useColorScheme } from './contexts'
4
3
 
5
- export type ColorSchemeProviderProps<T extends KebabCase<string>> = {
4
+ export type ColorSchemeProviderProps = {
6
5
  children: React.ReactNode
7
- scheme?: T
6
+ scheme?: string
8
7
  }
9
8
 
10
- export const ColorSchemeProvider = memo(
11
- <T extends KebabCase<string>>({ children, scheme }: ColorSchemeProviderProps<T>) => {
12
- const inheritedColorScheme = useColorScheme()
9
+ export const ColorSchemeProvider = memo(({ children, scheme }: ColorSchemeProviderProps) => {
10
+ const inheritedColorScheme = useColorScheme()
13
11
 
14
- return (
15
- <ColorSchemeContext.Provider value={scheme ?? inheritedColorScheme}>{children}</ColorSchemeContext.Provider>
16
- )
17
- },
18
- )
12
+ return (
13
+ <ColorSchemeContext.Provider value={scheme ?? inheritedColorScheme}>{children}</ColorSchemeContext.Provider>
14
+ )
15
+ })
19
16
  ColorSchemeProvider.displayName = 'Interface.ColorSchemeProvider'