Merge branch 'future/pbm/stage0' into future/type-checking-script

lib/blocks/package.json

@@ -74,8 +74,10 @@
   "publishConfig": {
     "access": "public"
   },
-  "bundlerEntrypoint": [
-    "./src/index.ts"
-  ],
+  "bundler": {
+    "entries": [
+      "./src/index.ts"
+    ]
+  },
   "gitHead": "24725501c32a073cebc6bf2674a47357136fbe3a"
 }

lib/blocks/src/blocks/useStory.ts

@@ -21,6 +21,7 @@ export function useStories<TFramework extends AnyFramework = AnyFramework>(
   const [storiesById, setStories] = useState<Record<StoryId, Story<TFramework>>>({});
 
   useEffect(() => {
+    // deepscan-disable-next-line NO_EFFECT_CALL
     Promise.all(
       storyIds.map(async (storyId) => {
         // loadStory will be called every single time useStory is called

lib/blocks/src/controls/Boolean.tsx

@@ -78,7 +78,6 @@ const Label = styled.label(({ theme }) => ({
   },
 }));
 
-const format = (value: BooleanValue): string | null => (value ? String(value) : null);
 const parse = (value: string | null): boolean => value === 'true';
 
 export type BooleanProps = ControlProps<BooleanValue> & BooleanConfig;

lib/blocks/src/controls/options/Checkbox.tsx

@@ -1,4 +1,4 @@
-import React, { FC, ChangeEvent, useState, Fragment } from 'react';
+import React, { FC, ChangeEvent, useState } from 'react';
 import { styled } from '@storybook/theming';
 import { logger } from '@storybook/client-logger';
 import { ControlProps, OptionsMultiSelection, NormalizedOptionsConfig } from '../types';
@@ -61,7 +61,7 @@ export const CheckboxControl: FC<CheckboxProps> = ({
   const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
     const option = (e.target as HTMLInputElement).value;
     const updated = [...selected];
-    if (updated?.includes(option)) {
+    if (updated.includes(option)) {
       updated.splice(updated.indexOf(option), 1);
     } else {
       updated.push(option);

lib/blocks/src/controls/options/Radio.tsx

@@ -24,12 +24,6 @@ const Wrapper = styled.div<{ isInline: boolean }>(({ isInline }) =>
       }
 );
 
-const Fieldset = styled.fieldset({
-  border: 0,
-  padding: 0,
-  margin: 0,
-});
-
 const Text = styled.span({});
 
 const Label = styled.label({

lib/cli/src/generators/baseGenerator.ts

@@ -153,7 +153,7 @@ export async function baseGenerator(
     packages: frameworkPackages,
     type,
     // @ts-ignore
-    renderer: rendererInclude,
+    renderer: rendererInclude, // deepscan-disable-line UNUSED_DECL
     framework: frameworkInclude,
     builder: builderInclude,
   } = getFrameworkDetails(renderer, builder, pnp);