@salesforcedevs/dx-components 1.40.11 → 1.42.0-final-test

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 (43) hide show
  1. package/lwc.config.json +4 -2
  2. package/package.json +46 -47
  3. package/src/modules/dx/button/button.css +2 -2
  4. package/src/modules/dx/dropdown/dropdown.css +29 -1
  5. package/src/modules/dx/dropdown/dropdown.html +1 -1
  6. package/src/modules/dx/dropdown/dropdown.ts +16 -1
  7. package/src/modules/dx/dropdownOption/dropdownOption.css +30 -6
  8. package/src/modules/dx/filterMenu/filterMenu.css +19 -0
  9. package/src/modules/dx/filterMenu/filterMenu.html +17 -2
  10. package/src/modules/dx/filterMenu/filterMenu.ts +43 -0
  11. package/src/modules/dx/popover/popover.ts +119 -7
  12. package/src/modules/dx/searchHybrid/searchHybrid.css +56 -61
  13. package/src/modules/dx/searchHybrid/searchHybrid.html +133 -112
  14. package/src/modules/dx/searchHybrid/searchHybrid.mock.ts +244 -0
  15. package/src/modules/dx/searchHybrid/searchHybrid.ts +81 -26
  16. package/src/modules/dx/searchResults/searchResults.css +119 -6
  17. package/src/modules/dx/searchResults/searchResults.html +89 -91
  18. package/src/modules/dx/searchResults/searchResults.ts +200 -473
  19. package/src/modules/dx/sidebar/sidebar.css +1 -0
  20. package/src/modules/dx/sidebar/sidebar.html +2 -5
  21. package/src/modules/dx/sidebar/sidebar.ts +44 -29
  22. package/src/modules/dx/sidebarOld/sidebarOld.html +1 -0
  23. package/src/modules/dx/sidebarSearch/sidebarSearch.ts +163 -342
  24. package/src/modules/dx/sidebarSearchResult/sidebarSearchResult.css +61 -23
  25. package/src/modules/dx/sidebarSearchResult/sidebarSearchResult.ts +12 -4
  26. package/src/modules/dx/tree/tree.html +1 -0
  27. package/src/modules/dx/tree/tree.ts +5 -1
  28. package/src/modules/dx/tree/treeHandler.ts +92 -13
  29. package/src/modules/dx/treeItem/treeItem.css +41 -0
  30. package/src/modules/dx/treeItem/treeItem.html +17 -2
  31. package/src/modules/dx/treeItem/treeItem.ts +109 -11
  32. package/src/modules/dx/treeTile/treeTile.css +57 -0
  33. package/src/modules/dx/treeTile/treeTile.ts +12 -3
  34. package/src/modules/dx/typeBadge/typeBadge.ts +23 -2
  35. package/src/modules/dx/versionPicker/versionPicker.css +248 -0
  36. package/src/modules/dx/versionPicker/versionPicker.html +73 -0
  37. package/src/modules/dx/versionPicker/versionPicker.ts +157 -0
  38. package/src/modules/dxHelpers/commonSidebar/commonSidebar.css +3 -3
  39. package/src/modules/dxHelpers/commonTreeItem/commonTreeItem.css +4 -0
  40. package/src/modules/dxHelpers/typeBadge/typeBadge.css +22 -0
  41. package/src/modules/dxUtils/openSearch/openSearch.ts +343 -0
  42. package/src/modules/dxUtils/topicVersion/topicVersion.ts +758 -0
  43. package/LICENSE +0 -12
package/src/modules/dx/searchResults/searchResults.html CHANGED
@@ -1,106 +1,104 @@
1
1
  <template>
2
- <div
3
- id="search"
4
- class="CoveoSearchInterface"
5
- data-enable-history="true"
6
- data-pipeline={coveoSearchPipeline}
7
- >
8
- <div
9
- class="CoveoAnalytics"
10
- data-search-hub="salesforcedevdoc"
11
- data-endpoint={coveoAnalyticsEndpoint}
12
- ></div>
13
- <div if:true={hasQuery} class="dx-search-header">
2
+ <!-- linthtml-disable id-no-dup -->
3
+ <div id="search" class="dx-search-results">
4
+ <div lwc:if={hasQuery} class="dx-search-header">
14
5
  <div class="dx-search-header-container">
15
6
  <p class="dx-search-header-title">
16
- <span class="dx-search-header-title-results">{header}</span>
7
+ <span class="dx-search-header-title-results">
8
+ {resultCountLabel}
9
+ </span>
17
10
  &nbsp;results for
18
11
  </p>
19
12
  <p class="dx-search-header-query">&ldquo;{query}&rdquo;</p>
20
13
  </div>
21
14
  </div>
22
- <div class="coveo-main-section">
23
- <div class="coveo-facet-column">
24
- <div class="dx-facet-column-header">
25
- <span class="dx-facet-column-header-title">Filters</span>
26
- <template if:true={hasFilters}>
27
- <dx-button onclick={clearFilters} variant="inline">
28
- Clear
29
- </dx-button>
30
- </template>
15
+ <div class="dx-search-main">
16
+ <div class="dx-search-results-column">
17
+ <div class="dx-search-box-row">
18
+ <dx-input
19
+ class="dx-search-box"
20
+ type="search"
21
+ placeholder="Search"
22
+ role="search"
23
+ aria-label="Search"
24
+ icon-symbol="search"
25
+ size="small"
26
+ value={query}
27
+ onchange={onSearchInputChange}
28
+ clearable
29
+ ></dx-input>
31
30
  </div>
