WEB-73 Enable strict typing

src/components/puck/Container.tsx

@@ -3,9 +3,9 @@ import { gapSettingsField, outlineSettingsField, paddingSettingsField } from "..
 
 export interface ContainerProps {
     content?: SlotComponent;
-    padding?: string;
-    gap?: string;
-    outline?: string;
+    padding: string;
+    gap: string;
+    outline: string;
 }
 
 export const Container: React.FC<ContainerProps> = ({
@@ -27,6 +27,7 @@ export const ContainerConfig: ComponentConfig<ContainerProps> = {
       defaultProps: {
         padding: "p-10",
         gap: "gap-6",
+        outline: "",
       },
       render: (props) => <Container {...props} />,
 }

src/components/puck/Content.tsx

@@ -3,8 +3,8 @@ import React from 'react';
 import { paddingSettingsField, backgroundColorSettingField } from '../../lib/settings-fields';
 
 export type ContentProps = {
-    backgroundColor?: string;
-    padding?: string;
+    backgroundColor: string;
+    padding: string;
     minHeight?: string;
     text?: string;
 };

src/components/puck/HeaderContent.tsx

@@ -4,10 +4,10 @@ import { paddingSettingsField, textColorSettingField } from '../../lib/settings-
 
 export type HeaderContentProps = {
     backgroundColor?: string;
-    padding?: string;
+    padding: string;
     titleText?: string;
     titleSize?: string;
-    titleColor?: string;
+    titleColor: string;
     logoSrc?: string;
     logoAltText?: string;
     logoWidth?: string;

src/components/puck/MasonryGrid.tsx

@@ -3,7 +3,7 @@ import { gapSettingsField } from "../../lib/settings-fields";
 
 export interface MasonryGridProps {
     content?: SlotComponent;
-    gap?: string;
+    gap: string;
     childrenBottomMargin?: string;
 }
 

src/components/puck/MinimumColumnWidthGrid.tsx

@@ -4,7 +4,7 @@ import { gapSettingsField } from "../../lib/settings-fields";
 export interface MinimumColumnWidthGridProps {
     content?: SlotComponent;
     minimumColumnWidthPixels?: number;
-    gap?: string;
+    gap: string;
 }
 
 export const MinimumColumnWidthGrid: React.FC<MinimumColumnWidthGridProps> = ({

src/components/puck/Navigation.tsx

@@ -9,7 +9,7 @@ type NavItem = {
 
 export type NavigationProps = {
     backgroundColor?: string;
-    padding?: string;
+    padding: string;
     nav: Array<{
         label: string;
         items: Array<NavItem>;

src/components/puck/Paragraph.tsx

@@ -3,7 +3,7 @@ import { textColorSettingField } from "../../lib/settings-fields";
 
 export interface ParagraphProps {
     text: RichText,
-    textColor?: string;
+    textColor: string;
 }
 
 export const Paragraph: React.FC<ParagraphProps> = ({

src/components/puck/RootContainer.tsx

@@ -3,8 +3,8 @@ import { booleanSettingsField } from "../../lib/settings-fields";
 
 export interface RootContainerProps {
     content?: SlotComponent;
-    padTop?: boolean;
-    padBottom?: boolean;
+    padTop: boolean;
+    padBottom: boolean;
 }
 
 export const RootContainer: React.FC<RootContainerProps> = ({

src/components/puck/SplitPane.tsx

@@ -6,9 +6,9 @@ export interface SplitPaneProps {
     paneTwoContent?: SlotComponent,
     paneOneRatio?: number,
     paneTwoRatio?: number,
-    gap?: string,
-    padding?: string,
-    backgroundColor?: string;
+    gap: string,
+    padding: string,
+    backgroundColor: string;
 }
 
 export interface SplitPanePropsForRender extends SplitPaneProps {

src/components/puck/Title.tsx

@@ -18,9 +18,9 @@ const titleSizeField: Field<TitleSize> = {
 export interface TitleProps {
     text: string;
     size: TitleSize;
-    center?: boolean;
-    uppercase?: boolean;
-    textColor?: string;
+    center: boolean;
+    uppercase: boolean;
+    textColor: string;
 }
 
 

src/tsconfig/nextjs.json

@@ -13,8 +13,7 @@
     "module": "esnext",
     "noEmit": true,
     "resolveJsonModule": true,
-    "strict": false,
-    "strictNullChecks": true,
+    "strict": true,
     "target": "es5"
   },
   "include": ["src", "next-env.d.ts"],