@salesforcedevs/dx-components 1.3.222-alpha → 1.3.222-alpha3

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 (8) hide show
  1. package/package.json +1 -1
  2. package/src/assets/icons/salesforcebrand-sprite/svg/symbols.svg +14 -0
  3. package/src/modules/dx/coveoRecommendations/coveoRecommendations.html +2 -1
  4. package/src/modules/dx/coveoRecommendations/coveoRecommendations.ts +1 -0
  5. package/src/modules/dx/searchResults/searchResults.css +3 -6
  6. package/src/modules/dx/searchResults/searchResults.ts +22 -9
  7. package/src/modules/dxBaseElements/headerBase/headerBase.ts +1 -0
  8. package/src/modules/dxConstants/brands/brands.ts +1 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforcedevs/dx-components",
3
- "version": "1.3.222-alpha",
3
+ "version": "1.3.222-alpha3",
4
4
  "description": "DX Lightning web components",
5
5
  "license": "MIT",
6
6
  "engines": {
package/src/assets/icons/salesforcebrand-sprite/svg/symbols.svg CHANGED
@@ -272,6 +272,20 @@
272
272
  </g>
273
273
  </g>
274
274
  </symbol>
275
+ <symbol id="data-cloud" viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg" style="fill:#fff">
276
+ <defs>
277
+ <style>.acls-2,.acls-4{stroke-width:0}.acls-2{fill:#8a8ed1}.acls-4{fill:#fff}</style>
278
+ </defs>
279
+ <path class="acls-2" d="M28 4C14.77 4 4 14.77 4 28c0 7.9 3.84 14.93 9.76 19.3.7-4.58 3.55-8.46 7.5-10.56-2.61-2.02-4.29-5.17-4.29-8.71C16.97 21.95 21.92 17 28 17s11.03 4.95 11.03 11.03c0 3.54-1.69 6.69-4.29 8.71 3.95 2.1 6.8 5.98 7.5 10.56 5.92-4.37 9.77-11.4 9.77-19.31 0-13.23-10.77-24-24-24Z"/>
280
+ <path class="acls-2" d="M11.07 18.3c.69-1.2 2.21-1.61 3.41-.92a2.5 2.5 0 0 1 .93 3.41c-.46.81-1.3 1.26-2.17 1.26-.42 0-.85-.11-1.24-.34a2.489 2.489 0 0 1-.92-3.41ZM8.49 28.06c0-1.38 1.11-2.5 2.49-2.51 1.38 0 2.51 1.11 2.51 2.5s-1.11 2.5-2.49 2.5h-.01c-1.38 0-2.5-1.11-2.5-2.49ZM14.55 38.71a2.504 2.504 0 0 1-3.42-.9c-.7-1.2-.29-2.73.9-3.42 1.19-.7 2.73-.29 3.42.9a2.51 2.51 0 0 1-.9 3.42ZM20.7 15.46c-.4.23-.83.34-1.26.34-.86 0-1.7-.44-2.16-1.24-.7-1.19-.3-2.73.9-3.42 1.19-.7 2.72-.29 3.42.9a2.51 2.51 0 0 1-.9 3.42ZM28 13.49h-.07c-1.38 0-2.5-1.11-2.5-2.49 0-1.38 1.11-2.5 2.49-2.51h.11c1.37.02 2.47 1.13 2.47 2.5s-1.12 2.5-2.5 2.5ZM38.67 14.52a2.51 2.51 0 0 1-2.17 1.24c-.43 0-.86-.1-1.25-.33a2.5 2.5 0 0 1 2.5-4.33c1.2.69 1.6 2.22.92 3.42ZM41.48 17.32a2.5 2.5 0 0 1 2.5 4.33c-.39.23-.82.33-1.25.33-.86 0-1.7-.44-2.17-1.24-.69-1.2-.28-2.73.92-3.42ZM44.91 37.73c-.46.81-1.3 1.26-2.17 1.26-.42 0-.85-.11-1.24-.34a2.493 2.493 0 0 1-.92-3.41c.69-1.2 2.22-1.61 3.42-.92a2.5 2.5 0 0 1 .91 3.41ZM45.01 30.48c-1.38 0-2.5-1.12-2.5-2.49s1.12-2.51 2.5-2.51a2.5 2.5 0 0 1 0 5Z"/>
281
+ <circle class="acls-4" cx="27.99" cy="28.03" r="7.03"/>
282
+ <path class="acls-4" d="M27.99 39.06c-5.75 0-10.42 4.67-10.42 10.42v.13C20.72 51.14 24.26 52 28 52s7.26-.86 10.41-2.38v-.14c0-5.75-4.67-10.42-10.42-10.42Z"/>
283
+ <circle cx="28" cy="28" r="28" style="stroke-width:0;fill:#200647"/>
284
+ <path class="acls-4" d="M38.41 49.62C35.26 51.14 31.73 52 28 52s-7.27-.86-10.43-2.39v-.13c0-5.75 4.67-10.42 10.42-10.42s10.42 4.67 10.42 10.42v.14Z"/>
285
+ <circle class="acls-4" cx="27.99" cy="28.03" r="7.03"/>
286
+ <path d="M42.23 47.31c-.7-4.58-3.55-8.47-7.5-10.56 2.61-2.02 4.29-5.17 4.29-8.71 0-6.08-4.95-11.03-11.03-11.03s-11.03 4.95-11.03 11.03c0 3.54 1.69 6.69 4.29 8.71-3.95 2.1-6.8 5.98-7.5 10.56-5.91-4.38-9.76-11.4-9.76-19.3C4 14.77 14.77 4 28 4s24 10.77 24 24c0 7.91-3.85 14.94-9.77 19.31Z" style="fill:#7f8ced;stroke-width:0"/>
287
+ <path class="acls-4" d="M37.75 11.1a2.5 2.5 0 0 0-2.5 4.33c.39.23.82.33 1.25.33.86 0 1.7-.44 2.17-1.24.68-1.2.28-2.73-.92-3.42ZM11 30.55c1.38 0 2.49-1.12 2.49-2.5s-1.13-2.5-2.51-2.5a2.5 2.5 0 0 0-2.49 2.51c0 1.38 1.12 2.49 2.5 2.49H11ZM42.73 21.98c.43 0 .86-.1 1.25-.33a2.5 2.5 0 0 0-2.5-4.33c-1.2.69-1.61 2.22-.92 3.42.47.8 1.31 1.24 2.17 1.24ZM11.99 21.71c.39.23.82.34 1.24.34a2.5 2.5 0 0 0 1.24-4.67c-1.2-.69-2.72-.28-3.41.92s-.28 2.73.92 3.41ZM44 34.32c-1.2-.69-2.73-.28-3.42.92-.69 1.19-.28 2.72.92 3.41.39.23.82.34 1.24.34.87 0 1.71-.45 2.17-1.26a2.5 2.5 0 0 0-.91-3.41ZM45.01 25.48c-1.38 0-2.5 1.12-2.5 2.51s1.12 2.49 2.5 2.49a2.5 2.5 0 0 0 0-5ZM28.03 8.49h-.11A2.5 2.5 0 0 0 25.43 11c0 1.38 1.12 2.49 2.5 2.49H28a2.5 2.5 0 0 0 .03-5ZM18.18 11.14a2.49 2.49 0 0 0-.9 3.42c.46.8 1.3 1.24 2.16 1.24.43 0 .86-.11 1.26-.34a2.51 2.51 0 0 0 .9-3.42c-.7-1.19-2.23-1.6-3.42-.9ZM12.03 34.39c-1.19.69-1.6 2.22-.9 3.42a2.504 2.504 0 0 0 3.42.9 2.51 2.51 0 0 0 .9-3.42 2.499 2.499 0 0 0-3.42-.9Z"/>
288
+ </symbol>
275
289
  <symbol viewBox="0 0 56 56" version="1.1" xmlns="http://www.w3.org/2000/svg" id="integration">
276
290
  <g id="Atoms" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
277
291
  <g id="ICONS-symbols" transform="translate(-1005.000000, 0.000000)" fill-rule="nonzero">
package/src/modules/dx/coveoRecommendations/coveoRecommendations.html CHANGED
@@ -7,12 +7,13 @@
7
7
  </dx-spinner>
8
8
  <template for:each={recommendations} for:item="recommendation">
9
9
  <dx-card-blog-post
10
- authors={recommendation.yoast_head_json.author}
10
+ authors={recommendation.authors}
11
11
  body={recommendation.yoast_head_json.description}
12
12
  datetime={recommendation.yoast_head_json.article_published_time}
13
13
  href={recommendation.yoast_head_json.canonical}
14
14
  img-alt={recommendation.yoast_head_json.title}
15
15
  img-src={recommendation.content.featured_image}
16
+ key={recommendation.id}
16
17
  title={recommendation.yoast_head_json.title}
17
18
  ></dx-card-blog-post>
18
19
  </template>
package/src/modules/dx/coveoRecommendations/coveoRecommendations.ts CHANGED
@@ -13,6 +13,7 @@ export default class CoveoRecommendations extends LightningElement {
13
13
  const url = "https://platform.cloud.coveo.com/rest/search/v2";
14
14
  fetch(url, {
15
15
  headers: { Authorization: `Bearer ${this.coveoAuthToken}` },
16
+ method: "POST",
16
17
  body: JSON.stringify({
17
18
  pipeline: "Recommendations_Developer_Blogs",
18
19
  searchHub: "developerWebsiteBlogs",
package/src/modules/dx/searchResults/searchResults.css CHANGED
@@ -274,18 +274,15 @@ li.coveo-dynamic-facet-breadcrumb-value-list-item {
274
274
  }
275
275
 
276
276
  .dx-result-title {
277
+ /* override the default Coveo style */
278
+ color: var(--dx-g-blue-vibrant-20) !important;
279
+ display: block;
277
280
  font-family: var(--dx-g-font-display);
278
281
  font-size: var(--dx-g-text-lg);
279
282
  margin: 0;
280
283
  margin-bottom: var(--dx-g-spacing-sm);
281
284
  }
282
285
 
283
- .CoveoResultLink,
284
- a.CoveoResultLink,
285
- .CoveoResult a.CoveoResultLink {
286
- color: var(--dx-g-blue-vibrant-20);
287
- }
288
-
289
286
  .dx-result-excerpt {
290
287
  color: var(--dx-g-gray-10);
291
288
  font-size: 14px;
package/src/modules/dx/searchResults/searchResults.ts CHANGED
@@ -57,12 +57,15 @@ const resultsTemplatesInnerHtml = `
57
57
  <% } %>
58
58
  <% } %>
59
59
  </div>
60
- <p class="dx-result-title">
61
- <span
62
- class="CoveoResultLink"
63
- data-field="@uri"
64
- ></span>
65
- </p>
60
+ <a
61
+ href="<%= raw.uri %>"
62
+ class="dx-result-title"
63
+ >
64
+ <%= title %>
65
+ <% if (!raw.uri.includes('developer.salesforce.com') && !raw.uri.includes('developer-website-s.herokuapp.com')) { %>
66
+ <svg xmlns="http://www.w3.org/2000/svg" style="display: inline; vertical-align: baseline;" fill="var(--dx-g-blue-vibrant-20)" width="20" height="20" part="svg" aria-hidden="true"><use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#new_window"></use></svg>
67
+ <% } %>
68
+ </a>
66
69
  <p class="dx-result-excerpt CoveoExcerpt"></p>
67
70
  </div>
68
71
  </script>
@@ -84,9 +87,19 @@ const resultsTemplatesInnerHtml = `
84
87
  <% } %>
85
88
  <% } %>
86
89
  </div>
87
- <p class="dx-result-title">
88
- <a class="CoveoResultLink"></a>
89
- </p>
90
+ <a
91
+ href="<%= raw.uri %>"
92
+ class="dx-result-title"
93
+ >
94
+ <% if (title) { %>
95
+ <%= title %>
96
+ <% } else { %>
97
+ <%= uri %>
98
+ <% } %>
99
+ <% if (!raw.uri.includes('developer.salesforce.com') && !raw.uri.includes('developer-website-s.herokuapp.com')) { %>
100
+ <svg xmlns="http://www.w3.org/2000/svg" style="display: inline; vertical-align: baseline;" fill="var(--dx-g-blue-vibrant-20)" width="20" height="20" part="svg" aria-hidden="true"><use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#new_window"></use></svg>
101
+ <% } %>
102
+ </a>
90
103
  <p class="dx-result-excerpt CoveoExcerpt"></p>
91
104
  </div>
92
105
  </script>
package/src/modules/dxBaseElements/headerBase/headerBase.ts CHANGED
@@ -8,6 +8,7 @@ const VALID_BRANDS = [
8
8
  "analytics",
9
9
  "commerce",
10
10
  "employees",
11
+ "data-cloud",
11
12
  "industries",
12
13
  "integration",
13
14
  "learning",
package/src/modules/dxConstants/brands/brands.ts CHANGED
@@ -2,6 +2,7 @@ import { Brand } from "typings/custom";
2
2
 
3
3
  export const BRANDS = [
4
4
  "employees",
5
+ "data-cloud",
5
6
  "marketing",
6
7
  "partners",
7
8
  "commerce",