react-grid-system - npm Package Compare versions

Comparing version 6.2.1 to 6.2.2

index.d.ts

@@ -6,35 +6,12 @@ declare module 'react-grid-system' {
     type Justify = 'start' | 'center' | 'end' | 'between' | 'around' | 'initial' | 'inherit';
+    type ScreenClass = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    type ScreenClassMap<T> = Partial<Record<ScreenClass, T>>;
 
-    type Offsets = {
-        xs?: number,
-        sm?: number,
-        md?: number,
-        lg?: number,
-        xl?: number
-    }
+    type Offsets = ScreenClassMap<number>;
+    type Push = ScreenClassMap<number>;
+    type Pull = ScreenClassMap<number>;
 
-    type Push = {
-        xs?: number,
-        sm?: number,
-        md?: number,
-        lg?: number,
-        xl?: number
-    }
-
-    type Pull = {
-        xs?: number,
-        sm?: number,
-        md?: number,
-        lg?: number,
-        xl?: number
-    }
-
     type ColProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
         width?: "auto" | number | string,
         debug?: boolean,
-        xs?: number | "content",
-        sm?: number | "content",
-        md?: number | "content",
-        lg?: number | "content",
-        xl?: number | "content",
         offset?: Offsets,
@@ -45,14 +22,9 @@ push?: Push,
         component?: () => string | string
-    }
+    } & ScreenClassMap<number | "content">;
 
     type ContainerProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
-        xs?: boolean,
-        sm?: boolean,
-        md?: boolean,
-        lg?: boolean,
-        xl?: boolean
         fluid?: boolean,
         style?: object,
         component?: () => string | string
-    }
+    } & ScreenClassMap<boolean>;
 
@@ -69,18 +41,5 @@ type RowProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
 
-    type ClearFixProps = {
-        xs?: boolean,
-        sm?: boolean,
-        md?: boolean,
-        lg?: boolean,
-        xl?: boolean
-    }
+    type ClearFixProps = ScreenClassMap<boolean>;
+    type HiddenProps = ScreenClassMap<boolean>;
 
-    type HiddenProps = {
-        xs?: boolean,
-        sm?: boolean,
-        md?: boolean,
-        lg?: boolean,
-        xl?: boolean
-    }
-
     type ScreenClassRenderProps = {
@@ -90,9 +49,3 @@ render?: Function
 
-    type VisibleProps = {
-        xs?: boolean,
-        sm?: boolean,
-        md?: boolean,
-        lg?: boolean,
-        xl?: boolean
-    }
+    type VisibleProps = ScreenClassMap<boolean>;
 
@@ -104,7 +57,9 @@ type Configuration = {
         gridColumns?: number,
-        defaultScreenClass?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'
+        defaultScreenClass?: ScreenClass
     }
 
     type ScreenClassProviderProps = {
-        children: React.ReactNode
+        children: React.ReactNode,
+        fallbackScreenClass?: ScreenClass,
+        useOwnWidth?: boolean
     }
@@ -111,0 +66,0 @@

package.json

 {
   "name": "react-grid-system",
-  "version": "6.2.1",
+  "version": "6.2.2",
   "description": "A powerful Bootstrap-like responsive grid system for React.",
@@ -5,0 +5,0 @@ "main": "./build/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

108114

decreased by-0.53%

Lines of code

1946

decreased by-2.11%

No dependency changes