@mjhls/mjh-framework 1.0.561 → 1.0.563

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 (6) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/PartnerDetailListing.js +28 -15
  3. package/dist/cjs/getSerializers.js +46 -9
  4. package/dist/esm/PartnerDetailListing.js +28 -15
  5. package/dist/esm/getSerializers.js +47 -10
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.561
2
+ # mjh-framework v. 1.0.563
3
3
 
4
4
  > Foundation Framework
5
5
 
package/dist/cjs/PartnerDetailListing.js CHANGED
@@ -61,7 +61,6 @@ var reactTwitterEmbed = require('react-twitter-embed');
61
61
 
62
62
  var ImageSlider = function ImageSlider(props) {
63
63
  var builder = index$1.imageUrlBuilder(props.client);
64
-
65
64
  function urlFor(source) {
66
65
  return builder.image(source);
67
66
  }
@@ -111,16 +110,29 @@ var ImageSlider = function ImageSlider(props) {
111
110
  { className: 'row__inner' },
112
111
  props.data.slides.map(function (img, index) {
113
112
  var thumbnail = urlFor(img.slideshowImage).width(250);
114
- return React__default.createElement(
115
- 'div',
116
- { className: 'tile' },
117
- React__default.createElement(
113
+ if (!img.slideshowImage.link) {
114
+ return React__default.createElement(
118
115
  'div',
119
- { className: 'tile__media' },
120
- React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: '' })
121
- ),
122
- React__default.createElement('div', { style: { color: variant }, className: 'tile__info' })
123
- );
116
+ { key: index, className: 'tile' },
117
+ React__default.createElement(
118
+ 'div',
119
+ { className: 'tile__media' },
120
+ React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: img.slideshowImage.alt ? img.slideshowImage.alt : '' })
121
+ ),
122
+ React__default.createElement('div', { style: { color: variant }, className: 'tile__info' })
123
+ );
124
+ } else {
125
+ return React__default.createElement(
126
+ 'a',
127
+ { key: index, href: img.slideshowImage.link, target: img.slideshowImage.blank ? '_target' : '_self', className: 'tile' },
128
+ React__default.createElement(
129
+ 'div',
130
+ { className: 'tile__media' },
131
+ React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: img.slideshowImage.alt ? img.slideshowImage.alt : '' })
132
+ ),
133
+ React__default.createElement('div', { style: { color: variant }, className: 'tile__info' })
134
+ );
135
+ }
124
136
  })
125
137
  )
126
138
  ),
@@ -147,6 +159,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
147
159
  pageview = _ref.pageview,
148
160
  page = _ref.page;
149
161
 
162
+
150
163
  return React__default.createElement(
151
164
  React__default.Fragment,
152
165
  null,
@@ -197,7 +210,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
197
210
  React__default.createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers(client), blocks: partnerDetails.description, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
198
211
  )
199
212
  ),
200
- partnerDetails.affiliates && partnerDetails.affiliates.slides && React__default.createElement(
213
+ partnerDetails.affiliates && partnerDetails.affiliates[0] && partnerDetails.affiliates[0].slides && React__default.createElement(
201
214
  'div',
202
215
  { className: 'mb-4', style: { padding: '0 15px' } },
203
216
  React__default.createElement(
@@ -205,7 +218,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
205
218
  { className: 'bb-gold' },
206
219
  'Affiliates of American Oncology Network'
207
220
  ),
208
- React__default.createElement(ImageSlider, { client: client, data: partnerDetails.affiliates })
221
+ React__default.createElement(ImageSlider, { client: client, data: partnerDetails.affiliates[0] })
209
222
  ),
210
223
  features.length > 0 && React__default.createElement(
211
224
  'div',
@@ -268,15 +281,15 @@ PartnerDetails.returnGetInitialProps = function () {
268
281
  switch (_context.prev = _context.next) {
269
282
  case 0:
270
283
  today = moment.moment().utc().format();
271
- featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + identifier + '\'] | order(_updatedAt asc)[0..5]{\n ...,\n \'feature_img\' : feature_img.asset->url\n }';
272
- partnerQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n description,\n name,\n identifier,\n thumbnail,\n twitter,\n "affiliates" : description[0]{slides}\n }';
284
+ featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n ...,\n \'feature_img\' : feature_img.asset->url\n }';
285
+ partnerQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n description,\n name,\n identifier,\n thumbnail,\n twitter,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n }';
273
286
 
274
287
 
275
288
  if (category) {
276
289
  //if partners page has a sub category such as onclive
277
290
  //e.g. /sap-partner/[category]/[partner]
278
291
 
279
- partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n ...,\n \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n name,\n identifier,\n thumbnail,\n twitter,\n description,\n "affiliates" : description[0]{slides}\n }\n }';
292
+ partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n ...,\n \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n description,\n name,\n identifier,\n thumbnail,\n twitter,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n \n }\n }';
280
293
  }
