diff --git a/packages/react-json-tree/README.md b/packages/react-json-tree/README.md index 6e802e5f..7a55b3e1 100644 --- a/packages/react-json-tree/README.md +++ b/packages/react-json-tree/README.md @@ -139,7 +139,7 @@ Their full signatures are: #### More Options -- `shouldExpandNode: function(keyPath, data, level)` - determines if node should be expanded (root is expanded by default) +- `shouldExpandNodeInitially: function(keyPath, data, level)` - determines if node should be expanded when it first renders (root is expanded by default) - `hideRoot: boolean` - if `true`, the root node is hidden. - `sortObjectKeys: boolean | function(a, b)` - sorts object keys with compare function (optional). Isn't applied to iterable maps like `Immutable.Map`. - `postprocessValue: function(value)` - maps `value` to a new `value` diff --git a/packages/react-json-tree/examples/src/App.tsx b/packages/react-json-tree/examples/src/App.tsx index 75678a01..82093943 100644 --- a/packages/react-json-tree/examples/src/App.tsx +++ b/packages/react-json-tree/examples/src/App.tsx @@ -194,7 +194,11 @@ const App = () => (

Collapsed root node

- false} /> + false} + />
); diff --git a/packages/redux-devtools-inspector-monitor/src/tabs/JSONDiff.tsx b/packages/redux-devtools-inspector-monitor/src/tabs/JSONDiff.tsx index fe077a1e..5e983f85 100644 --- a/packages/redux-devtools-inspector-monitor/src/tabs/JSONDiff.tsx +++ b/packages/redux-devtools-inspector-monitor/src/tabs/JSONDiff.tsx @@ -104,7 +104,7 @@ export default class JSONDiff extends Component { valueRenderer={this.valueRenderer} postprocessValue={prepareDelta} isCustomNode={Array.isArray} - shouldExpandNode={expandFirstLevel} + shouldExpandNodeInitially={expandFirstLevel} hideRoot /> ); diff --git a/packages/redux-devtools-log-monitor/src/LogMonitorEntry.tsx b/packages/redux-devtools-log-monitor/src/LogMonitorEntry.tsx index 7fc803a7..0cc53a5c 100644 --- a/packages/redux-devtools-log-monitor/src/LogMonitorEntry.tsx +++ b/packages/redux-devtools-log-monitor/src/LogMonitorEntry.tsx @@ -115,7 +115,7 @@ export default class LogMonitorEntry< data={data} invertTheme={false} keyPath={['state']} - shouldExpandNode={this.shouldExpandNode} + shouldExpandNodeInitially={this.shouldExpandNodeInitially} /> ); } catch (err) { @@ -149,7 +149,7 @@ export default class LogMonitorEntry< } }; - shouldExpandNode = ( + shouldExpandNodeInitially = ( keyPath: (string | number)[], data: any, level: number diff --git a/packages/redux-devtools-log-monitor/src/LogMonitorEntryAction.tsx b/packages/redux-devtools-log-monitor/src/LogMonitorEntryAction.tsx index 9e1754d9..d1756a80 100644 --- a/packages/redux-devtools-log-monitor/src/LogMonitorEntryAction.tsx +++ b/packages/redux-devtools-log-monitor/src/LogMonitorEntryAction.tsx @@ -42,7 +42,7 @@ export default class LogMonitorAction< invertTheme={false} keyPath={['action']} data={payload} - shouldExpandNode={this.shouldExpandNode} + shouldExpandNodeInitially={this.shouldExpandNodeInitially} /> ) : ( '' @@ -51,7 +51,7 @@ export default class LogMonitorAction< ); } - shouldExpandNode = ( + shouldExpandNodeInitially = ( keyPath: (string | number)[], data: any, level: number diff --git a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewActions.tsx b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewActions.tsx index 083d0896..fc1546cc 100644 --- a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewActions.tsx +++ b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewActions.tsx @@ -58,7 +58,7 @@ export class QueryPreviewActions extends PureComponent return false; }; - shouldExpandNode = ( + shouldExpandNodeInitially = ( keyPath: (string | number)[], value: unknown, layer: number @@ -85,7 +85,7 @@ export class QueryPreviewActions extends PureComponent rootProps={rootProps} data={this.selectFormattedActions(actionsOfQuery)} isWideLayout={isWideLayout} - shouldExpandNode={this.shouldExpandNode} + shouldExpandNodeInitially={this.shouldExpandNodeInitially} /> ); } diff --git a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewApi.tsx b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewApi.tsx index e5858369..f301c0e2 100644 --- a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewApi.tsx +++ b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewApi.tsx @@ -45,7 +45,7 @@ export class QueryPreviewApi extends PureComponent { State} data={apiState} - shouldExpandNode={this.shouldExpandApiStateNode} + shouldExpandNodeInitially={this.shouldExpandApiStateNode} isWideLayout={isWideLayout} /> {apiStats && ( diff --git a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewData.tsx b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewData.tsx index cab37563..6ca37006 100644 --- a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewData.tsx +++ b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewData.tsx @@ -15,7 +15,7 @@ const rootProps: TreeViewProps['rootProps'] = { }; export class QueryPreviewData extends PureComponent { - shouldExpandNode = ( + shouldExpandNodeInitially = ( keyPath: (string | number)[], value: unknown, layer: number @@ -31,7 +31,7 @@ export class QueryPreviewData extends PureComponent { rootProps={rootProps} data={data} isWideLayout={isWideLayout} - shouldExpandNode={this.shouldExpandNode} + shouldExpandNodeInitially={this.shouldExpandNodeInitially} /> ); } diff --git a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewInfo.tsx b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewInfo.tsx index cbd15a7b..8b0fa723 100644 --- a/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewInfo.tsx +++ b/packages/redux-devtools-rtk-query-monitor/src/components/QueryPreviewInfo.tsx @@ -35,7 +35,7 @@ export interface QueryPreviewInfoProps { isWideLayout: boolean; } export class QueryPreviewInfo extends PureComponent { - shouldExpandNode = ( + shouldExpandNodeInitially = ( keyPath: (string | number)[], value: unknown, layer: number @@ -107,7 +107,7 @@ export class QueryPreviewInfo extends PureComponent { rootProps={rootProps} data={formattedQuery} isWideLayout={isWideLayout} - shouldExpandNode={this.shouldExpandNode} + shouldExpandNodeInitially={this.shouldExpandNodeInitially} /> ); } diff --git a/packages/redux-devtools-rtk-query-monitor/src/components/TreeView.tsx b/packages/redux-devtools-rtk-query-monitor/src/components/TreeView.tsx index 091f18f2..61d44e57 100644 --- a/packages/redux-devtools-rtk-query-monitor/src/components/TreeView.tsx +++ b/packages/redux-devtools-rtk-query-monitor/src/components/TreeView.tsx @@ -14,7 +14,7 @@ export interface TreeViewProps extends Partial< Pick< ComponentProps, - 'keyPath' | 'shouldExpandNode' | 'hideRoot' + 'keyPath' | 'shouldExpandNodeInitially' | 'hideRoot' > > { data: unknown; @@ -30,7 +30,7 @@ export interface TreeViewProps export class TreeView extends React.PureComponent { static defaultProps = { hideRoot: true, - shouldExpandNode: ( + shouldExpandNodeInitially: ( keyPath: (string | number)[], value: unknown, layer: number @@ -81,7 +81,7 @@ export class TreeView extends React.PureComponent { after, children, keyPath, - shouldExpandNode, + shouldExpandNodeInitially, hideRoot, rootProps, } = this.props; @@ -94,7 +94,7 @@ export class TreeView extends React.PureComponent { {before}