monto-email-block-container 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# monto-email-block-container
+
+monto-email compatible container components

package/dist/src/index.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+import { z } from 'zod';
+export declare const ContainerPropsSchema: z.ZodObject<{
+    style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        backgroundColor: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        borderColor: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        borderRadius: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            top: number;
+            bottom: number;
+            right: number;
+            left: number;
+        }, {
+            top: number;
+            bottom: number;
+            right: number;
+            left: number;
+        }>>>;
+    }, "strip", z.ZodTypeAny, {
+        backgroundColor?: string | null | undefined;
+        borderColor?: string | null | undefined;
+        borderRadius?: number | null | undefined;
+        padding?: {
+            top: number;
+            bottom: number;
+            right: number;
+            left: number;
+        } | null | undefined;
+    }, {
+        backgroundColor?: string | null | undefined;
+        borderColor?: string | null | undefined;
+        borderRadius?: number | null | undefined;
+        padding?: {
+            top: number;
+            bottom: number;
+            right: number;
+            left: number;
+        } | null | undefined;
+    }>>>;
+}, "strip", z.ZodTypeAny, {
+    style?: {
+        backgroundColor?: string | null | undefined;
+        borderColor?: string | null | undefined;
+        borderRadius?: number | null | undefined;
+        padding?: {
+            top: number;
+            bottom: number;
+            right: number;
+            left: number;
+        } | null | undefined;
+    } | null | undefined;
+}, {
+    style?: {
+        backgroundColor?: string | null | undefined;
+        borderColor?: string | null | undefined;
+        borderRadius?: number | null | undefined;
+        padding?: {
+            top: number;
+            bottom: number;
+            right: number;
+            left: number;
+        } | null | undefined;
+    } | null | undefined;
+}>;
+export type ContainerProps = {
+    style?: z.infer<typeof ContainerPropsSchema>['style'];
+    children?: JSX.Element | JSX.Element[] | null;
+};
+export declare function Container({ style, children }: ContainerProps): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAqBxB,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAU/B,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC,OAAO,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC;CAC/C,CAAC;AASF,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,qBAW5D"}

package/dist/src/index.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { z } from 'zod';
+const COLOR_SCHEMA = z
+    .string()
+    .regex(/^#[0-9a-fA-F]{6}$/)
+    .nullable()
+    .optional();
+const PADDING_SCHEMA = z
+    .object({
+    top: z.number(),
+    bottom: z.number(),
+    right: z.number(),
+    left: z.number(),
+})
+    .optional()
+    .nullable();
+const getPadding = (padding) => padding ? `${padding.top}px ${padding.right}px ${padding.bottom}px ${padding.left}px` : undefined;
+export const ContainerPropsSchema = z.object({
+    style: z
+        .object({
+        backgroundColor: COLOR_SCHEMA,
+        borderColor: COLOR_SCHEMA,
+        borderRadius: z.number().optional().nullable(),
+        padding: PADDING_SCHEMA,
+    })
+        .optional()
+        .nullable(),
+});
+function getBorder(style) {
+    if (!style || !style.borderColor) {
+        return undefined;
+    }
+    return `1px solid ${style.borderColor}`;
+}
+export function Container({ style, children }) {
+    var _a, _b;
+    const wStyle = {
+        backgroundColor: (_a = style === null || style === void 0 ? void 0 : style.backgroundColor) !== null && _a !== void 0 ? _a : undefined,
+        border: getBorder(style),
+        borderRadius: (_b = style === null || style === void 0 ? void 0 : style.borderRadius) !== null && _b !== void 0 ? _b : undefined,
+        padding: getPadding(style === null || style === void 0 ? void 0 : style.padding),
+    };
+    if (!children) {
+        return React.createElement("div", { style: wStyle });
+    }
+    return React.createElement("div", { style: wStyle }, children);
+}
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,YAAY,GAAG,CAAC;KACnB,MAAM,EAAE;KACR,KAAK,CAAC,mBAAmB,CAAC;KAC1B,QAAQ,EAAE;KACV,QAAQ,EAAE,CAAC;AAEd,MAAM,cAAc,GAAG,CAAC;KACrB,MAAM,CAAC;IACN,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE;IACf,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE;IAClB,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE;IACjB,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;CACjB,CAAC;KACD,QAAQ,EAAE;KACV,QAAQ,EAAE,CAAC;AAEd,MAAM,UAAU,GAAG,CAAC,OAAuC,EAAE,EAAE,CAC7D,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,MAAM,OAAO,CAAC,KAAK,MAAM,OAAO,CAAC,MAAM,MAAM,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;AAEpG,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3C,KAAK,EAAE,CAAC;SACL,MAAM,CAAC;QACN,eAAe,EAAE,YAAY;QAC7B,WAAW,EAAE,YAAY;QACzB,YAAY,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE;QAC9C,OAAO,EAAE,cAAc;KACxB,CAAC;SACD,QAAQ,EAAE;SACV,QAAQ,EAAE;CACd,CAAC,CAAC;AAOH,SAAS,SAAS,CAAC,KAA8B;IAC/C,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QACjC,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO,aAAa,KAAK,CAAC,WAAW,EAAE,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAkB;;IAC3D,MAAM,MAAM,GAAkB;QAC5B,eAAe,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,mCAAI,SAAS;QACpD,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC;QACxB,YAAY,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,mCAAI,SAAS;QAC9C,OAAO,EAAE,UAAU,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC;KACpC,CAAC;IACF,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,6BAAK,KAAK,EAAE,MAAM,GAAI,CAAC;IAChC,CAAC;IACD,OAAO,6BAAK,KAAK,EAAE,MAAM,IAAG,QAAQ,CAAO,CAAC;AAC9C,CAAC"}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "monto-email-block-container",
+  "version": "0.0.1",
+  "description": "monto-email compatible Container component",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "npx tsc"
+  },
+  "author": "heiheihoho1213",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "^16 || ^17 || ^18",
+    "zod": "^1 || ^2 || ^3"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.1",
+    "react": "^18.3.1",
+    "zod": "^3.24.2",
+    "@testing-library/react": "^14.2.1",
+    "typescript": "^5.0.0"
+  }
+}