281
294
 
282
295
  taxonomyQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && identifier.current == \'' + identifier + '\'] [0] {\n \'id\': _id,\n \'title\': name\n }';
package/dist/cjs/getSerializers.js CHANGED
@@ -7791,6 +7791,36 @@ var NativeAd = function NativeAd(props) {
7791
7791
  );
7792
7792
  };
7793
7793
 
7794
+ var createMarkup = function createMarkup(htmlContent) {
7795
+ return { __html: htmlContent };
7796
+ };
7797
+
7798
+ var Formstack = function Formstack(_ref) {
7799
+ var FormID = _ref.FormID,
7800
+ Caption = _ref.Caption;
7801
+
7802
+ var formstackRef = React.useRef(null);
7803
+ React.useEffect(function () {
7804
+ Segment.Segment.init();
7805
+ var newSrc = Segment.Segment.getURL('https://mjhlifesciences.formstack.com/forms/js.php/' + FormID, { needSegmentSupport: true });
7806
+ var scriptTag = formstackRef.current.querySelector('script[needsegmentsupport="true"]');
7807
+ scriptTag && newSrc && scriptTag.setAttribute('src', newSrc);
7808
+ }, []);
7809
+
7810
+ var htmlContent = '\n <script needsegmentsupport="true" type="text/javascript" src="https://mjhlifesciences.formstack.com/forms/js.php/' + FormID + '"></script>\n <noscript><a href="https://mjhlifesciences.formstack.com/forms/' + FormID + '" title="Online Form">' + Caption + '</a></noscript>\n ';
7811
+
7812
+ return React__default.createElement(
7813
+ 'div',
7814
+ { ref: formstackRef },
7815
+ React__default.createElement(
7816
+ 'h4',
7817
+ { className: 'formstack-caption' },
7818
+ Caption
7819
+ ),
7820
+ React__default.createElement('div', { dangerouslySetInnerHTML: createMarkup(htmlContent) })
7821
+ );
7822
+ };
7823
+
7794
7824
  var urlFor$2 = function urlFor(source, client) {
7795
7825
  var builder = index$1.imageUrlBuilder(client);
7796
7826
  return builder.image(source).auto('format');
@@ -8206,8 +8236,15 @@ var getSerializers = function getSerializers() {
8206
8236
  brtag: function brtag() {
8207
8237
  return React__default.createElement('br', { className: 'line-break' });
8208
8238
  },
8209
- multimedia: function multimedia(_ref18) {
8239
+ formstack: function formstack(_ref18) {
8210
8240
  var node = _ref18.node;
8241
+ var FormID = node.FormID,
8242
+ Caption = node.Caption;
8243
+
8244
+ return React__default.createElement(Formstack, { FormID: FormID, Caption: Caption });
8245
+ },
8246
+ multimedia: function multimedia(_ref19) {
8247
+ var node = _ref19.node;
8211
8248
 
8212
8249
  return React__default.createElement(MultiMedia, { node: node, client: client });
8213
8250
  }
@@ -8253,32 +8290,32 @@ var getSerializers = function getSerializers() {
8253
8290
  children
8254
8291
  );
8255
8292
  },
8256
- alignleft: function alignleft(_ref19) {
8257
- var children = _ref19.children;
8293
+ alignleft: function alignleft(_ref20) {
8294
+ var children = _ref20.children;
8258
8295
  return React__default.createElement(
8259
8296
  'div',
8260
8297
  { style: { textAlign: 'left' } },
8261
8298
  children
8262
8299
  );
8263
8300
  },
8264
- alignright: function alignright(_ref20) {
8265
- var children = _ref20.children;
8301
+ alignright: function alignright(_ref21) {
8302
+ var children = _ref21.children;
8266
8303
  return React__default.createElement(
8267
8304
  'div',
8268
8305
  { style: { textAlign: 'right' } },
8269
8306
  children
8270
8307
  );
8271
8308
  },
8272
- aligncenter: function aligncenter(_ref21) {
8273
- var children = _ref21.children;
8309
+ aligncenter: function aligncenter(_ref22) {
8310
+ var children = _ref22.children;
8274
8311
  return React__default.createElement(
8275
8312
  'div',
8276
8313
  { style: { textAlign: 'center' } },
8277
8314
  children
8278
8315
  );
8279
8316
  },
8280
- alignjustify: function alignjustify(_ref22) {
8281
- var children = _ref22.children;
8317
+ alignjustify: function alignjustify(_ref23) {
8318
+ var children = _ref23.children;
8282
8319
  return React__default.createElement(
8283
8320
  'div',
8284
8321
  { style: { textAlign: 'justify' } },
package/dist/esm/PartnerDetailListing.js CHANGED
@@ -56,7 +56,6 @@ import { TwitterTimelineEmbed } from 'react-twitter-embed';
56
56
 
57
57
  var ImageSlider = function ImageSlider(props) {
58
58
  var builder = imageUrlBuilder(props.client);
59
-
60
59
  function urlFor(source) {
61
60
  return builder.image(source);
62
61
  }
@@ -106,16 +105,29 @@ var ImageSlider = function ImageSlider(props) {
106
105
  { className: 'row__inner' },
107
106
  props.data.slides.map(function (img, index) {
108
107
  var thumbnail = urlFor(img.slideshowImage).width(250);
109
- return React__default.createElement(
110
- 'div',
111
- { className: 'tile' },
112
- React__default.createElement(
108
+ if (!img.slideshowImage.link) {
109
+ return React__default.createElement(
113
110
  'div',
114
- { className: 'tile__media' },
115
- React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: '' })
116
- ),
117
- React__default.createElement('div', { style: { color: variant }, className: 'tile__info' })
118
- );
111
+ { key: index, className: 'tile' },
112
+ React__default.createElement(
113
+ 'div',
114
+ { className: 'tile__media' },
115
+ React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: img.slideshowImage.alt ? img.slideshowImage.alt : '' })
116
+ ),
117
+ React__default.createElement('div', { style: { color: variant }, className: 'tile__info' })
118
+ );
119
+ } else {
120
+ return React__default.createElement(
121
+ 'a',
122
+ { key: index, href: img.slideshowImage.link, target: img.slideshowImage.blank ? '_target' : '_self', className: 'tile' },
123
+ React__default.createElement(
124
+ 'div',
125
+ { className: 'tile__media' },
126
+ React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: img.slideshowImage.alt ? img.slideshowImage.alt : '' })
127
+ ),
128
+ React__default.createElement('div', { style: { color: variant }, className: 'tile__info' })
129
+ );
130
+ }
119
131
  })
120
132
  )
121
133
  ),
@@ -142,6 +154,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
142
154
  pageview = _ref.pageview,
143
155
  page = _ref.page;
144
156
 
157
+
145
158
  return React__default.createElement(
146
159
  React__default.Fragment,
147
160
  null,
@@ -192,7 +205,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
192
205
  React__default.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: partnerDetails.description, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
193
206
  )
194
207
  ),
195
- partnerDetails.affiliates && partnerDetails.affiliates.slides && React__default.createElement(
208
+ partnerDetails.affiliates && partnerDetails.affiliates[0] && partnerDetails.affiliates[0].slides && React__default.createElement(
196
209
  'div',
197
210
  { className: 'mb-4', style: { padding: '0 15px' } },
198
211
  React__default.createElement(
@@ -200,7 +213,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
200
213
  { className: 'bb-gold' },
201
214
  'Affiliates of American Oncology Network'
202
215
  ),
203
- React__default.createElement(ImageSlider, { client: client, data: partnerDetails.affiliates })
216
+ React__default.createElement(ImageSlider, { client: client, data: partnerDetails.affiliates[0] })
204
217
  ),
205
218
  features.length > 0 && React__default.createElement(
206
219
  'div',
@@ -263,15 +276,15 @@ PartnerDetails.returnGetInitialProps = function () {
263
276
  switch (_context.prev = _context.next) {
264
277
  case 0:
265
278
  today = moment().utc().format();
266
- featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + identifier + '\'] | order(_updatedAt asc)[0..5]{\n ...,\n \'feature_img\' : feature_img.asset->url\n }';
267
- partnerQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n description,\n name,\n identifier,\n thumbnail,\n twitter,\n "affiliates" : description[0]{slides}\n }';
279
+ featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n ...,\n \'feature_img\' : feature_img.asset->url\n }';
280
+ partnerQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n description,\n name,\n identifier,\n thumbnail,\n twitter,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n }';
268
281
 
269
282
 
270
283
  if (category) {
271
284
  //if partners page has a sub category such as onclive
272
285
  //e.g. /sap-partner/[category]/[partner]
273
286
 
274
- partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n ...,\n \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n name,\n identifier,\n thumbnail,\n twitter,\n description,\n "affiliates" : description[0]{slides}\n }\n }';
287
+ partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n ...,\n \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n description,\n name,\n identifier,\n thumbnail,\n twitter,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n \n }\n }';
275
288
  }
