Socket
Socket
Sign inDemoInstall

@khanacademy/wonder-blocks-core

Package Overview
Dependencies
Maintainers
1
Versions
173
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@khanacademy/wonder-blocks-core - npm Package Compare versions

Comparing version 0.0.0-PR2275-20240717000016 to 0.0.0-PR2304-20240826215431

dist/components/initial-fallback.d.ts

6

CHANGELOG.md
# @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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc