@alpaca-headless/alpaca-headless-nextjs 1.0.2691 → 1.0.2693

package/dist/cjs/components/Image.js

@@ -0,0 +1,36 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// const addClassName = (otherAttrs: { [key: string]: unknown }): void => {
+//   if (otherAttrs.class) {
+//     // if any classes are defined properly already
+//     if (otherAttrs.className) {
+//       let className: string = otherAttrs.className as string;
+//       className += ` ${otherAttrs.class}`;
+//       otherAttrs.className = className;
+//     } else {
+//       otherAttrs.className = otherAttrs.class;
+//     }
+//     delete otherAttrs.class;
+//   }
+// };
+const Image = (_a) => {
+    var { field } = _a, otherProps = __rest(_a, ["field"]);
+    if (!field)
+        return;
+    const attrs = Object.assign(Object.assign({}, field.value), otherProps);
+    return (0, jsx_runtime_1.jsx)("img", Object.assign({}, attrs, { alt: "" }));
+};
+exports.Image = Image;

package/dist/cjs/components/index.js

@@ -18,3 +18,4 @@ __exportStar(require("./Placeholder"), exports);
 __exportStar(require("./Text"), exports);
 __exportStar(require("./Picture"), exports);
 __exportStar(require("./RichText"), exports);
+__exportStar(require("./Image"), exports);

package/dist/esm/components/Image.js

@@ -0,0 +1,32 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+// const addClassName = (otherAttrs: { [key: string]: unknown }): void => {
+//   if (otherAttrs.class) {
+//     // if any classes are defined properly already
+//     if (otherAttrs.className) {
+//       let className: string = otherAttrs.className as string;
+//       className += ` ${otherAttrs.class}`;
+//       otherAttrs.className = className;
+//     } else {
+//       otherAttrs.className = otherAttrs.class;
+//     }
+//     delete otherAttrs.class;
+//   }
+// };
+export const Image = (_a) => {
+    var { field } = _a, otherProps = __rest(_a, ["field"]);
+    if (!field)
+        return;
+    const attrs = Object.assign(Object.assign({}, field.value), otherProps);
+    return _jsx("img", Object.assign({}, attrs, { alt: "" }));
+};

package/dist/esm/components/index.js

@@ -2,3 +2,4 @@ export * from "./Placeholder";
 export * from "./Text";
 export * from "./Picture";
 export * from "./RichText";
+export * from "./Image";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpaca-headless/alpaca-headless-nextjs",
-  "version": "1.0.2691",
+  "version": "1.0.2693",
   "description": "Alpaca Headless NextJs Integration",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/types/components/Image.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ImageField } from "../fieldTypes";
+export interface ImageProps {
+    [attributeName: string]: unknown;
+    field?: ImageField;
+    imageParams?: {
+        [paramName: string]: string | number;
+    };
+}
+export declare const Image: React.FC<ImageProps>;

package/types/components/index.d.ts

@@ -2,3 +2,4 @@ export * from "./Placeholder";
 export * from "./Text";
 export * from "./Picture";
 export * from "./RichText";
+export * from "./Image";

package/types/fieldTypes.d.ts

@@ -15,3 +15,10 @@ export interface PictureVariant {
     src: string;
     videoId: string;
 }
+export interface ImageField {
+    value: ImageValue | null;
+}
+export interface ImageValue {
+    altText: string;
+    src: string;
+}