@react-email/row - npm Package Compare versions

Comparing version 0.0.5 to 0.0.6

dist/index.d.ts

 import * as React from 'react';
 
-declare type RootProps = React.ComponentPropsWithoutRef<"table">;
+type RootProps = React.ComponentPropsWithoutRef<"table">;
 interface RowProps extends RootProps {
     children: React.ReactNode;
 }
-declare const Row: React.ForwardRefExoticComponent<Readonly<RowProps> & React.RefAttributes<HTMLTableElement>>;
+declare const Row: React.FC<Readonly<RowProps>>;
 
 export { Row, RowProps };

dist/index.js

 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
@@ -20,6 +47,2 @@ for (var name in all)
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
@@ -35,25 +58,26 @@
 // src/row.tsx
-var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var Row = React.forwardRef(
-  ({ children, style, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "table",
-      {
-        align: "center",
-        width: "100%",
-        ...props,
-        ref: forwardedRef,
-        "data-id": "react-email-row",
-        style,
-        role: "presentation",
-        cellSpacing: "0",
-        cellPadding: "0",
-        border: 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { style: { width: "100%" }, children }) })
-      }
-    );
-  }
-);
-Row.displayName = "Row";
+var Row = (_a) => {
+  var _b = _a, {
+    children,
+    style
+  } = _b, props = __objRest(_b, [
+    "children",
+    "style"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "table",
+    __spreadProps(__spreadValues({
+      align: "center",
+      width: "100%"
+    }, props), {
+      border: 0,
+      cellPadding: "0",
+      cellSpacing: "0",
+      role: "presentation",
+      style,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { style: { width: "100%" }, children }) })
+    })
+  );
+};
 // Annotate the CommonJS export names for ESM import in node:
@@ -60,0 +84,0 @@ 0 && (module.exports = {

package.json

 {
   "name": "@react-email/row",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "A React row component",
@@ -12,11 +12,22 @@ "sideEffects": false,
   ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
   "license": "MIT",
   "scripts": {
     "build": "tsup src/index.ts --format esm,cjs --dts --external react",
+    "clean": "rm -rf dist",
     "dev": "tsup src/index.ts --format esm,cjs --dts --external react --watch",
-    "lint": "eslint",
-    "clean": "rm -rf dist",
-    "test": "jest",
-    "format:check": "prettier --check \"**/*.{ts,tsx,md}\"",
-    "format": "prettier --write \"**/*.{ts,tsx,md}\""
+    "lint": "eslint .",
+    "test:watch": "vitest",
+    "test": "vitest run"
   },
@@ -33,16 +44,13 @@ "repository": {
   "engines": {
-    "node": ">=16.0.0"
+    "node": ">=18.0.0"
   },
+  "peerDependencies": {
+    "react": "18.2.0"
+  },
   "devDependencies": {
-    "@babel/preset-react": "7.18.6",
-    "@types/react": "18.0.20",
-    "@types/react-dom": "18.0.6",
-    "babel-jest": "28.1.3",
-    "eslint": "8.23.1",
-    "jest": "28.1.3",
-    "prettier": "2.8.4",
-    "react": "18.2.0",
-    "ts-jest": "28.0.8",
-    "tsup": "6.2.3",
-    "typescript": "4.8.3"
+    "@babel/preset-react": "7.22.5",
+    "@react-email/render": "workspace:*",
+    "eslint-config-custom": "workspace:*",
+    "tsconfig": "workspace:*",
+    "typescript": "5.1.6"
   },
@@ -49,0 +57,0 @@ "publishConfig": {

readme.md

@@ -35,15 +35,19 @@ ![React Email Row cover](https://react.email/static/covers/row.png)
 ```jsx
+import { Section } from "@react-email/section";
+import { Row } from "@react-email/row";
 import { Column } from "@react-email/column";
-import { Row } from "@react-email/row";
 
 const Email = () => {
   return (
-    <>
-      ...
+    <Section>
       <Row>
         <Column>A</Column>
+      </Row>
+      <Row>
         <Column>B</Column>
       </Row>
-      ...
-    </>
+      <Row>
+        <Column>C</Column>
+      </Row>
+    </Section>
   );
@@ -59,3 +63,3 @@ };
 | -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
-| Gmail ✔                                                                                            | Apple Mail ✔                                                                                            | Outlook ✔                                                                                              | Yahoo! Mail ✔                                                                                                 | HEY ✔                                                                                          | Superhuman ✔                                                                                                 |
+| Gmail ✔                                                                                           | Apple Mail ✔                                                                                           | Outlook ✔                                                                                             | Yahoo! Mail ✔                                                                                                | HEY ✔                                                                                         | Superhuman ✔                                                                                                |
 
@@ -62,0 +66,0 @@ ## License

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

Improved metrics

Total package byte prevSize

10671

increased by28.5%

Dev dependency count

5

decreased by-54.55%

Number of package files

7

increased by16.67%

Lines of code

148

increased by60.87%

Number of lines in readme file

67

increased by6.35%

Worsened metrics

Dependency count

1

increased byInfinity%

No dependency changes