@khanacademy/wonder-blocks-core
Advanced tools
Comparing version 0.0.0-PR2275-20240717000016 to 0.0.0-PR2304-20240826215431
# @khanacademy/wonder-blocks-core | ||
## 0.0.0-PR2275-20240717000016 | ||
## 0.0.0-PR2304-20240826215431 | ||
### Minor Changes | ||
### Major Changes | ||
- 7d2ef86f: Export `processStyleList` utility | ||
- 60c28c70: Renamed `WithSSRPlaceholder` to `InitialFallback`. This includes changing the `placeholder` prop to `fallback` so it's closer to `Suspense` usage. | ||
@@ -9,0 +9,0 @@ ## 6.4.3 |
@@ -185,3 +185,3 @@ import _extends from '@babel/runtime/helpers/extends'; | ||
class WithSSRPlaceholder extends React.Component { | ||
class InitialFallback extends React.Component { | ||
constructor(...args) { | ||
@@ -207,3 +207,3 @@ super(...args); | ||
children, | ||
placeholder | ||
fallback | ||
} = this.props; | ||
@@ -216,6 +216,6 @@ this._isTheRootComponent = true; | ||
} | ||
if (placeholder) { | ||
if (fallback) { | ||
return React.createElement(RenderStateContext.Provider, { | ||
value: RenderState.Initial | ||
}, placeholder()); | ||
}, fallback()); | ||
} | ||
@@ -227,3 +227,3 @@ return null; | ||
children, | ||
placeholder | ||
fallback | ||
} = this.props; | ||
@@ -234,6 +234,3 @@ switch (renderState) { | ||
case RenderState.Initial: | ||
if (placeholder) { | ||
return placeholder(); | ||
} | ||
return null; | ||
return fallback ? fallback() : null; | ||
case RenderState.Standard: | ||
@@ -307,4 +304,4 @@ return children(); | ||
render() { | ||
return React.createElement(WithSSRPlaceholder, { | ||
placeholder: () => this._performRender(true) | ||
return React.createElement(InitialFallback, { | ||
fallback: () => this._performRender(true) | ||
}, () => this._performRender(false)); | ||
@@ -456,2 +453,2 @@ } | ||
export { IDProvider, RenderState, RenderStateRoot, Server, Text, UniqueIDProvider, View, WithSSRPlaceholder, addStyle, processStyleList, useForceUpdate, useIsMounted, useLatestRef, useOnMountEffect, useOnline, usePreHydrationEffect, useRenderState, useUniqueIdWithMock, useUniqueIdWithoutMock }; | ||
export { IDProvider, InitialFallback, RenderState, RenderStateRoot, Server, Text, UniqueIDProvider, View, addStyle, useForceUpdate, useIsMounted, useLatestRef, useOnMountEffect, useOnline, usePreHydrationEffect, useRenderState, useUniqueIdWithMock, useUniqueIdWithoutMock }; |
import type { AriaProps, IIdentifierFactory, StyleType, PropsFor } from "./util/types"; | ||
export { default as Text } from "./components/text"; | ||
export { default as View } from "./components/view"; | ||
export { default as WithSSRPlaceholder } from "./components/with-ssr-placeholder"; | ||
export { default as InitialFallback } from "./components/initial-fallback"; | ||
export { default as IDProvider } from "./components/id-provider"; | ||
@@ -10,3 +10,2 @@ export { default as UniqueIDProvider } from "./components/unique-id-provider"; | ||
export { useUniqueIdWithMock, useUniqueIdWithoutMock, } from "./hooks/use-unique-id"; | ||
export { processStyleList } from "./util/util"; | ||
export { useForceUpdate } from "./hooks/use-force-update"; | ||
@@ -13,0 +12,0 @@ export { useIsMounted } from "./hooks/use-is-mounted"; |
@@ -212,3 +212,3 @@ 'use strict'; | ||
class WithSSRPlaceholder extends React__namespace.Component { | ||
class InitialFallback extends React__namespace.Component { | ||
constructor(...args) { | ||
@@ -234,3 +234,3 @@ super(...args); | ||
children, | ||
placeholder | ||
fallback | ||
} = this.props; | ||
@@ -243,6 +243,6 @@ this._isTheRootComponent = true; | ||
} | ||
if (placeholder) { | ||
if (fallback) { | ||
return React__namespace.createElement(RenderStateContext.Provider, { | ||
value: RenderState.Initial | ||
}, placeholder()); | ||
}, fallback()); | ||
} | ||
@@ -254,3 +254,3 @@ return null; | ||
children, | ||
placeholder | ||
fallback | ||
} = this.props; | ||
@@ -261,6 +261,3 @@ switch (renderState) { | ||
case RenderState.Initial: | ||
if (placeholder) { | ||
return placeholder(); | ||
} | ||
return null; | ||
return fallback ? fallback() : null; | ||
case RenderState.Standard: | ||
@@ -334,4 +331,4 @@ return children(); | ||
render() { | ||
return React__namespace.createElement(WithSSRPlaceholder, { | ||
placeholder: () => this._performRender(true) | ||
return React__namespace.createElement(InitialFallback, { | ||
fallback: () => this._performRender(true) | ||
}, () => this._performRender(false)); | ||
@@ -484,2 +481,3 @@ } | ||
exports.IDProvider = IDProvider; | ||
exports.InitialFallback = InitialFallback; | ||
exports.RenderState = RenderState; | ||
@@ -491,5 +489,3 @@ exports.RenderStateRoot = RenderStateRoot; | ||
exports.View = View; | ||
exports.WithSSRPlaceholder = WithSSRPlaceholder; | ||
exports.addStyle = addStyle; | ||
exports.processStyleList = processStyleList; | ||
exports.useForceUpdate = useForceUpdate; | ||
@@ -496,0 +492,0 @@ exports.useIsMounted = useIsMounted; |
{ | ||
"name": "@khanacademy/wonder-blocks-core", | ||
"version": "0.0.0-PR2275-20240717000016", | ||
"version": "0.0.0-PR2304-20240826215431", | ||
"design": "v1", | ||
@@ -5,0 +5,0 @@ "publishConfig": { |
@@ -10,3 +10,3 @@ import type { | ||
export {default as View} from "./components/view"; | ||
export {default as WithSSRPlaceholder} from "./components/with-ssr-placeholder"; | ||
export {default as InitialFallback} from "./components/initial-fallback"; | ||
export {default as IDProvider} from "./components/id-provider"; | ||
@@ -20,3 +20,2 @@ export {default as UniqueIDProvider} from "./components/unique-id-provider"; | ||
} from "./hooks/use-unique-id"; | ||
export {processStyleList} from "./util/util"; | ||
export {useForceUpdate} from "./hooks/use-force-update"; | ||
@@ -23,0 +22,0 @@ export {useIsMounted} from "./hooks/use-is-mounted"; |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
261971
5022