@sitecore-jss/sitecore-jss-nextjs 22.5.0-beta.6 → 22.5.0-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/cjs/components/NextImage.js +6 -7
  2. package/dist/esm/components/NextImage.js +6 -7
  3. package/package.json +5 -5
package/dist/cjs/components/NextImage.js CHANGED
@@ -20,11 +20,9 @@ const prop_types_1 = __importDefault(require("prop-types"));
20
20
  const react_1 = __importDefault(require("react"));
21
21
  const sitecore_jss_react_1 = require("@sitecore-jss/sitecore-jss-react");
22
22
  const image_1 = __importDefault(require("next/image"));
23
- const sitecore_jss_react_2 = require("@sitecore-jss/sitecore-jss-react");
24
- const sitecore_jss_react_3 = require("@sitecore-jss/sitecore-jss-react");
25
23
  const layout_1 = require("@sitecore-jss/sitecore-jss/layout");
26
- exports.NextImage = (0, sitecore_jss_react_1.withFieldMetadata)((0, sitecore_jss_react_2.withEmptyFieldEditingComponent)((_a) => {
27
- var _b;
24
+ exports.NextImage = (0, sitecore_jss_react_1.withFieldMetadata)((0, sitecore_jss_react_1.withEmptyFieldEditingComponent)((_a) => {
25
+ var _b, _c;
28
26
  var { editable = true, imageParams, field, mediaUrlPrefix, fill, priority } = _a, otherProps = __rest(_a, ["editable", "imageParams", "field", "mediaUrlPrefix", "fill", "priority"]);
29
27
  const sitecoreContext = react_1.default.useContext(sitecore_jss_react_1.SitecoreContextReactContext);
30
28
  // next handles src and we use a custom loader,
@@ -48,9 +46,10 @@ exports.NextImage = (0, sitecore_jss_react_1.withFieldMetadata)((0, sitecore_jss
48
46
  if (!img) {
49
47
  return null;
50
48
  }
51
- // disable image optimization for Edit and Preview, but preserve original value if true
49
+ // disable image optimization for Edit / Preview / Component rendering, but preserve original value if true
52
50
  const unoptimized = otherProps.unoptimized ||
53
- ((_b = sitecoreContext.context) === null || _b === void 0 ? void 0 : _b.pageState) !== layout_1.LayoutServicePageState.Normal;
51
+ ((_b = sitecoreContext.context) === null || _b === void 0 ? void 0 : _b.renderingType) === layout_1.RenderingType.Component ||
52
+ ((_c = sitecoreContext.context) === null || _c === void 0 ? void 0 : _c.pageState) !== layout_1.LayoutServicePageState.Normal;
54
53
  const attrs = Object.assign(Object.assign(Object.assign({}, img), otherProps), { fill,
55
54
  priority, src: media_1.mediaApi.updateImageUrl(img.src, imageParams, mediaUrlPrefix), unoptimized });
56
55
  const imageProps = Object.assign(Object.assign({}, attrs), {
@@ -66,7 +65,7 @@ exports.NextImage = (0, sitecore_jss_react_1.withFieldMetadata)((0, sitecore_jss
66
65
  return react_1.default.createElement(image_1.default, Object.assign({ alt: "" }, imageProps));
67
66
  }
68
67
  return null; // we can't handle the truth
69
- }, { defaultEmptyFieldEditingComponent: sitecore_jss_react_3.DefaultEmptyFieldEditingComponentImage }));
68
+ }, { defaultEmptyFieldEditingComponent: sitecore_jss_react_1.DefaultEmptyFieldEditingComponentImage }));
70
69
  exports.NextImage.propTypes = {
71
70
  field: prop_types_1.default.oneOfType([
72
71
  prop_types_1.default.shape({
package/dist/esm/components/NextImage.js CHANGED
@@ -12,13 +12,11 @@ var __rest = (this && this.__rest) || function (s, e) {
12
12
  import { mediaApi } from '@sitecore-jss/sitecore-jss/media';
13
13
  import PropTypes from 'prop-types';
14
14
  import React from 'react';
15
- import { getEEMarkup, withFieldMetadata, SitecoreContextReactContext, } from '@sitecore-jss/sitecore-jss-react';
15
+ import { getEEMarkup, withFieldMetadata, SitecoreContextReactContext, DefaultEmptyFieldEditingComponentImage, withEmptyFieldEditingComponent, } from '@sitecore-jss/sitecore-jss-react';
16
16
  import Image from 'next/image';
17
- import { withEmptyFieldEditingComponent } from '@sitecore-jss/sitecore-jss-react';
18
- import { DefaultEmptyFieldEditingComponentImage } from '@sitecore-jss/sitecore-jss-react';
19
- import { isFieldValueEmpty, LayoutServicePageState } from '@sitecore-jss/sitecore-jss/layout';
17
+ import { isFieldValueEmpty, LayoutServicePageState, RenderingType, } from '@sitecore-jss/sitecore-jss/layout';
20
18
  export const NextImage = withFieldMetadata(withEmptyFieldEditingComponent((_a) => {
21
- var _b;
19
+ var _b, _c;
22
20
  var { editable = true, imageParams, field, mediaUrlPrefix, fill, priority } = _a, otherProps = __rest(_a, ["editable", "imageParams", "field", "mediaUrlPrefix", "fill", "priority"]);
23
21
  const sitecoreContext = React.useContext(SitecoreContextReactContext);
24
22
  // next handles src and we use a custom loader,
@@ -42,9 +40,10 @@ export const NextImage = withFieldMetadata(withEmptyFieldEditingComponent((_a) =
42
40
  if (!img) {
43
41
  return null;
44
42
  }
45
- // disable image optimization for Edit and Preview, but preserve original value if true
43
+ // disable image optimization for Edit / Preview / Component rendering, but preserve original value if true
46
44
  const unoptimized = otherProps.unoptimized ||
47
- ((_b = sitecoreContext.context) === null || _b === void 0 ? void 0 : _b.pageState) !== LayoutServicePageState.Normal;
45
+ ((_b = sitecoreContext.context) === null || _b === void 0 ? void 0 : _b.renderingType) === RenderingType.Component ||
46
+ ((_c = sitecoreContext.context) === null || _c === void 0 ? void 0 : _c.pageState) !== LayoutServicePageState.Normal;
48
47
  const attrs = Object.assign(Object.assign(Object.assign({}, img), otherProps), { fill,
49
48
  priority, src: mediaApi.updateImageUrl(img.src, imageParams, mediaUrlPrefix), unoptimized });
50
49
  const imageProps = Object.assign(Object.assign({}, attrs), {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sitecore-jss/sitecore-jss-nextjs",
3
- "version": "22.5.0-beta.6",
3
+ "version": "22.5.0-beta.8",
4
4
  "main": "dist/cjs/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "sideEffects": false,
@@ -73,9 +73,9 @@
73
73
  "react-dom": "^18.2.0"
74
74
  },
75
75
  "dependencies": {
76
- "@sitecore-jss/sitecore-jss": "22.5.0-beta.6",
77
- "@sitecore-jss/sitecore-jss-dev-tools": "22.5.0-beta.6",
78
- "@sitecore-jss/sitecore-jss-react": "22.5.0-beta.6",
76
+ "@sitecore-jss/sitecore-jss": "22.5.0-beta.8",
77
+ "@sitecore-jss/sitecore-jss-dev-tools": "22.5.0-beta.8",
78
+ "@sitecore-jss/sitecore-jss-react": "22.5.0-beta.8",
79
79
  "@vercel/kv": "^0.2.1",
80
80
  "prop-types": "^15.8.1",
81
81
  "regex-parser": "^2.2.11",
@@ -83,7 +83,7 @@
83
83
  },
84
84
  "description": "",
85
85
  "types": "types/index.d.ts",
86
- "gitHead": "0771f5a0a57035b8bafef8864a45a74fd2b4fca6",
86
+ "gitHead": "c523545dd18997548b73dfa4be372f278a2e288f",
87
87
  "files": [
88
88
  "dist",
89
89
  "types",