mml-react - npm Package Compare versions

Comparing version 0.4.5 to 0.4.6

dist/components/Card.d.ts

@@ -1,7 +0,6 @@
-import { FC, ReactNode } from 'react';
+import { PropsWithChildren } from 'react';
 export declare type CardProps = {
-    children?: ReactNode;
     /** Additional card class name */
     className?: string;
 };
-export declare const Card: FC<CardProps>;
+export declare const Card: ({ className, children }: PropsWithChildren<CardProps>) => JSX.Element;

dist/components/CardBody.d.ts

@@ -1,7 +0,6 @@
-import { FC, ReactNode } from 'react';
+import { PropsWithChildren } from 'react';
 export declare type CardBodyProps = {
-    children?: ReactNode;
     /** Additional card class name */
     className?: string;
 };
-export declare const CardBody: FC<CardBodyProps>;
+export declare const CardBody: ({ className, children }: PropsWithChildren<CardBodyProps>) => JSX.Element;

dist/components/CarouselItem.d.ts

@@ -1,9 +0,5 @@
-import { FC, ReactNode } from 'react';
+import { PropsWithChildren } from 'react';
 import { CarouselProps } from './Carousel';
 export declare type CarouselItemProps = {
     /**
-     * The carousel item inner components can contain any type of nodes, such as buttons, images, etc.
-     */
-    children?: ReactNode;
-    /**
      * Determines the slide width, it can be set to either a percentage, e.g. `width="40%"` or to a pixel based value `width="200px"`.
@@ -23,2 +19,2 @@ * It defaults to the `slideWidth` prop set at the `<carousel>` level
  */
-export declare const CarouselItem: FC<CarouselItemProps>;
+export declare const CarouselItem: ({ children, slideWidth, width, className, }: PropsWithChildren<CarouselItemProps>) => JSX.Element;

dist/components/Col.d.ts

@@ -1,5 +0,3 @@
-import { FC, ReactNode } from 'react';
+import { PropsWithChildren } from 'react';
 export declare type ColProps = {
-    /** The column children can be anything */
-    children?: ReactNode;
     /** The width of the column (grid is by default made of 12 columns, you can change it with scss variable `$mml-grid-columns`) */
@@ -16,2 +14,2 @@ width?: number | 'auto';
  */
-export declare const Col: FC<ColProps>;
+export declare const Col: ({ children, width, offset, align }: PropsWithChildren<ColProps>) => JSX.Element;

package.json

 {
   "name": "mml-react",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "description": "MML (Message Markup Language) for React.",
@@ -56,3 +56,3 @@ "author": "Getstream.io",
     "react-markdown": "^5.0.3",
-    "react-virtuoso": "^2.2.1"
+    "react-virtuoso": "^2.10.2"
   },
@@ -63,5 +63,5 @@ "devDependencies": {
     "@size-limit/preset-big-lib": "^4.9.2",
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
-    "@types/react-test-renderer": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
+    "@types/react-test-renderer": "^18.0.0",
     "cssnano": "^4.1.10",
@@ -71,5 +71,5 @@ "docz": "^2.3.1",
     "husky": "^4.3.8",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "react-test-renderer": "^17.0.1",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-test-renderer": "^18.1.0",
     "rollup-plugin-ignore-import": "^1.3.2",
@@ -76,0 +76,0 @@ "rollup-plugin-scss": "^2.6.1",

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

6

decreased by-14.29%

Worsened metrics

Total package byte prevSize

1039337

decreased by-0.04%

Lines of code

6183

decreased by-0.18%

Dependency changes

• Updatedreact-virtuoso@^2.10.2