32
- <div
33
- class="CoveoDynamicFacetManager"
34
- data-enable-reorder="false"
35
- >
36
- <div
37
- class="CoveoDynamicFacet"
38
- data-title="Content Type"
39
- data-field="@commonsource"
40
- data-tab="All"
41
- data-enable-facet-search="false"
42
- ></div>
43
- <div
44
- class="CoveoDynamicFacet"
45
- data-title="Language"
46
- data-field="@language"
47
- data-tab="All"
48
- data-enable-facet-search="false"
49
- ></div>
31
+ <p class="dx-search-status" role="status">{statusMessage}</p>
32
+ <div lwc:if={isLoading} class="dx-search-loading">
33
+ <img
34
+ class="dx-search-loading-image"
35
+ src="https://a.sfdcstatic.com/developer-website/prod/images/sidebar-loading.svg"
36
+ alt=""
37
+ />
50
38
  </div>
51
- <div class="dx-facet-column-footer">
52
- <dx-button onclick={dismissFiltersOverlay}>
53
- View {header} results
54
- </dx-button>
55
- </div>
56
- </div>
57
- <div class="coveo-results-column">
58
- <div class="CoveoShareQuery"></div>
59
- <div class="CoveoExportToExcel"></div>
60
- <div class="CoveoPreferencesPanel">
61
- <div class="CoveoResultsPreferences"></div>
62
- <div class="CoveoResultsFiltersPreferences"></div>
63
- </div>
64
- <div class="CoveoDidYouMean"></div>
65
- <div class="coveo-results-header">
66
- <div class="coveo-summary-section"></div>
67
- <div class="coveo-sort-section" role="radiogroup">
68
- <span
69
- class="CoveoSort"
70
- data-sort-criteria="relevancy"
71
- data-caption="Sorted by Relevance"
72
- ></span>
39
+ <template lwc:if={showNoResults}>
40
+ <div class="dx-search-no-results">
41
+ <img
42
+ src="https://a.sfdcstatic.com/developer-website/prod/images/binary-cloud-circle-small.svg"
43
+ alt=""
44
+ />
45
+ <div class="dx-search-no-results-info">
46
+ <p class="dx-text-display-8">
47
+ Sorry, no results were found for your search
48
+ &ldquo;{query}&rdquo;
49
+ </p>
50
+ <p class="dx-text-display-8 tip">Search Tips:</p>
51
+ <ul class="tip-list">
52
+ <li>Please consider misspellings</li>
53
+ <li>Try different search keywords</li>
54
+ </ul>
55
+ <p class="dx-text-display-8 tip tbc-container">
56
+ Still not finding what you're looking for?
57
+ Consider asking in the&nbsp;
58
+ <a
59
+ class="link"
60
+ href="https://trailhead.salesforce.com/trailblazer-community/feed"
61
+ >
62
+ Trailblazer Community
63
+ </a>
64
+ !
65
+ </p>
66
+ </div>
73
67
  </div>
74
- <div>
75
- <div
76
- class="CoveoSearchbox"
77
- data-enable-omnibox="false"
78
- data-add-search-button="false"
79
- aria-hidden="true"
80
- ></div>
68
+ </template>
69
+ <template lwc:if={hasResults}>
70
+ <div class="dx-search-result-list">
71
+ <template
72
+ for:each={results}
73
+ for:item="result"
74
+ for:index="index"
75
+ >
76
+ <div
77
+ key={result.uniqueId}
78
+ class="dx-result"
79
+ data-result-id={result.uniqueId}
80
+ >
81
+ <a
82
+ href={result.href}
83
+ class="dx-result-title"
84
+ target={result.openInNewTab}
85
+ rel={result.rel}
86
+ data-index={result.resultIndex}
87
+ data-title={result.title}
88
+ onclick={onSearchResultClick}
89
+ >
90
+ {result.title}
91
+ </a>
92
+ <p
93
+ lwc:if={result.matchedText}
94
+ class="dx-result-excerpt"
95
+ >
96
+ {result.matchedText}
97
+ </p>
98
+ </div>
99
+ </template>
81
100
  </div>
82
- </div>
83
- <div class="CoveoBreadcrumb"></div>
84
- <div class="CoveoHiddenQuery"></div>
85
- <div class="CoveoErrorReport"></div>
86
- <div
87
- class="CoveoResultList"
88
- data-layout="list"
89
- data-wait-animation="fade"
90
- data-auto-select-fields-to-include="true"
91
- lwc:dom="manual"
92
- ></div>
93
- <div class="coveo-results-footer" aria-hidden="true">
94
- <div class="CoveoPager"></div>
95
- </div>
96
- <div class="pagination-container">
97
- <dx-pagination
98
- current-page={currentPage}
99
- total-pages={totalPages}
100
- onpagechange={goToPage}
101
- pages-to-show="5"
102
- ></dx-pagination>
103
- </div>
101
+ </template>
104
102
  </div>
105
103
  </div>
106
104
  </div>