276
289
 
277
290
  taxonomyQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && identifier.current == \'' + identifier + '\'] [0] {\n \'id\': _id,\n \'title\': name\n }';
package/dist/esm/getSerializers.js CHANGED
@@ -9,7 +9,7 @@ import { _ as _extends } from './extends-6e00b262.js';
9
9
  import './web.dom.iterable-46c95e52.js';
10
10
  import './typeof-5f046efd.js';
11
11
  import './_is-array-dd5523d6.js';
12
- import React__default, { useState, useEffect } from 'react';
12
+ import React__default, { useState, useEffect, useRef } from 'react';
13
13
  import { l as lib_3 } from './index-93ec3c59.js';
14
14
  import PropTypes from 'prop-types';
15
15
  import Row from 'react-bootstrap/Row';
@@ -7785,6 +7785,36 @@ var NativeAd = function NativeAd(props) {
7785
7785
  );
7786
7786
  };
7787
7787
 
7788
+ var createMarkup = function createMarkup(htmlContent) {
7789
+ return { __html: htmlContent };
7790
+ };
7791
+
7792
+ var Formstack = function Formstack(_ref) {
7793
+ var FormID = _ref.FormID,
7794
+ Caption = _ref.Caption;
7795
+
7796
+ var formstackRef = useRef(null);
7797
+ useEffect(function () {
7798
+ Segment.init();
7799
+ var newSrc = Segment.getURL('https://mjhlifesciences.formstack.com/forms/js.php/' + FormID, { needSegmentSupport: true });
7800
+ var scriptTag = formstackRef.current.querySelector('script[needsegmentsupport="true"]');
7801
+ scriptTag && newSrc && scriptTag.setAttribute('src', newSrc);
7802
+ }, []);
7803
+
7804
+ var htmlContent = '\n <script needsegmentsupport="true" type="text/javascript" src="https://mjhlifesciences.formstack.com/forms/js.php/' + FormID + '"></script>\n <noscript><a href="https://mjhlifesciences.formstack.com/forms/' + FormID + '" title="Online Form">' + Caption + '</a></noscript>\n ';
7805
+
7806
+ return React__default.createElement(
7807
+ 'div',
7808
+ { ref: formstackRef },
7809
+ React__default.createElement(
7810
+ 'h4',
7811
+ { className: 'formstack-caption' },
7812
+ Caption
7813
+ ),
7814
+ React__default.createElement('div', { dangerouslySetInnerHTML: createMarkup(htmlContent) })
7815
+ );
7816
+ };
7817
+
7788
7818
  var urlFor$2 = function urlFor(source, client) {
7789
7819
  var builder = imageUrlBuilder(client);
7790
7820
  return builder.image(source).auto('format');
@@ -8200,8 +8230,15 @@ var getSerializers = function getSerializers() {
8200
8230
  brtag: function brtag() {
8201
8231
  return React__default.createElement('br', { className: 'line-break' });
8202
8232
  },
8203
- multimedia: function multimedia(_ref18) {
8233
+ formstack: function formstack(_ref18) {
8204
8234
  var node = _ref18.node;
8235
+ var FormID = node.FormID,
8236
+ Caption = node.Caption;
8237
+
8238
+ return React__default.createElement(Formstack, { FormID: FormID, Caption: Caption });
8239
+ },
8240
+ multimedia: function multimedia(_ref19) {
8241
+ var node = _ref19.node;
8205
8242
 
8206
8243
  return React__default.createElement(MultiMedia, { node: node, client: client });
8207
8244
  }
@@ -8247,32 +8284,32 @@ var getSerializers = function getSerializers() {
8247
8284
  children
8248
8285
  );
8249
8286
  },
8250
- alignleft: function alignleft(_ref19) {
8251
- var children = _ref19.children;
8287
+ alignleft: function alignleft(_ref20) {
8288
+ var children = _ref20.children;
8252
8289
  return React__default.createElement(
8253
8290
  'div',
8254
8291
  { style: { textAlign: 'left' } },
8255
8292
  children
8256
8293
  );
8257
8294
  },
8258
- alignright: function alignright(_ref20) {
8259
- var children = _ref20.children;
8295
+ alignright: function alignright(_ref21) {
8296
+ var children = _ref21.children;
8260
8297
  return React__default.createElement(
8261
8298
  'div',
8262
8299
  { style: { textAlign: 'right' } },
8263
8300
  children
8264
8301
  );
8265
8302
  },
8266
- aligncenter: function aligncenter(_ref21) {
8267
- var children = _ref21.children;
8303
+ aligncenter: function aligncenter(_ref22) {
8304
+ var children = _ref22.children;
8268
8305
  return React__default.createElement(
8269
8306
  'div',
8270
8307
  { style: { textAlign: 'center' } },
8271
8308
  children
8272
8309
  );
8273
8310
  },
8274
- alignjustify: function alignjustify(_ref22) {
8275
- var children = _ref22.children;
8311
+ alignjustify: function alignjustify(_ref23) {
8312
+ var children = _ref23.children;
8276
8313
  return React__default.createElement(
8277
8314
  'div',
8278
8315
  { style: { textAlign: 'justify' } },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.561",
3
+ "version": "1.0.563",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",