- {{slot item @root.slots.Title}}
-
-
- {{getSummary (slot item @root.slots.Summary)}}
-
- {{#with (split (slot item @root.slots.Author) '|')}}
- {{[1]}}
- {{/with}}
-
+ {{slot item @root.slots.Title}}
-
{{getDate (slot item @root.slots.Date) "LL"}}
+
+
+ {{#with (split (slot item @root.slots.Author) '|')}}
+ {{[1]}}
+ {{/with}}
+
+ {{getDate (slot item @root.slots.Date) "LL"}}
+
+ {{getSummary (slot item @root.slots.Summary)}}
diff --git a/search-parts/src/loc/da-dk.js b/search-parts/src/loc/da-dk.js
new file mode 100644
index 000000000..b10193187
--- /dev/null
+++ b/search-parts/src/loc/da-dk.js
@@ -0,0 +1,326 @@
+define([], function() {
+ return {
+ Tokens: {
+ SelectTokenLabel: "Vælg token...",
+ Context: {
+ ContextTokensGroupName: "Kontekst-tokens",
+ SiteAbsoluteUrl: "Hele sidens URL",
+ SiteRelativeUrl: "Sidens server-relative URL",
+ WebAbsoluteUrl: "Websiden fulde URL",
+ WebRelativeUrl: "Web-serverens relative URL",
+ WebTitle: "Web-titel",
+ InputQueryText: "Indsæt variable"
+ },
+ Custom: {
+ CustomTokensGroupName: "Custom-værdi",
+ CustomValuePlaceholder: "Indsæt værdi...",
+ InvalidtokenFormatErrorMessage: "Indsæt venligst et supporteret token-format ved brug af '{' og '}'. (ex: {I dag})"
+ },
+ Date: {
+ DateTokensGroupName: "Dato-tokens",
+ Today: "I dag",
+ Yesterday: "I går",
+ Tomorrow: "i morgen",
+ OneWeekAgo: "En uge siden",
+ OneMonthAgo: "En måned siden",
+ OneYearAgo: "Et år siden"
+ },
+ Page: {
+ PageTokensGroupName: "Side-tokens",
+ PageId: "Sidens ID",
+ PageTitle: "Sidens titel",
+ PageCustom: "Andre sidekolonner",
+ },
+ User: {
+ UserTokensGroupName: "Bruger-tokens",
+ UserName: "Brugernavn",
+ Me: "Mig",
+ UserDepartment: "Brugerens afdeling",
+ UserCustom: "Brugerdefineret egenskab"
+ }
+ },
+ General: {
+ OnTextLabel: "On",
+ OffTextLabel: "Off",
+ StaticArrayFieldName: "Array like-felt",
+ About: "Om",
+ Authors: "Forfatter(e)",
+ Version: "Version",
+ InstanceId: "Webpart-instance ID",
+ Resources: {
+ GroupName: "Ressourcer",
+ Documentation: "Dokumentation",
+ PleaseReferToDocumentationMessage: "Referér venligst til den officielle dokumentation."
+ },
+ Extensibility: {
+ InvalidDataSourceInstance: "Den valgte datakilde '{0}' kan ikke implementere den abstrakte klasse'BaseDataKilden' korrekt. Der mangler metoder.",
+ DataSourceDefinitionNotFound: "Den brugerdefinerede datakilde med nøglen '{0}' blev ikke fundet. Husk at sikre at løsningen er korrekt implementeret til app-kataloget, og at manifest-ID'et er forbundet til webparten.",
+ LayoutDefinitionNotFound: "Det brugerdefinerede layout med nøglen '{0}' blev ikke fundet. Husk at sikre at løsningen er korrekt implementeret til app-kataloget, og at manifest-ID'et er forbundet til webparten.",
+ InvalidLayoutInstance: "Det valgte layout '{0}' har ikke implementeret den abstrakte klasse 'BaseLayout' korrekt. Der mangler metoder.",
+ DefaultExtensibilityLibraryName: "Standard extensibility-bibliotek",
+ InvalidProviderInstance: "Den valgte udbyder af forslag '{0}' kan ikke implementere den abstrakte klasse 'BaseForslagsUdbyder' korrekt. Der mangler metoder.",
+ ProviderDefinitionNotFound: "Den brugerdefinerede udbyder af forslag med nøglen '{0}' blev ikke fundet. Husk at sikre at løsningen er korrekt implementeret til app-kataloget, og at manifest-ID'et er forbundet til webparten.",
+ },
+ DateFromLabel: "Fra",
+ DateTolabel: "Til",
+ DatePickerStrings: {
+ months: ['Januar', 'Februar', 'Marts', 'April', 'Maj', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'December'],
+ shortMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'Maj', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec'],
+ days: ['Søndag', 'Mandag', 'Tirsdag', 'Onsdag', 'Torsdag', 'Fredag', 'Lørdag'],
+ shortDays: ['S', 'M', 'T', 'O', 'T', 'F', 'L'],
+ goToToday: 'Gå til i dag',
+ prevMonthAriaLabel: 'Gå til foregående måned',
+ nextMonthAriaLabel: 'Gå til næste måned',
+ prevYearAriaLabel: 'Gå til foregående år',
+ nextYearAriaLabel: 'Gå til næste år',
+ closeButtonAriaLabel: 'Luk datovælger',
+ isRequiredErrorMessage: 'Startdato er obligatorisk.',
+ invalidInputErrorMessage: 'Ugyldigt datoformat.'
+ },
+ DateIntervalStrings: {
+ AnyTime: "Når som helst",
+ PastDay: "Sidste 24 timer",
+ PastWeek: "Sidste uge",
+ PastMonth: "Sidste måned",
+ Past3Months: "Sidste 3 måneder",
+ PastYear: "Sidste år",
+ Older: "Ældre end et år"
+ },
+ SameTabOpenBehavior: "Brug det nuværende faneblad",
+ NewTabOpenBehavior: "Åben i et nyt faneblad",
+ PageOpenBehaviorLabel: "Opening-egenskaber",
+ EmptyFieldErrorMessage: "Dette felt må ikke stå tomt"
+ },
+ DataSources: {
+ SharePointSearch: {
+ SourceName: "SharePoint-søgning",
+ SourceConfigurationGroupName: "Konfiguration af kilde",
+ QueryTextFieldLabel: "Tekst på variabel",
+ QueryTextFieldInfoMessage: "Anvend konfigurationsfaneblad i webparten
tilgængelige forbindelser for at specificere enten en statisk eller en værdi fra et dynamisk komponent på siden, som fx en søgeboks.",
+ QueryTemplateFieldLabel: "Søgeforespørgsselsskabelon",
+ QueryTemplatePlaceHolderText: "Fx: Sti:{Site}",
+ QueryTemplateFieldDescription: "Søgeforespørgselsskabelonen. Du kan også anvende {
} for at bygge en dynamisk forespørgsel.",
+ ResultSourceIdLabel: "ID på søgeresultatet",
+ ResultSourceIdDescription: "Anvend et standard SharePoint ID på søgeresultatet, eller indsæt din egen GUID-værdi eller tryk 'Enter' for at gemme.",
+ InvalidResultSourceIdMessage: "Værdien er ikke en gyldig GUID",
+ EnableQueryRulesLabel: "Aktivér forespørgselsregler",
+ IncludeOneDriveResultsLabel: "Inkludér resultater fra OneDrive for Business",
+ RefinementFilters: "Refinement-filtre",
+ RefinementFiltersDescription: "Initiale refinement-filtre der kan bruges i en forespørgsel. Disse vil ikke fremgå i de valgte filtre. Hvis du ønsker at indsætte tekst, anvend da sitationstegn (\") frem for (').",
+ EnableLocalizationLabel: "Aktivér lokalisering",
+ EnableLocalizationOnLabel: "On",
+ EnableLocalizationOffLabel: "Off",
+ QueryCultureLabel: "Sproget på søgeanmodning",
+ QueryCultureUseUiLanguageLabel: "Brug interface-sprog",
+ SelectedPropertiesFieldLabel: "Valgte egenskaber",
+ SelectedPropertiesFieldDescription: "Specificerer egenskaber der hentes fra søgeresultaterne.",
+ SelectedPropertiesPlaceholderLabel: "Vælg egenskaber",
+ TermNotFound: "(Term med ID '{0}' blev ikke fundet)",
+ ApplyQueryTemplateBtnText: "Anvend",
+ EnableAudienceTargetingTglLabel: "Aktivér målgruppestyring"
+ },
+ MicrosoftSearch: {
+ QueryTextFieldLabel: "Forespørgselstekst",
+ QueryTextFieldInfoMessage: "Anvend konfigurationsfaneblad i webparten tilgængelige forbindelser for at specificere enten en statisk eller en værdi fra et dynamisk komponent på siden, som fx en søgeboks.",
+ SourceName: "Microsoft-søgning",
+ SourceConfigurationGroupName: "Microsoft-søgning",
+ EntityTypesField: "Søgbare entitetstyper",
+ SelectedFieldsPropertiesFieldLabel: "Valgte felter",
+ SelectedFieldsPropertiesFieldDescription: "Specificerer felter der hentes fra søgeresultaterne.",
+ SelectedFieldsPlaceholderLabel: "Vælg felter",
+ EnableTopResultsLabel: "Aktivér topresultater",
+ ContentSourcesFieldLabel: "Indholdskilder",
+ ContentSourcesFieldDescriptionLabel: "Viser ID af de forbindelser der er defineret i administrationsportalen for Microsoft Search-connectors.",
+ ContentSourcesFieldPlaceholderLabel: "Fx: 'MyCustomConnectorId'"
+ },
+ SearchCommon: {
+ Sort: {
+ SortPropertyPaneFieldLabel: "Sorteringsrækkefølge",
+ SortListDescription: "Specificér den initiale sorteringsrækkefølge for søgeresultater. Du kan enten vælge et felt fra dropdown-listen (kun hvis datakilden allerede er blevet hentet), eller indsætte din egen brugerdefinerede værdi (tryk'Enter' for at gemme)",
+ SortDirectionAscendingLabel: "Stigende",
+ SortDirectionDescendingLabel: "Faldende",
+ SortErrorMessage: "Ugyldig søgeegenskab (tjek om din administreret egenskab er sorterbar).",
+ SortPanelSortFieldLabel: "Sortér efter felter",
+ SortPanelSortFieldAria: "Sortér efter",
+ SortPanelSortFieldPlaceHolder: "Sortér efter",
+ SortPanelSortDirectionLabel: "Sortér retning",
+ SortDirectionColumnLabel: "Retning",
+ SortFieldColumnLabel: "Feltnavn",
+ EditSortLabel: "Redigér sorteringsrækkefølge",
+ SortInvalidSortableFieldMessage: "Denne egenskab er ikke sorterbar",
+ SortFieldColumnPlaceholder: "Vælg felt..."
+ }
+ }
+ },
+ Controls: {
+ TextDialogButtonText: "Tilføj Handlebars-udtryk",
+ TextDialogTitle: "Redigér Handlebars-udtryk",
+ TextDialogCancelButtonText: "Annullér",
+ TextDialogSaveButtonText: "Gem",
+ SelectItemComboPlaceHolder: "Vælg egenskab",
+ AddStaticDataLabel: "Tilføj statisk data",
+ TextFieldApplyButtonText: "Anvend"
+ },
+ Layouts: {
+ Debug: {
+ Name: "Fejlfind"
+ },
+ Custom: {
+ Name: "Brugerdefineret"
+ },
+ SimpleList: {
+ Name: "Liste",
+ ShowFileIconLabel: "Vis filikon",
+ ShowItemThumbnailLabel: "Vis miniaturebillede"
+ },
+ DetailsList: {
+ Name: "Detaljeliste",
+ UseHandlebarsExpressionLabel: "Anvend Handlebars-udtryk",
+ MinimumWidthColumnLabel: "Minimum bredde (px)",
+ MaximumWidthColumnLabel: "Maksimum bredde (px)",
+ SortableColumnLabel: "Sortérbar",
+ ResizableColumnLabel: "Størrelse kan redigeres",
+ MultilineColumnLabel: "Multi-linje",
+ LinkToItemColumnLabel: "Link til item",
+ SupportHTMLColumnLabel: "Tillad HTML",
+ CompactModeLabel: "Compakt-mode",
+ ShowFileIcon: "Vis filikon",
+ ManageDetailsListColumnDescription: "Tilføj, opdatér eller fjern kolonner fra layoutet på detaljelisten. Du kan enten bruge egenskabsværdier i listen direkte uden nogen transformation, eller du kan bruge et Handlebars-udtryk som feltets værdi. HTML er supporteret til brug i alle felter.",
+ ManageDetailsListColumnLabel: "Administrér kolonner",
+ ValueColumnLabel: "Kolonnes værdi",
+ DisplayNameColumnLabel: "Kolonnens visningsnavn",
+ FileExtensionFieldLabel: "Felt til brug af file extension",
+ GroupByFieldLabel: "Gruppér efter felt",
+ EnableGrouping: "Aktivér gruppering",
+ CollapsedGroupsByDefault: "Vis collapsed",
+ ResetFieldsBtnLabel: "Nulstil felter til standardværdier"
+ },
+ Cards: {
+ Name: "Cards",
+ ManageTilesFieldsLabel: "Administrér card-felter",
+ ManageTilesFieldsPanelDescriptionLabel: "Her kan du mappe hver feltværdi med den tilsvarende card placeholder. Du kan enten bruge en resultatsegenskab direkte uden nogen transformation, eller du kan bruge et Handlebars-udtryk som feltets værdi. Derudover kan du, når det er specificeret, indsætte din egen HTML-kode i annoterede felter.",
+ PlaceholderNameFieldLabel: "Navn",
+ SupportHTMLColumnLabel: "Tillad HTML",
+ PlaceholderValueFieldLabel: "Værdi",
+ UseHandlebarsExpressionLabel: "Anvend Handlebars-udtryk",
+ EnableItemPreview: "Tillad forhåndsvisning af resultat",
+ EnableItemPreviewHoverMessage: "Ved at tillade denne mulighed, kan det have en indvirkning på performance, hvis for mange items vises på samme tid, og du bruger feltet 'AutoPreviewUrl''. Vi anbefaler dig at bruge denne mulighed med få items, eller ved at bruge predefinerede forhåndsvisninger af URL'er fra din datakildes felter i slots.",
+ ShowFileIcon: "Vis filikon",
+ CompactModeLabel: "Kompakt-mode",
+ PreferedCardNumberPerRow: "Fortrukne numre af cards per række",
+ Fields: {
+ Title: "Titel",
+ Location: "Lokation",
+ Tags: "Tags",
+ PreviewImage: "Forhåndsvisning af billede",
+ PreviewUrl: "Forhåndsvisning af Url",
+ Url: "Url",
+ Date: "Dato",
+ Author: "Forfatter",
+ ProfileImage: "Url til profilbillede",
+ FileExtension: "Extension af fil",
+ IsContainer: "Er Folder"
+ },
+ ResetFieldsBtnLabel: "Nulstil felter til standard værdier"
+ },
+ Slider: {
+ Name: "Slider",
+ SliderAutoPlay: "Autoplay",
+ SliderAutoPlayDuration: "Autoplay-varighed (i sekunder)",
+ SliderPauseAutoPlayOnHover: "Pause af hover",
+ SliderGroupCells: "Antallet af elementer der skal grupperes sammen i slides",
+ SliderShowPageDots: "Vis sidevisningsprikker",
+ SliderWrapAround: "Infinitiv scrolling",
+ SlideHeight: "Slide-højde (i px)",
+ SlideWidth: "Slide bredde (i px)"
+ },
+ People: {
+ Name: "Personer",
+ ManagePeopleFieldsLabel: "Administrér personfelter",
+ ManagePeopleFieldsPanelDescriptionLabel: "Her kan du mappe hver feltværdi med den tilsvarende persona-placeholder. Du kan enten anvende datakildens feltværdig direkte uden nogen transformation, eller du kan bruge et Handlebars-udtryk i værdifeltet.",
+ PlaceholderNameFieldLabel: "Navn",
+ PlaceholderValueFieldLabel: "Værdi",
+ UseHandlebarsExpressionLabel: "Brug Handlebars-udtryk",
+ PersonaSizeOptionsLabel: "Størrelse af komponent",
+ PersonaSizeExtraSmall: "Ekstra lille",
+ PersonaSizeSmall: "Lille",
+ PersonaSizeRegular: "Regulær",
+ PersonaSizeLarge: "Stor",
+ PersonaSizeExtraLarge: "Ekstra stor",
+ ShowInitialsToggleLabel: "Vis initialer hvis der ikke er et billede tilgængeligt",
+ SupportHTMLColumnLabel: "Tillad HTML",
+ ResetFieldsBtnLabel: "Nulstil felter til standardværdier",
+ ShowPersonaCardOnHover: "Vis persona-card ved at hover",
+ ShowPersonaCardOnHoverCalloutMsg: "Denne feature bruger Microsoft Graph til at vise information om brugeren og skal bruge de følgende API-tilladelser i din tenant, for at det virker: ['User.Read','People.Read','Contacts.Read','User.ReadBasic.All'].",
+ Fields: {
+ ImageUrl: "Billede-URL",
+ PrimaryText: "Primær tekst",
+ SecondaryText: "Sekundær tekst",
+ TertiaryText: "Tertiær tekst",
+ OptionalText: "Valgfri tekst"
+ }
+ },
+ Vertical: {
+ Name: "Vertikal"
+ },
+ Horizontal: {
+ Name: "Horisontal",
+ PreferedFilterNumberPerRow: "Fortrukne antal filtre per rækkke",
+ },
+ Panel: {
+ Name: "Panel",
+ IsModal: "Modal",
+ IsLightDismiss: "Let dismiss",
+ Size: "Størrelse på panel",
+ ButtonLabel: "Vis filtre",
+ ButtonLabelFieldName: "Vis Button-label",
+ HeaderText: "Filtre",
+ HeaderTextFieldName: "Overskrift på panel",
+ SizeOptions: {
+ SmallFixedFar: 'Lille (standard)',
+ SmallFixedNear: 'Lille, tæt på side',
+ Medium: 'Medium',
+ Large: 'Stor',
+ LargeFixed: 'Stor, fastsat bredde',
+ ExtraLarge: 'Ekstra stor',
+ SmallFluid: 'Fuld bredde (fluid)'
+ }
+ }
+ },
+ HandlebarsHelpers: {
+ CountMessageLong: "{0} resultater for '{1}'",
+ CountMessageShort: "{0} resultater",
+ },
+ PropertyPane: {
+ ConnectionsPage: {
+ DataConnectionsGroupName: "Tilgængelige forbindelser"
+ },
+ InformationPage: {
+ Extensibility: {
+ GroupName: "Extensibility-konfiguration",
+ FieldLabel: "Extensibility-biblioteker der skal loade",
+ ManageBtnLabel: "Konfigurér",
+ Columns: {
+ Name: "Navn/Formål",
+ Id: "Manifest GUID",
+ Enabled: "Enabled/Disabled"
+ }
+ }
+ }
+ },
+ Filters: {
+ ApplyAllFiltersButtonLabel: "Anvend",
+ ClearAllFiltersButtonLabel: "Slet",
+ FilterNoValuesMessage: "Ingen værdier for dette filter",
+ OrOperator: "ELLER",
+ AndOperator: "OG",
+ ComboBoxPlaceHolder: "Vælg værdi"
+ },
+ SuggestionProviders: {
+ SharePointStatic: {
+ ProviderName: "SharePoint-statiske søgeforslag",
+ ProviderDescription: "Hent SharePoint-statiske brugerdefinerede søgeforslag"
+ }
+ }
+ }
+})
\ No newline at end of file
diff --git a/search-parts/src/loc/en-us.js b/search-parts/src/loc/en-us.js
index bf5f4a867..2fc16cc3d 100644
--- a/search-parts/src/loc/en-us.js
+++ b/search-parts/src/loc/en-us.js
@@ -1,326 +1,326 @@
define([], function() {
return {
Tokens: {
- SelectTokenLabel: "Select a token...",
- Context: {
- ContextTokensGroupName: "Context tokens",
- SiteAbsoluteUrl: "Site absolute URL",
- SiteRelativeUrl: "Site server relative URL",
- WebAbsoluteUrl: "Web absolute URL",
- WebRelativeUrl: "Web server relative URL",
- WebTitle: "Web title",
- InputQueryText: "Input query text"
- },
- Custom: {
- CustomTokensGroupName: "Custom value",
- CustomValuePlaceholder: "Enter a value...",
- InvalidtokenFormatErrorMessage: "Please enter a supported token format using '{' and '}'. (ex: {Today})"
- },
- Date: {
- DateTokensGroupName: "Date tokens",
- Today: "Today",
- Yesterday: "Yesterday",
- Tomorrow: "Tomorrow",
- OneWeekAgo: "One week ago",
- OneMonthAgo: "One month ago",
- OneYearAgo: "One year ago"
- },
- Page: {
- PageTokensGroupName: "Page tokens",
- PageId: "Page ID",
- PageTitle: "Page Title",
- PageCustom: "Other page column",
- },
- User: {
- UserTokensGroupName: "User tokens",
- UserName: "User Name",
- Me: "Me",
- UserDepartment: "User Department",
- UserCustom: "User custom property"
- }
+ SelectTokenLabel: "Select a token...",
+ Context: {
+ ContextTokensGroupName: "Context tokens",
+ SiteAbsoluteUrl: "Site absolute URL",
+ SiteRelativeUrl: "Site server relative URL",
+ WebAbsoluteUrl: "Web absolute URL",
+ WebRelativeUrl: "Web server relative URL",
+ WebTitle: "Web title",
+ InputQueryText: "Input query text"
+ },
+ Custom: {
+ CustomTokensGroupName: "Custom value",
+ CustomValuePlaceholder: "Enter a value...",
+ InvalidtokenFormatErrorMessage: "Please enter a supported token format using '{' and '}'. (ex: {Today})"
+ },
+ Date: {
+ DateTokensGroupName: "Date tokens",
+ Today: "Today",
+ Yesterday: "Yesterday",
+ Tomorrow: "Tomorrow",
+ OneWeekAgo: "One week ago",
+ OneMonthAgo: "One month ago",
+ OneYearAgo: "One year ago"
+ },
+ Page: {
+ PageTokensGroupName: "Page tokens",
+ PageId: "Page ID",
+ PageTitle: "Page Title",
+ PageCustom: "Other page column",
+ },
+ User: {
+ UserTokensGroupName: "User tokens",
+ UserName: "User Name",
+ Me: "Me",
+ UserDepartment: "User Department",
+ UserCustom: "User custom property"
+ }
},
- General:{
- OnTextLabel: "On",
- OffTextLabel: "Off",
- StaticArrayFieldName: "Array like field",
- About: "About",
- Authors: "Author(s)",
- Version: "Version",
- InstanceId: "Web Part instance ID",
- Resources: {
- GroupName: "Resources",
- Documentation: "Documentation",
- PleaseReferToDocumentationMessage: "Please refer to the official documentation."
- },
- Extensibility: {
- InvalidDataSourceInstance: "The selected data source '{0}' does not implement the 'BaseDataSource' abstract class correctly. Some methods are missing.",
- DataSourceDefinitionNotFound: "The custom data source with key '{0}' was not found. Make sure the solution is correctly deployed to the app caltog and the manifest ID registered for this Web Part.",
- LayoutDefinitionNotFound: "The custom layout with key '{0}' was not found. Make sure the solution is correctly deployed to the app caltog and the manifest ID registered for this Web Part.",
- InvalidLayoutInstance: "The selected layout '{0}' does not implement the 'BaseLayout' abstract class correctly. Some methods are missing.",
- DefaultExtensibilityLibraryName: "Default extensibility library",
- InvalidProviderInstance: "The selected suggestions provider '{0}' does not implement the 'BaseSuggestionProvider' abstract class correctly. Some methods are missing.",
- ProviderDefinitionNotFound: "The custom suggestions provider with key '{0}' was not found. Make sure the solution is correctly deployed to the app caltog and the manifest ID registered for this Web Part.",
- },
- DateFromLabel: "From",
- DateTolabel: "To",
- DatePickerStrings: {
- months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
- shortMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
- days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
- shortDays: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
- goToToday: 'Go to today',
- prevMonthAriaLabel: 'Go to previous month',
- nextMonthAriaLabel: 'Go to next month',
- prevYearAriaLabel: 'Go to previous year',
- nextYearAriaLabel: 'Go to next year',
- closeButtonAriaLabel: 'Close date picker',
- isRequiredErrorMessage: 'Start date is required.',
- invalidInputErrorMessage: 'Invalid date format.'
- },
- DateIntervalStrings: {
- AnyTime: "Any time",
- PastDay: "Past 24 hours",
- PastWeek: "Past week",
- PastMonth: "Past month",
- Past3Months: "Past 3 months",
- PastYear: "Past year",
- Older: "Older than a year"
- },
- SameTabOpenBehavior: "Use the current tab",
- NewTabOpenBehavior: "Open in a new tab",
- PageOpenBehaviorLabel: "Opening behavior",
- EmptyFieldErrorMessage: "This field cannot be empty"
+ General: {
+ OnTextLabel: "On",
+ OffTextLabel: "Off",
+ StaticArrayFieldName: "Array like field",
+ About: "About",
+ Authors: "Author(s)",
+ Version: "Version",
+ InstanceId: "Web Part instance ID",
+ Resources: {
+ GroupName: "Resources",
+ Documentation: "Documentation",
+ PleaseReferToDocumentationMessage: "Please refer to the official documentation."
+ },
+ Extensibility: {
+ InvalidDataSourceInstance: "The selected data source '{0}' does not implement the 'BaseDataSource' abstract class correctly. Some methods are missing.",
+ DataSourceDefinitionNotFound: "The custom data source with key '{0}' was not found. Make sure the solution is correctly deployed to the app caltog and the manifest ID registered for this Web Part.",
+ LayoutDefinitionNotFound: "The custom layout with key '{0}' was not found. Make sure the solution is correctly deployed to the app caltog and the manifest ID registered for this Web Part.",
+ InvalidLayoutInstance: "The selected layout '{0}' does not implement the 'BaseLayout' abstract class correctly. Some methods are missing.",
+ DefaultExtensibilityLibraryName: "Default extensibility library",
+ InvalidProviderInstance: "The selected suggestions provider '{0}' does not implement the 'BaseSuggestionProvider' abstract class correctly. Some methods are missing.",
+ ProviderDefinitionNotFound: "The custom suggestions provider with key '{0}' was not found. Make sure the solution is correctly deployed to the app caltog and the manifest ID registered for this Web Part.",
+ },
+ DateFromLabel: "From",
+ DateTolabel: "To",
+ DatePickerStrings: {
+ months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+ shortMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+ days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+ shortDays: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
+ goToToday: 'Go to today',
+ prevMonthAriaLabel: 'Go to previous month',
+ nextMonthAriaLabel: 'Go to next month',
+ prevYearAriaLabel: 'Go to previous year',
+ nextYearAriaLabel: 'Go to next year',
+ closeButtonAriaLabel: 'Close date picker',
+ isRequiredErrorMessage: 'Start date is required.',
+ invalidInputErrorMessage: 'Invalid date format.'
+ },
+ DateIntervalStrings: {
+ AnyTime: "Any time",
+ PastDay: "Past 24 hours",
+ PastWeek: "Past week",
+ PastMonth: "Past month",
+ Past3Months: "Past 3 months",
+ PastYear: "Past year",
+ Older: "Older than a year"
+ },
+ SameTabOpenBehavior: "Use the current tab",
+ NewTabOpenBehavior: "Open in a new tab",
+ PageOpenBehaviorLabel: "Opening behavior",
+ EmptyFieldErrorMessage: "This field cannot be empty"
},
DataSources: {
- SharePointSearch: {
- SourceName: "SharePoint Search",
- SourceConfigurationGroupName: "Source configuration",
- QueryTextFieldLabel: "Query text",
- QueryTextFieldInfoMessage: "Use the Available connections Web Part configuration tab to specifiy either a static value or a value from a dynamic component on the page like a searchbox",
- QueryTemplateFieldLabel: "Query template",
- QueryTemplatePlaceHolderText: "ex: Path:{Site}",
- QueryTemplateFieldDescription: "The search query template. You can also use {} to build a dynamic query.",
- ResultSourceIdLabel: "Result source ID",
- ResultSourceIdDescription: "Use a default SharePoint result source ID or type your own GUID value and press 'Enter' to save.",
- InvalidResultSourceIdMessage: "The provided value is not a valid GUID",
- EnableQueryRulesLabel: "Enable query rules",
- IncludeOneDriveResultsLabel: "Include OneDrive for Business results",
- RefinementFilters: "Refinement filters",
- RefinementFiltersDescription: `Initial refinement filters to apply to the query. These won't appear in the selected filters. For string expressions, use double quotes (") instead of single quote (').`,
- EnableLocalizationLabel: "Enable localization",
- EnableLocalizationOnLabel: "On",
- EnableLocalizationOffLabel: "Off",
- QueryCultureLabel: "Language of search request",
- QueryCultureUseUiLanguageLabel: "Use interface language",
- SelectedPropertiesFieldLabel: "Selected properties",
- SelectedPropertiesFieldDescription: "Specifies the properties to retrieve from the search results.",
- SelectedPropertiesPlaceholderLabel: "Select properties",
- TermNotFound: "(Term with ID '{0}' not found)",
- ApplyQueryTemplateBtnText: "Apply",
- EnableAudienceTargetingTglLabel: "Enable audience targeting"
- },
- MicrosoftSearch: {
- QueryTextFieldLabel: "Query text",
- QueryTextFieldInfoMessage: "Use the Available connections Web Part configuration tab to specifiy either a static value or a value from a dynamic component on the page like a searchbox",
- SourceName: "Microsoft Search",
- SourceConfigurationGroupName: "Microsoft Search",
- EntityTypesField: "Entity types to search",
- SelectedFieldsPropertiesFieldLabel: "Selected fields",
- SelectedFieldsPropertiesFieldDescription: "Specifies the fields to retrieve from the search results.",
- SelectedFieldsPlaceholderLabel: "Select fields",
- EnableTopResultsLabel: "Enable top results",
- ContentSourcesFieldLabel: "Content sources",
- ContentSourcesFieldDescriptionLabel: "IDs of connections defined in the Microsoft Search connectors administration portal.",
- ContentSourcesFieldPlaceholderLabel: "ex: 'MyCustomConnectorId'"
- },
- SearchCommon: {
- Sort: {
- SortPropertyPaneFieldLabel: "Sort order",
- SortListDescription: "Specify the initial sort order for the search results. You can either select a field from the dropdown list (only if the data source data have already be fetched) or type your own custom value (press 'Enter' to save your entry)",
- SortDirectionAscendingLabel: "Ascending",
- SortDirectionDescendingLabel: "Descending",
- SortErrorMessage: "Invalid search property (Check if the managed property is sortable).",
- SortPanelSortFieldLabel: "Sort on field",
- SortPanelSortFieldAria: "Sort by",
- SortPanelSortFieldPlaceHolder: "Sort by",
- SortPanelSortDirectionLabel: "Sort Direction",
- SortDirectionColumnLabel: "Direction",
- SortFieldColumnLabel: "Field name",
- EditSortLabel: "Edit sort order",
- SortInvalidSortableFieldMessage: "This property is not sortable",
- SortFieldColumnPlaceholder: "Select field..."
+ SharePointSearch: {
+ SourceName: "SharePoint Search",
+ SourceConfigurationGroupName: "Source configuration",
+ QueryTextFieldLabel: "Query text",
+ QueryTextFieldInfoMessage: "Use the Available connections Web Part configuration tab to specifiy either a static value or a value from a dynamic component on the page like a searchbox",
+ QueryTemplateFieldLabel: "Query template",
+ QueryTemplatePlaceHolderText: "ex: Path:{Site}",
+ QueryTemplateFieldDescription: "The search query template. You can also use {} to build a dynamic query.",
+ ResultSourceIdLabel: "Result source ID",
+ ResultSourceIdDescription: "Use a default SharePoint result source ID or type your own GUID value and press 'Enter' to save.",
+ InvalidResultSourceIdMessage: "The provided value is not a valid GUID",
+ EnableQueryRulesLabel: "Enable query rules",
+ IncludeOneDriveResultsLabel: "Include OneDrive for Business results",
+ RefinementFilters: "Refinement filters",
+ RefinementFiltersDescription: "Initial refinement filters to apply to the query. These won't appear in the selected filters. For string expressions, use double quotes (\") instead of single quote (').",
+ EnableLocalizationLabel: "Enable localization",
+ EnableLocalizationOnLabel: "On",
+ EnableLocalizationOffLabel: "Off",
+ QueryCultureLabel: "Language of search request",
+ QueryCultureUseUiLanguageLabel: "Use interface language",
+ SelectedPropertiesFieldLabel: "Selected properties",
+ SelectedPropertiesFieldDescription: "Specifies the properties to retrieve from the search results.",
+ SelectedPropertiesPlaceholderLabel: "Select properties",
+ TermNotFound: "(Term with ID '{0}' not found)",
+ ApplyQueryTemplateBtnText: "Apply",
+ EnableAudienceTargetingTglLabel: "Enable audience targeting"
+ },
+ MicrosoftSearch: {
+ QueryTextFieldLabel: "Query text",
+ QueryTextFieldInfoMessage: "Use the Available connections Web Part configuration tab to specifiy either a static value or a value from a dynamic component on the page like a searchbox",
+ SourceName: "Microsoft Search",
+ SourceConfigurationGroupName: "Microsoft Search",
+ EntityTypesField: "Entity types to search",
+ SelectedFieldsPropertiesFieldLabel: "Selected fields",
+ SelectedFieldsPropertiesFieldDescription: "Specifies the fields to retrieve from the search results.",
+ SelectedFieldsPlaceholderLabel: "Select fields",
+ EnableTopResultsLabel: "Enable top results",
+ ContentSourcesFieldLabel: "Content sources",
+ ContentSourcesFieldDescriptionLabel: "IDs of connections defined in the Microsoft Search connectors administration portal.",
+ ContentSourcesFieldPlaceholderLabel: "ex: 'MyCustomConnectorId'"
+ },
+ SearchCommon: {
+ Sort: {
+ SortPropertyPaneFieldLabel: "Sort order",
+ SortListDescription: "Specify the initial sort order for the search results. You can either select a field from the dropdown list (only if the data source data have already be fetched) or type your own custom value (press 'Enter' to save your entry)",
+ SortDirectionAscendingLabel: "Ascending",
+ SortDirectionDescendingLabel: "Descending",
+ SortErrorMessage: "Invalid search property (Check if the managed property is sortable).",
+ SortPanelSortFieldLabel: "Sort on field",
+ SortPanelSortFieldAria: "Sort by",
+ SortPanelSortFieldPlaceHolder: "Sort by",
+ SortPanelSortDirectionLabel: "Sort Direction",
+ SortDirectionColumnLabel: "Direction",
+ SortFieldColumnLabel: "Field name",
+ EditSortLabel: "Edit sort order",
+ SortInvalidSortableFieldMessage: "This property is not sortable",
+ SortFieldColumnPlaceholder: "Select field..."
+ }
}
- }
},
Controls: {
- TextDialogButtonText: "Add Handlebars expression",
- TextDialogTitle: "Edit Handlebars expression",
- TextDialogCancelButtonText: "Cancel",
- TextDialogSaveButtonText: "Save",
- SelectItemComboPlaceHolder: "Select property",
- AddStaticDataLabel: "Add static data",
- TextFieldApplyButtonText: "Apply"
+ TextDialogButtonText: "Add Handlebars expression",
+ TextDialogTitle: "Edit Handlebars expression",
+ TextDialogCancelButtonText: "Cancel",
+ TextDialogSaveButtonText: "Save",
+ SelectItemComboPlaceHolder: "Select property",
+ AddStaticDataLabel: "Add static data",
+ TextFieldApplyButtonText: "Apply"
},
Layouts: {
- Debug: {
- Name: "Debug"
- },
- Custom: {
- Name: "Custom"
- },
- SimpleList: {
- Name: "List",
- ShowFileIconLabel: "Show file icon",
- ShowItemThumbnailLabel: "Show thumbnail"
- },
- DetailsList: {
- Name: "Details List",
- UseHandlebarsExpressionLabel: "Use Handlebars expression",
- MinimumWidthColumnLabel: "Minimum width (px)",
- MaximumWidthColumnLabel: "Maximum width (px)",
- SortableColumnLabel: "Sortable",
- ResizableColumnLabel: "Resizable",
- MultilineColumnLabel: "Multiline",
- LinkToItemColumnLabel: "Link to item",
- SupportHTMLColumnLabel: "Allow HTML",
- CompactModeLabel: "Compact mode",
- ShowFileIcon: "Show file icon",
- ManageDetailsListColumnDescription: "Add, update or remove columns for the details list layout. You can use either property values in the list directly without any transformation or use an Handlebars expression in the value field. HTML is supported for all fields as well.",
- ManageDetailsListColumnLabel: "Manage columns",
- ValueColumnLabel: "Column value",
- DisplayNameColumnLabel: "Column display name",
- FileExtensionFieldLabel: "Field to use for file extension",
- GroupByFieldLabel: "Group by field",
- EnableGrouping: "Enable grouping",
- CollapsedGroupsByDefault: "Show collapsed",
- ResetFieldsBtnLabel: "Reset fields to default values"
- },
- Cards: {
- Name: "Cards",
- ManageTilesFieldsLabel: "Managed card fields",
- ManageTilesFieldsPanelDescriptionLabel: "Here you can map each field values with the corresponding card placeholders. You can use either a result property directly without any transformation or use an Handlebars expression as field value. Also, when specified, you can also inject your own HTML code in annotated fields.",
- PlaceholderNameFieldLabel: "Name",
- SupportHTMLColumnLabel: "Allow HTML",
- PlaceholderValueFieldLabel: "Value",
- UseHandlebarsExpressionLabel: "Use Handlebars expression",
- EnableItemPreview: "Enable result preview",
- EnableItemPreviewHoverMessage: "Turning on this option may have an impact on performances if too many items are displayed at once and you use the 'AutoPreviewUrl' slot field. We recommend you to use this option with a small amount of items or use predefined preview URLs from your data source fields in slots.",
- ShowFileIcon: "Show file icon",
- CompactModeLabel:"Compact mode",
- PreferedCardNumberPerRow: "Preferred number of cards per row",
- Fields: {
- Title: "Title",
- Location: "Location",
- Tags: "Tags",
- PreviewImage: "Preview Image",
- PreviewUrl: "Preview Url",
- Url: "Url",
- Date: "Date",
- Author: "Author",
- ProfileImage: "Profile Image Url",
- FileExtension: "File Extension",
- IsContainer: "Is Folder"
+ Debug: {
+ Name: "Debug"
},
- ResetFieldsBtnLabel: "Reset fields to default values"
- },
- Slider: {
- Name: "Slider",
- SliderAutoPlay: "Auto play",
- SliderAutoPlayDuration: "Auto play duration (in seconds)",
- SliderPauseAutoPlayOnHover: "Pause on hover",
- SliderGroupCells: "Number of elements to group together in slides",
- SliderShowPageDots: "Show page dots",
- SliderWrapAround: "Infinite scrolling",
- SlideHeight: "Slide height (in px)",
- SlideWidth: "Slide width (in px)"
- },
- People: {
- Name: "People",
- ManagePeopleFieldsLabel: "Manage people fields",
- ManagePeopleFieldsPanelDescriptionLabel: "Here you can map each field values with the corresponding persona placeholders. You can use either data source field value directly without any transformation or use an Handlebars expression in the value field.",
- PlaceholderNameFieldLabel: "Name",
- PlaceholderValueFieldLabel: "Value",
- UseHandlebarsExpressionLabel: "Use Handlebars expression",
- PersonaSizeOptionsLabel: "Component size",
- PersonaSizeExtraSmall: "Extra small",
- PersonaSizeSmall: "Small",
- PersonaSizeRegular: "Regular",
- PersonaSizeLarge: "Large",
- PersonaSizeExtraLarge: "Extra large",
- ShowInitialsToggleLabel: "Show initials if no picture available",
- SupportHTMLColumnLabel: "Allow HTML",
- ResetFieldsBtnLabel: "Reset fields to default values",
- ShowPersonaCardOnHover: "Show persona card on hover",
- ShowPersonaCardOnHoverCalloutMsg: "This feature uses Microsoft Graph to display information about the user and needs the following API permissions in your tenant to work: ['User.Read','People.Read','Contacts.Read','User.ReadBasic.All'].",
- Fields: {
- ImageUrl: "Image URL",
- PrimaryText: "Primary text",
- SecondaryText: "Secondary text",
- TertiaryText: "Tertiary text",
- OptionalText: "Optional text"
- }
- },
- Vertical: {
- Name: "Vertical"
- },
- Horizontal: {
- Name: "Horizontal",
- PreferedFilterNumberPerRow: "Preferred number of filters per row",
- },
- Panel: {
- Name: "Panel",
- IsModal: "Modal",
- IsLightDismiss: "Light dismiss",
- Size: "Panel size",
- ButtonLabel: "Show filters",
- ButtonLabelFieldName: "Button label to display",
- HeaderText: "Filters",
- HeaderTextFieldName: "Panel header text",
- SizeOptions: {
- SmallFixedFar: 'Small (default)',
- SmallFixedNear: 'Small, near side',
- Medium: 'Medium',
- Large:'Large',
- LargeFixed: 'Large fixed-width',
- ExtraLarge: 'Extra large',
- SmallFluid: 'Full-width (fluid)'
+ Custom: {
+ Name: "Custom"
+ },
+ SimpleList: {
+ Name: "List",
+ ShowFileIconLabel: "Show file icon",
+ ShowItemThumbnailLabel: "Show thumbnail"
+ },
+ DetailsList: {
+ Name: "Details List",
+ UseHandlebarsExpressionLabel: "Use Handlebars expression",
+ MinimumWidthColumnLabel: "Minimum width (px)",
+ MaximumWidthColumnLabel: "Maximum width (px)",
+ SortableColumnLabel: "Sortable",
+ ResizableColumnLabel: "Resizable",
+ MultilineColumnLabel: "Multiline",
+ LinkToItemColumnLabel: "Link to item",
+ SupportHTMLColumnLabel: "Allow HTML",
+ CompactModeLabel: "Compact mode",
+ ShowFileIcon: "Show file icon",
+ ManageDetailsListColumnDescription: "Add, update or remove columns for the details list layout. You can use either property values in the list directly without any transformation or use an Handlebars expression in the value field. HTML is supported for all fields as well.",
+ ManageDetailsListColumnLabel: "Manage columns",
+ ValueColumnLabel: "Column value",
+ DisplayNameColumnLabel: "Column display name",
+ FileExtensionFieldLabel: "Field to use for file extension",
+ GroupByFieldLabel: "Group by field",
+ EnableGrouping: "Enable grouping",
+ CollapsedGroupsByDefault: "Show collapsed",
+ ResetFieldsBtnLabel: "Reset fields to default values"
+ },
+ Cards: {
+ Name: "Cards",
+ ManageTilesFieldsLabel: "Managed card fields",
+ ManageTilesFieldsPanelDescriptionLabel: "Here you can map each field values with the corresponding card placeholders. You can use either a result property directly without any transformation or use an Handlebars expression as field value. Also, when specified, you can also inject your own HTML code in annotated fields.",
+ PlaceholderNameFieldLabel: "Name",
+ SupportHTMLColumnLabel: "Allow HTML",
+ PlaceholderValueFieldLabel: "Value",
+ UseHandlebarsExpressionLabel: "Use Handlebars expression",
+ EnableItemPreview: "Enable result preview",
+ EnableItemPreviewHoverMessage: "Turning on this option may have an impact on performances if too many items are displayed at once and you use the 'AutoPreviewUrl' slot field. We recommend you to use this option with a small amount of items or use predefined preview URLs from your data source fields in slots.",
+ ShowFileIcon: "Show file icon",
+ CompactModeLabel: "Compact mode",
+ PreferedCardNumberPerRow: "Preferred number of cards per row",
+ Fields: {
+ Title: "Title",
+ Location: "Location",
+ Tags: "Tags",
+ PreviewImage: "Preview Image",
+ PreviewUrl: "Preview Url",
+ Url: "Url",
+ Date: "Date",
+ Author: "Author",
+ ProfileImage: "Profile Image Url",
+ FileExtension: "File Extension",
+ IsContainer: "Is Folder"
+ },
+ ResetFieldsBtnLabel: "Reset fields to default values"
+ },
+ Slider: {
+ Name: "Slider",
+ SliderAutoPlay: "Auto play",
+ SliderAutoPlayDuration: "Auto play duration (in seconds)",
+ SliderPauseAutoPlayOnHover: "Pause on hover",
+ SliderGroupCells: "Number of elements to group together in slides",
+ SliderShowPageDots: "Show page dots",
+ SliderWrapAround: "Infinite scrolling",
+ SlideHeight: "Slide height (in px)",
+ SlideWidth: "Slide width (in px)"
+ },
+ People: {
+ Name: "People",
+ ManagePeopleFieldsLabel: "Manage people fields",
+ ManagePeopleFieldsPanelDescriptionLabel: "Here you can map each field values with the corresponding persona placeholders. You can use either data source field value directly without any transformation or use an Handlebars expression in the value field.",
+ PlaceholderNameFieldLabel: "Name",
+ PlaceholderValueFieldLabel: "Value",
+ UseHandlebarsExpressionLabel: "Use Handlebars expression",
+ PersonaSizeOptionsLabel: "Component size",
+ PersonaSizeExtraSmall: "Extra small",
+ PersonaSizeSmall: "Small",
+ PersonaSizeRegular: "Regular",
+ PersonaSizeLarge: "Large",
+ PersonaSizeExtraLarge: "Extra large",
+ ShowInitialsToggleLabel: "Show initials if no picture available",
+ SupportHTMLColumnLabel: "Allow HTML",
+ ResetFieldsBtnLabel: "Reset fields to default values",
+ ShowPersonaCardOnHover: "Show persona card on hover",
+ ShowPersonaCardOnHoverCalloutMsg: "This feature uses Microsoft Graph to display information about the user and needs the following API permissions in your tenant to work: ['User.Read','People.Read','Contacts.Read','User.ReadBasic.All'].",
+ Fields: {
+ ImageUrl: "Image URL",
+ PrimaryText: "Primary text",
+ SecondaryText: "Secondary text",
+ TertiaryText: "Tertiary text",
+ OptionalText: "Optional text"
+ }
+ },
+ Vertical: {
+ Name: "Vertical"
+ },
+ Horizontal: {
+ Name: "Horizontal",
+ PreferedFilterNumberPerRow: "Preferred number of filters per row",
+ },
+ Panel: {
+ Name: "Panel",
+ IsModal: "Modal",
+ IsLightDismiss: "Light dismiss",
+ Size: "Panel size",
+ ButtonLabel: "Show filters",
+ ButtonLabelFieldName: "Button label to display",
+ HeaderText: "Filters",
+ HeaderTextFieldName: "Panel header text",
+ SizeOptions: {
+ SmallFixedFar: 'Small (default)',
+ SmallFixedNear: 'Small, near side',
+ Medium: 'Medium',
+ Large: 'Large',
+ LargeFixed: 'Large fixed-width',
+ ExtraLarge: 'Extra large',
+ SmallFluid: 'Full-width (fluid)'
+ }
}
- }
},
HandlebarsHelpers: {
- CountMessageLong: "{0} results for '{1}'",
- CountMessageShort: "{0} results",
+ CountMessageLong: "{0} results for '{1}'",
+ CountMessageShort: "{0} results",
},
PropertyPane: {
- ConnectionsPage: {
- DataConnectionsGroupName: "Available connections"
- },
- InformationPage: {
- Extensibility: {
- GroupName: "Extensibility configuration",
- FieldLabel: "Extensibility libraries to load",
- ManageBtnLabel: "Configure",
- Columns: {
- Name: "Name/Purpose",
- Id: "Manifest GUID",
- Enabled: "Enabled/Disabled"
- }
+ ConnectionsPage: {
+ DataConnectionsGroupName: "Available connections"
+ },
+ InformationPage: {
+ Extensibility: {
+ GroupName: "Extensibility configuration",
+ FieldLabel: "Extensibility libraries to load",
+ ManageBtnLabel: "Configure",
+ Columns: {
+ Name: "Name/Purpose",
+ Id: "Manifest GUID",
+ Enabled: "Enabled/Disabled"
+ }
+ }
}
- }
},
Filters: {
- ApplyAllFiltersButtonLabel: "Apply",
- ClearAllFiltersButtonLabel: "Clear",
- FilterNoValuesMessage: "No values for this filter",
- OrOperator: "OR",
- AndOperator: "AND",
- ComboBoxPlaceHolder: "Select value"
+ ApplyAllFiltersButtonLabel: "Apply",
+ ClearAllFiltersButtonLabel: "Clear",
+ FilterNoValuesMessage: "No values for this filter",
+ OrOperator: "OR",
+ AndOperator: "AND",
+ ComboBoxPlaceHolder: "Select value"
},
SuggestionProviders: {
- SharePointStatic: {
- ProviderName: "SharePoint Static search suggestions",
- ProviderDescription: "Retrieve SharePoint static user defined search suggestions"
- }
+ SharePointStatic: {
+ ProviderName: "SharePoint Static search suggestions",
+ ProviderDescription: "Retrieve SharePoint static user defined search suggestions"
+ }
}
}
})
\ No newline at end of file
diff --git a/search-parts/src/models/common/ITemplateContext.ts b/search-parts/src/models/common/ITemplateContext.ts
index 62b0e7602..1815a3400 100644
--- a/search-parts/src/models/common/ITemplateContext.ts
+++ b/search-parts/src/models/common/ITemplateContext.ts
@@ -35,7 +35,7 @@ export interface IDataResultsTemplateContext {
filterOperator: FilterConditionOperator;
/**
- * The Data Filters Web Part instance ID
+ * The Filters Web Part instance ID
*/
instanceId: string;
@@ -127,7 +127,7 @@ export interface IDataResultsTemplateContext {
}
/**
- * Represents the context passed to the Handlebars template (Data Filters)
+ * Represents the context passed to the Handlebars template (Filters)
*/
export interface ISearchFiltersTemplateContext {
diff --git a/search-parts/src/services/searchService/SharePointSearchService.ts b/search-parts/src/services/searchService/SharePointSearchService.ts
index c017e27e4..259c11e6b 100644
--- a/search-parts/src/services/searchService/SharePointSearchService.ts
+++ b/search-parts/src/services/searchService/SharePointSearchService.ts
@@ -21,28 +21,28 @@ const AvailableQueryLanguages_StorageKey = 'pnpSearchResults_AvailableQueryLangu
export class SharePointSearchService implements ISharePointSearchService {
- public static ServiceKey: ServiceKey = ServiceKey.create(SearchService_ServiceKey, SharePointSearchService);
+ public static ServiceKey: ServiceKey = ServiceKey.create(SearchService_ServiceKey, SharePointSearchService);
- /**
- * The current page context instance
- */
+ /**
+ * The current page context instance
+ */
private pageContext: PageContext;
-
+
/**
* The SharePoint search service endpoint REST URL
*/
private searchEndpointUrl: string;
- /**
- * The current service scope
- */
- private serviceScope: ServiceScope;
-
- /**
- * The SPHttpClient instance
- */
+ /**
+ * The current service scope
+ */
+ private serviceScope: ServiceScope;
+
+ /**
+ * The SPHttpClient instance
+ */
private spHttpClient: SPHttpClient;
-
+
/**
* The client storage instance
*/
@@ -51,18 +51,18 @@ export class SharePointSearchService implements ISharePointSearchService {
constructor(serviceScope: ServiceScope) {
this.serviceScope = serviceScope;
-
+
this.clientStorage = new PnPClientStorage();
-
- serviceScope.whenFinished(async () => {
+
+ serviceScope.whenFinished(async () => {
this.pageContext = serviceScope.consume(PageContext.serviceKey);
this.spHttpClient = serviceScope.consume(SPHttpClient.serviceKey);
this.searchEndpointUrl = `${this.pageContext.web.absoluteUrl}/_api/search/postquery`;
- });
+ });
}
-
+
/**
* Performs a search query against SharePoint
* @param searchQuery The search query in KQL format
@@ -70,14 +70,14 @@ export class SharePointSearchService implements ISharePointSearchService {
*/
public async search(searchQuery: ISharePointSearchQuery): Promise {
- let results: ISharePointSearchResults = {
+ let results: ISharePointSearchResults = {
queryKeywords: searchQuery.Querytext,
refinementResults: [],
relevantResults: [],
secondaryResults: [],
totalRows: 0
};
-
+
try {
const response = await this.spHttpClient.post(this.searchEndpointUrl, SPHttpClient.configurations.v1, {
@@ -120,10 +120,10 @@ export class SharePointSearchService implements ISharePointSearchService {
let values: IDataFilterResultValue[] = [];
refiner.Entries.forEach((item) => {
values.push({
- count: parseInt(item.RefinementCount, 10),
- name: item.RefinementValue.replace("string;#", ""), // Replace string;# for calculated columns https://github.com/SharePoint/sp-dev-solutions/issues/304
- value: item.RefinementToken,
- operator: FilterComparisonOperator.Contains
+ count: parseInt(item.RefinementCount, 10),
+ name: item.RefinementValue.replace("string;#", ""), // Replace string;# for calculated columns https://github.com/SharePoint/sp-dev-solutions/issues/304
+ value: item.RefinementToken,
+ operator: FilterComparisonOperator.Contains
} as IDataFilterResultValue);
});
@@ -136,57 +136,56 @@ export class SharePointSearchService implements ISharePointSearchService {
results.relevantResults = searchResults;
results.refinementResults = refinementResults;
results.totalRows = searchResponse.PrimaryQueryResult.RelevantResults.TotalRows;
-
+
if (!isEmpty(searchResponse.SpellingSuggestion)) {
results.spellingSuggestion = searchResponse.SpellingSuggestion;
}
+ }
- // Query rules handling
- if (searchResponse.SecondaryQueryResults) {
+ // Query rules handling
+ if (searchResponse.SecondaryQueryResults) {
- const secondaryQueryResults = searchResponse.SecondaryQueryResults;
+ const secondaryQueryResults = searchResponse.SecondaryQueryResults;
- if (Array.isArray(secondaryQueryResults) && secondaryQueryResults.length > 0) {
+ if (Array.isArray(secondaryQueryResults) && secondaryQueryResults.length > 0) {
- let promotedResults: ISharePointSearchPromotedResult[] = [];
- let secondaryResults: ISharePointSearchResultBlock[] = [];
+ let promotedResults: ISharePointSearchPromotedResult[] = [];
+ let secondaryResults: ISharePointSearchResultBlock[] = [];
- secondaryQueryResults.forEach((e) => {
+ secondaryQueryResults.forEach((e) => {
- // Best bets are mapped through the "SpecialTermResults" https://msdn.microsoft.com/en-us/library/dd907265(v=office.12).aspx
- if (e.SpecialTermResults) {
- // Casting as pnpjs has an incorrect mapping of SpecialTermResults
- (e.SpecialTermResults).Results.forEach((result) => {
- promotedResults.push({
- title: result.Title,
- url: result.Url,
- description: result.Description
- } as ISharePointSearchPromotedResult);
- });
- }
+ // Best bets are mapped through the "SpecialTermResults" https://msdn.microsoft.com/en-us/library/dd907265(v=office.12).aspx
+ if (e.SpecialTermResults) {
+ // Casting as pnpjs has an incorrect mapping of SpecialTermResults
+ (e.SpecialTermResults).Results.forEach((result) => {
+ promotedResults.push({
+ title: result.Title,
+ url: result.Url,
+ description: result.Description
+ } as ISharePointSearchPromotedResult);
+ });
+ }
- // Secondary/Query Rule results are mapped through SecondaryQueryResults.RelevantResults
- if (e.RelevantResults) {
- const secondaryResultItems = this.getSearchResults(e.RelevantResults.Table.Rows);
+ // Secondary/Query Rule results are mapped through SecondaryQueryResults.RelevantResults
+ if (e.RelevantResults) {
+ const secondaryResultItems = this.getSearchResults(e.RelevantResults.Table.Rows);
- const secondaryResultBlock: ISharePointSearchResultBlock = {
- title: e.RelevantResults.ResultTitle,
- results: secondaryResultItems
- };
+ const secondaryResultBlock: ISharePointSearchResultBlock = {
+ title: e.RelevantResults.ResultTitle,
+ results: secondaryResultItems
+ };
- // Only keep secondary result blocks which have items
- if (secondaryResultBlock.results.length > 0) {
- secondaryResults.push(secondaryResultBlock);
- }
+ // Only keep secondary result blocks which have items
+ if (secondaryResultBlock.results.length > 0) {
+ secondaryResults.push(secondaryResultBlock);
}
- });
+ }
+ });
- results.promotedResults = promotedResults;
- results.secondaryResults = secondaryResults;
- }
+ results.promotedResults = promotedResults;
+ results.secondaryResults = secondaryResults;
}
}
-
return results;
} else {
throw new Error(`${response['statusMessage']}`);
@@ -198,7 +197,7 @@ export class SharePointSearchService implements ISharePointSearchService {
}
}
- /**
+ /**
* Get available SharePoint search managed properties from the search schema
*/
public async getAvailableManagedProperties(): Promise {
@@ -245,9 +244,9 @@ export class SharePointSearchService implements ISharePointSearchService {
}
return managedProperties;
- }
+ }
- /**
+ /**
* Get all available languages for the search query
*/
public async getAvailableQueryLanguages(): Promise {
@@ -272,13 +271,13 @@ export class SharePointSearchService implements ISharePointSearchService {
} else {
throw new Error(`${response['statusMessage']}`);
}
- }
+ }
} catch (error) {
Log.error("[SharePointSearchService._getQueryLanguages()]", error, this.serviceScope);
throw new Error(error);
}
}
-
+
/**
* Determine if a SharePoint managed property is sortable
* @param property the SharePoint managed property
@@ -344,15 +343,15 @@ export class SharePointSearchService implements ISharePointSearchService {
try {
const endpointUrl = Text.format(
- `${this.pageContext.web.absoluteUrl}/_api/search/suggest?querytext='{0}'&inumberofquerysuggestions={1}&fHitHighlighting={2}&fCapitalizeFirstLetters={3}&Culture={4}&fPrefixMatchAllTerms={5}`,
- searchSuggestQuery.queryText,
- searchSuggestQuery.numberOfQuerySuggestions,
- searchSuggestQuery.hitHighlighting,
- searchSuggestQuery.capitalize,
- searchSuggestQuery.culture,
- searchSuggestQuery.prefixMatch
- );
-
+ `${this.pageContext.web.absoluteUrl}/_api/search/suggest?querytext='{0}'&inumberofquerysuggestions={1}&fHitHighlighting={2}&fCapitalizeFirstLetters={3}&Culture={4}&fPrefixMatchAllTerms={5}`,
+ searchSuggestQuery.queryText,
+ searchSuggestQuery.numberOfQuerySuggestions,
+ searchSuggestQuery.hitHighlighting,
+ searchSuggestQuery.capitalize,
+ searchSuggestQuery.culture,
+ searchSuggestQuery.prefixMatch
+ );
+
const response = await this.spHttpClient.get(endpointUrl, SPHttpClient.configurations.v1, {
headers: {
'X-ClientService-ClientTag': Constants.X_CLIENTSERVICE_CLIENTTAG,
@@ -369,43 +368,43 @@ export class SharePointSearchService implements ISharePointSearchService {
return elt.Query;
});
}
-
+
return suggestions;
} else {
throw new Error(`${response['statusMessage']}`);
- }
+ }
} catch (error) {
Log.error("[SharePointSearchService.suggest()]", error, this.serviceScope);
throw error;
}
}
- /**
- * Extracts search results from search response rows
- * @param resultRows the search result rows
- */
- private getSearchResults(resultRows: any): ISharePointSearchResult[] {
-
+ /**
+ * Extracts search results from search response rows
+ * @param resultRows the search result rows
+ */
+ private getSearchResults(resultRows: any): ISharePointSearchResult[] {
+
// Map search results
let searchResults: ISharePointSearchResult[] = resultRows.map((elt) => {
- // Build item result dynamically
- // We can't type the response here because search results are by definition too heterogeneous so we treat them as key-value object
- let result: ISharePointSearchResult = {};
+ // Build item result dynamically
+ // We can't type the response here because search results are by definition too heterogeneous so we treat them as key-value object
+ let result: ISharePointSearchResult = {};
- elt.Cells.map((item) => {
- result[item.Key] = item.Value;
- });
+ elt.Cells.map((item) => {
+ result[item.Key] = item.Value;
+ });
- return result;
- });
+ return result;
+ });
- return searchResults;
+ return searchResults;
}
-
+
private getRequestPayload(searchQuery: ISharePointSearchQuery): string {
- let queryPayload: any = cloneDeep(searchQuery);
+ let queryPayload: any = cloneDeep(searchQuery);
queryPayload.HitHighlightedProperties = this.fixArrProp(queryPayload.HitHighlightedProperties);
queryPayload.Properties = this.fixArrProp(queryPayload.Properties);
@@ -413,9 +412,9 @@ export class SharePointSearchService implements ISharePointSearchService {
queryPayload.ReorderingRules = this.fixArrProp(queryPayload.ReorderingRules);
queryPayload.SelectProperties = this.fixArrProp(queryPayload.SelectProperties);
queryPayload.SortList = this.fixArrProp(queryPayload.SortList);
-
+
const postBody = {
- request:{
+ request: {
'__metadata': {
'type': 'Microsoft.Office.Server.Search.REST.SearchRequest'
},
diff --git a/search-parts/src/services/templateService/TemplateService.ts b/search-parts/src/services/templateService/TemplateService.ts
index 515bf1113..4b2c22b42 100644
--- a/search-parts/src/services/templateService/TemplateService.ts
+++ b/search-parts/src/services/templateService/TemplateService.ts
@@ -2,7 +2,7 @@ import { ITemplateService } from "./ITemplateService";
import { ServiceKey, ServiceScope, Text } from "@microsoft/sp-core-library";
import { SPHttpClient, SPHttpClientResponse } from '@microsoft/sp-http';
import * as Handlebars from 'handlebars';
-import { uniqBy, uniq, isEmpty, trimEnd } from "@microsoft/sp-lodash-subset";
+import { uniqBy, uniq, isEmpty, trimEnd, get } from "@microsoft/sp-lodash-subset";
import * as strings from 'CommonStrings';
import { DateHelper } from "../../helpers/DateHelper";
import { PageContext } from "@microsoft/sp-page-context";
@@ -513,7 +513,45 @@ export class TemplateService implements ITemplateService {
} else {
return expr;
}
+
}
+
+ });
+
+ // Return SPFx page context variable
+ // Usage:
+ // {{getPageContext "user.displayName"}}
+ // {{getPageContext "cultureInfo.currentUICultureName"}}
+ this.Handlebars.registerHelper("getPageContext", (name: string) => {
+ if (!name) return "";
+ let value = get(this.pageContext, name);
+ if (value) return value;
+ return "";
});
+
+ // Get Attachments from LinkOfficeChild managed properties
+ // Usage:
+ // {{#getAttachments LinkOfficeChild}}
+ // {{fileName}}
+ // {{/getAttachments}}
+ this.Handlebars.registerHelper("getAttachments", (value: string, options) => {
+ let out: string = "";
+ if (!isEmpty(value)) {
+ let splitArr: string[] = value.split(/\n+/);
+
+ if (splitArr && splitArr.length > 0) {
+ for (let i of splitArr) {
+ let pos: number = i.lastIndexOf("/");
+ if (pos !== -1) {
+ let fileName: string = i.substring(pos + 1);
+ let objLine = { url: i, fileName: fileName };
+ out += options.fn(objLine);
+ }
+ }
+ }
+ }
+ return out;
+ });
+
}
}
\ No newline at end of file
diff --git a/search-parts/src/services/tokenService/TokenService.ts b/search-parts/src/services/tokenService/TokenService.ts
index e6374e188..aa8b6c2b9 100644
--- a/search-parts/src/services/tokenService/TokenService.ts
+++ b/search-parts/src/services/tokenService/TokenService.ts
@@ -25,7 +25,7 @@ export class TokenService implements ITokenService {
/**
* This regex only matches expressions enclosed with single, not escaped, curly braces '{}'
- */
+ */
private genericTokenRegexp: RegExp = /(? {
+ serviceScope.whenFinished(() => {
this.dateHelper = serviceScope.consume(DateHelper.ServiceKey);
this.pageContext = serviceScope.consume(PageContext.serviceKey);
@@ -86,7 +86,7 @@ export class TokenService implements ITokenService {
}
public setTokenValue(token: string, value: any) {
-
+
// Check if the token is in the whitelist
if (Object.keys(this.tokenValuesList).indexOf(token) !== -1) {
this.tokenValuesList[token] = value;
@@ -99,7 +99,7 @@ export class TokenService implements ITokenService {
if (inputString) {
- this.moment = await this.dateHelper.moment();
+ this.moment = await this.dateHelper.moment();
// Resolves dynamic tokens (i.e. tokens resolved asynchronously versus static ones set by the Web Part context)
inputString = await this.replacePageTokens(inputString);
@@ -114,7 +114,7 @@ export class TokenService implements ITokenService {
inputString = this.replaceLegacyPageContextTokens(inputString);
inputString = this.replaceOrOperator(inputString);
inputString = await this.replaceHubTokens(inputString);
-
+
inputString = inputString.replace(/\{TenantUrl\}/gi, `https://` + window.location.host);
// Look for static tokens in the specified string
@@ -127,12 +127,12 @@ export class TokenService implements ITokenService {
// Take the expression inside curly brackets
const tokenName = token.substr(1).slice(0, -1);
- // Check if the proeprty exists in the object
+ // Check if the property exists in the object
// 'undefined' => token hasn't been initialized in the TokenService instance. We left the token expression untouched (ex: {token}).
// 'null' => token has been initialized and set with a null value. We replace by an empty string as we don't want the string 'null' litterally.
// '' (empty string) => replaced in the original string with an empty string as well.
if (ObjectHelper.byPath(this.tokenValuesList, tokenName) !== undefined) {
-
+
if (ObjectHelper.byPath(this.tokenValuesList, tokenName) !== null) {
inputString = inputString.replace(new RegExp(token, 'gi'), ObjectHelper.byPath(this.tokenValuesList, tokenName));
} else {
@@ -153,14 +153,14 @@ export class TokenService implements ITokenService {
/**
* Retrieves available current page item properties
*/
- public async getPageProperties(): Promise {
+ public async getPageProperties(): Promise {
let item = null;
// Do this check to ensure we are not in the workbench
if (this.pageContext.listItem) {
- const url = this.pageContext .web.absoluteUrl + `/_api/web/GetList(@v1)/RenderExtendedListFormData(itemId=${this.pageContext.listItem.id},formId='viewform',mode='2',options=7)?@v1='${this.pageContext.list.serverRelativeUrl}'`;
+ const url = this.pageContext.web.absoluteUrl + `/_api/web/GetList(@v1)/RenderExtendedListFormData(itemId=${this.pageContext.listItem.id},formId='viewform',mode='2',options=7)?@v1='${this.pageContext.list.serverRelativeUrl}'`;
try {
const response = await this.spHttpClient.post(url, SPHttpClient.configurations.v1, {
@@ -210,7 +210,7 @@ export class TokenService implements ITokenService {
responseJson = await response.json();
if (responseJson.UserProfileProperties) {
-
+
responseJson.UserProfileProperties.forEach(property => {
userProperties[property.Key.toLowerCase()] = property.Value;
});
@@ -247,7 +247,7 @@ export class TokenService implements ITokenService {
// Get page properties dymamically
pageItem = await this.getPageProperties();
}
-
+
let properties = Object.keys(pageItem);
properties.forEach(property => {
item[property] = pageItem[property];
@@ -268,10 +268,12 @@ export class TokenService implements ITokenService {
// Handle multi or single taxonomy values
if (Array.isArray(item[columnName]) && item[columnName].length > 0) {
-
- itemProp = item[columnName].map(taxonomyValue => {
+
+ // By convention, multi values should be separated by a comma, which is the default array delimiter for the array toString() method
+ // This value could be processed in the replaceOrOperator() method so we need to keep the same delimiter convention
+ itemProp = item[columnName].map(taxonomyValue => {
return taxonomyValue[labelOrTermId]; // Use the 'TermId' or 'Label' properties
- }).join(' ');
+ }).join(',');
}
else if (!Array.isArray(item[columnName]) && item[columnName] !== undefined && item[columnName] !== "") {
itemProp = item[columnName][labelOrTermId];
@@ -308,7 +310,7 @@ export class TokenService implements ITokenService {
matches = siteRegExp.exec(inputString);
}
}
-
+
return inputString;
}
@@ -342,20 +344,20 @@ export class TokenService implements ITokenService {
switch (userProperty) {
case "email":
- propertyValue = this.pageContext.user.email;
- break;
+ propertyValue = this.pageContext.user.email;
+ break;
case "name":
- propertyValue = this.pageContext.user.displayName;
- break;
+ propertyValue = this.pageContext.user.displayName;
+ break;
default:
- propertyValue = this.pageContext.user.displayName;
- break;
+ propertyValue = this.pageContext.user.displayName;
+ break;
}
}
const tokenExprToReplace = new RegExp(matches[0], 'gi');
-
+
// Replace the match with the property value
inputString = inputString.replace(tokenExprToReplace, propertyValue);
@@ -403,7 +405,7 @@ export class TokenService implements ITokenService {
inputString = inputString.replace(currentDate, d.getDate().toString());
inputString = inputString.replace(currentMonth, (d.getMonth() + 1).toString());
inputString = inputString.replace(currentYear, d.getFullYear().toString());
-
+
return inputString;
}
@@ -414,6 +416,7 @@ export class TokenService implements ITokenService {
private replaceQueryStringTokens(inputString: string) {
const webRegExp = /\{(?:QueryString)\.(.*?)\}/gi;
+ let modifiedString = inputString;
let matches = webRegExp.exec(inputString);
if (matches != null) {
@@ -422,11 +425,11 @@ export class TokenService implements ITokenService {
while (matches !== null) {
const qsProp = matches[1];
const itemProp = decodeURIComponent(queryParameters.getValue(qsProp) || "");
- inputString = inputString.replace(new RegExp(matches[0], "gi"), itemProp);
+ modifiedString = modifiedString.replace(new RegExp(matches[0], "gi"), itemProp);
matches = webRegExp.exec(inputString);
}
}
- return inputString;
+ return modifiedString;
}
/**
@@ -467,7 +470,7 @@ export class TokenService implements ITokenService {
matches = siteRegExp.exec(inputString);
}
}
-
+
return inputString;
}
@@ -504,7 +507,7 @@ export class TokenService implements ITokenService {
const groupRegExp = /\{(?:Group)\.(.*?)\}/gi;
let matches = groupRegExp.exec(inputString);
- if (matches != null ) {
+ if (matches != null) {
while (matches !== null) {
const groupProp = matches[1];
@@ -562,14 +565,14 @@ export class TokenService implements ITokenService {
// Example match: {|owstaxidmetadataalltagsinfo:{Page..TermID}}
const orConditionTokens = /\{(?:\|(.+?)(>=|=|<=|:|<>|<|>))(\{?.*?\}?\s*)\}/gi;
let reQueryTemplate = inputString;
- let match = orConditionTokens.exec(inputString);
+ let match = orConditionTokens.exec(inputString);
if (match != null) {
while (match !== null) {
let conditions = [];
const property = match[1];
- const operator = match[2];
+ const operator = match[2];
const tokenValue = match[3];
// {User} tokens are resolved server-side by SharePoint so we exclude them
@@ -615,7 +618,7 @@ export class TokenService implements ITokenService {
}
}
- return null;
+ return null;
} catch (error) {
Log.error(TokenService_ServiceKey, new Error(`Error while fetching Hub site data. Details: ${error}`), this.serviceScope);
diff --git a/search-parts/src/webparts/searchBox/ISearchBoxWebPartProps.ts b/search-parts/src/webparts/searchBox/ISearchBoxWebPartProps.ts
index e07e190c5..ed274409a 100644
--- a/search-parts/src/webparts/searchBox/ISearchBoxWebPartProps.ts
+++ b/search-parts/src/webparts/searchBox/ISearchBoxWebPartProps.ts
@@ -46,6 +46,11 @@ export interface ISearchBoxWebPartProps extends IBaseWebPartProps {
*/
queryText: DynamicProperty;
+ /**
+ * The transformation to apply on the queryText before sending to a different page
+ */
+ inputTemplate: string;
+
/**
* Placeholder text to display in the search box
*/
diff --git a/search-parts/src/webparts/searchBox/SearchBoxWebPart.manifest.json b/search-parts/src/webparts/searchBox/SearchBoxWebPart.manifest.json
index ba199d2e2..5e7bb566d 100644
--- a/search-parts/src/webparts/searchBox/SearchBoxWebPart.manifest.json
+++ b/search-parts/src/webparts/searchBox/SearchBoxWebPart.manifest.json
@@ -1,30 +1,30 @@
{
- "$schema": "https://developer.microsoft.com/json-schemas/spfx/client-side-web-part-manifest.schema.json",
- "id": "544c1372-7e5a-49ec-8db6-812f76c375f2",
- "alias": "pnpSearchBoxWebPart",
- "componentType": "WebPart",
- "version": "4.0.0",
- "manifestVersion": 2,
- "requiresCustomScript": false,
- "supportedHosts": [
- "SharePointWebPart"
- ],
- "preconfiguredEntries": [{
- "groupId": "5c03119e-3074-46fd-976b-c60198311f70",
- "group": {
- "default": "Other"
- },
- "title": {
- "default": "PnP - Search Box",
- "fr-fr": "Recherche moderne - Boîte de recherche"
- },
- "description": {
- "default": "Allows users to search data source results using query text",
- "fr-fr": "Permet aux utilisateurs de rechercher dans un source de données sur la base d'une requête textuelle"
- },
- "officeFabricIconFontName": "Search",
- "properties": {
- "documentationLink": "https://microsoft-search.github.io/pnp-modern-search/"
- }
- }]
-}
+ "$schema": "https://developer.microsoft.com/json-schemas/spfx/client-side-web-part-manifest.schema.json",
+ "id": "544c1372-7e5a-49ec-8db6-812f76c375f2",
+ "alias": "pnpSearchBoxWebPart",
+ "componentType": "WebPart",
+ "version": "*",
+ "manifestVersion": 2,
+ "requiresCustomScript": false,
+ "supportedHosts": [
+ "SharePointWebPart"
+ ],
+ "preconfiguredEntries": [{
+ "groupId": "5c03119e-3074-46fd-976b-c60198311f70",
+ "group": {
+ "default": "Other"
+ },
+ "title": {
+ "default": "PnP - Search Box",
+ "fr-fr": "Recherche moderne - Boîte de recherche"
+ },
+ "description": {
+ "default": "Allows users to search data source results using query text",
+ "fr-fr": "Permet aux utilisateurs de rechercher dans un source de données sur la base d'une requête textuelle"
+ },
+ "officeFabricIconFontName": "Search",
+ "properties": {
+ "documentationLink": "https://microsoft-search.github.io/pnp-modern-search/"
+ }
+ }]
+}
\ No newline at end of file
diff --git a/search-parts/src/webparts/searchBox/SearchBoxWebPart.ts b/search-parts/src/webparts/searchBox/SearchBoxWebPart.ts
index 9e00cc6c3..308064bc5 100644
--- a/search-parts/src/webparts/searchBox/SearchBoxWebPart.ts
+++ b/search-parts/src/webparts/searchBox/SearchBoxWebPart.ts
@@ -37,7 +37,8 @@ import { Toggle, IToggleProps, MessageBar, MessageBarType, Link } from "office-u
import { ISuggestionProviderConfiguration } from '../../providers/ISuggestionProviderConfiguration';
import { IExtensibilityConfiguration } from '../../models/common/IExtensibilityConfiguration';
import { Constants } from '../../common/Constants';
-import { BuiltinTokenNames } from '../../services/tokenService/TokenService';
+import { ITokenService } from '@pnp/modern-search-extensibility';
+import { BuiltinTokenNames, TokenService } from '../../services/tokenService/TokenService';
import { BaseWebPart } from '../../common/BaseWebPart';
export default class SearchBoxWebPart extends BaseWebPart implements IDynamicDataCallables {
@@ -80,6 +81,11 @@ export default class SearchBoxWebPart extends BaseWebPart(this.context.dynamicDataProvider);
+ this.properties.inputTemplate = this.properties.inputTemplate ? this.properties.inputTemplate : `{${BuiltinTokenNames.inputQueryText}}`;
this.properties.openBehavior = this.properties.openBehavior ? this.properties.openBehavior : PageOpenBehavior.Self;
this.properties.queryPathBehavior = this.properties.queryPathBehavior ? this.properties.queryPathBehavior : QueryPathBehavior.URLFragment;
@@ -578,7 +594,8 @@ export default class SearchBoxWebPart extends BaseWebPart(TokenService.ServiceKey);
this.webPartInstanceServiceScope = this.context.serviceScope.startNewChild();
this.dynamicDataService = this.webPartInstanceServiceScope.createAndProvide(DynamicDataService.ServiceKey, DynamicDataService);
this.dynamicDataService.dynamicDataProvider = this.context.dynamicDataProvider;
@@ -743,31 +760,37 @@ export default class SearchBoxWebPart extends BaseWebPart 0) {
-
- extensibilityLibraries.forEach(extensibilityLibrary => {
- // Add custom suggestions providers if any
- this.availableCustomProviders = this.availableCustomProviders.concat(extensibilityLibrary.getCustomSuggestionProviders());
+ // Load extensibility additions
+ if (extensibilityLibraries.length > 0) {
+
+ extensibilityLibraries.forEach(extensibilityLibrary => {
+ // Add custom suggestions providers if any
+ this.availableCustomProviders = this.availableCustomProviders.concat(extensibilityLibrary.getCustomSuggestionProviders());
+ });
+ }
+
+ // Resolve the provider configuration for the property pane according to providers
+ this.availableCustomProviders.forEach(provider => {
+
+ if (!this.properties.suggestionProviderConfiguration.some(p => p.key === provider.key)) {
+
+ customSuggestionProviderConfiguration.push({
+ key: provider.key,
+ description: provider.description,
+ enabled: false,
+ name: provider.name
});
+
}
+ });
- // Resolve the provider configuration for the property pane according to providers
- this.availableCustomProviders.forEach(provider => {
- if (this.properties.suggestionProviderConfiguration.filter(p => p.key === provider.key).length === 0) {
- this.properties.suggestionProviderConfiguration = this.properties.suggestionProviderConfiguration.concat({
- key: provider.key,
- description: provider.description,
- enabled: false,
- name: provider.name
- });
- }
- });
+ // Add custom providers to the available providers
+ this.properties.suggestionProviderConfiguration = this.properties.suggestionProviderConfiguration.concat(customSuggestionProviderConfiguration);
}
/**
diff --git a/search-parts/src/webparts/searchBox/components/ISearchBoxContainerProps.ts b/search-parts/src/webparts/searchBox/components/ISearchBoxContainerProps.ts
index 4026969e7..3230aa0b9 100644
--- a/search-parts/src/webparts/searchBox/components/ISearchBoxContainerProps.ts
+++ b/search-parts/src/webparts/searchBox/components/ISearchBoxContainerProps.ts
@@ -1,6 +1,7 @@
import { PageOpenBehavior, QueryPathBehavior } from "../../../helpers/UrlHelper";
import { IReadonlyTheme } from "@microsoft/sp-component-base";
-import { ISuggestionProvider } from "@pnp/modern-search-extensibility";
+import { ISuggestionProvider, ITokenService } from "@pnp/modern-search-extensibility";
+import { IToken } from "office-ui-fabric-react";
export interface ISearchBoxContainerProps {
@@ -29,6 +30,11 @@ export interface ISearchBoxContainerProps {
*/
queryStringParameter: string;
+ /**
+ * The transformation to apply on the queryText before sending to a different page
+ */
+ inputTemplate: string;
+
/**
* Flag indicating if the search box should open a new tab or use the current page
*/
@@ -68,4 +74,6 @@ export interface ISearchBoxContainerProps {
* The current theme variant
*/
themeVariant: IReadonlyTheme | undefined;
+
+ tokenService: ITokenService;
}
diff --git a/search-parts/src/webparts/searchBox/components/SearchBoxContainer.tsx b/search-parts/src/webparts/searchBox/components/SearchBoxContainer.tsx
index 93e6fea04..b7c2a4b2c 100644
--- a/search-parts/src/webparts/searchBox/components/SearchBoxContainer.tsx
+++ b/search-parts/src/webparts/searchBox/components/SearchBoxContainer.tsx
@@ -8,6 +8,7 @@ import { isEqual } from '@microsoft/sp-lodash-subset';
import * as webPartStrings from 'SearchBoxWebPartStrings';
import SearchBoxAutoComplete from './SearchBoxAutoComplete/SearchBoxAutoComplete';
import styles from './SearchBoxContainer.module.scss';
+import { BuiltinTokenNames } from '../../../services/tokenService/TokenService';
export default class SearchBoxContainer extends React.Component {
@@ -76,6 +77,10 @@ export default class SearchBoxContainer extends React.Component implements IDynamicDataCallables {
- /**
- * Dynamic properties for all connected sources
- */
- private _dataSourceDynamicProperties: DynamicProperty[] = [];
- private _selectedFilters: IDataFilter[] = [];
-
- /**
- * Dynamically loaded components for property pane
- */
- private _placeholderComponent: any = null;
- private _propertyFieldCollectionData: any = null;
- private _propertyFieldCodeEditor: any = null;
- private _propertyFieldCodeEditorLanguages: any = null;
- private _customCollectionFieldType: any = null;
-
- /**
- * Properties to avoid to recreate instances every render
- */
- private lastLayoutKey: string;
-
- /**
- * The selected layout for the Web Part
- */
- private layout: ILayout;
-
- /**
- * The template content to display
- */
- private templateContentToDisplay: string;
-
- /**
- * The template service instance
- */
- private templateService: ITemplateService = undefined;
-
- /**
- * the dynamic data service instance
- */
- private dynamicDataService: IDynamicDataService;
-
- /**
- * The available layout definitions (not instanciated)
- */
- private availableLayoutDefinitions: ILayoutDefinition[] = AvailableLayouts.BuiltinLayouts.filter(layout => { return layout.type === LayoutType.Filter; });
-
- /**
- * The service scope for this specific Web Part instance
- */
- private webPartInstanceServiceScope: ServiceScope;
-
- /**
- * The available web component definitions (not registered yet)
- */
- private availableWebComponentDefinitions: IComponentDefinition[] = AvailableComponents.BuiltinComponents;
-
- /**
- * The available connections as property pane fields
- */
- private propertyPaneConnectionsFields: IPropertyPaneField[] = [];
-
- protected async onInit() {
-
- this.initializeProperties();
-
- // Initializes shared services
- await this.initializeBaseWebPart();
-
- // Initializes the Web Part instance services
- this.initializeWebPartServices();
-
- if (this.displayMode === DisplayMode.Edit) {
- const { Placeholder } = await import(
- /* webpackChunkName: 'pnp-modern-search-property-pane' */
- '@pnp/spfx-controls-react/lib/Placeholder'
- );
- this._placeholderComponent = Placeholder;
- }
+ /**
+ * Dynamic properties for all connected sources
+ */
+ private _dataSourceDynamicProperties: DynamicProperty[] = [];
+ private _selectedFilters: IDataFilter[] = [];
+
+ /**
+ * Dynamically loaded components for property pane
+ */
+ private _placeholderComponent: any = null;
+ private _propertyFieldCollectionData: any = null;
+ private _propertyFieldCodeEditor: any = null;
+ private _propertyFieldCodeEditorLanguages: any = null;
+ private _customCollectionFieldType: any = null;
+
+ /**
+ * Properties to avoid to recreate instances every render
+ */
+ private lastLayoutKey: string;
+
+ /**
+ * The selected layout for the Web Part
+ */
+ private layout: ILayout;
+
+ /**
+ * The template content to display
+ */
+ private templateContentToDisplay: string;
+
+ /**
+ * The template service instance
+ */
+ private templateService: ITemplateService = undefined;
+
+ /**
+ * the dynamic data service instance
+ */
+ private dynamicDataService: IDynamicDataService;
+
+ /**
+ * The available layout definitions (not instanciated)
+ */
+ private availableLayoutDefinitions: ILayoutDefinition[] = AvailableLayouts.BuiltinLayouts.filter(layout => { return layout.type === LayoutType.Filter; });
+
+ /**
+ * The service scope for this specific Web Part instance
+ */
+ private webPartInstanceServiceScope: ServiceScope;
+
+ /**
+ * The available web component definitions (not registered yet)
+ */
+ private availableWebComponentDefinitions: IComponentDefinition[] = AvailableComponents.BuiltinComponents;
+
+ /**
+ * The available connections as property pane fields
+ */
+ private propertyPaneConnectionsFields: IPropertyPaneField[] = [];
+
+ protected async onInit() {
+
+ this.initializeProperties();
+
+ // Initializes shared services
+ await this.initializeBaseWebPart();
+
+ // Initializes the Web Part instance services
+ this.initializeWebPartServices();
+
+ if (this.displayMode === DisplayMode.Edit) {
+ const { Placeholder } = await import(
+ /* webpackChunkName: 'pnp-modern-search-property-pane' */
+ '@pnp/spfx-controls-react/lib/Placeholder'
+ );
+ this._placeholderComponent = Placeholder;
+ }
- this.context.dynamicDataSourceManager.initializeSource(this);
+ this.context.dynamicDataSourceManager.initializeSource(this);
- // Initializes dynamic data connections. This could trigger a render if a connection is made with an other component resulting to a render race condition.
- // That's why we need to fetch the licence info before calling this method
- this.ensureDataSourcesConnection();
+ // Initializes dynamic data connections. This could trigger a render if a connection is made with an other component resulting to a render race condition.
+ // That's why we need to fetch the licence info before calling this method
+ this.ensureDataSourcesConnection();
- // Register Web Components in the global page context. We need to do this BEFORE the template processing to avoid race condition.
- // Web components are only defined once.
- // We need to register components here in the case where the Search Results WP is not present on the page
- await this.templateService.registerWebComponents(this.availableWebComponentDefinitions);
+ // Register Web Components in the global page context. We need to do this BEFORE the template processing to avoid race condition.
+ // Web components are only defined once.
+ // We need to register components here in the case where the Search Results WP is not present on the page
+ await this.templateService.registerWebComponents(this.availableWebComponentDefinitions);
- return super.onInit();
- }
+ return super.onInit();
+ }
- public async render(): Promise {
+ public async render(): Promise {
- // Determine the template content to display
- // In the case of an external template is selected, the render is done asynchronously waiting for the content to be fetched
- await this.initTemplate();
+ // Determine the template content to display
+ // In the case of an external template is selected, the render is done asynchronously waiting for the content to be fetched
+ await this.initTemplate();
- // Get and initialize layout instance if different (i.e avoid to create a new instance every time)
- if (this.lastLayoutKey !== this.properties.selectedLayoutKey) {
- this.layout = await LayoutHelper.getLayoutInstance(this.webPartInstanceServiceScope, this.context, this.properties, this.properties.selectedLayoutKey, this.availableLayoutDefinitions);
- this.lastLayoutKey = this.properties.selectedLayoutKey;
- }
+ // Get and initialize layout instance if different (i.e avoid to create a new instance every time)
+ if (this.lastLayoutKey !== this.properties.selectedLayoutKey) {
+ this.layout = await LayoutHelper.getLayoutInstance(this.webPartInstanceServiceScope, this.context, this.properties, this.properties.selectedLayoutKey, this.availableLayoutDefinitions);
+ this.lastLayoutKey = this.properties.selectedLayoutKey;
+ }
- // Refresh the property pane to get layout and data source options
- if (this.context.propertyPane.isPropertyPaneOpen()) {
- this.context.propertyPane.refresh();
- }
+ // Refresh the property pane to get layout and data source options
+ if (this.context.propertyPane.isPropertyPaneOpen()) {
+ this.context.propertyPane.refresh();
+ }
- return this.renderCompleted();
- }
-
- protected renderCompleted(): void {
-
- let renderRootElement: JSX.Element = null;
-
- let filterResults: IDataFilterResult[] = [];
-
- // Display the Web Part only if a valid configuration is set
- if (this.templateContentToDisplay && this.properties.filtersConfiguration.length > 0) {
-
- // Get data from connected sources
- if (this._dataSourceDynamicProperties.length > 0) {
-
- // Merge available filters and values from multiple sources
- const dataResultsSourceData = this.mergeFiltersDataFromSources(this._dataSourceDynamicProperties);
-
- // Get filter results
- filterResults = dataResultsSourceData.availablefilters;
- }
-
- // Case when no search results WP is connected and we have 'Static' filters configured.
- // OR the data results don't contain this filter name.
- // We create fake entries for those filters to be able to render them in the template
- // We do this by convenience to avoid refactoring the Handlebars templates
- filterResults = this._initStaticFilters(filterResults, this.properties.filtersConfiguration);
-
- renderRootElement = React.createElement(
- SearchFilters,
- {
- templateContent: this.templateContentToDisplay,
- availableFilters: filterResults,
- filtersConfiguration: this.properties.filtersConfiguration,
- domElement: this.domElement,
- instanceId: this.instanceId,
- selectedLayoutKey: this.properties.selectedLayoutKey,
- properties: JSON.parse(JSON.stringify(this.properties)),
- themeVariant: this._themeVariant,
- onUpdateFilters: (updatedFilters: IDataFilter[]) => {
-
- this._selectedFilters = updatedFilters;
-
- // Notfify dynamic data consumers data have changed
- this.context.dynamicDataSourceManager.notifyPropertyChanged(ComponentType.SearchFilters);
- },
- templateService: this.templateService,
- webPartTitleProps: {
- displayMode: this.displayMode,
- title: this.properties.title,
- updateProperty: (value: string) => {
- this.properties.title = value;
- },
- className: commonStyles.wpTitle
- }
- } as ISearchFiltersContainerProps
- );
-
- } else {
- if (this.displayMode === DisplayMode.Edit) {
- const placeholder: React.ReactElement = React.createElement(
- this._placeholderComponent,
- {
- iconName: 'Filter',
- iconText: webPartStrings.General.PlaceHolder.IconText,
- description: webPartStrings.General.PlaceHolder.Description,
- buttonLabel: webPartStrings.General.PlaceHolder.ConfigureBtnLabel,
- onConfigure: () => { this.context.propertyPane.open(); }
- }
- );
- renderRootElement = placeholder;
- } else {
- renderRootElement = null;
- Log.verbose(`[SearchResultsWebPart.renderCompleted]`, `The 'renderRootElement' was null during render.`, this.webPartInstanceServiceScope);
- }
+ return this.renderCompleted();
}
-
- ReactDom.render(renderRootElement, this.domElement);
- // This call set this.renderedOnce to 'true' so we need to execute it at the very end
- super.renderCompleted();
- }
+ protected renderCompleted(): void {
- public getPropertyDefinitions(): IDynamicDataPropertyDefinition[] {
- return [
- {
- id: ComponentType.SearchFilters,
- title: this.properties.title ? `${this.properties.title} - ${this.instanceId}` : `${webPartStrings.General.WebPartDefaultTitle} - ${this.instanceId}`
- }
- ];
- }
+ let renderRootElement: JSX.Element = null;
- public getPropertyValue(propertyId: string) {
+ let filterResults: IDataFilterResult[] = [];
- switch (propertyId) {
+ // Display the Web Part only if a valid configuration is set
+ if (this.templateContentToDisplay && this.properties.filtersConfiguration.length > 0) {
- case propertyId:
- return {
- filterConfiguration: this.properties.filtersConfiguration,
- selectedFilters: this._selectedFilters,
- filterOperator: this.properties.filterOperator,
- instanceId: this.instanceId
- } as IDataFilterSourceData;
-
- default:
- throw new Error('Bad property id');
- }
- }
-
- protected onDispose(): void {
- ReactDom.unmountComponentAtNode(this.domElement);
- }
-
- protected get dataVersion(): Version {
- return Version.parse('1.0');
- }
-
- protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
-
- let propertyPanePages: IPropertyPanePage[] = [];
-
- propertyPanePages.push(
- {
- groups: [
- {
- groupName: commonStrings.PropertyPane.ConnectionsPage.DataConnectionsGroupName,
- groupFields: this.propertyPaneConnectionsFields,
- },
- {
- groupName: webPartStrings.PropertyPane.FiltersSettingsPage.SettingsGroupName,
- groupFields: this.getFilterSettings()
- }
- ],
- displayGroupsAsAccordion: true
- },
- {
- groups: this.getStylingPageGroups(),
- displayGroupsAsAccordion: true
- }
- );
-
- // 'About' infos
- propertyPanePages.push(
- {
- displayGroupsAsAccordion: true,
- groups: [
- ...this.getPropertyPaneWebPartInfoGroups()
- ]
- }
- );
-
- return {
- pages: propertyPanePages
- };
- }
-
- protected async onPropertyPaneConfigurationStart() {
- await this.loadPropertyPaneResources();
- }
-
- protected async onPropertyPaneFieldChanged(propertyPath: string, oldValue: any, newValue: any): Promise{
-
- if (propertyPath.localeCompare('filtersConfiguration') === 0 && !isEqual(oldValue, newValue)) {
-
- // Remove duplicate fields. We can't have multiple filters with the same field
- this.properties.filtersConfiguration = uniqBy(this.properties.filtersConfiguration, 'filterName');
-
- // Set correct default values according to the template
- this.properties.filtersConfiguration = (newValue as IDataFilterConfiguration[]).map(configuration => {
- if (configuration.selectedTemplate === BuiltinFilterTemplates.DateRange
- || configuration.selectedTemplate === BuiltinFilterTemplates.DateInterval) {
- configuration.isMulti = false;
- configuration.operator = FilterConditionOperator.AND;
+ // Get data from connected sources
+ if (this._dataSourceDynamicProperties.length > 0) {
+
+ // Merge available filters and values from multiple sources
+ const dataResultsSourceData = this.mergeFiltersDataFromSources(this._dataSourceDynamicProperties);
+
+ // Get filter results
+ filterResults = dataResultsSourceData.availablefilters;
+ }
+
+ // Case when no search results WP is connected and we have 'Static' filters configured.
+ // OR the data results don't contain this filter name.
+ // We create fake entries for those filters to be able to render them in the template
+ // We do this by convenience to avoid refactoring the Handlebars templates
+ filterResults = this._initStaticFilters(filterResults, this.properties.filtersConfiguration);
+
+ renderRootElement = React.createElement(
+ SearchFilters,
+ {
+ templateContent: this.templateContentToDisplay,
+ availableFilters: filterResults,
+ filtersConfiguration: this.properties.filtersConfiguration,
+ domElement: this.domElement,
+ instanceId: this.instanceId,
+ selectedLayoutKey: this.properties.selectedLayoutKey,
+ properties: JSON.parse(JSON.stringify(this.properties)),
+ themeVariant: this._themeVariant,
+ onUpdateFilters: (updatedFilters: IDataFilter[]) => {
+
+ this._selectedFilters = updatedFilters;
+
+ // Notfify dynamic data consumers data have changed
+ this.context.dynamicDataSourceManager.notifyPropertyChanged(ComponentType.SearchFilters);
+ },
+ templateService: this.templateService,
+ webPartTitleProps: {
+ displayMode: this.displayMode,
+ title: this.properties.title,
+ updateProperty: (value: string) => {
+ this.properties.title = value;
+ },
+ className: commonStyles.wpTitle
+ }
+ } as ISearchFiltersContainerProps
+ );
+
+ } else {
+ if (this.displayMode === DisplayMode.Edit) {
+ const placeholder: React.ReactElement = React.createElement(
+ this._placeholderComponent,
+ {
+ iconName: 'Filter',
+ iconText: webPartStrings.General.PlaceHolder.IconText,
+ description: webPartStrings.General.PlaceHolder.Description,
+ buttonLabel: webPartStrings.General.PlaceHolder.ConfigureBtnLabel,
+ onConfigure: () => { this.context.propertyPane.open(); }
+ }
+ );
+ renderRootElement = placeholder;
+ } else {
+ renderRootElement = null;
+ Log.verbose(`[SearchResultsWebPart.renderCompleted]`, `The 'renderRootElement' was null during render.`, this.webPartInstanceServiceScope);
+ }
}
- // Set the correct type according to the filter tempalte
- configuration.type = BuiltinFilterTypes[configuration.selectedTemplate];
-
- return configuration;
- });
+ ReactDom.render(renderRootElement, this.domElement);
- // Reset filters
- this._selectedFilters = [];
+ // This call set this.renderedOnce to 'true' so we need to execute it at the very end
+ super.renderCompleted();
+ }
- this.context.dynamicDataSourceManager.notifyPropertyChanged(ComponentType.SearchFilters);
+ public getPropertyDefinitions(): IDynamicDataPropertyDefinition[] {
+ return [
+ {
+ id: ComponentType.SearchFilters,
+ title: this.properties.title ? `${this.properties.title} - ${this.instanceId}` : `${webPartStrings.General.WebPartDefaultTitle} - ${this.instanceId}`
+ }
+ ];
}
- // Detect if the layout has been changed to custom
- if (propertyPath.localeCompare('inlineTemplateContent') === 0) {
+ public getPropertyValue(propertyId: string) {
- // Automatically switch the option to 'Custom' if a default template has been edited
- // (meaning the user started from a default template)
- if (this.properties.inlineTemplateContent && this.properties.selectedLayoutKey !== BuiltinLayoutsKeys.FiltersCustom) {
- this.properties.selectedLayoutKey = BuiltinLayoutsKeys.FiltersCustom;
+ switch (propertyId) {
- // Reset also the template URL
- this.properties.externalTemplateUrl = '';
+ case propertyId:
+ return {
+ filterConfiguration: this.properties.filtersConfiguration,
+ selectedFilters: this._selectedFilters,
+ filterOperator: this.properties.filterOperator,
+ instanceId: this.instanceId
+ } as IDataFilterSourceData;
- // Reset the layout options (otherwise we stay with the previous layout options)
- if (this.context.propertyPane.isPropertyPaneOpen()) {
- this.context.propertyPane.refresh();
- }
- }
+ default:
+ throw new Error('Bad property id');
+ }
}
- // Notify layout a property has been updated (only if the layout is already selected)
- if ((propertyPath.localeCompare('selectedLayoutKey') !== 0) && this.layout) {
- this.layout.onPropertyUpdate(propertyPath, oldValue, newValue);
+ protected onDispose(): void {
+ ReactDom.unmountComponentAtNode(this.domElement);
}
- // Reset layout properties
- if (propertyPath.localeCompare('selectedLayoutKey') === 0 && !isEqual(oldValue, newValue) && this.properties.selectedLayoutKey !== BuiltinLayoutsKeys.ResultsDebug.toString()) {
- this.properties.layoutProperties = {};
+ protected get dataVersion(): Version {
+ return Version.parse('1.0');
}
- // Refresh list of available connections
- this.propertyPaneConnectionsFields = await this.getConnectionOptions();
- this.context.propertyPane.refresh();
- }
-
- protected get isRenderAsync(): boolean {
- return true;
- }
-
- private async getConnectionOptions(): Promise[]> {
-
- const availableSources = await this.dynamicDataService.getAvailableDataSourcesByType(ComponentType.SearchResults);
-
- const sourceOptions = availableSources.map(source => {
- return {
- text: source.text,
- key: source.key
- } as IComboBoxOption;
- });
-
- // The text to display in the combo
- const textDisplayValues: string[] = [];
- sourceOptions.forEach(option => {
- if (this.properties.dataResultsDataSourceReferences.indexOf(option.key as string) !== -1) {
- textDisplayValues.push(option.text);
- }
- });
-
- const connectionOptions: IPropertyPaneField[] = [
- new PropertyPaneAsyncCombo('dataResultsDataSourceReferences', {
- availableOptions: sourceOptions,
- allowFreeform: false,
- textDisplayValue: textDisplayValues.join(','),
- label: webPartStrings.PropertyPane.ConnectionsPage.UseDataResultsFromComponentsLabel,
- description: webPartStrings.PropertyPane.ConnectionsPage.UseDataResultsFromComponentsDescription,
- onPropertyChange: (propertyPath, newValue: IComboBoxOption[]) => {
- // Persist the new data sources references
- this.properties.dataResultsDataSourceReferences = newValue.map(option => option.key as string);
- this.ensureDataSourcesConnection();
-
- // Refresh the property pane for available fields
- this.context.propertyPane.refresh();
- },
- defaultSelectedKeys: this.properties.dataResultsDataSourceReferences,
- allowMultiSelect: true
- })
- ];
- return connectionOptions;
- }
-
- /**
- * Returns property pane 'Styling' page groups
- */
- private getStylingPageGroups(): IPropertyPaneGroup[] {
-
- let stylingFields: IPropertyPaneField[] = [
- PropertyPaneChoiceGroup('selectedLayoutKey', {
- options: LayoutHelper.getLayoutOptions(this.availableLayoutDefinitions)
- })
- ];
-
- // We can customize the template for any layout
- stylingFields.push(
- this._propertyFieldCodeEditor('inlineTemplateContent', {
- label: webPartStrings.PropertyPane.LayoutPage.FiltersTemplateFieldLabel,
- panelTitle: webPartStrings.PropertyPane.LayoutPage.FiltersTemplatePanelHeader,
- initialValue: this.templateContentToDisplay,
- deferredValidationTime: 500,
- onPropertyChange: this.onPropertyPaneFieldChanged.bind(this),
- properties: this.properties,
- disabled: false,
- key: 'inlineTemplateContentCodeEditor',
- language: this._propertyFieldCodeEditorLanguages.Handlebars
- }),
- );
-
- // Only show the template external URL for 'Custom' option
- if (this.properties.selectedLayoutKey === BuiltinLayoutsKeys.FiltersCustom) {
- stylingFields.push(
- PropertyPaneTextField('externalTemplateUrl', {
- label: webPartStrings.PropertyPane.LayoutPage.TemplateUrlFieldLabel,
- placeholder: webPartStrings.PropertyPane.LayoutPage.TemplateUrlPlaceholder,
- deferredValidationTime: 500,
- onGetErrorMessage: this.onTemplateUrlChange.bind(this)
- }));
+ protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
+
+ let propertyPanePages: IPropertyPanePage[] = [];
+
+ propertyPanePages.push(
+ {
+ groups: [
+ {
+ groupName: commonStrings.PropertyPane.ConnectionsPage.DataConnectionsGroupName,
+ groupFields: this.propertyPaneConnectionsFields,
+ },
+ {
+ groupName: webPartStrings.PropertyPane.FiltersSettingsPage.SettingsGroupName,
+ groupFields: this.getFilterSettings()
+ }
+ ],
+ displayGroupsAsAccordion: true
+ },
+ {
+ groups: this.getStylingPageGroups(),
+ displayGroupsAsAccordion: true
+ }
+ );
+
+ // 'About' infos
+ propertyPanePages.push(
+ {
+ displayGroupsAsAccordion: true,
+ groups: [
+ ...this.getPropertyPaneWebPartInfoGroups()
+ ]
+ }
+ );
+
+ return {
+ pages: propertyPanePages
+ };
}
- let groups: IPropertyPaneGroup[] = [
- {
- groupName: webPartStrings.PropertyPane.LayoutPage.AvailableLayoutsGroupName,
- groupFields: stylingFields
- }
- ];
-
- // Add template options if any
- const layoutOptions = this.getLayoutTemplateOptions();
- if (layoutOptions.length > 0) {
- groups.push({
- groupName: webPartStrings.PropertyPane.LayoutPage.LayoutTemplateOptionsGroupName,
- groupFields:layoutOptions
- });
+ protected async onPropertyPaneConfigurationStart() {
+ await this.loadPropertyPaneResources();
}
- return groups;
- }
+ protected async onPropertyPaneFieldChanged(propertyPath: string, oldValue: any, newValue: any): Promise {
+
+ if (propertyPath.localeCompare('filtersConfiguration') === 0 && !isEqual(oldValue, newValue)) {
+
+ // Remove duplicate fields. We can't have multiple filters with the same field
+ this.properties.filtersConfiguration = uniqBy(this.properties.filtersConfiguration, 'filterName');
+
+ // Set correct default values according to the template
+ this.properties.filtersConfiguration = (newValue as IDataFilterConfiguration[]).map(configuration => {
+ if (configuration.selectedTemplate === BuiltinFilterTemplates.DateRange
+ || configuration.selectedTemplate === BuiltinFilterTemplates.DateInterval) {
+ configuration.isMulti = false;
+ configuration.operator = FilterConditionOperator.AND;
+ }
+
+ // Set the correct type according to the filter tempalte
+ configuration.type = BuiltinFilterTypes[configuration.selectedTemplate];
- /**
- * Determines the group fields for filters settings
- */
- private getFilterSettings(): IPropertyPaneField[] {
+ return configuration;
+ });
- let availableFieldOptionsFromResults: IComboBoxOption[] = [];
+ // Reset filters
+ this._selectedFilters = [];
- let filterNameCollectionField: any[] = [{
- id: 'filterName',
- title: webPartStrings.PropertyPane.DataFilterCollection.FilterNameLabel,
- type: this._customCollectionFieldType.string,
- required: true
- }];
+ this.context.dynamicDataSourceManager.notifyPropertyChanged(ComponentType.SearchFilters);
+ }
+
+ // Detect if the layout has been changed to custom
+ if (propertyPath.localeCompare('inlineTemplateContent') === 0) {
- if (this._dataSourceDynamicProperties) {
+ // Automatically switch the option to 'Custom' if a default template has been edited
+ // (meaning the user started from a default template)
+ if (this.properties.inlineTemplateContent && this.properties.selectedLayoutKey !== BuiltinLayoutsKeys.FiltersCustom) {
+ this.properties.selectedLayoutKey = BuiltinLayoutsKeys.FiltersCustom;
+
+ // Reset also the template URL
+ this.properties.externalTemplateUrl = '';
+
+ // Reset the layout options (otherwise we stay with the previous layout options)
+ if (this.context.propertyPane.isPropertyPaneOpen()) {
+ this.context.propertyPane.refresh();
+ }
+ }
+ }
- let allAvailableFieldsFromResults: string[] = [];
- this._dataSourceDynamicProperties.forEach(dataSourceDynamicProperty => {
+ // Notify layout a property has been updated (only if the layout is already selected)
+ if ((propertyPath.localeCompare('selectedLayoutKey') !== 0) && this.layout) {
+ this.layout.onPropertyUpdate(propertyPath, oldValue, newValue);
+ }
- const dataResultsData = dataSourceDynamicProperty.tryGetValue();
- if (dataResultsData) {
- allAvailableFieldsFromResults = allAvailableFieldsFromResults.concat(dataResultsData.availableFieldsFromResults);
+ // Reset layout properties
+ if (propertyPath.localeCompare('selectedLayoutKey') === 0 && !isEqual(oldValue, newValue) && this.properties.selectedLayoutKey !== BuiltinLayoutsKeys.ResultsDebug.toString()) {
+ this.properties.layoutProperties = {};
}
- });
- availableFieldOptionsFromResults = uniq(allAvailableFieldsFromResults).map(field => { return { key: field, text: field };});
+ // Refresh list of available connections
+ this.propertyPaneConnectionsFields = await this.getConnectionOptions();
+ this.context.propertyPane.refresh();
}
-
- if (availableFieldOptionsFromResults.length > 0) {
- filterNameCollectionField = [{
- id: 'filterName',
- title: webPartStrings.PropertyPane.DataFilterCollection.FilterNameLabel,
- type: this._customCollectionFieldType.custom,
- required: true,
- onCustomRender: (field, value, onUpdate, item) => {
- return (
- React.createElement("div", null,
- React.createElement(AsyncCombo, {
- allowFreeform: true,
- availableOptions: availableFieldOptionsFromResults, // We remove already selected fields
- placeholder: webPartStrings.PropertyPane.DataFilterCollection.SelectFilterComboBoxLabel,
- textDisplayValue: item[field.id] ? item[field.id] : '',
- defaultSelectedKey: item[field.id] ? item[field.id] : '',
- loadOptions: () => {
- return Promise.resolve(availableFieldOptionsFromResults);
+
+ protected get isRenderAsync(): boolean {
+ return true;
+ }
+
+ private async getConnectionOptions(): Promise[]> {
+
+ const availableSources = await this.dynamicDataService.getAvailableDataSourcesByType(ComponentType.SearchResults);
+
+ const sourceOptions = availableSources.map(source => {
+ return {
+ text: source.text,
+ key: source.key
+ } as IComboBoxOption;
+ });
+
+ // The text to display in the combo
+ const textDisplayValues: string[] = [];
+ sourceOptions.forEach(option => {
+ if (this.properties.dataResultsDataSourceReferences.indexOf(option.key as string) !== -1) {
+ textDisplayValues.push(option.text);
+ }
+ });
+
+ const connectionOptions: IPropertyPaneField[] = [
+ new PropertyPaneAsyncCombo('dataResultsDataSourceReferences', {
+ availableOptions: sourceOptions,
+ allowFreeform: false,
+ textDisplayValue: textDisplayValues.join(','),
+ label: webPartStrings.PropertyPane.ConnectionsPage.UseDataResultsFromComponentsLabel,
+ description: webPartStrings.PropertyPane.ConnectionsPage.UseDataResultsFromComponentsDescription,
+ onPropertyChange: (propertyPath, newValue: IComboBoxOption[]) => {
+ // Persist the new data sources references
+ this.properties.dataResultsDataSourceReferences = newValue.map(option => option.key as string);
+ this.ensureDataSourcesConnection();
+
+ // Refresh the property pane for available fields
+ this.context.propertyPane.refresh();
},
- onUpdateOptions: () => {},
- onUpdate: (filterValue: IComboBoxOption) => {
- onUpdate(field.id, filterValue.key);
- }
- } as IAsyncComboProps)
- )
- );
+ defaultSelectedKeys: this.properties.dataResultsDataSourceReferences,
+ allowMultiSelect: true
+ })
+ ];
+ return connectionOptions;
+ }
+
+ /**
+ * Returns property pane 'Styling' page groups
+ */
+ private getStylingPageGroups(): IPropertyPaneGroup[] {
+
+ let stylingFields: IPropertyPaneField[] = [
+ PropertyPaneChoiceGroup('selectedLayoutKey', {
+ options: LayoutHelper.getLayoutOptions(this.availableLayoutDefinitions)
+ })
+ ];
+
+ // We can customize the template for any layout
+ stylingFields.push(
+ this._propertyFieldCodeEditor('inlineTemplateContent', {
+ label: webPartStrings.PropertyPane.LayoutPage.FiltersTemplateFieldLabel,
+ panelTitle: webPartStrings.PropertyPane.LayoutPage.FiltersTemplatePanelHeader,
+ initialValue: this.templateContentToDisplay,
+ deferredValidationTime: 500,
+ onPropertyChange: this.onPropertyPaneFieldChanged.bind(this),
+ properties: this.properties,
+ disabled: false,
+ key: 'inlineTemplateContentCodeEditor',
+ language: this._propertyFieldCodeEditorLanguages.Handlebars
+ }),
+ );
+
+ // Only show the template external URL for 'Custom' option
+ if (this.properties.selectedLayoutKey === BuiltinLayoutsKeys.FiltersCustom) {
+ stylingFields.push(
+ PropertyPaneTextField('externalTemplateUrl', {
+ label: webPartStrings.PropertyPane.LayoutPage.TemplateUrlFieldLabel,
+ placeholder: webPartStrings.PropertyPane.LayoutPage.TemplateUrlPlaceholder,
+ deferredValidationTime: 500,
+ onGetErrorMessage: this.onTemplateUrlChange.bind(this)
+ }));
+ }
+
+ let groups: IPropertyPaneGroup[] = [
+ {
+ groupName: webPartStrings.PropertyPane.LayoutPage.AvailableLayoutsGroupName,
+ groupFields: stylingFields
+ }
+ ];
+
+ // Add template options if any
+ const layoutOptions = this.getLayoutTemplateOptions();
+ if (layoutOptions.length > 0) {
+ groups.push({
+ groupName: webPartStrings.PropertyPane.LayoutPage.LayoutTemplateOptionsGroupName,
+ groupFields: layoutOptions
+ });
}
- }];
+
+ return groups;
}
- let filterSettings = [
- this._propertyFieldCollectionData('filtersConfiguration', {
- manageBtnLabel: webPartStrings.PropertyPane.DataFilterCollection.CustomizeFiltersBtnLabel,
- key: 'filters',
- enableSorting: true,
- panelHeader: webPartStrings.PropertyPane.DataFilterCollection.CustomizeFiltersHeader,
- panelDescription: webPartStrings.PropertyPane.DataFilterCollection.CustomizeFiltersDescription,
- label: webPartStrings.PropertyPane.DataFilterCollection.CustomizeFiltersFieldLabel,
- value: this.properties.filtersConfiguration,
- fields: [
- {
- id: 'displayValue',
- title: webPartStrings.PropertyPane.DataFilterCollection.FilterDisplayName,
- type: this._customCollectionFieldType.string
- },
- ...filterNameCollectionField,
- {
- id: 'selectedTemplate',
- title: webPartStrings.PropertyPane.DataFilterCollection.FilterTemplate,
- type: this._customCollectionFieldType.dropdown,
- required: true,
- options: [
- {
- key: BuiltinFilterTemplates.CheckBox,
- text: webPartStrings.PropertyPane.DataFilterCollection.Templates.CheckBoxTemplate
- },
- {
- key: BuiltinFilterTemplates.DateRange,
- text: webPartStrings.PropertyPane.DataFilterCollection.Templates.DateRangeTemplate
- },
- {
- key: BuiltinFilterTemplates.DateInterval,
- text: webPartStrings.PropertyPane.DataFilterCollection.Templates.DateIntervalTemplate
- },
- {
- key: BuiltinFilterTemplates.ComboBox,
- text: webPartStrings.PropertyPane.DataFilterCollection.Templates.ComboBoxTemplate
- }
- ]
- },
- {
- id: 'type',
- title: webPartStrings.PropertyPane.DataFilterCollection.FilterType,
- type: this._customCollectionFieldType.custom,
- defaultValue: FilterType.Refiner,
- onCustomRender: (field, value, onUpdate, item: IDataFilterConfiguration, itemId) => {
-
- if (item.selectedTemplate) {
- const filterType: FilterType = BuiltinFilterTypes[item.selectedTemplate];
-
- return React.createElement("div", {key : `${field.id}-${itemId}`},
- React.createElement(Icon, {
- iconName: filterType === FilterType.Refiner ? 'HorizontalTabKey' : 'Export',
- styles: {
- root: {
- color: filterType === FilterType.Refiner ? '#498205' : '#a4262c'
- }
- },
- title: filterType === FilterType.Refiner ? webPartStrings.PropertyPane.DataFilterCollection.FilterTypeRefiner : webPartStrings.PropertyPane.DataFilterCollection.FilterTypeStaticFilter
- })
- );
- } else{
- return null;
- }
+ /**
+ * Determines the group fields for filters settings
+ */
+ private getFilterSettings(): IPropertyPaneField[] {
+
+ let availableFieldOptionsFromResults: IComboBoxOption[] = [];
+
+ let filterNameCollectionField: any[] = [{
+ id: 'filterName',
+ title: webPartStrings.PropertyPane.DataFilterCollection.FilterNameLabel,
+ type: this._customCollectionFieldType.string,
+ required: true
+ }];
+
+ if (this._dataSourceDynamicProperties) {
+
+ let allAvailableFieldsFromResults: string[] = [];
+ this._dataSourceDynamicProperties.forEach(dataSourceDynamicProperty => {
+
+ const dataResultsData = dataSourceDynamicProperty.tryGetValue();
+ if (dataResultsData) {
+ allAvailableFieldsFromResults = allAvailableFieldsFromResults.concat(dataResultsData.availableFieldsFromResults);
}
- },
- {
- id: 'expandByDefault',
- title: webPartStrings.PropertyPane.DataFilterCollection.FilterExpandByDefault,
+ });
+
+ availableFieldOptionsFromResults = uniq(allAvailableFieldsFromResults).map(field => { return { key: field, text: field }; });
+ }
+
+ if (availableFieldOptionsFromResults.length > 0) {
+ filterNameCollectionField = [{
+ id: 'filterName',
+ title: webPartStrings.PropertyPane.DataFilterCollection.FilterNameLabel,
type: this._customCollectionFieldType.custom,
- defaultValue: false,
- onCustomRender: (field, value, onUpdate, item: IDataFilterConfiguration, itemId) => {
- return React.createElement("div", {key : `${field.id}-${itemId}`},
- React.createElement(Checkbox, {
- defaultChecked: item.selectedTemplate === BuiltinFilterTemplates.ComboBox ? false : item.expandByDefault,
- disabled: item.selectedTemplate === BuiltinFilterTemplates.ComboBox,
- onChange: (ev, checked: boolean) => {
- onUpdate(field.id, checked);
- }
- })
- );
- }
- },
- {
- id: 'showCount',
- title: webPartStrings.PropertyPane.DataFilterCollection.ShowCount,
- type: this._customCollectionFieldType.custom,
- defaultValue: false,
- onCustomRender: (field, value, onUpdate, item: IDataFilterConfiguration, itemId) => {
- return React.createElement("div", {key : `${field.id}-${itemId}`},
- React.createElement(Checkbox, {
- defaultChecked: item.selectedTemplate === BuiltinFilterTemplates.DateRange ? false : item.showCount,
- disabled: item.selectedTemplate === BuiltinFilterTemplates.DateRange,
- onChange: (ev, checked: boolean) => {
- onUpdate(field.id, checked);
- }
- })
+ required: true,
+ onCustomRender: (field, value, onUpdate, item) => {
+ return (
+ React.createElement("div", null,
+ React.createElement(AsyncCombo, {
+ allowFreeform: true,
+ availableOptions: availableFieldOptionsFromResults, // We remove already selected fields
+ placeholder: webPartStrings.PropertyPane.DataFilterCollection.SelectFilterComboBoxLabel,
+ textDisplayValue: item[field.id] ? item[field.id] : '',
+ defaultSelectedKey: item[field.id] ? item[field.id] : '',
+ loadOptions: () => {
+ return Promise.resolve(availableFieldOptionsFromResults);
+ },
+ onUpdateOptions: () => { },
+ onUpdate: (filterValue: IComboBoxOption) => {
+ onUpdate(field.id, filterValue.key);
+ }
+ } as IAsyncComboProps)
+ )
);
- }
- },
- {
- id: 'isMulti',
- title: webPartStrings.PropertyPane.DataFilterCollection.IsMulti,
- type: this._customCollectionFieldType.custom,
- defaultValue: false,
- onCustomRender: (field, value, onUpdate, item: IDataFilterConfiguration, itemId) => {
- return React.createElement("div", {key : `${field.id}-${itemId}`},
- React.createElement(Checkbox, {
- defaultChecked: item.selectedTemplate === BuiltinFilterTemplates.DateRange || item.selectedTemplate === BuiltinFilterTemplates.DateInterval ? false : item.isMulti,
- disabled: item.selectedTemplate === BuiltinFilterTemplates.DateRange || item.selectedTemplate === BuiltinFilterTemplates.DateInterval,
- onChange: (ev, checked: boolean) => {
- onUpdate(field.id, checked);
- }
- })
- );
}
- },
- {
- id: 'operator',
- title: webPartStrings.PropertyPane.DataFilterCollection.Operator,
- type: this._customCollectionFieldType.custom,
- defaultValue: FilterConditionOperator.AND,
- onCustomRender: (field, value, onUpdate, item: IDataFilterConfiguration, itemId) => {
-
- return React.createElement("div", {key : `${field.id}-${itemId}`},
- React.createElement(Dropdown, {
- disabled: item.isMulti ? false : true,
- onChange: (event: React.FormEvent, optionItem: IDropdownOption) => {
- onUpdate(field.id, optionItem.key);
+ }];
+ }
+
+ let filterSettings = [
+ this._propertyFieldCollectionData('filtersConfiguration', {
+ manageBtnLabel: webPartStrings.PropertyPane.DataFilterCollection.CustomizeFiltersBtnLabel,
+ key: 'filters',
+ enableSorting: true,
+ panelHeader: webPartStrings.PropertyPane.DataFilterCollection.CustomizeFiltersHeader,
+ panelDescription: webPartStrings.PropertyPane.DataFilterCollection.CustomizeFiltersDescription,
+ label: webPartStrings.PropertyPane.DataFilterCollection.CustomizeFiltersFieldLabel,
+ value: this.properties.filtersConfiguration,
+ fields: [
+ {
+ id: 'displayValue',
+ title: webPartStrings.PropertyPane.DataFilterCollection.FilterDisplayName,
+ type: this._customCollectionFieldType.string
},
- selectedKey: item.selectedTemplate === BuiltinFilterTemplates.DateRange || item.selectedTemplate === BuiltinFilterTemplates.DateInterval ? FilterConditionOperator.AND : item.operator,
- options: [
- {
- key: FilterConditionOperator.AND,
- text: webPartStrings.PropertyPane.DataFilterCollection.ANDOperator
- },
- {
- key: FilterConditionOperator.OR,
- text: webPartStrings.PropertyPane.DataFilterCollection.OROperator
- }
- ]
- } as IDropdownProps));
- },
- required: false,
- },
- {
- id: 'sortBy',
- title: webPartStrings.PropertyPane.DataFilterCollection.SortBy,
- type: this._customCollectionFieldType.custom,
- defaultValue: FilterSortType.ByName,
- onCustomRender: (field, value, onUpdate, item) => {
- return (
- React.createElement("div", null,
- React.createElement(Dropdown, {
- options: [
+ ...filterNameCollectionField,
+ {
+ id: 'maxBuckets',
+ title: webPartStrings.PropertyPane.DataFilterCollection.FilterMaxBuckets,
+ type: this._customCollectionFieldType.number,
+ required: false,
+ defaultValue: ""
+ },
+ {
+ id: 'selectedTemplate',
+ title: webPartStrings.PropertyPane.DataFilterCollection.FilterTemplate,
+ type: this._customCollectionFieldType.dropdown,
+ required: true,
+ options: [
{
- key: FilterSortType.ByName,
- text: webPartStrings.PropertyPane.DataFilterCollection.SortByName
+ key: BuiltinFilterTemplates.CheckBox,
+ text: webPartStrings.PropertyPane.DataFilterCollection.Templates.CheckBoxTemplate
},
{
- key: FilterSortType.ByCount,
- text: webPartStrings.PropertyPane.DataFilterCollection.SortByCount
+ key: BuiltinFilterTemplates.DateRange,
+ text: webPartStrings.PropertyPane.DataFilterCollection.Templates.DateRangeTemplate
},
- ],
- disabled: item.selectedTemplate === BuiltinFilterTemplates.DateRange || item.selectedTemplate === BuiltinFilterTemplates.DateInterval,
- defaultSelectedKey: item.sortBy,
- onChange: (ev, option) => onUpdate(field.id, option.key),
- } as IDropdownProps)
- )
- );
- }
- },
- {
- id: 'sortDirection',
- title: webPartStrings.PropertyPane.DataFilterCollection.SortDirection,
- type: this._customCollectionFieldType.custom,
- defaultValue: FilterSortDirection.Ascending,
- onCustomRender: (field, value, onUpdate, item) => {
- return (
- React.createElement("div", null,
- React.createElement(Dropdown, {
- options: [
{
- key: FilterSortDirection.Ascending,
- text: webPartStrings.PropertyPane.DataFilterCollection.SortAscending
+ key: BuiltinFilterTemplates.DateInterval,
+ text: webPartStrings.PropertyPane.DataFilterCollection.Templates.DateIntervalTemplate
},
{
- key: FilterSortDirection.Descending,
- text: webPartStrings.PropertyPane.DataFilterCollection.SortDescending
- },
- ],
- disabled: item.selectedTemplate === BuiltinFilterTemplates.DateRange || item.selectedTemplate === BuiltinFilterTemplates.DateInterval,
- defaultSelectedKey: item.sortDirection,
- onChange: (ev, option) => onUpdate(field.id, option.key),
- } as IDropdownProps)
- )
- );
- }
- }
- ]
- }),
- PropertyPaneChoiceGroup('filterOperator', {
- label: webPartStrings.PropertyPane.FiltersSettingsPage.FilterOperator,
- options: [
- {
- key: FilterConditionOperator.AND,
- text: webPartStrings.PropertyPane.DataFilterCollection.ANDOperator
- },
- {
- key: FilterConditionOperator.OR,
- text: webPartStrings.PropertyPane.DataFilterCollection.OROperator
+ key: BuiltinFilterTemplates.ComboBox,
+ text: webPartStrings.PropertyPane.DataFilterCollection.Templates.ComboBoxTemplate
+ }
+ ]
+ },
+ {
+ id: 'type',
+ title: webPartStrings.PropertyPane.DataFilterCollection.FilterType,
+ type: this._customCollectionFieldType.custom,
+ defaultValue: FilterType.Refiner,
+ onCustomRender: (field, value, onUpdate, item: IDataFilterConfiguration, itemId) => {
+
+ if (item.selectedTemplate) {
+ const filterType: FilterType = BuiltinFilterTypes[item.selectedTemplate];
+
+ return React.createElement("div", { key: `${field.id}-${itemId}` },
+ React.createElement(Icon, {
+ iconName: filterType === FilterType.Refiner ? 'HorizontalTabKey' : 'Export',
+ styles: {
+ root: {
+ color: filterType === FilterType.Refiner ? '#498205' : '#a4262c'
+ }
+ },
+ title: filterType === FilterType.Refiner ? webPartStrings.PropertyPane.DataFilterCollection.FilterTypeRefiner : webPartStrings.PropertyPane.DataFilterCollection.FilterTypeStaticFilter
+ })
+ );
+ } else {
+ return null;
+ }
+ }
+ },
+ {
+ id: 'expandByDefault',
+ title: webPartStrings.PropertyPane.DataFilterCollection.FilterExpandByDefault,
+ type: this._customCollectionFieldType.custom,
+ defaultValue: false,
+ onCustomRender: (field, value, onUpdate, item: IDataFilterConfiguration, itemId) => {
+ return React.createElement("div", { key: `${field.id}-${itemId}` },
+ React.createElement(Checkbox, {
+ defaultChecked: item.selectedTemplate === BuiltinFilterTemplates.ComboBox ? false : item.expandByDefault,
+ disabled: item.selectedTemplate === BuiltinFilterTemplates.ComboBox,
+ onChange: (ev, checked: boolean) => {
+ onUpdate(field.id, checked);
+ }
+ })
+ );
+ }
+ },
+ {
+ id: 'showCount',
+ title: webPartStrings.PropertyPane.DataFilterCollection.ShowCount,
+ type: this._customCollectionFieldType.custom,
+ defaultValue: false,
+ onCustomRender: (field, value, onUpdate, item: IDataFilterConfiguration, itemId) => {
+ return React.createElement("div", { key: `${field.id}-${itemId}` },
+ React.createElement(Checkbox, {
+ defaultChecked: item.selectedTemplate === BuiltinFilterTemplates.DateRange ? false : item.showCount,
+ disabled: item.selectedTemplate === BuiltinFilterTemplates.DateRange,
+ onChange: (ev, checked: boolean) => {
+ onUpdate(field.id, checked);
+ }
+ })
+ );
+ }
+ },
+ {
+ id: 'isMulti',
+ title: webPartStrings.PropertyPane.DataFilterCollection.IsMulti,
+ type: this._customCollectionFieldType.custom,
+ defaultValue: false,
+ onCustomRender: (field, value, onUpdate, item: IDataFilterConfiguration, itemId) => {
+ return React.createElement("div", { key: `${field.id}-${itemId}` },
+ React.createElement(Checkbox, {
+ defaultChecked: item.selectedTemplate === BuiltinFilterTemplates.DateRange || item.selectedTemplate === BuiltinFilterTemplates.DateInterval ? false : item.isMulti,
+ disabled: item.selectedTemplate === BuiltinFilterTemplates.DateRange || item.selectedTemplate === BuiltinFilterTemplates.DateInterval,
+ onChange: (ev, checked: boolean) => {
+ onUpdate(field.id, checked);
+ }
+ })
+ );
+ }
+ },
+ {
+ id: 'operator',
+ title: webPartStrings.PropertyPane.DataFilterCollection.Operator,
+ type: this._customCollectionFieldType.custom,
+ defaultValue: FilterConditionOperator.AND,
+ onCustomRender: (field, value, onUpdate, item: IDataFilterConfiguration, itemId) => {
+
+ return React.createElement("div", { key: `${field.id}-${itemId}` },
+ React.createElement(Dropdown, {
+ disabled: item.isMulti ? false : true,
+ onChange: (event: React.FormEvent, optionItem: IDropdownOption) => {
+ onUpdate(field.id, optionItem.key);
+ },
+ selectedKey: item.selectedTemplate === BuiltinFilterTemplates.DateRange || item.selectedTemplate === BuiltinFilterTemplates.DateInterval ? FilterConditionOperator.AND : item.operator,
+ options: [
+ {
+ key: FilterConditionOperator.AND,
+ text: webPartStrings.PropertyPane.DataFilterCollection.ANDOperator
+ },
+ {
+ key: FilterConditionOperator.OR,
+ text: webPartStrings.PropertyPane.DataFilterCollection.OROperator
+ }
+ ]
+ } as IDropdownProps));
+ },
+ required: false,
+ },
+ {
+ id: 'sortBy',
+ title: webPartStrings.PropertyPane.DataFilterCollection.SortBy,
+ type: this._customCollectionFieldType.custom,
+ defaultValue: FilterSortType.ByName,
+ onCustomRender: (field, value, onUpdate, item) => {
+ return (
+ React.createElement("div", null,
+ React.createElement(Dropdown, {
+ options: [
+ {
+ key: FilterSortType.ByName,
+ text: webPartStrings.PropertyPane.DataFilterCollection.SortByName
+ },
+ {
+ key: FilterSortType.ByCount,
+ text: webPartStrings.PropertyPane.DataFilterCollection.SortByCount
+ },
+ ],
+ disabled: item.selectedTemplate === BuiltinFilterTemplates.DateRange || item.selectedTemplate === BuiltinFilterTemplates.DateInterval,
+ defaultSelectedKey: item.sortBy,
+ onChange: (ev, option) => onUpdate(field.id, option.key),
+ } as IDropdownProps)
+ )
+ );
+ }
+ },
+ {
+ id: 'sortDirection',
+ title: webPartStrings.PropertyPane.DataFilterCollection.SortDirection,
+ type: this._customCollectionFieldType.custom,
+ defaultValue: FilterSortDirection.Ascending,
+ onCustomRender: (field, value, onUpdate, item) => {
+ return (
+ React.createElement("div", null,
+ React.createElement(Dropdown, {
+ options: [
+ {
+ key: FilterSortDirection.Ascending,
+ text: webPartStrings.PropertyPane.DataFilterCollection.SortAscending
+ },
+ {
+ key: FilterSortDirection.Descending,
+ text: webPartStrings.PropertyPane.DataFilterCollection.SortDescending
+ },
+ ],
+ disabled: item.selectedTemplate === BuiltinFilterTemplates.DateRange || item.selectedTemplate === BuiltinFilterTemplates.DateInterval,
+ defaultSelectedKey: item.sortDirection,
+ onChange: (ev, option) => onUpdate(field.id, option.key),
+ } as IDropdownProps)
+ )
+ );
+ }
+ }
+ ]
+ }),
+ PropertyPaneChoiceGroup('filterOperator', {
+ label: webPartStrings.PropertyPane.FiltersSettingsPage.FilterOperator,
+ options: [
+ {
+ key: FilterConditionOperator.AND,
+ text: webPartStrings.PropertyPane.DataFilterCollection.ANDOperator
+ },
+ {
+ key: FilterConditionOperator.OR,
+ text: webPartStrings.PropertyPane.DataFilterCollection.OROperator
+ }
+ ],
+ })
+ ];
+
+ return filterSettings;
+ }
+
+ /**
+ * Custom handler when the external template file URL
+ * @param value the template file URL value
+ */
+ private async onTemplateUrlChange(value: string): Promise {
+
+ try {
+ // Doesn't raise any error if file is empty (otherwise error message will show on initial load...)
+ if (isEmpty(value)) {
+ return '';
}
- ],
- })
- ];
-
- return filterSettings;
- }
-
- /**
- * Custom handler when the external template file URL
- * @param value the template file URL value
- */
- private async onTemplateUrlChange(value: string): Promise {
-
- try {
- // Doesn't raise any error if file is empty (otherwise error message will show on initial load...)
- if (isEmpty(value)) {
- return '';
- }
- // Resolves an error if the file isn't a valid .htm or .html file
- else if (!this.templateService.isValidTemplateFile(value)) {
- return webPartStrings.PropertyPane.LayoutPage.ErrorTemplateExtension;
- }
- // Resolves an error if the file doesn't answer a simple head request
- else {
- await this.templateService.ensureFileResolves(value);
- return '';
+ // Resolves an error if the file isn't a valid .htm or .html file
+ else if (!this.templateService.isValidTemplateFile(value)) {
+ return webPartStrings.PropertyPane.LayoutPage.ErrorTemplateExtension;
+ }
+ // Resolves an error if the file doesn't answer a simple head request
+ else {
+ await this.templateService.ensureFileResolves(value);
+ return '';
+ }
+ } catch (error) {
+ return Text.format(webPartStrings.PropertyPane.LayoutPage.ErrorTemplateResolve, error);
}
- } catch (error) {
- return Text.format(webPartStrings.PropertyPane.LayoutPage.ErrorTemplateResolve, error);
}
- }
- /**
- * Initializes the template according to the property pane current configuration
- * @returns the template content as a string
- */
- private async initTemplate(): Promise {
+ /**
+ * Initializes the template according to the property pane current configuration
+ * @returns the template content as a string
+ */
+ private async initTemplate(): Promise {
+
+ // Gets the template content according to the selected key
+ const selectedLayoutTemplateContent = this.availableLayoutDefinitions.filter(layout => { return layout.key === this.properties.selectedLayoutKey; })[0].templateContent;
+
+ if (this.properties.selectedLayoutKey === BuiltinLayoutsKeys.FiltersCustom) {
- // Gets the template content according to the selected key
- const selectedLayoutTemplateContent = this.availableLayoutDefinitions.filter(layout => { return layout.key === this.properties.selectedLayoutKey; })[0].templateContent;
+ if (this.properties.externalTemplateUrl) {
+ this.templateContentToDisplay = await this.templateService.getFileContent(this.properties.externalTemplateUrl);
+ } else {
+ this.templateContentToDisplay = this.properties.inlineTemplateContent ? this.properties.inlineTemplateContent : selectedLayoutTemplateContent;
+ }
- if (this.properties.selectedLayoutKey === BuiltinLayoutsKeys.FiltersCustom) {
-
- if (this.properties.externalTemplateUrl) {
- this.templateContentToDisplay = await this.templateService.getFileContent(this.properties.externalTemplateUrl);
} else {
- this.templateContentToDisplay = this.properties.inlineTemplateContent ? this.properties.inlineTemplateContent :selectedLayoutTemplateContent;
+ this.templateContentToDisplay = selectedLayoutTemplateContent;
}
- } else {
- this.templateContentToDisplay = selectedLayoutTemplateContent;
+ return;
+ }
+
+ private initializeWebPartServices(): void {
+ this.webPartInstanceServiceScope = this.context.serviceScope.startNewChild();
+ this.templateService = this.webPartInstanceServiceScope.createAndProvide(TemplateService.ServiceKey, TemplateService);
+ this.dynamicDataService = this.webPartInstanceServiceScope.createAndProvide(DynamicDataService.ServiceKey, DynamicDataService);
+ this.dynamicDataService.dynamicDataProvider = this.context.dynamicDataProvider;
+ this.webPartInstanceServiceScope.finish();
}
- return;
- }
-
- private initializeWebPartServices(): void {
- this.webPartInstanceServiceScope = this.context.serviceScope.startNewChild();
- this.templateService = this.webPartInstanceServiceScope.createAndProvide(TemplateService.ServiceKey, TemplateService);
- this.dynamicDataService = this.webPartInstanceServiceScope.createAndProvide(DynamicDataService.ServiceKey, DynamicDataService);
- this.dynamicDataService.dynamicDataProvider = this.context.dynamicDataProvider;
- this.webPartInstanceServiceScope.finish();
- }
-
- /**
- * Initializes required Web Part properties
- */
- private initializeProperties() {
-
- this.properties.selectedLayoutKey = this.properties.selectedLayoutKey ? this.properties.selectedLayoutKey : BuiltinLayoutsKeys.Vertical;
- this.properties.inlineTemplateContent = this.properties.inlineTemplateContent ? this.properties.inlineTemplateContent : '';
- this.properties.filterOperator = this.properties.filterOperator ? this.properties.filterOperator : FilterConditionOperator.OR;
- this.properties.layoutProperties = this.properties.layoutProperties ? this.properties.layoutProperties : {};
- this.properties.dataResultsDataSourceReferences = this.properties.dataResultsDataSourceReferences ? this.properties.dataResultsDataSourceReferences : [];
-
- if (!this.properties.filtersConfiguration) {
- this.properties.filtersConfiguration = [];
+ /**
+ * Initializes required Web Part properties
+ */
+ private initializeProperties() {
+
+ this.properties.selectedLayoutKey = this.properties.selectedLayoutKey ? this.properties.selectedLayoutKey : BuiltinLayoutsKeys.Vertical;
+ this.properties.inlineTemplateContent = this.properties.inlineTemplateContent ? this.properties.inlineTemplateContent : '';
+ this.properties.filterOperator = this.properties.filterOperator ? this.properties.filterOperator : FilterConditionOperator.OR;
+ this.properties.layoutProperties = this.properties.layoutProperties ? this.properties.layoutProperties : {};
+ this.properties.dataResultsDataSourceReferences = this.properties.dataResultsDataSourceReferences ? this.properties.dataResultsDataSourceReferences : [];
+
+ if (!this.properties.filtersConfiguration) {
+ this.properties.filtersConfiguration = [];
+ }
}
- }
- /**
- * Make sure the dynamic properties are correctly connected to the corresponding sources according to the proeprty pane settings
- */
- private ensureDataSourcesConnection() {
+ /**
+ * Make sure the dynamic properties are correctly connected to the corresponding sources according to the proeprty pane settings
+ */
+ private ensureDataSourcesConnection() {
- // First, unregister the properties every time. Simpler than updated existing ones.
- this._dataSourceDynamicProperties.forEach(dynamicProperty => {
- dynamicProperty.unregister(this.render);
- });
+ // First, unregister the properties every time. Simpler than updated existing ones.
+ this._dataSourceDynamicProperties.forEach(dynamicProperty => {
+ dynamicProperty.unregister(this.render);
+ });
- // Then reset the dynamic properties to an empty array to start connections over.
- this._dataSourceDynamicProperties = [];
+ // Then reset the dynamic properties to an empty array to start connections over.
+ this._dataSourceDynamicProperties = [];
- // Search Results Web Part data sources
- if (this.properties.dataResultsDataSourceReferences.length > 0) {
+ // Search Results Web Part data sources
+ if (this.properties.dataResultsDataSourceReferences.length > 0) {
- this.properties.dataResultsDataSourceReferences.forEach(reference => {
+ this.properties.dataResultsDataSourceReferences.forEach(reference => {
- const dataSourceDynamicProperty = new DynamicProperty(this.context.dynamicDataProvider);
+ const dataSourceDynamicProperty = new DynamicProperty(this.context.dynamicDataProvider);
- // Register the data source manually since we don't want user select properties manually via native property pane controls
- dataSourceDynamicProperty.setReference(reference);
- dataSourceDynamicProperty.register(this.render);
+ // Register the data source manually since we don't want user select properties manually via native property pane controls
+ dataSourceDynamicProperty.setReference(reference);
+ dataSourceDynamicProperty.register(this.render);
- this._dataSourceDynamicProperties.push(dataSourceDynamicProperty);
- });
+ this._dataSourceDynamicProperties.push(dataSourceDynamicProperty);
+ });
+ }
}
- }
-
- private async loadPropertyPaneResources(): Promise {
-
- const { PropertyFieldCodeEditor, PropertyFieldCodeEditorLanguages } = await import(
- /* webpackChunkName: 'data-filter-property-pane' */
- '@pnp/spfx-property-controls/lib/propertyFields/codeEditor'
- );
-
- this._propertyFieldCodeEditor = PropertyFieldCodeEditor;
- this._propertyFieldCodeEditorLanguages = PropertyFieldCodeEditorLanguages;
-
- const { PropertyFieldCollectionData, CustomCollectionFieldType } = await import(
- /* webpackChunkName: 'data-filter-property-pane' */
- '@pnp/spfx-property-controls/lib/PropertyFieldCollectionData'
- );
- this._propertyFieldCollectionData = PropertyFieldCollectionData;
- this._customCollectionFieldType = CustomCollectionFieldType;
-
- this.propertyPaneConnectionsFields = await this.getConnectionOptions();
- }
-
- /**
- * Returns layout template options if any
- */
- private getLayoutTemplateOptions(): IPropertyPaneField[] {
-
- if (this.layout) {
- return this.layout.getPropertyPaneFieldsConfiguration([]);
- } else {
- return [];
+
+ private async loadPropertyPaneResources(): Promise {
+
+ const { PropertyFieldCodeEditor, PropertyFieldCodeEditorLanguages } = await import(
+ /* webpackChunkName: 'data-filter-property-pane' */
+ '@pnp/spfx-property-controls/lib/propertyFields/codeEditor'
+ );
+
+ this._propertyFieldCodeEditor = PropertyFieldCodeEditor;
+ this._propertyFieldCodeEditorLanguages = PropertyFieldCodeEditorLanguages;
+
+ const { PropertyFieldCollectionData, CustomCollectionFieldType } = await import(
+ /* webpackChunkName: 'data-filter-property-pane' */
+ '@pnp/spfx-property-controls/lib/PropertyFieldCollectionData'
+ );
+ this._propertyFieldCollectionData = PropertyFieldCollectionData;
+ this._customCollectionFieldType = CustomCollectionFieldType;
+
+ this.propertyPaneConnectionsFields = await this.getConnectionOptions();
}
- }
-
- /**
- * Initializes filter results according to 'Static' type filters in the configuration
- * @param filtersConfiguration The current filters configurations
- */
- private _initStaticFilters(filterResults: IDataFilterResult[], filtersConfiguration: IDataFilterConfiguration[]): IDataFilterResult[] {
-
- let updatedFilterResults = cloneDeep(filterResults);
-
- // Get the corresponding configuration for this filter
- filtersConfiguration.forEach(filterConfiguration => {
-
- if (filterConfiguration.type === FilterType.StaticFilter) {
-
- // Check if the filter already exists
- if (filterResults.filter(filterResult => filterResult.filterName === filterConfiguration.filterName).length === 0) {
- updatedFilterResults.push({
- filterName: filterConfiguration.filterName,
- values: [
- ]
- });
+
+ /**
+ * Returns layout template options if any
+ */
+ private getLayoutTemplateOptions(): IPropertyPaneField[] {
+
+ if (this.layout) {
+ return this.layout.getPropertyPaneFieldsConfiguration([]);
+ } else {
+ return [];
}
- }
- });
+ }
+
+ /**
+ * Initializes filter results according to 'Static' type filters in the configuration
+ * @param filtersConfiguration The current filters configurations
+ */
+ private _initStaticFilters(filterResults: IDataFilterResult[], filtersConfiguration: IDataFilterConfiguration[]): IDataFilterResult[] {
- return updatedFilterResults;
- }
+ let updatedFilterResults = cloneDeep(filterResults);
- /**
- * Merges the filters data coming from multiple connected sources
- * @param dynamicProperties the dynamic properties for connected sources
- */
- private mergeFiltersDataFromSources(dynamicProperties: DynamicProperty[]): IDataResultSourceData {
+ // Get the corresponding configuration for this filter
+ filtersConfiguration.forEach(filterConfiguration => {
- let dataResultsSourceData: IDataResultSourceData = {
- availableFieldsFromResults: [],
- availablefilters: []
- };
+ if (filterConfiguration.type === FilterType.StaticFilter) {
- let allAvailableFieldsFromResults: string[] = [];
- let allAvailableFilters: IDataFilterResult[] = [];
+ // Check if the filter already exists
+ if (filterResults.filter(filterResult => filterResult.filterName === filterConfiguration.filterName).length === 0) {
+ updatedFilterResults.push({
+ filterName: filterConfiguration.filterName,
+ values: [
+ ]
+ });
+ }
+ }
+ });
+
+ return updatedFilterResults;
+ }
+
+ /**
+ * Merges the filters data coming from multiple connected sources
+ * @param dynamicProperties the dynamic properties for connected sources
+ */
+ private mergeFiltersDataFromSources(dynamicProperties: DynamicProperty[]): IDataResultSourceData {
- let allMergedFilters: IDataFilterResult[] = [];
+ let dataResultsSourceData: IDataResultSourceData = {
+ availableFieldsFromResults: [],
+ availablefilters: []
+ };
- // Get values for all dynamic properties
- dynamicProperties.forEach(dataSourceDynamicProperty => {
+ let allAvailableFieldsFromResults: string[] = [];
+ let allAvailableFilters: IDataFilterResult[] = [];
+
+ let allMergedFilters: IDataFilterResult[] = [];
+
+ // Get values for all dynamic properties
+ dynamicProperties.forEach(dataSourceDynamicProperty => {
+
+ const dataSourceData = dataSourceDynamicProperty.tryGetValue();
+ if (dataSourceData) {
+
+ // 1. Concatenate all values from all connected results Web Parts
+ allAvailableFieldsFromResults = allAvailableFieldsFromResults.concat(dataSourceData.availableFieldsFromResults);
+ allAvailableFilters = allAvailableFilters.concat(dataSourceData.availablefilters);
+ }
+ });
- const dataSourceData = dataSourceDynamicProperty.tryGetValue();
- if (dataSourceData) {
+ // 2. Concatenate all values from similar filters
+ allAvailableFilters.forEach(filterResult => {
- // 1. Concatenate all values from all connected results Web Parts
- allAvailableFieldsFromResults = allAvailableFieldsFromResults.concat(dataSourceData.availableFieldsFromResults);
- allAvailableFilters = allAvailableFilters.concat(dataSourceData.availablefilters);
- }
- });
+ const mergedFilterIdx = allMergedFilters.map(m => m.filterName).indexOf(filterResult.filterName);
- // 2. Concatenate all values from similar filters
- allAvailableFilters.forEach(filterResult => {
+ if (mergedFilterIdx === -1) {
+ allMergedFilters.push(filterResult);
+ } else {
- const mergedFilterIdx = allMergedFilters.map(m => m.filterName).indexOf(filterResult.filterName);
+ let allMergedValues: IDataFilterResultValue[] = [];
+ const allValues = allMergedFilters[mergedFilterIdx].values.concat(filterResult.values);
- if (mergedFilterIdx === -1) {
- allMergedFilters.push(filterResult);
- } else {
-
- let allMergedValues: IDataFilterResultValue[] = [];
- const allValues = allMergedFilters[mergedFilterIdx].values.concat(filterResult.values);
+ // 3. Sum counts for similar value names
+ allValues.forEach(value => {
- // 3. Sum counts for similar value names
- allValues.forEach(value => {
+ const mergedValueIdx = allMergedValues.map(v => v.name).indexOf(value.name);
- const mergedValueIdx = allMergedValues.map(v => v.name).indexOf(value.name);
+ if (mergedValueIdx === -1) {
+ allMergedValues.push(value);
+ } else {
+ allMergedValues[mergedValueIdx].count = allMergedValues[mergedValueIdx].count + value.count;
+ }
+ });
- if (mergedValueIdx === -1) {
- allMergedValues.push(value);
- } else {
- allMergedValues[mergedValueIdx].count = allMergedValues[mergedValueIdx].count + value.count;
- }
+ allMergedFilters[mergedFilterIdx].values = allMergedValues;
+ }
});
- allMergedFilters[mergedFilterIdx].values = allMergedValues;
- }
- });
+ // 4. Sort all values according to filter configuration
+ const sortedFilters = allMergedFilters.map(filter => {
- // 4. Sort all values according to filter configuration
- const sortedFilters = allMergedFilters.map(filter => {
+ let sortByField = 'name';
+ let sortDirection = FilterSortDirection.Ascending;
- let sortByField = 'name';
- let sortDirection = FilterSortDirection.Ascending;
+ const filterConfigurationIdx = this.properties.filtersConfiguration.map(configuration => configuration.filterName).indexOf(filter.filterName);
+ if (filterConfigurationIdx !== -1) {
- const filterConfigurationIdx = this.properties.filtersConfiguration.map(configuration => configuration.filterName).indexOf(filter.filterName);
- if (filterConfigurationIdx !== -1) {
+ const filterConfiguration = this.properties.filtersConfiguration[filterConfigurationIdx];
+ if (filterConfiguration.sortBy === FilterSortType.ByCount) {
+ sortByField = 'count';
+ }
- const filterConfiguration = this.properties.filtersConfiguration[filterConfigurationIdx];
- if (filterConfiguration.sortBy === FilterSortType.ByCount) {
- sortByField = 'count';
- }
+ if (filterConfiguration.sortDirection === FilterSortDirection.Descending) {
+ sortDirection = FilterSortDirection.Descending;
+ }
+ }
- if (filterConfiguration.sortDirection === FilterSortDirection.Descending) {
- sortDirection = FilterSortDirection.Descending;
- }
- }
-
- filter.values = sortDirection === FilterSortDirection.Ascending ? sortBy(filter.values, sortByField) : sortBy(filter.values, sortByField).reverse();
-
- return filter;
- });
-
- dataResultsSourceData.availablefilters = sortedFilters;
- dataResultsSourceData.availableFieldsFromResults = uniq(allAvailableFieldsFromResults);
-
- return dataResultsSourceData;
- }
+ filter.values = sortDirection === FilterSortDirection.Ascending ? sortBy(filter.values, sortByField) : sortBy(filter.values, sortByField).reverse();
+
+ return filter;
+ });
+
+ dataResultsSourceData.availablefilters = sortedFilters;
+ dataResultsSourceData.availableFieldsFromResults = uniq(allAvailableFieldsFromResults);
+
+ return dataResultsSourceData;
+ }
}
diff --git a/search-parts/src/webparts/searchFilters/loc/da-dk.js b/search-parts/src/webparts/searchFilters/loc/da-dk.js
new file mode 100644
index 000000000..3824d6cb5
--- /dev/null
+++ b/search-parts/src/webparts/searchFilters/loc/da-dk.js
@@ -0,0 +1,68 @@
+define([], function() {
+ return {
+ General: {
+ PlaceHolder: {
+ EditLabel: "Redigér",
+ IconText: "PnP-søgefiltre",
+ Description: "Viser datafiltre fra en forbundet søgeresultats-webpart",
+ ConfigureBtnLabel: "Konfigurér"
+ },
+ NoAvailableFilterMessage: "Ingen tilgængelige filtre at vise.",
+ WebPartDefaultTitle: "Søgefiltre-webpart"
+ },
+ PropertyPane: {
+ ConnectionsPage: {
+ UseDataResultsWebPartLabel: "Forbind til en dataresultat-webpart",
+ UseDataResultsFromComponentsLabel: "Anvend data fra disse webparts",
+ UseDataResultsFromComponentsDescription: "Hvis du forbinder mere end en webpart, flettes filterværdier til lignende filternavne.",
+ },
+ FiltersSettingsPage: {
+ SettingsGroupName: "Indstillinger til filtre",
+ FilterOperator: "Operatør til anvendelse mellem filtre"
+ },
+ DataFilterCollection: {
+ SelectFilterComboBoxLabel: "Vælg felt",
+ FilterNameLabel: "Felt til filter",
+ FilterDisplayName: "Visningsnavn",
+ FilterMaxBuckets: "Antal værdier",
+ FilterTemplate: "Skabelon",
+ FilterExpandByDefault: "Udvid som default",
+ FilterType: "Filtertype",
+ FilterTypeRefiner: "Denne skabelon til filtre agerer som en refiner og modtager/sender tilgængelige/valgte værdier fra/til the forbundne datakilde.",
+ FilterTypeStaticFilter: "Denne skabelon til filtre agerer som et statisk filter og sender kun vilkårligt udvalgte værdier til den forbundne datakilde. Indgående filterværdier bliver ikke taget i betragtning.",
+ CustomizeFiltersBtnLabel: "Redigér",
+ CustomizeFiltersHeader: "Redigér filtre",
+ CustomizeFiltersDescription: "Konfigurér filtre til søgning ved at tilføje eller fjerne rækker. Du kan vælge felter fra datakildens resultater (hvis disse allerede er valgt), eller du kan anvende statiske værdier.",
+ CustomizeFiltersFieldLabel: "Tilpas filtre",
+ ShowCount: "Vis antal",
+ Operator: "Operatør mellem værdier",
+ ANDOperator: "OG",
+ OROperator: "ELLER",
+ IsMulti: "Multiværdier",
+ Templates: {
+ CheckBoxTemplate: "Check box",
+ DateRangeTemplate: "Datointerval",
+ ComboBoxTemplate: "Combo-boks",
+ DateIntervalTemplate: "Datointerval",
+ TaxonomyPickerTemplate: "Taksonomivælger"
+ },
+ SortBy: "Sortér værdier efter",
+ SortDirection: "Sortér efter retning",
+ SortByName: "Efter navn",
+ SortByCount: "Efter optælling",
+ SortAscending: "Stigende",
+ SortDescending: "Faldende"
+ },
+ LayoutPage: {
+ AvailableLayoutsGroupName: "Mulige layouts",
+ LayoutTemplateOptionsGroupName: "Layout-muligheder",
+ TemplateUrlFieldLabel: "Anvend en ekstern URL til skabelonen",
+ TemplateUrlPlaceholder: "https://myfile.html",
+ ErrorTemplateExtension: "Skabelonen skal være en valid .htm eller .html fil",
+ ErrorTemplateResolve: "Ude af stand til at vise den specifikke skabelon. Fejloplysninger: '{0}'",
+ FiltersTemplateFieldLabel: "Redigér skabelon til filtre",
+ FiltersTemplatePanelHeader: "Redigér skabelon til filtre"
+ }
+ }
+ }
+});
\ No newline at end of file
diff --git a/search-parts/src/webparts/searchFilters/loc/en-us.js b/search-parts/src/webparts/searchFilters/loc/en-us.js
index b0312051d..a7b0d686c 100644
--- a/search-parts/src/webparts/searchFilters/loc/en-us.js
+++ b/search-parts/src/webparts/searchFilters/loc/en-us.js
@@ -1,67 +1,68 @@
define([], function() {
- return {
- General: {
- PlaceHolder: {
- EditLabel: "Edit",
- IconText: "Search Filters by @PnP",
- Description: "Displays data filters from a connected search results Web Part",
- ConfigureBtnLabel: "Configure"
- },
- NoAvailableFilterMessage: "No available filter to display.",
- WebPartDefaultTitle: "Search Filters Web Part"
- },
- PropertyPane: {
- ConnectionsPage: {
- UseDataResultsWebPartLabel: "Connect to a data results Web Part",
- UseDataResultsFromComponentsLabel: "Use data from these Web Parts",
- UseDataResultsFromComponentsDescription: "If you connect more than one Web Part, the filter values and counts will be merged for similar filter names.",
- },
- FiltersSettingsPage: {
- SettingsGroupName: "Filters settings",
- FilterOperator: "Operator to use between filters"
- },
- DataFilterCollection: {
- SelectFilterComboBoxLabel: "Select field",
- FilterNameLabel: "Filter field",
- FilterDisplayName: "Display name",
- FilterTemplate: "Template",
- FilterExpandByDefault: "Expand by default",
- FilterType: "Filter type",
- FilterTypeRefiner: "This filter template acts as a refiner and receives/sends available/selected values from/to the connected data source.",
- FilterTypeStaticFilter: "This filter template acts as a static filter and only sends arbitrary selected values to the connected data source. Incoming filter values are not taken into account.",
- CustomizeFiltersBtnLabel: "Edit",
- CustomizeFiltersHeader: "Edit filters",
- CustomizeFiltersDescription: "Configure search filters by adding or removing rows. You can select fields from the data source results (if already selected) or use static values for filters.",
- CustomizeFiltersFieldLabel: "Customize filters",
- ShowCount: "Show count",
- Operator: "Operator between values",
- ANDOperator: "AND",
- OROperator: "OR",
- IsMulti: "Multi values",
- Templates: {
- CheckBoxTemplate: "Check box",
- DateRangeTemplate: "Date range",
- ComboBoxTemplate: "Combo box",
- DateIntervalTemplate: "Date interval",
- TaxonomyPickerTemplate: "Taxonomy picker"
+ return {
+ General: {
+ PlaceHolder: {
+ EditLabel: "Edit",
+ IconText: "Search Filters by @PnP",
+ Description: "Displays filters from a connected search results Web Part",
+ ConfigureBtnLabel: "Configure"
+ },
+ NoAvailableFilterMessage: "No available filter to display.",
+ WebPartDefaultTitle: "Search Filters Web Part"
},
- SortBy: "Sort values by",
- SortDirection: "Sort direction",
- SortByName: "By name",
- SortByCount: "By count",
- SortAscending: "Ascending",
- SortDescending: "Descending"
- },
- LayoutPage: {
- AvailableLayoutsGroupName: "Available layouts",
- LayoutTemplateOptionsGroupName: "Layout options",
- TemplateUrlFieldLabel: "Use an external template URL",
- TemplateUrlPlaceholder: "https://myfile.html",
- ErrorTemplateExtension: "The template must be a valid .htm or .html file",
- ErrorTemplateResolve: "Unable to resolve the specified template. Error details: '{0}'",
- FiltersTemplateFieldLabel: "Edit filters template",
- FiltersTemplatePanelHeader: "Edit filters template"
- }
+ PropertyPane: {
+ ConnectionsPage: {
+ UseDataResultsWebPartLabel: "Connect to a data results Web Part",
+ UseDataResultsFromComponentsLabel: "Use data from these Web Parts",
+ UseDataResultsFromComponentsDescription: "If you connect more than one Web Part, the filter values and counts will be merged for similar filter names.",
+ },
+ FiltersSettingsPage: {
+ SettingsGroupName: "Filters settings",
+ FilterOperator: "Operator to use between filters"
+ },
+ DataFilterCollection: {
+ SelectFilterComboBoxLabel: "Select field",
+ FilterNameLabel: "Filter field",
+ FilterMaxBuckets: "# of values",
+ FilterDisplayName: "Display name",
+ FilterTemplate: "Template",
+ FilterExpandByDefault: "Expand by default",
+ FilterType: "Filter type",
+ FilterTypeRefiner: "This filter template acts as a refiner and receives/sends available/selected values from/to the connected data source.",
+ FilterTypeStaticFilter: "This filter template acts as a static filter and only sends arbitrary selected values to the connected data source. Incoming filter values are not taken into account.",
+ CustomizeFiltersBtnLabel: "Edit",
+ CustomizeFiltersHeader: "Edit filters",
+ CustomizeFiltersDescription: "Configure search filters by adding or removing rows. You can select fields from the data source results (if already selected) or use static values for filters.",
+ CustomizeFiltersFieldLabel: "Customize filters",
+ ShowCount: "Show count",
+ Operator: "Operator between values",
+ ANDOperator: "AND",
+ OROperator: "OR",
+ IsMulti: "Multi values",
+ Templates: {
+ CheckBoxTemplate: "Check box",
+ DateRangeTemplate: "Date range",
+ ComboBoxTemplate: "Combo box",
+ DateIntervalTemplate: "Date interval",
+ TaxonomyPickerTemplate: "Taxonomy picker"
+ },
+ SortBy: "Sort values by",
+ SortDirection: "Sort direction",
+ SortByName: "By name",
+ SortByCount: "By count",
+ SortAscending: "Ascending",
+ SortDescending: "Descending"
+ },
+ LayoutPage: {
+ AvailableLayoutsGroupName: "Available layouts",
+ LayoutTemplateOptionsGroupName: "Layout options",
+ TemplateUrlFieldLabel: "Use an external template URL",
+ TemplateUrlPlaceholder: "https://myfile.html",
+ ErrorTemplateExtension: "The template must be a valid .htm or .html file",
+ ErrorTemplateResolve: "Unable to resolve the specified template. Error details: '{0}'",
+ FiltersTemplateFieldLabel: "Edit filters template",
+ FiltersTemplatePanelHeader: "Edit filters template"
+ }
+ }
}
- }
});
\ No newline at end of file
diff --git a/search-parts/src/webparts/searchFilters/loc/mystrings.d.ts b/search-parts/src/webparts/searchFilters/loc/mystrings.d.ts
index 3702982cd..fd297ffd0 100644
--- a/search-parts/src/webparts/searchFilters/loc/mystrings.d.ts
+++ b/search-parts/src/webparts/searchFilters/loc/mystrings.d.ts
@@ -22,6 +22,7 @@ declare interface ISearchFiltersWebPartStrings {
DataFilterCollection: {
SelectFilterComboBoxLabel: string;
FilterNameLabel: string;
+ FilterMaxBuckets: string;
FilterDisplayName: string;
FilterTemplate: string;
FilterExpandByDefault: string;
diff --git a/search-parts/src/webparts/searchResults/ISearchResultsWebPartProps.ts b/search-parts/src/webparts/searchResults/ISearchResultsWebPartProps.ts
index 1e64aa21d..946b5bff2 100644
--- a/search-parts/src/webparts/searchResults/ISearchResultsWebPartProps.ts
+++ b/search-parts/src/webparts/searchResults/ISearchResultsWebPartProps.ts
@@ -91,7 +91,7 @@ export default interface ISearchResultsWebPartProps extends IBaseWebPartProps {
useInputQueryText: boolean;
/**
- * Determines if the Web Part shoul use data verticals from an othe Web Part
+ * Determines if the Web Part shoul use verticals from an other Web Part
*/
useVerticals: boolean;
diff --git a/search-parts/src/webparts/searchResults/SearchResultsWebPart.manifest.json b/search-parts/src/webparts/searchResults/SearchResultsWebPart.manifest.json
index 5b9bfb892..22d73a515 100644
--- a/search-parts/src/webparts/searchResults/SearchResultsWebPart.manifest.json
+++ b/search-parts/src/webparts/searchResults/SearchResultsWebPart.manifest.json
@@ -3,7 +3,7 @@
"id": "544c1372-42df-47c3-94d6-017428cd2baf",
"alias": "pnpSearchResultsWebPart",
"componentType": "WebPart",
- "version": "4.0.0",
+ "version": "*",
"manifestVersion": 2,
"requiresCustomScript": false,
"supportsFullBleed": true,
@@ -11,24 +11,22 @@
"SharePointWebPart"
],
"supportsThemeVariants": true,
- "preconfiguredEntries": [
- {
- "groupId": "5c03119e-3074-46fd-976b-c60198311f70",
- "group": {
- "default": "Other"
- },
- "title": {
- "default": "PnP - Search Results",
- "fr-fr": "Recherche Moderne - PnP"
- },
- "description": {
- "default": "Displays JSON based data using customizable templates",
- "fr-fr": "Affiche des données de multiples source de données au format JSON selon des modèles d'affichage personnalisables."
- },
- "officeFabricIconFontName": "SearchAndApps",
- "properties": {
- "documentationLink": "https://microsoft-search.github.io/pnp-modern-search/"
- }
+ "preconfiguredEntries": [{
+ "groupId": "5c03119e-3074-46fd-976b-c60198311f70",
+ "group": {
+ "default": "Other"
+ },
+ "title": {
+ "default": "PnP - Search Results",
+ "fr-fr": "Recherche Moderne - PnP"
+ },
+ "description": {
+ "default": "Displays JSON based data using customizable templates",
+ "fr-fr": "Affiche des données de multiples source de données au format JSON selon des modèles d'affichage personnalisables."
+ },
+ "officeFabricIconFontName": "SearchAndApps",
+ "properties": {
+ "documentationLink": "https://microsoft-search.github.io/pnp-modern-search/"
}
- ]
+ }]
}
\ No newline at end of file
diff --git a/search-parts/src/webparts/searchResults/SearchResultsWebPart.ts b/search-parts/src/webparts/searchResults/SearchResultsWebPart.ts
index eb6908352..2fd9a24d4 100644
--- a/search-parts/src/webparts/searchResults/SearchResultsWebPart.ts
+++ b/search-parts/src/webparts/searchResults/SearchResultsWebPart.ts
@@ -90,6 +90,7 @@ export default class SearchResultsWebPart extends BaseWebPart {
- const validPreviewExt = ["SVG", "MOVIE", "PAGES", "PICT", "SKETCH", "AI", "PDF", "PSB", "PSD", "3G2", "3GP", "ASF", "BMP", "HEVC", "M2TS", "M4V", "MOV", "MP3", "MP4", "MP4V", "MTS", "TS", "WMV", "DWG", "FBX", "ERF", "ZIP", "ZIP", "DCM", "DCM30", "DICM", "DICOM", "PLY", "HCP", "GIF", "HEIC", "HEIF", "JPEG", "JPG", "JPE", "MEF", "MRW", "NEF", "NRW", "ORF", "PANO", "PEF", "PNG", "SPM", "TIF", "TIFF", "XBM", "XCF", "KEY", "LOG", "CSV", "DIC", "DOC", "DOCM", "DOCX", "DOTM", "DOTX", "POT", "POTM", "POTX", "PPS", "PPSM", "PPSX", "PPT", "PPTM", "PPTX", "XD", "XLS", "XLSB", "XLSX", "SLTX", "EML", "MSG", "VSD", "VSDX", "CUR", "ICO", "ICON", "EPUB", "ODP", "ODS", "ODT", "ARW", "CR2", "CRW", "DNG", "RTF", "ABAP", "ADA", "ADP", "AHK", "AS", "AS3", "ASC", "ASCX", "ASM", "ASP", "AWK", "BAS", "BASH", "BASH_LOGIN", "BASH_LOGOUT", "BASH_PROFILE", "BASHRC", "BAT", "BIB", "BSH", "BUILD", "BUILDER", "C", "CAPFILE", "CBK", "CC", "CFC", "CFM", "CFML", "CL", "CLJ", "CMAKE", "CMD", "COFFEE", "CPP", "CPT", "CPY", "CS", "CSHTML", "CSON", "CSPROJ", "CSS", "CTP", "CXX", "D", "DDL", "DI.DIF", "DIFF", "DISCO", "DML", "DTD", "DTML", "EL", "EMAKE", "ERB", "ERL", "F90", "F95", "FS", "FSI", "FSSCRIPT", "FSX", "GEMFILE", "GEMSPEC", "GITCONFIG", "GO", "GROOVY", "GVY", "H", "HAML", "HANDLEBARS", "HBS", "HRL", "HS", "HTC", "HTML", "HXX", "IDL", "IIM", "INC", "INF", "INI", "INL", "IPP", "IRBRC", "JADE", "JAV", "JAVA", "JS", "JSON", "JSP", "JSX", "L", "LESS", "LHS", "LISP", "LOG", "LST", "LTX", "LUA", "M", "MAKE", "MARKDN", "MARKDOWN", "MD", "MDOWN", "MKDN", "ML", "MLI", "MLL", "MLY", "MM", "MUD", "NFO", "OPML", "OSASCRIPT", "OUT", "P", "PAS", "PATCH", "PHP", "PHP2", "PHP3", "PHP4", "PHP5", "PL", "PLIST", "PM", "POD", "PP", "PROFILE", "PROPERTIES", "PS", "PS1", "PT", "PY", "PYW", "R", "RAKE", "RB", "RBX", "RC", "RE", "README", "REG", "REST", "RESW", "RESX", "RHTML", "RJS", "RPROFILE", "RPY", "RSS", "RST", "RXML", "S", "SASS", "SCALA", "SCM", "SCONSCRIPT", "SCONSTRUCT", "SCRIPT", "SCSS", "SGML", "SH", "SHTML", "SML", "SQL", "STY", "TCL", "TEX", "TEXT", "TEXTILE", "TLD", "TLI", "TMPL", "TPL", "TXT", "VB", "VI", "VIM", "WSDL", "XAML", "XHTML", "XOML", "XML", "XSD", "XSL", "XSLT", "YAML", "YAWS", "YML", "ZSH", "HTM", "HTML", "Markdown", "MD", "URL"];
- const validExtRegEx = new RegExp(`(${validPreviewExt.join(')|(')})`, "gi");
+ const validPreviewExt = ["SVG", "MOVIE", "PAGES", "PICT", "SKETCH", "AI", "PDF", "PSB", "PSD", "3G2", "3GP", "ASF", "BMP", "HEVC", "M2TS", "M4V", "MOV", "MP3", "MP4", "MP4V", "MTS", "TS", "WMV", "DWG", "FBX", "ERF", "ZIP", "ZIP", "DCM", "DCM30", "DICM", "DICOM", "PLY", "HCP", "GIF", "HEIC", "HEIF", "JPEG", "JPG", "JPE", "MEF", "MRW", "NEF", "NRW", "ORF", "PANO", "PEF", "PNG", "SPM", "TIF", "TIFF", "XBM", "XCF", "KEY", "LOG", "CSV", "DIC", "DOC", "DOCM", "DOCX", "DOTM", "DOTX", "POT", "POTM", "POTX", "PPS", "PPSM", "PPSX", "PPT", "PPTM", "PPTX", "XD", "XLS", "XLSB", "XLSX", "SLTX", "EML", "MSG", "VSD", "VSDX", "CUR", "ICO", "ICON", "EPUB", "ODP", "ODS", "ODT", "ARW", "CR2", "CRW", "DNG", "RTF", "ABAP", "ADA", "ADP", "AHK", "AS", "AS3", "ASC", "ASCX", "ASM", "ASP", "ASPX", "AWK", "BAS", "BASH", "BASH_LOGIN", "BASH_LOGOUT", "BASH_PROFILE", "BASHRC", "BAT", "BIB", "BSH", "BUILD", "BUILDER", "C", "CAPFILE", "CBK", "CC", "CFC", "CFM", "CFML", "CL", "CLJ", "CMAKE", "CMD", "COFFEE", "CPP", "CPT", "CPY", "CS", "CSHTML", "CSON", "CSPROJ", "CSS", "CTP", "CXX", "D", "DDL", "DI.DIF", "DIFF", "DISCO", "DML", "DTD", "DTML", "EL", "EMAKE", "ERB", "ERL", "F90", "F95", "FS", "FSI", "FSSCRIPT", "FSX", "GEMFILE", "GEMSPEC", "GITCONFIG", "GO", "GROOVY", "GVY", "H", "HAML", "HANDLEBARS", "HBS", "HRL", "HS", "HTC", "HTML", "HXX", "IDL", "IIM", "INC", "INF", "INI", "INL", "IPP", "IRBRC", "JADE", "JAV", "JAVA", "JS", "JSON", "JSP", "JSX", "L", "LESS", "LHS", "LISP", "LOG", "LST", "LTX", "LUA", "M", "MAKE", "MARKDN", "MARKDOWN", "MD", "MDOWN", "MKDN", "ML", "MLI", "MLL", "MLY", "MM", "MUD", "NFO", "OPML", "OSASCRIPT", "OUT", "P", "PAS", "PATCH", "PHP", "PHP2", "PHP3", "PHP4", "PHP5", "PL", "PLIST", "PM", "POD", "PP", "PROFILE", "PROPERTIES", "PS", "PS1", "PT", "PY", "PYW", "R", "RAKE", "RB", "RBX", "RC", "RE", "README", "REG", "REST", "RESW", "RESX", "RHTML", "RJS", "RPROFILE", "RPY", "RSS", "RST", "RXML", "S", "SASS", "SCALA", "SCM", "SCONSCRIPT", "SCONSTRUCT", "SCRIPT", "SCSS", "SGML", "SH", "SHTML", "SML", "SQL", "STY", "TCL", "TEX", "TEXT", "TEXTILE", "TLD", "TLI", "TMPL", "TPL", "TXT", "VB", "VI", "VIM", "WSDL", "XAML", "XHTML", "XOML", "XML", "XSD", "XSL", "XSLT", "YAML", "YAWS", "YML", "ZSH", "HTM", "HTML", "Markdown", "MD", "URL"];
// Auto determined preview URL
// We do not make these call if layouts does not allow preview ('enablePreview' property, specific to 'CardsLayout' and 'SimpleListLayout')
@@ -306,7 +305,7 @@ export default class SearchResultsContainer extends React.Component}}` Handlebars-udtrykket.",
+ SlotNameFieldName: "Slot-navn",
+ SlotFieldFieldName: "Slot-felt",
+ SlotFieldPlaceholderName: "Vælg et felt"
+ }
+ },
+ LayoutPage: {
+ LayoutSelectionGroupName: "Tilgængelige layouts",
+ LayoutTemplateOptionsGroupName: "Layout-muligheder",
+ CommonOptionsGroupName: "Almindelig",
+ TemplateUrlFieldLabel: "Anvend en URL fra en ekstern skabelon",
+ TemplateUrlPlaceholder: "https://myfile.html",
+ ErrorTemplateExtension: "Skabelonen skal være en valid .htm or .html fil",
+ ErrorTemplateResolve: "Kan ikke læse the specificerede skabelon. Fejlbeskrivelse: '{0}'",
+ DialogButtonLabel: "Redigér resultatsskabelonen",
+ DialogTitle: "Redigér resultatsskabelonen",
+ ShowSelectedFilters: "Vis valgte filtre",
+ ShowBlankIfNoResult: "Skjul denne webpart, hvis der ikke er noget at vise.",
+ ShowResultsCount: "Vis antallet af resultater",
+ UseMicrosoftGraphToolkit: "brug Microsoft Graph Toolkit",
+ ResultTypes: {
+ ResultTypeslabel: "Resultattyper",
+ ResultTypesDescription: "Her kan du tilføje de templates, du vil bruge til resultaterne, i overensstemmelse med en eller flere tilstande. Tilstande er evalueret i den konfigurerede rækkefølge og eksterne skabeloner har forrang over integrerede skabeloner. Vær sikker på at felterne på datakilden, du bruger, findes i datasvaret.",
+ InlineTemplateContentLabel: "Integreret skabelon",
+ EditResultTypesLabel: "Redigér resultattyper",
+ ConditionPropertyLabel: "Felt på datakilde",
+ ConditionValueLabel: "Tilstandsværdi",
+ CondtionOperatorValue: "Operatør",
+ ExternalUrlLabel: "Ekstern skabelon-URL",
+ EqualOperator: "Er lig med",
+ NotEqualOperator: "Er ikke lige med",
+ ContainsOperator: "Indeholder",
+ StartsWithOperator: "Starter med",
+ NotNullOperator: "Er ikke nul",
+ GreaterOrEqualOperator: "Større eller lig",
+ GreaterThanOperator: "Større end",
+ LessOrEqualOperator: "Mindre eller lig",
+ LessThanOperator: "Mindre end",
+ CancelButtonText: "Annuller",
+ DialogButtonLabel: "Redigér skabelon",
+ DialogButtonText: "Redigér skabelon",
+ DialogTitle: "Redigér resultatsskabelon",
+ SaveButtonText: "Gem"
+ }
+ },
+ ConnectionsPage: {
+ ConnectionsPageGroupName: "Tilgængelige forbindelser",
+ UseFiltersWebPartLabel: "Forbind til en filter-webpart",
+ UseFiltersFromComponentLabel: "Brug filtre fra dette komponent",
+ UseSearchVerticalsWebPartLabel: "Forbind til en vertikal-webpart",
+ UseSearchVerticalsFromComponentLabel: "Brug vertikaler fra dette komponent",
+ LinkToVerticalLabel: "Vis kun data, når følgende vertikaler er valgt",
+ LinkToVerticalLabelHoverMessage: "Resultaterne vil kun blive vist, hvis de valgte vertikaler matcher med den, der er konfigureret til denne webpart. Ellers vil denne webpart være blank.",
+ UseInputQueryText: "Anvend input til forespørgselstekst",
+ UseInputQueryTextHoverMessage: "Anvend {searchQueryText} token i din datakilde for at hente denne værdi",
+ SearchQueryTextFieldLabel: "Forespørgselstekst",
+ SearchQueryTextFieldDescription: "",
+ SearchQueryPlaceHolderText: "Indsæt forespørgselstekst...",
+ InputQueryTextStaticValue: "Statisk værdi",
+ InputQueryTextDynamicValue: "Dynamisk værdi",
+ SearchQueryTextUseDefaultQuery: "Brug en standard værdi",
+ SearchQueryTextDefaultValue: "Standard værdi"
+ },
+ InformationPage: {
+ Extensibility: {
+ PanelHeader: "Konfigurér extensibility-biblioteker så de indlæser ved opstart.",
+ PanelDescription: "Tilføj/Fjern ID på dit extensibility-bibliotek her. Du kan specificere et visningsnavn og beslutte, om biblioteket skal indlæses eller ej ved opstart. Kun brugerdefinerede datakilder, layouts, web-komponenter og Handlebars-hjælpere vil blive loadet her.",
+ }
+ }
+ }
+ }
+});
\ No newline at end of file
diff --git a/search-parts/src/webparts/searchVerticals/ISearchVerticalsWebPartProps.ts b/search-parts/src/webparts/searchVerticals/ISearchVerticalsWebPartProps.ts
index f13188860..20f185e52 100644
--- a/search-parts/src/webparts/searchVerticals/ISearchVerticalsWebPartProps.ts
+++ b/search-parts/src/webparts/searchVerticals/ISearchVerticalsWebPartProps.ts
@@ -9,7 +9,7 @@ export interface ISearchVerticalsWebPartProps extends IBaseWebPartProps {
title: string;
/**
- * The configured data verticals
+ * The configured verticals
*/
verticals: IDataVertical[];
}
\ No newline at end of file
diff --git a/search-parts/src/webparts/searchVerticals/SearchVerticalsWebPart.manifest.json b/search-parts/src/webparts/searchVerticals/SearchVerticalsWebPart.manifest.json
index 7d137d519..9906edbf2 100644
--- a/search-parts/src/webparts/searchVerticals/SearchVerticalsWebPart.manifest.json
+++ b/search-parts/src/webparts/searchVerticals/SearchVerticalsWebPart.manifest.json
@@ -1,33 +1,31 @@
{
- "$schema": "https://developer.microsoft.com/json-schemas/spfx/client-side-web-part-manifest.schema.json",
- "id": "544c1372-77ae-40a0-9095-805ae2a0d5e9",
- "alias": "pnpSearchVerticalsWebPart",
- "componentType": "WebPart",
- "version": "4.0.0",
- "manifestVersion": 2,
- "requiresCustomScript": false,
- "supportedHosts": [
- "SharePointWebPart"
- ],
- "supportsThemeVariants": true,
- "preconfiguredEntries": [
- {
- "groupId": "5c03119e-3074-46fd-976b-c60198311f70",
- "group": {
- "default": "Other"
- },
- "title": {
- "default": "PnP - Search Verticals",
- "fr-fr": "Recherche moderne - Verticaux de recherche"
- },
- "description": {
- "default": "Allows to browse data as verticals (i.e silos)",
- "fr-fr": "Permet de parcourir les données de manière verticale (en silos)"
- },
- "officeFabricIconFontName": "Sections",
- "properties": {
- "documentationLink": "https://microsoft-search.github.io/pnp-modern-search/"
- }
- }
- ]
-}
+ "$schema": "https://developer.microsoft.com/json-schemas/spfx/client-side-web-part-manifest.schema.json",
+ "id": "544c1372-77ae-40a0-9095-805ae2a0d5e9",
+ "alias": "pnpSearchVerticalsWebPart",
+ "componentType": "WebPart",
+ "version": "*",
+ "manifestVersion": 2,
+ "requiresCustomScript": false,
+ "supportedHosts": [
+ "SharePointWebPart"
+ ],
+ "supportsThemeVariants": true,
+ "preconfiguredEntries": [{
+ "groupId": "5c03119e-3074-46fd-976b-c60198311f70",
+ "group": {
+ "default": "Other"
+ },
+ "title": {
+ "default": "PnP - Search Verticals",
+ "fr-fr": "Recherche moderne - Verticaux de recherche"
+ },
+ "description": {
+ "default": "Allows to browse data as verticals (i.e silos)",
+ "fr-fr": "Permet de parcourir les données de manière verticale (en silos)"
+ },
+ "officeFabricIconFontName": "Sections",
+ "properties": {
+ "documentationLink": "https://microsoft-search.github.io/pnp-modern-search/"
+ }
+ }]
+}
\ No newline at end of file
diff --git a/search-parts/src/webparts/searchVerticals/loc/da-dk.js b/search-parts/src/webparts/searchVerticals/loc/da-dk.js
new file mode 100644
index 000000000..67d372380
--- /dev/null
+++ b/search-parts/src/webparts/searchVerticals/loc/da-dk.js
@@ -0,0 +1,23 @@
+define([], function() {
+ return {
+ General: {
+ WebPartDefaultTitle: "Søgevertikal-webpart"
+ },
+ PropertyPane: {
+ SearchVerticalsGroupName: "Konfiguration af søgevertikaler",
+ Verticals: {
+ PropertyLabel: "Datavertikaler",
+ PanelHeader: "Konfigurér datavertikaler",
+ PanelDescription: "Tilføj en ny vertikal for at give brugere mulighed for søge i en predefineret datakilde eller scope.",
+ ButtonLabel: "Konfigurér vertikaler",
+ Fields: {
+ TabName: "Navn på fane",
+ IconName: "Office UI Fabric ikonnavn",
+ IsLink: "Er hyperlink",
+ LinkUrl: "Link til URL",
+ OpenBehavior: "Åben adfærd"
+ }
+ }
+ }
+ }
+});
\ No newline at end of file
diff --git a/search-parts/src/webparts/searchVerticals/loc/en-us.js b/search-parts/src/webparts/searchVerticals/loc/en-us.js
index d42f0585d..3b0997074 100644
--- a/search-parts/src/webparts/searchVerticals/loc/en-us.js
+++ b/search-parts/src/webparts/searchVerticals/loc/en-us.js
@@ -1,23 +1,23 @@
define([], function() {
- return {
- General: {
- WebPartDefaultTitle: "Search Verticals Web Part"
- },
- PropertyPane: {
- SearchVerticalsGroupName: "Search verticals configuration",
- Verticals: {
- PropertyLabel: "Data verticals",
- PanelHeader: "Configure data verticals",
- PanelDescription: "Add a new vertical to allow users to search in a predefined scope or data source.",
- ButtonLabel: "Configure verticals",
- Fields: {
- TabName: "Tab name",
- IconName: "Office UI Fabric icon name",
- IsLink: "Is hyperlink",
- LinkUrl: "Link URL",
- OpenBehavior: "Open behavior"
+ return {
+ General: {
+ WebPartDefaultTitle: "Search Verticals Web Part"
+ },
+ PropertyPane: {
+ SearchVerticalsGroupName: "Search verticals configuration",
+ Verticals: {
+ PropertyLabel: "Verticals",
+ PanelHeader: "Configure verticals",
+ PanelDescription: "Add a new vertical to allow users to search in a predefined scope or data source.",
+ ButtonLabel: "Configure verticals",
+ Fields: {
+ TabName: "Tab name",
+ IconName: "Office UI Fabric icon name",
+ IsLink: "Is hyperlink",
+ LinkUrl: "Link URL",
+ OpenBehavior: "Open behavior"
+ }
+ }
}
- }
}
- }
});
\ No newline at end of file