@react-email/column 0.0.6-canary.1 → 0.0.7

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-declare type RootProps = React.ComponentPropsWithoutRef<'td'>;
+declare type RootProps = React.ComponentPropsWithoutRef<"td">;
 interface ColumnProps extends RootProps {
 }
 declare const Column: React.ForwardRefExoticComponent<Readonly<ColumnProps> & React.RefAttributes<HTMLTableDataCellElement>>;

package/dist/index.js

@@ -35,10 +35,18 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var Column = React.forwardRef(
   ({ children, style, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { ...props, style, ref: forwardedRef, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "td",
+      {
+        ...props,
+        ref: forwardedRef,
+        "data-id": "__react-email-column",
+        style,
+        children
+      }
+    );
   }
 );
-Column.displayName = "Column";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Column

package/dist/index.mjs

@@ -3,10 +3,18 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 var Column = React.forwardRef(
   ({ children, style, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx("td", { ...props, style, ref: forwardedRef, children });
+    return /* @__PURE__ */ jsx(
+      "td",
+      {
+        ...props,
+        ref: forwardedRef,
+        "data-id": "__react-email-column",
+        style,
+        children
+      }
+    );
   }
 );
-Column.displayName = "Column";
 export {
   Column
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-email/column",
-  "version": "0.0.6-canary.1",
+  "version": "0.0.7",
   "description": "Display a column that separates content areas vertically in your email",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -17,8 +17,8 @@
     "clean": "rm -rf dist",
     "test": "jest",
     "test:watch": "jest --watch",
-    "format:check": "prettier --ignore-path ./../../.prettierignore  --check \"**/*.{ts,tsx,md}\"",
-    "format": "prettier --ignore-path ./../../.prettierignore  --write \"**/*.{ts,tsx,md}\""
+    "format:check": "prettier --check \"**/*.{ts,tsx,md}\"",
+    "format": "prettier --write \"**/*.{ts,tsx,md}\""
   },
   "repository": {
     "type": "git",
@@ -37,15 +37,13 @@
   },
   "devDependencies": {
     "@babel/preset-react": "7.18.6",
-    "@react-email/render": "*",
     "@types/react": "18.0.20",
     "@types/react-dom": "18.0.6",
     "babel-jest": "28.1.3",
     "eslint": "8.23.1",
-    "eslint-config-custom": "*",
     "jest": "28.1.3",
+    "prettier": "2.8.4",
     "ts-jest": "28.0.8",
-    "tsconfig": "*",
     "tsup": "6.2.3",
     "typescript": "4.8.3"
   },

package/readme.md

@@ -34,7 +34,6 @@ Add the component to your email template. Include styles where needed.
 ```jsx
 import { Row } from '@react-email/row';
 import { Column } from '@react-email/column';
-
 const Email = () => {
   return(
     <Row>