@react-email/row
Advanced tools
| {"version":3,"file":"index.d.mts","names":[],"sources":["../src/row.tsx"],"sourcesContent":[],"mappings":";;;KAEY,QAAA,GAAW,SACrB,KAAA,CAAM;YACM,KAAA,CAAM;AAFpB,CAAA,CAAA;AACQ,cAKK,GALL,EAKQ,KAAA,CAAA,yBALR,CAKQ,QALR,CAKQ,IALR,CAKQ,KAAA,CAAA,iBALR,CAKQ,KAAA,CAAA,mBALR,CAKQ,gBALR,CAAA,EAKQ,gBALR,CAAA,EAAA,KAAA,CAAA,GAAA;EACM,QAAM,EAAN,KAAA,CAAM,SAAA;CAFG,CAAA,sBAAA,iBAAA,CAAA,CAAA"} |
| {"version":3,"file":"index.d.ts","names":[],"sources":["../src/row.tsx"],"sourcesContent":[],"mappings":";;;KAEY,QAAA,GAAW,SACrB,KAAA,CAAM;YACM,KAAA,CAAM;AAFpB,CAAA,CAAA;AACQ,cAKK,GALL,EAKQ,KAAA,CAAA,yBALR,CAKQ,QALR,CAKQ,IALR,CAKQ,KAAA,CAAA,iBALR,CAKQ,KAAA,CAAA,mBALR,CAKQ,gBALR,CAAA,EAKQ,gBALR,CAAA,EAAA,KAAA,CAAA,GAAA;EACM,QAAM,EAAN,KAAA,CAAM,SAAA;CAFG,CAAA,sBAAA,iBAAA,CAAA,CAAA"} |
| {"version":3,"file":"index.mjs","names":[],"sources":["../src/row.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport type RowProps = Readonly<\n React.ComponentPropsWithoutRef<'table'> & {\n children: React.ReactNode;\n }\n>;\n\nexport const Row = React.forwardRef<HTMLTableElement, RowProps>(\n ({ children, style, ...props }, ref) => {\n return (\n <table\n align=\"center\"\n width=\"100%\"\n border={0}\n cellPadding=\"0\"\n cellSpacing=\"0\"\n role=\"presentation\"\n {...props}\n ref={ref}\n style={style}\n >\n <tbody style={{ width: '100%' }}>\n <tr style={{ width: '100%' }}>{children}</tr>\n </tbody>\n </table>\n );\n },\n);\n\nRow.displayName = 'Row';\n"],"mappings":";;;;AAQA,MAAa,MAAM,MAAM,YACtB,EAAE,UAAU,MAAO,GAAG,SAAS,QAAQ;AACtC,QACE,oBAAC;EACC,OAAM;EACN,OAAM;EACN,QAAQ;EACR,aAAY;EACZ,aAAY;EACZ,MAAK;EACL,GAAI;EACC;EACE;YAEP,oBAAC;GAAM,OAAO,EAAE,OAAO,QAAQ;aAC7B,oBAAC;IAAG,OAAO,EAAE,OAAO,QAAQ;IAAG;KAAc;IACvC;GACF;EAGb;AAED,IAAI,cAAc"} |
+8
-6
@@ -1,10 +0,12 @@ | ||
| import * as React from 'react'; | ||
| import * as React from "react"; | ||
| type RowProps = Readonly<React.ComponentPropsWithoutRef<"table"> & { | ||
| children: React.ReactNode; | ||
| //#region src/row.d.ts | ||
| type RowProps = Readonly<React.ComponentPropsWithoutRef<'table'> & { | ||
| children: React.ReactNode; | ||
| }>; | ||
| declare const Row: React.ForwardRefExoticComponent<Readonly<Omit<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & { | ||
| children: React.ReactNode; | ||
| children: React.ReactNode; | ||
| }> & React.RefAttributes<HTMLTableElement>>; | ||
| export { Row, type RowProps }; | ||
| //#endregion | ||
| export { Row, RowProps }; | ||
| //# sourceMappingURL=index.d.mts.map |
+8
-6
@@ -1,10 +0,12 @@ | ||
| import * as React from 'react'; | ||
| import * as React from "react"; | ||
| type RowProps = Readonly<React.ComponentPropsWithoutRef<"table"> & { | ||
| children: React.ReactNode; | ||
| //#region src/row.d.ts | ||
| type RowProps = Readonly<React.ComponentPropsWithoutRef<'table'> & { | ||
| children: React.ReactNode; | ||
| }>; | ||
| declare const Row: React.ForwardRefExoticComponent<Readonly<Omit<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & { | ||
| children: React.ReactNode; | ||
| children: React.ReactNode; | ||
| }> & React.RefAttributes<HTMLTableElement>>; | ||
| export { Row, type RowProps }; | ||
| //#endregion | ||
| export { Row, RowProps }; | ||
| //# sourceMappingURL=index.d.ts.map |
+42
-82
@@ -1,93 +0,53 @@ | ||
| "use strict"; | ||
| //#region rolldown:runtime | ||
| 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 __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
| var __getProtoOf = Object.getPrototypeOf; | ||
| 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) => { | ||
| for (var name in all) | ||
| __defProp(target, name, { get: all[name], enumerable: true }); | ||
| }; | ||
| var __copyProps = (to, from, except, desc) => { | ||
| if (from && typeof from === "object" || typeof from === "function") { | ||
| for (let key of __getOwnPropNames(from)) | ||
| if (!__hasOwnProp.call(to, key) && key !== except) | ||
| __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); | ||
| } | ||
| return to; | ||
| if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) { | ||
| key = keys[i]; | ||
| if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { | ||
| get: ((k) => from[k]).bind(null, key), | ||
| enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable | ||
| }); | ||
| } | ||
| return to; | ||
| }; | ||
| var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( | ||
| // If the importer is in node compatibility mode or this is not an ESM | ||
| // file that has been converted to a CommonJS file using a Babel- | ||
| // compatible transform (i.e. "__esModule" has not been set), then set | ||
| // "default" to the CommonJS "module.exports" for node compatibility. | ||
| isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, | ||
| mod | ||
| )); | ||
| var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); | ||
| 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)); | ||
| // src/index.ts | ||
| var src_exports = {}; | ||
| __export(src_exports, { | ||
| Row: () => Row | ||
| //#endregion | ||
| let react = require("react"); | ||
| react = __toESM(react); | ||
| let react_jsx_runtime = require("react/jsx-runtime"); | ||
| react_jsx_runtime = __toESM(react_jsx_runtime); | ||
| //#region src/row.tsx | ||
| const Row = react.forwardRef(({ children, style,...props }, ref) => { | ||
| return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", { | ||
| align: "center", | ||
| width: "100%", | ||
| border: 0, | ||
| cellPadding: "0", | ||
| cellSpacing: "0", | ||
| role: "presentation", | ||
| ...props, | ||
| ref, | ||
| style, | ||
| children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { | ||
| style: { width: "100%" }, | ||
| children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { | ||
| style: { width: "100%" }, | ||
| children | ||
| }) | ||
| }) | ||
| }); | ||
| }); | ||
| module.exports = __toCommonJS(src_exports); | ||
| Row.displayName = "Row"; | ||
| // src/row.tsx | ||
| var React = __toESM(require("react")); | ||
| var import_jsx_runtime = require("react/jsx-runtime"); | ||
| var Row = React.forwardRef( | ||
| (_a, ref) => { | ||
| 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%", | ||
| border: 0, | ||
| cellPadding: "0", | ||
| cellSpacing: "0", | ||
| role: "presentation" | ||
| }, props), { | ||
| ref, | ||
| style, | ||
| 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"; | ||
| // Annotate the CommonJS export names for ESM import in node: | ||
| 0 && (module.exports = { | ||
| Row | ||
| }); | ||
| //#endregion | ||
| exports.Row = Row; |
+26
-56
@@ -1,59 +0,29 @@ | ||
| var __defProp = Object.defineProperty; | ||
| var __defProps = Object.defineProperties; | ||
| var __getOwnPropDescs = Object.getOwnPropertyDescriptors; | ||
| 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; | ||
| }; | ||
| // src/row.tsx | ||
| import * as React from "react"; | ||
| import { jsx } from "react/jsx-runtime"; | ||
| var Row = React.forwardRef( | ||
| (_a, ref) => { | ||
| var _b = _a, { children, style } = _b, props = __objRest(_b, ["children", "style"]); | ||
| return /* @__PURE__ */ jsx( | ||
| "table", | ||
| __spreadProps(__spreadValues({ | ||
| align: "center", | ||
| width: "100%", | ||
| border: 0, | ||
| cellPadding: "0", | ||
| cellSpacing: "0", | ||
| role: "presentation" | ||
| }, props), { | ||
| ref, | ||
| style, | ||
| children: /* @__PURE__ */ jsx("tbody", { style: { width: "100%" }, children: /* @__PURE__ */ jsx("tr", { style: { width: "100%" }, children }) }) | ||
| }) | ||
| ); | ||
| } | ||
| ); | ||
| //#region src/row.tsx | ||
| const Row = React.forwardRef(({ children, style,...props }, ref) => { | ||
| return /* @__PURE__ */ jsx("table", { | ||
| align: "center", | ||
| width: "100%", | ||
| border: 0, | ||
| cellPadding: "0", | ||
| cellSpacing: "0", | ||
| role: "presentation", | ||
| ...props, | ||
| ref, | ||
| style, | ||
| children: /* @__PURE__ */ jsx("tbody", { | ||
| style: { width: "100%" }, | ||
| children: /* @__PURE__ */ jsx("tr", { | ||
| style: { width: "100%" }, | ||
| children | ||
| }) | ||
| }) | ||
| }); | ||
| }); | ||
| Row.displayName = "Row"; | ||
| export { | ||
| Row | ||
| }; | ||
| //#endregion | ||
| export { Row }; | ||
| //# sourceMappingURL=index.mjs.map |
+9
-11
| { | ||
| "name": "@react-email/row", | ||
| "version": "0.0.12", | ||
| "version": "0.0.13", | ||
| "description": "A React row component", | ||
@@ -35,3 +35,3 @@ "sideEffects": false, | ||
| "engines": { | ||
| "node": ">=18.0.0" | ||
| "node": ">=20.0.0" | ||
| }, | ||
@@ -42,6 +42,5 @@ "peerDependencies": { | ||
| "devDependencies": { | ||
| "typescript": "5.1.6", | ||
| "@react-email/render": "1.0.3", | ||
| "tsconfig": "0.0.0", | ||
| "eslint-config-custom": "0.0.0" | ||
| "typescript": "5.8.3", | ||
| "@react-email/render": "2.0.1", | ||
| "tsconfig": "0.0.0" | ||
| }, | ||
@@ -52,9 +51,8 @@ "publishConfig": { | ||
| "scripts": { | ||
| "build": "tsup src/index.ts --format esm,cjs --dts --external react", | ||
| "build": "tsdown src/index.ts --format esm,cjs --dts --external react", | ||
| "build:watch": "tsdown src/index.ts --format esm,cjs --dts --external react --watch", | ||
| "clean": "rm -rf dist", | ||
| "dev": "tsup src/index.ts --format esm,cjs --dts --external react --watch", | ||
| "lint": "eslint .", | ||
| "test:watch": "vitest", | ||
| "test": "vitest run" | ||
| "test": "vitest run", | ||
| "test:watch": "vitest" | ||
| } | ||
| } |
3
-25%10
42.86%10428
-11.51%85
-45.86%