{this.props.alerts.map(alert =>
{alert.message}
{alert.moreInformationUrl ? {strings.MoreInformation} : ''}
)}
);
}
}
================================================
FILE: source/react-application-alerts/src/extensions/hubOrSiteAlerts/components/IAlertNotificationsProps.ts
================================================
import { IAlert } from '../IAlert';
export interface IAlertNotificationsProps {
alerts: IAlert[];
}
================================================
FILE: source/react-application-alerts/src/extensions/hubOrSiteAlerts/components/index.ts
================================================
export * from './IAlertNotificationsProps';
export * from './AlertNotifications';
================================================
FILE: source/react-application-alerts/src/extensions/hubOrSiteAlerts/loc/de-de.js
================================================
define([], function() {
return {
"MoreInformation": "Mehr Informationen"
}
});
================================================
FILE: source/react-application-alerts/src/extensions/hubOrSiteAlerts/loc/en-us.js
================================================
define([], function() {
return {
"MoreInformation": "More information"
}
});
================================================
FILE: source/react-application-alerts/src/extensions/hubOrSiteAlerts/loc/es-es.js
================================================
define([], function() {
return {
"MoreInformation": "Más información"
}
});
================================================
FILE: source/react-application-alerts/src/extensions/hubOrSiteAlerts/loc/fr-fr.js
================================================
define([], function() {
return {
"MoreInformation": "Plus d'information"
}
});
================================================
FILE: source/react-application-alerts/src/extensions/hubOrSiteAlerts/loc/myStrings.d.ts
================================================
declare interface IHubOrSiteAlertsApplicationCustomizerStrings {
MoreInformation: string;
}
declare module 'HubOrSiteAlertsApplicationCustomizerStrings' {
const strings: IHubOrSiteAlertsApplicationCustomizerStrings;
export = strings;
}
================================================
FILE: source/react-application-alerts/src/extensions/hubOrSiteAlerts/loc/nb-no.js
================================================
define([], function() {
return {
"MoreInformation": "Mer informasjon"
}
});
================================================
FILE: source/react-application-alerts/src/extensions/hubOrSiteAlerts/loc/nl-nl.js
================================================
define([], function() {
return {
"MoreInformation": "Meer informatie"
}
});
================================================
FILE: source/react-application-alerts/src/extensions/hubOrSiteAlerts/loc/sv-se.js
================================================
define([], function() {
return {
"MoreInformation": "Mer information"
}
});
================================================
FILE: source/react-application-alerts/src/extensions/hubOrSiteAlerts/loc/tr-tr.js
================================================
define([], function() {
return {
"MoreInformation": "Daha fazla bilgi"
}
});
================================================
FILE: source/react-application-alerts/src/index.ts
================================================
// A file is required to be in the root of the /src directory by the TypeScript compiler
================================================
FILE: source/react-application-alerts/tsconfig.json
================================================
{
"extends": "./node_modules/@microsoft/rush-stack-compiler-4.5/includes/tsconfig-web.json",
"compilerOptions": {
"target": "es5",
"forceConsistentCasingInFileNames": true,
"module": "esnext",
"moduleResolution": "node",
"jsx": "react",
"declaration": true,
"sourceMap": true,
"experimentalDecorators": true,
"skipLibCheck": true,
"outDir": "lib",
"inlineSources": false,
"strictNullChecks": false,
"noImplicitAny": false,
"typeRoots": [
"./node_modules/@types",
"./node_modules/@microsoft"
],
"types": [
"webpack-env"
],
"lib": [
"es5",
"dom",
"es2015.collection",
"es2015.promise"
]
},
"include": [
"src/**/*.ts",
"src/**/*.tsx"
]
}
================================================
FILE: source/react-application-collab-footer/.editorconfig
================================================
# EditorConfig helps developers define and maintain consistent
# coding styles between different editors and IDEs
# editorconfig.org
root = true
[*]
# change these settings to your own preference
indent_style = space
indent_size = 2
# we recommend you to keep these unchanged
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.md]
trim_trailing_whitespace = false
[{package,bower}.json]
indent_style = space
indent_size = 2
================================================
FILE: source/react-application-collab-footer/.eslintrc.js
================================================
require('@rushstack/eslint-config/patch/modern-module-resolution');
module.exports = {
extends: ['@microsoft/eslint-config-spfx/lib/profiles/react'],
parserOptions: { tsconfigRootDir: __dirname },
overrides: [
{
files: ['*.ts', '*.tsx'],
parser: '@typescript-eslint/parser',
'parserOptions': {
'project': './tsconfig.json',
'ecmaVersion': 2018,
'sourceType': 'module'
},
rules: {
// Prevent usage of the JavaScript null value, while allowing code to access existing APIs that may require null. https://www.npmjs.com/package/@rushstack/eslint-plugin
'@rushstack/no-new-null': 1,
// Require Jest module mocking APIs to be called before any other statements in their code block. https://www.npmjs.com/package/@rushstack/eslint-plugin
'@rushstack/hoist-jest-mock': 1,
// Require regular expressions to be constructed from string constants rather than dynamically building strings at runtime. https://www.npmjs.com/package/@rushstack/eslint-plugin-security
'@rushstack/security/no-unsafe-regexp': 1,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
'@typescript-eslint/adjacent-overload-signatures': 1,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
//
// CONFIGURATION: By default, these are banned: String, Boolean, Number, Object, Symbol
'@typescript-eslint/ban-types': [
1,
{
'extendDefaults': false,
'types': {
'String': {
'message': 'Use \'string\' instead',
'fixWith': 'string'
},
'Boolean': {
'message': 'Use \'boolean\' instead',
'fixWith': 'boolean'
},
'Number': {
'message': 'Use \'number\' instead',
'fixWith': 'number'
},
'Object': {
'message': 'Use \'object\' instead, or else define a proper TypeScript type:'
},
'Symbol': {
'message': 'Use \'symbol\' instead',
'fixWith': 'symbol'
},
'Function': {
'message': 'The \'Function\' type accepts any function-like value.\nIt provides no type safety when calling the function, which can be a common source of bugs.\nIt also accepts things like class declarations, which will throw at runtime as they will not be called with \'new\'.\nIf you are expecting the function to accept certain arguments, you should explicitly define the function shape.'
}
}
}
],
// RATIONALE: Code is more readable when the type of every variable is immediately obvious.
// Even if the compiler may be able to infer a type, this inference will be unavailable
// to a person who is reviewing a GitHub diff. This rule makes writing code harder,
// but writing code is a much less important activity than reading it.
//
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
'@typescript-eslint/explicit-function-return-type': [
0,
{
'allowExpressions': true,
'allowTypedFunctionExpressions': true,
'allowHigherOrderFunctions': false
}
],
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
// Rationale to disable: although this is a recommended rule, it is up to dev to select coding style.
// Set to 1 (warning) or 2 (error) to enable.
'@typescript-eslint/explicit-member-accessibility': 0,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
'@typescript-eslint/no-array-constructor': 1,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
//
// RATIONALE: The "any" keyword disables static type checking, the main benefit of using TypeScript.
// This rule should be suppressed only in very special cases such as JSON.stringify()
// where the type really can be anything. Even if the type is flexible, another type
// may be more appropriate such as "unknown", "{}", or "Record
{ this.state.myLinksSaved != null ? (this.state.myLinksSaved ?
{ strings.MyLinksSaveSuccess } :
{ strings.MyLinksSaveFailed } ) : null }
{this.state.showDetailPanel ?
{this.props.links.map(g =>
)}
{g.title}
-
{g.links.map(l =>
- {l.title} )}
{this.state.myLinksSaved != null ? (this.state.myLinksSaved ?
{strings.MyLinksSaveSuccess} :
{strings.MyLinksSaveFailed} ) : null}
{this.props.support}
);
}
}
================================================
FILE: source/react-application-portal-footer/src/extensions/portalFooter/components/PortalFooter/index.ts
================================================
export * from './ILinkGroup';
export * from './IPortalFooterEditResult';
export * from './IPortalFooterProps';
export * from './IPortalFooterState';
export * from './PortalFooter';
================================================
FILE: source/react-application-portal-footer/src/extensions/portalFooter/components/myLinks/IMyLink.ts
================================================
/**
* Interface to define a single URL item for My Links
*/
export default interface IMyLink {
// the Title of the Link
title: string;
// the URL of theLink
url: string;
}
================================================
FILE: source/react-application-portal-footer/src/extensions/portalFooter/components/myLinks/MyLinks.module.scss
================================================
@import '~@fluentui/react/dist/sass/References.scss';
.myLinksDialogRoot {
.myLinksDialogContent {
text-align: left;
vertical-align: top;
.editPanel {
margin-top: 10px;
margin-bottom: 10px;
}
.textField {
width: 250px;
}
}
}
================================================
FILE: source/react-application-portal-footer/src/extensions/portalFooter/components/myLinks/MyLinksDialog.tsx
================================================
import * as React from 'react';
import * as ReactDOM from 'react-dom';
// import supporting types
import IMyLink from './IMyLink';
import styles from './MyLinks.module.scss';
import * as strings from 'MyLinksStrings';
// import additional controls/components
import { BaseDialog, IDialogConfiguration } from '@microsoft/sp-dialog';
import { DefaultButton } from '@fluentui/react/lib/Button';
import { TextField } from '@fluentui/react/lib/TextField';
import { CommandBar } from '@fluentui/react/lib/CommandBar';
import { DetailsList, DetailsListLayoutMode, Selection, SelectionMode, IColumn } from '@fluentui/react/lib/DetailsList';
import { DialogContent, DialogFooter } from '@fluentui/react/lib/Dialog';
/**
* Define the columns that will be used to render the list of links
*/
const _linksColumns: IColumn[] = [
{
key: 'TitleColumn',
name: strings.TitleColumn,
fieldName: 'title',
minWidth: 150,
maxWidth: 350,
isResizable: true,
ariaLabel: strings.TitleColumnAriaLabel
},
{
key: 'urlColumn',
name: strings.UrlColumn,
fieldName: 'url',
minWidth: 150,
maxWidth: 350,
isResizable: true,
ariaLabel: strings.UrlColumnAriaLabel
},
];
/**
* Defines the initialization properties for the MyLinks dialog window
*/
interface IMyLinksDialogContentProps {
// the array of Links to render/manage
links: Array
{this.state.showDetailPanel ?
{
this.props.bannerLink ? (
// tslint:disable-next-line:max-line-length
{escape(this.props.bannerText)}
) : (
{escape(this.props.bannerText)}
)
}
-
{
this.state.following.length > 0 ? (
this.state.following.map(follow => (
- {follow.Name} )) ) : (
- {SpStarterKitSharedLibrary.getLocale(LocaleKeys.NoFollowSitesFoundMsg)} ) }
{
groupNames.map((groupName, index) => (
) : (
{
// Do not show a header for the empty group
groupName !== NO_GROUP_NAME && (
))
}
{groupName}
)
}
{
// Loop over all links per group
sortBy(this.state.groups[groupName], (link: { title: string; }) => link.title.toLowerCase()).map((link: { title: string; url: string; target: string; icon: string; }, index: React.Key) => (
{
link.icon &&
))
}
{strings.ListDescription}
{strings.SearchDescription}
{this.props.needsConfiguration &&
this.props.configureHandler()} />
}
{contents}
);
}
}
================================================
FILE: source/react-lob-integration/src/webparts/lobIntegration/loc/de-de.js
================================================
define([], function() {
return {
"PropertyPaneDescription": "LOB Integration",
"BasicGroupName": "Allgemeine Einstellungen",
"ApplicationUriFieldLabel": "Application URI",
"FunctionUriFieldLabel": "Funktion URI",
"ServiceUrlFieldLabel": "Service Url",
"PlaceholderIconName":"Ändern",
"PlaceholderIconText":"Konfigurieren Sie Ihren Web Part",
"PlaceholderDescription":"Bitte konfigurieren Sie den Web Part",
"PlaceholderButtonLabel":"Konfigurieren",
"LoadingDataLabel": "Lade Daten ...",
"SearchFor": "Suche nach:",
"SearchButtonText": "Suche",
"SearchDescription": "Suche nach Kunden im LOB System",
"ListButtonText": "Kunden auflisten",
"ListDescription": "Listet Kunden aus dem LOb System auf",
"CustomerIDColumn": "Customer ID",
"CustomerIDColumnAriaLabel": "Kunden ID",
"CompanyNameColumn": "Company",
"CompanyNameColumnAriaLabel": "Firma",
"ContactNameColumn": "Contact",
"ContactNameColumnAriaLabel": "Kontakt",
"CountryColumn": "Country",
"CountryColumnAriaLabel": "Land",
}
});
================================================
FILE: source/react-lob-integration/src/webparts/lobIntegration/loc/en-us.js
================================================
define([], function() {
return {
"PropertyPaneDescription": "LOB Integration",
"BasicGroupName": "General Settings",
"ApplicationUriFieldLabel": "Application URI",
"FunctionUriFieldLabel": "Function URI",
"ServiceUrlFieldLabel": "Service Url",
"PlaceholderIconName":"Edit",
"PlaceholderIconText":"Configure your web part",
"PlaceholderDescription":"Please configure the web part.",
"PlaceholderButtonLabel":"Configure",
"LoadingDataLabel": "Loading data ...",
"SearchFor": "Search for:",
"SearchButtonText": "Search",
"SearchDescription": "Search for Customers from LOB System",
"ListButtonText": "List Customers",
"ListDescription": "List Customers from LOB System",
"CustomerIDColumn": "Customer ID",
"CustomerIDColumnAriaLabel": "Customer ID",
"CompanyNameColumn": "Company",
"CompanyNameColumnAriaLabel": "Company",
"ContactNameColumn": "Contact",
"ContactNameColumnAriaLabel": "Contact",
"CountryColumn": "Country",
"CountryColumnAriaLabel": "Country",
}
});
================================================
FILE: source/react-lob-integration/src/webparts/lobIntegration/loc/es-es.js
================================================
define([], function() {
return {
"PropertyPaneDescription": "Integración LOB",
"BasicGroupName": "Configuración general",
"ApplicationUriFieldLabel": "Application URI",
"FunctionUriFieldLabel": "Function URI",
"ServiceUrlFieldLabel": "Service Url",
"PlaceholderIconName":"Editar",
"PlaceholderIconText":"Configure su elementoi web",
"PlaceholderDescription":"Favor de configurar este elemento web.",
"PlaceholderButtonLabel":"Configurar",
"LoadingDataLabel": "Cargando datos ...",
"SearchFor": "Buscar por:",
"SearchButtonText": "Busqueda",
"SearchDescription": "Busqueda de cleinte desde siustema LOB",
"ListButtonText": "Lista de Clientes",
"ListDescription": "Lista de clientes de sistema LOB",
"CustomerIDColumn": "Customer ID",
"CustomerIDColumnAriaLabel": "Cliente ID",
"CompanyNameColumn": "Company",
"CompanyNameColumnAriaLabel": "Compañia",
"ContactNameColumn": "Contact",
"ContactNameColumnAriaLabel": "Contacto",
"CountryColumn": "Country",
"CountryColumnAriaLabel": "País",
}
});
================================================
FILE: source/react-lob-integration/src/webparts/lobIntegration/loc/fr-fr.js
================================================
define([], function() {
return {
"PropertyPaneDescription": "Integration LOB",
"BasicGroupName": "Réglages généraux",
"ApplicationUriFieldLabel": "Application URI",
"FunctionUriFieldLabel": "URI de la fonction",
"ServiceUrlFieldLabel": "Service Url",
"PlaceholderIconName":"Editez",
"PlaceholderIconText":"Configurez votre partie Web",
"PlaceholderDescription":"Veuillez configurer la partie Web.",
"PlaceholderButtonLabel":"Configurez",
"LoadingDataLabel": "Chargement des données ...",
"SearchFor": "Rechercher:",
"SearchButtonText": "Rechercher",
"SearchDescription": "Rechercher des clients depuis le système LOB",
"ListButtonText": "Liste des clients",
"ListDescription": "Liste des clients depuis le système LOB",
"CustomerIDColumn": "ID du client",
"CustomerIDColumnAriaLabel": "ID du client",
"CompanyNameColumn": "Entreprise",
"CompanyNameColumnAriaLabel": "Entreprise",
"ContactNameColumn": "Contacte",
"ContactNameColumnAriaLabel": "Contacte",
"CountryColumn": "Pays",
"CountryColumnAriaLabel": "Pays",
}
});
================================================
FILE: source/react-lob-integration/src/webparts/lobIntegration/loc/mystrings.d.ts
================================================
declare interface ILobIntegrationWebPartStrings {
// Property Pane labels and strings
PropertyPaneDescription: string;
BasicGroupName: string;
ApplicationUriFieldLabel: string;
FunctionUriFieldLabel: string;
ServiceUrlFieldLabel: string;
// Placeholder labels and strings
PlaceholderIconName: string;
PlaceholderIconText: string;
PlaceholderDescription: string;
PlaceholderButtonLabel: string;
// UI labels and strings
LoadingDataLabel: string;
SearchFor: string;
SearchButtonText: string;
SearchDescription: string;
ListButtonText: string;
ListDescription: string;
// labels for list of customers
CustomerIDColumn: string;
CustomerIDColumnAriaLabel: string;
CompanyNameColumn: string;
CompanyNameColumnAriaLabel: string;
ContactNameColumn: string;
ContactNameColumnAriaLabel: string;
CountryColumn: string;
CountryColumnAriaLabel: string;
}
declare module 'LobIntegrationWebPartStrings' {
const strings: ILobIntegrationWebPartStrings;
export = strings;
}
================================================
FILE: source/react-lob-integration/src/webparts/lobIntegration/loc/nb-no.js
================================================
define([], function() {
return {
"PropertyPaneDescription": "LOB Integrasjon",
"BasicGroupName": "Generelle innstillinger",
"ApplicationUriFieldLabel": "Application URI",
"FunctionUriFieldLabel": "Funksjon URI",
"ServiceUrlFieldLabel": "Service Url",
"PlaceholderIconName":"Rediger",
"PlaceholderIconText":"Konfigurer webdelen",
"PlaceholderDescription":"Vennligst konfigurer webdelen.",
"PlaceholderButtonLabel":"Konfigurer",
"LoadingDataLabel": "Laster data ...",
"SearchFor": "Søk etter:",
"SearchButtonText": "Søk",
"SearchDescription": "Søk etter kunder fra LOB systemet",
"ListButtonText": "Vis kunder",
"ListDescription": "List opp kunder fra LOB systemet",
"CustomerIDColumn": "Kunde ID",
"CustomerIDColumnAriaLabel": "Kunde ID",
"CompanyNameColumn": "Selskap",
"CompanyNameColumnAriaLabel": "Selskap",
"ContactNameColumn": "Kontakt",
"ContactNameColumnAriaLabel": "Kontakt",
"CountryColumn": "Land",
"CountryColumnAriaLabel": "Land",
}
});
================================================
FILE: source/react-lob-integration/src/webparts/lobIntegration/loc/sv-se.js
================================================
define([], function() {
return {
"PropertyPaneDescription": "LOB Integration",
"BasicGroupName": "Generella Inställningar",
"ApplicationUriFieldLabel": "Application URI",
"FunctionUriFieldLabel": "Function URI",
"ServiceUrlFieldLabel": "Service Url",
"PlaceholderIconName":"Redigera",
"PlaceholderIconText":"Konfigurera din webbdel",
"PlaceholderDescription":"Var god och konfigurera din webbdel.",
"PlaceholderButtonLabel":"Konfigurera",
"LoadingDataLabel": "Laddar data ...",
"SearchFor": "Sök efter:",
"SearchButtonText": "Sök",
"SearchDescription": "Sök efter kunder från LOB Systemet",
"ListButtonText": "Lista kunder",
"ListDescription": "Lista kunder från LOB Systemet",
"CustomerIDColumn": "KundID",
"CustomerIDColumnAriaLabel": "KundID",
"CompanyNameColumn": "Företag",
"CompanyNameColumnAriaLabel": "Företag",
"ContactNameColumn": "Kontakt",
"ContactNameColumnAriaLabel": "Kontakt",
"CountryColumn": "Land",
"CountryColumnAriaLabel": "Land",
}
});
================================================
FILE: source/react-lob-integration/src/webparts/lobIntegration/loc/tr-tr.js
================================================
define([], function() {
return {
"PropertyPaneDescription": "LOB Entegrasyon",
"BasicGroupName": "Genel Ayarlar",
"ApplicationUriFieldLabel": "Application URI",
"FunctionUriFieldLabel": "Fonksiyon URI",
"ServiceUrlFieldLabel": "Service Url",
"PlaceholderIconName":"Düzenle",
"PlaceholderIconText":"Web bölümünü yapılandır",
"PlaceholderDescription":"Lütfen web bölümünü yapılandırın.",
"PlaceholderButtonLabel":"Yapılandır",
"LoadingDataLabel": "Veri yükleniyor ...",
"SearchFor": "Arama:",
"SearchButtonText": "Ara",
"SearchDescription": "LOB Sisteminden Müşterileri Arayın",
"ListButtonText": "Müşterileri Listele",
"ListDescription": "LOB Sisteminden Müşterileri Listele",
"CustomerIDColumn": "Müşteri Kimliği",
"CustomerIDColumnAriaLabel": "Müşteri Kimliği",
"CompanyNameColumn": "Şirket",
"CompanyNameColumnAriaLabel": "Şirket",
"ContactNameColumn": "Yetkili",
"ContactNameColumnAriaLabel": "Yetkili",
"CountryColumn": "Ülke",
"CountryColumnAriaLabel": "Ülke",
}
});
================================================
FILE: source/react-lob-integration/tsconfig.json
================================================
{
"extends": "./node_modules/@microsoft/rush-stack-compiler-4.5/includes/tsconfig-web.json",
"compilerOptions": {
"target": "es5",
"forceConsistentCasingInFileNames": true,
"module": "esnext",
"moduleResolution": "node",
"jsx": "react",
"declaration": true,
"sourceMap": true,
"experimentalDecorators": true,
"skipLibCheck": true,
"outDir": "lib",
"inlineSources": false,
"strictNullChecks": false,
"noImplicitAny": true,
"typeRoots": [
"./node_modules/@types",
"./node_modules/@microsoft"
],
"types": [
"webpack-env"
],
"lib": [
"es5",
"dom",
"es2015.collection",
"es2015.promise"
]
},
"include": [
"src/**/*.ts",
"src/**/*.tsx"
]
}
================================================
FILE: source/react-people-directory/.eslintrc.js
================================================
require('@rushstack/eslint-config/patch/modern-module-resolution');
module.exports = {
extends: ['@microsoft/eslint-config-spfx/lib/profiles/react'],
parserOptions: { tsconfigRootDir: __dirname },
overrides: [
{
files: ['*.ts', '*.tsx'],
parser: '@typescript-eslint/parser',
'parserOptions': {
'project': './tsconfig.json',
'ecmaVersion': 2018,
'sourceType': 'module'
},
rules: {
// Prevent usage of the JavaScript null value, while allowing code to access existing APIs that may require null. https://www.npmjs.com/package/@rushstack/eslint-plugin
'@rushstack/no-new-null': 1,
// Require Jest module mocking APIs to be called before any other statements in their code block. https://www.npmjs.com/package/@rushstack/eslint-plugin
'@rushstack/hoist-jest-mock': 1,
// Require regular expressions to be constructed from string constants rather than dynamically building strings at runtime. https://www.npmjs.com/package/@rushstack/eslint-plugin-security
'@rushstack/security/no-unsafe-regexp': 1,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
'@typescript-eslint/adjacent-overload-signatures': 1,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
//
// CONFIGURATION: By default, these are banned: String, Boolean, Number, Object, Symbol
'@typescript-eslint/ban-types': [
1,
{
'extendDefaults': false,
'types': {
'String': {
'message': 'Use \'string\' instead',
'fixWith': 'string'
},
'Boolean': {
'message': 'Use \'boolean\' instead',
'fixWith': 'boolean'
},
'Number': {
'message': 'Use \'number\' instead',
'fixWith': 'number'
},
'Object': {
'message': 'Use \'object\' instead, or else define a proper TypeScript type:'
},
'Symbol': {
'message': 'Use \'symbol\' instead',
'fixWith': 'symbol'
},
'Function': {
'message': 'The \'Function\' type accepts any function-like value.\nIt provides no type safety when calling the function, which can be a common source of bugs.\nIt also accepts things like class declarations, which will throw at runtime as they will not be called with \'new\'.\nIf you are expecting the function to accept certain arguments, you should explicitly define the function shape.'
}
}
}
],
// RATIONALE: Code is more readable when the type of every variable is immediately obvious.
// Even if the compiler may be able to infer a type, this inference will be unavailable
// to a person who is reviewing a GitHub diff. This rule makes writing code harder,
// but writing code is a much less important activity than reading it.
//
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
'@typescript-eslint/explicit-function-return-type': [
0,
{
'allowExpressions': true,
'allowTypedFunctionExpressions': true,
'allowHigherOrderFunctions': false
}
],
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
// Rationale to disable: although this is a recommended rule, it is up to dev to select coding style.
// Set to 1 (warning) or 2 (error) to enable.
'@typescript-eslint/explicit-member-accessibility': 0,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
'@typescript-eslint/no-array-constructor': 1,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
//
// RATIONALE: The "any" keyword disables static type checking, the main benefit of using TypeScript.
// This rule should be suppressed only in very special cases such as JSON.stringify()
// where the type really can be anything. Even if the type is flexible, another type
// may be more appropriate such as "unknown", "{}", or "Record{this.props.person.name}
-
{this.props.person.function &&
- {this.props.person.function} } {this.props.person.department &&
- {this.props.person.department} } {this.props.person.email &&
- {this.props.person.email} } {this.props.person.phone &&
- {this.props.person.phone} } {this.props.person.mobile &&
- {this.props.person.mobile} } {this.props.person.projects &&
-
{this.props.person.projects}
}
{this.props.person.skills &&
-
{this.props.person.skills}
}
{!loading &&
errorMessage &&
// if the component is not loading data anymore and an error message
// has been returned, display the error message to the user
{strings.ErrorLabel}: {errorMessage}
}
);
}
}
================================================
FILE: source/react-people-directory/src/webparts/peopleDirectory/components/PeopleDirectory/index.ts
================================================
export * from './IPeopleDirectoryProps';
export * from './IPeopleDirectoryState';
export * from './PeopleDirectory';
export * from './IPerson';
export * from './IPeopleSearchResults';
================================================
FILE: source/react-people-directory/src/webparts/peopleDirectory/components/PeopleDirectory.module.scss
================================================
@import '~@fluentui/react/dist/sass/References.scss';
.peopleDirectory {
.container {
max-width: 700px;
margin: 0px auto;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
}
.row {
@include ms-Grid-row;
@include ms-fontColor-white;
background-color: $ms-color-themeDark;
padding: 20px;
}
.column {
@include ms-Grid-col;
@include ms-lg10;
@include ms-xl8;
@include ms-xlPush2;
@include ms-lgPush1;
}
.title {
@include ms-font-xl;
@include ms-fontColor-white;
}
.subTitle {
@include ms-font-l;
@include ms-fontColor-white;
}
.description {
@include ms-font-l;
@include ms-fontColor-white;
}
.button {
// Our button
text-decoration: none;
height: 32px;
// Primary Button
min-width: 80px;
background-color: $ms-color-themePrimary;
border-color: $ms-color-themePrimary;
color: $ms-color-white;
// Basic Button
outline: transparent;
position: relative;
font-family: "Segoe UI WestEuropean","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;
-webkit-font-smoothing: antialiased;
font-size: $ms-font-size-m;
font-weight: $ms-font-weight-regular;
border-width: 0;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 0 16px;
.label {
font-weight: $ms-font-weight-semibold;
font-size: $ms-font-size-m;
height: 32px;
line-height: 32px;
margin: 0 4px;
vertical-align: top;
display: inline-block;
}
}
}
================================================
FILE: source/react-people-directory/src/webparts/peopleDirectory/components/PeopleList/IPeopleListProps.ts
================================================
import { IPerson } from "../PeopleDirectory";
/**
* Properties for the people list component
*/
export interface IPeopleListProps {
/**
* Array of people matching the selected tab or the current search query
*/
people: IPerson[];
/**
* Currently selected tab, eg. 'A'
*/
selectedIndex: string;
/**
* True if the user is searching for people
*/
hasSearchQuery: boolean;
}
================================================
FILE: source/react-people-directory/src/webparts/peopleDirectory/components/PeopleList/IPeopleListState.ts
================================================
import { IPerson } from "../PeopleDirectory";
export interface IPeopleListState {
showCallOut: boolean;
calloutElement: number;
person: IPerson;
}
================================================
FILE: source/react-people-directory/src/webparts/peopleDirectory/components/PeopleList/PeopleList.module.scss
================================================
@import '~@fluentui/react/dist/sass/References.scss';
.persona_card{
align-items: center;
border: 1px solid "[theme:neutralLight, default: #eaeaea]";
display: flex;
justify-content: space-between;
margin-bottom: 1rem;
padding: 1rem;
position: relative;
max-width: var(--maxPersonaWidth);
// @media (min-width: $ms-screen-min-lg){
// max-width: 50%;
// }
.persona{
align-items: center;
display: inline-flex;
height: 1.4rem;
justify-content: center;
position: absolute;
right: 1rem;
width: 1.4rem;
i{
color: "[theme:themeSecondary, default: #2b88d8]";
cursor: pointer;
font-size: 1.4rem;
}
}
.callout {
display: hidden;
}
.calloutShow {
display: block;
}
}
================================================
FILE: source/react-people-directory/src/webparts/peopleDirectory/components/PeopleList/PeopleList.tsx
================================================
import * as React from 'react';
import { IPeopleListProps } from '.';
import {
Persona,
PersonaSize
} from '@fluentui/react/lib/Persona';
import * as strings from 'PeopleDirectoryWebPartStrings';
import styles from './PeopleList.module.scss';
import { Callout, DirectionalHint } from '@fluentui/react/lib/Callout';
import { IPeopleListState } from './IPeopleListState';
import { PeopleCallout } from '../PeopleCallout';
import { IPerson } from '../PeopleDirectory';
export class PeopleList extends React.Component
{this.props.people.length === 0 &&
(this.props.selectedIndex !== 'Search' ||
(this.props.selectedIndex === 'Search' &&
this.props.hasSearchQuery)) &&
// Show the 'No people found' message if no people have been retrieved
// and the user either selected a letter in the navigation or issued
// a search query (but not when navigated to the Search tab without
// providing a query yet)
)}
);
})
}
);
}
private _onPersonaClicked = (index: number, person: IPerson) => (_event: any) => {
this.setState({
showCallOut: !this.state.showCallOut,
calloutElement: index,
person: person
});
}
private _onCalloutDismiss = (_event: any) => {
this.setState({
showCallOut: false,
});
}
}
================================================
FILE: source/react-people-directory/src/webparts/peopleDirectory/components/PeopleList/index.ts
================================================
export * from './IPeopleListProps';
export * from './PeopleList';
================================================
FILE: source/react-people-directory/src/webparts/peopleDirectory/components/Search/ISearchProps.ts
================================================
/**
* Properties for the search component
*/
export interface ISearchProps {
/**
* Current search query
*/
searchQuery: string;
/**
* Event handler for issuing a search query
*/
onSearch: (searchQuery: string) => void;
/**
* Event handler for clearing the current search query
*/
onClear: () => void;
}
================================================
FILE: source/react-people-directory/src/webparts/peopleDirectory/components/Search/Search.module.scss
================================================
@import '~@fluentui/react/dist/sass/References.scss';
.search {
.searchBox {
width: 30em;
margin: 1em auto;
}
}
================================================
FILE: source/react-people-directory/src/webparts/peopleDirectory/components/Search/Search.tsx
================================================
import * as React from 'react';
import styles from './Search.module.scss';
import { ISearchProps } from '.';
import {
SearchBox
} from '@fluentui/react/lib/SearchBox';
import * as strings from 'PeopleDirectoryWebPartStrings';
export class Search extends React.Component{strings.NoPeopleFoundLabel}
}
{this.props.people.length > 0 &&
// for each retrieved person, create a persona card with the retrieved
// information
//this.props.people.map(p =>
{event.isAllDay ? 'All day' : `${startTime.getHours()}:${minutes < 10 ? '0' + minutes : minutes}`}
{getDuration(event)}
{event.subject}
{event.location.displayName}
{format(new Date(day), 'iiii, MMMM d, yyyy')}
;
};
const LoadingTemplate = (props: MgtTemplateProps) => {
return S
M
T
W
T
F
S
{eachDayOfInterval({start: startDate, end: endDate}).map((date: any, index: any) => {
const isFirstOfMonth = getDate(date) === 1;
const isPast = differenceInCalendarDays(today, date) > 0;
return (
{isFirstOfMonth &&
{format(date, 'MMM')}
}
{format(date, 'd')}
{item.from.emailAddress.name || item.from.emailAddress.address}
{item.subject}
{(new Date(item.receivedDateTime).toLocaleDateString())}
{item.bodyPreview}
;
}
public componentDidMount(): void {
// load data initially after the component has been instantiated
this._loadMessages();
}
public componentDidUpdate(prevProps: IPersonalEmailProps, prevState: IPersonalEmailState): void {
// verify if the component should update. Helps avoid unnecessary re-renders
// when the parent has changed but this component hasn't
if (prevProps.nrOfMessages !== this.props.nrOfMessages || prevProps.showInboxOnly !== this.props.showInboxOnly) {
this._loadMessages();
}
}
public render(): React.ReactElement
{(webPartTitle || displayMode === DisplayMode.Edit) &&
}
);
}
private _onTitleChange = (event: { target: { value: any; }; }): void => {
this.props.onTitleChange(event.target.value);
}
}
================================================
FILE: source/react-personal-tasks/src/webparts/personalTasks/loc/en-us.js
================================================
define([], function () {
return {
"PropertyPaneDescription": "Configure parameters of displayed personal tasks",
"BasicGroupName": "",
"AllowEditingPropertyLabel": "Allow editing",
"DataSourcePropertyLabel": "Data source",
"DataSourcePlanner": "Planner",
"DataSourceToDo": "To Do",
"HideHeaderPropertyLabel": "Hide filter",
"InitialId": "Initially displayed Plan or To Do Folder id",
"InitialBucketId": "Initially displayed bucket id",
"TargetId": "Source Plan or To Do Folder id",
"TargetBucketId": "Source bucket id",
"WebPartTitlePlaceholder": "Web part title",
"WebPartTitleLabel": "Add a title"
}
});
================================================
FILE: source/react-personal-tasks/src/webparts/personalTasks/loc/mystrings.d.ts
================================================
declare interface IPersonalTasksWebPartStrings {
PropertyPaneDescription: string;
BasicGroupName: string;
AllowEditingPropertyLabel: string;
DataSourcePropertyLabel: string;
DataSourcePlanner: string;
DataSourceToDo: string;
HideHeaderPropertyLabel: string;
InitialId: string;
InitialBucketId: string;
TargetId: string;
TargetBucketId: string;
WebPartTitlePlaceholder: string;
WebPartTitleLabel: string;
}
declare module 'PersonalTasksWebPartStrings' {
const strings: IPersonalTasksWebPartStrings;
export = strings;
}
================================================
FILE: source/react-personal-tasks/tsconfig.json
================================================
{
"extends": "./node_modules/@microsoft/rush-stack-compiler-4.5/includes/tsconfig-web.json",
"compilerOptions": {
"target": "es5",
"forceConsistentCasingInFileNames": true,
"module": "esnext",
"moduleResolution": "node",
"jsx": "react",
"declaration": true,
"sourceMap": true,
"experimentalDecorators": true,
"skipLibCheck": true,
"outDir": "lib",
"inlineSources": false,
"strictNullChecks": false,
"noImplicitAny": true,
"typeRoots": [
"./node_modules/@types",
"./node_modules/@microsoft"
],
"types": [
"webpack-env"
],
"lib": [
"es5",
"dom",
"es2015.collection",
"es2015.promise"
]
},
"include": [
"src/**/*.ts",
"src/**/*.tsx"
]
}
================================================
FILE: source/react-recent-contacts/.editorconfig
================================================
# EditorConfig helps developers define and maintain consistent
# coding styles between different editors and IDEs
# editorconfig.org
root = true
[*]
# change these settings to your own preference
indent_style = space
indent_size = 2
# we recommend you to keep these unchanged
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.md]
trim_trailing_whitespace = false
[{package,bower}.json]
indent_style = space
indent_size = 2
================================================
FILE: source/react-recent-contacts/.eslintrc.js
================================================
require('@rushstack/eslint-config/patch/modern-module-resolution');
module.exports = {
extends: ['@microsoft/eslint-config-spfx/lib/profiles/react'],
parserOptions: { tsconfigRootDir: __dirname },
overrides: [
{
files: ['*.ts', '*.tsx'],
parser: '@typescript-eslint/parser',
'parserOptions': {
'project': './tsconfig.json',
'ecmaVersion': 2018,
'sourceType': 'module'
},
rules: {
// Prevent usage of the JavaScript null value, while allowing code to access existing APIs that may require null. https://www.npmjs.com/package/@rushstack/eslint-plugin
'@rushstack/no-new-null': 1,
// Require Jest module mocking APIs to be called before any other statements in their code block. https://www.npmjs.com/package/@rushstack/eslint-plugin
'@rushstack/hoist-jest-mock': 1,
// Require regular expressions to be constructed from string constants rather than dynamically building strings at runtime. https://www.npmjs.com/package/@rushstack/eslint-plugin-security
'@rushstack/security/no-unsafe-regexp': 1,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
'@typescript-eslint/adjacent-overload-signatures': 1,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
//
// CONFIGURATION: By default, these are banned: String, Boolean, Number, Object, Symbol
'@typescript-eslint/ban-types': [
1,
{
'extendDefaults': false,
'types': {
'String': {
'message': 'Use \'string\' instead',
'fixWith': 'string'
},
'Boolean': {
'message': 'Use \'boolean\' instead',
'fixWith': 'boolean'
},
'Number': {
'message': 'Use \'number\' instead',
'fixWith': 'number'
},
'Object': {
'message': 'Use \'object\' instead, or else define a proper TypeScript type:'
},
'Symbol': {
'message': 'Use \'symbol\' instead',
'fixWith': 'symbol'
},
'Function': {
'message': 'The \'Function\' type accepts any function-like value.\nIt provides no type safety when calling the function, which can be a common source of bugs.\nIt also accepts things like class declarations, which will throw at runtime as they will not be called with \'new\'.\nIf you are expecting the function to accept certain arguments, you should explicitly define the function shape.'
}
}
}
],
// RATIONALE: Code is more readable when the type of every variable is immediately obvious.
// Even if the compiler may be able to infer a type, this inference will be unavailable
// to a person who is reviewing a GitHub diff. This rule makes writing code harder,
// but writing code is a much less important activity than reading it.
//
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
'@typescript-eslint/explicit-function-return-type': [
0,
{
'allowExpressions': true,
'allowTypedFunctionExpressions': true,
'allowHigherOrderFunctions': false
}
],
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
// Rationale to disable: although this is a recommended rule, it is up to dev to select coding style.
// Set to 1 (warning) or 2 (error) to enable.
'@typescript-eslint/explicit-member-accessibility': 0,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
'@typescript-eslint/no-array-constructor': 1,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
//
// RATIONALE: The "any" keyword disables static type checking, the main benefit of using TypeScript.
// This rule should be suppressed only in very special cases such as JSON.stringify()
// where the type really can be anything. Even if the type is flexible, another type
// may be more appropriate such as "unknown", "{}", or "Record
{
displayMode === DisplayMode.Edit && (
)
}
{
displayMode !== DisplayMode.Edit && webPartTitle && {webPartTitle}
}
{data.displayName}
{data?.emailAddresses.length && data.emailAddresses[0].address && {data.emailAddresses[0].address}}
{data?.phones?.length ? {data.phones[0].number} : ''}
-
{
this.state.usedSites.map(site => (
- {site.title} )) }
{(this.props.needsConfiguration
|| !this.props.siteTitle
|| !this.props.siteContactLogin
|| !this.props.siteContactEmail
|| !this.props.siteContactFullName
|| !this.props.siteOrganization) ?
0))}
size={ PersonaSize.size24 }
presence={ PersonaPresence.none }
/>
}
);
}
private getInitials(fullName: string): string {
if (!fullName) {
return (undefined);
}
const parts: string[] = fullName.split(' ');
let initials: string = '';
parts.forEach(p => {
if (p.length > 0) {
initials = initials.concat(p.substring(0, 1).toUpperCase());
}
});
return (initials);
}
}
================================================
FILE: source/react-site-information/src/webparts/siteInformation/loc/de-de.js
================================================
define([], function() {
return {
"PropertyPaneDescription": "Beschreibung",
"BasicGroupName": "Gruppenname",
"SiteTitleFieldLabel": "Seitentitel",
"SiteContactFieldLabel": "Seiten Kontakt",
"SiteOrganizationFieldLabel": "Seiten Organisation",
"SiteOrganizationPanelTitle": "Seiten Organisation",
"PlaceholderIconName":"Ändern",
"PlaceholderIconText":"Konfigurieren Sie Ihren Web Part",
"PlaceholderDescription":"Bitte konfigurieren Sie Ihren Web Part.",
"PlaceholderButtonLabel":"Konfiguration",
"SiteTitleCaption": "Seiten Title:",
"SiteContactCaption": "Seiten Kontakt:",
"SiteOrganizationCaption": "Seiten Organisation:"
}
});
================================================
FILE: source/react-site-information/src/webparts/siteInformation/loc/en-us.js
================================================
define([], function() {
return {
"PropertyPaneDescription": "Description",
"BasicGroupName": "Group Name",
"SiteTitleFieldLabel": "Site Title",
"SiteContactFieldLabel": "Site Contact",
"SiteOrganizationFieldLabel": "Site Organization",
"SiteOrganizationPanelTitle": "Site Organization",
"PlaceholderIconName":"Edit",
"PlaceholderIconText":"Configure your web part",
"PlaceholderDescription":"Please configure the web part.",
"PlaceholderButtonLabel":"Configure",
"SiteTitleCaption": "Site Title:",
"SiteContactCaption": "Site Contact:",
"SiteOrganizationCaption": "Site Organization:"
}
});
================================================
FILE: source/react-site-information/src/webparts/siteInformation/loc/es-es.js
================================================
define([], function() {
return {
"PropertyPaneDescription": "Descripción",
"BasicGroupName": "Nombre del grupo",
"SiteTitleFieldLabel": "Título del sitio",
"SiteContactFieldLabel": "Contácto del sitio",
"SiteOrganizationFieldLabel": "Organización del sitio",
"SiteOrganizationPanelTitle": "Organización del sitio",
"PlaceholderIconName":"Editr",
"PlaceholderIconText":"Configuración delo elemento web",
"PlaceholderDescription":"Favor de configurar el elemento web.",
"PlaceholderButtonLabel":"Configure",
"SiteTitleCaption": "Título del sitio:",
"SiteContactCaption": "Contácto del sitio:",
"SiteOrganizationCaption": "Organización del sitio:"
}
});
================================================
FILE: source/react-site-information/src/webparts/siteInformation/loc/fr-fr.js
================================================
define([], function() {
return {
"PropertyPaneDescription": "Description",
"BasicGroupName": "Nom du groupe",
"SiteTitleFieldLabel": "Titre du site",
"SiteContactFieldLabel": "Contact du site",
"SiteOrganizationFieldLabel": "Organisation du site",
"SiteOrganizationPanelTitle": "Organisation du site",
"PlaceholderIconName":"Edit",
"PlaceholderIconText":"Configurer votre partie Web",
"PlaceholderDescription":"Veuillez configurer la partie Web.",
"PlaceholderButtonLabel":"Configurer",
"SiteTitleCaption": "Titre du site:",
"SiteContactCaption": "Contact di site:",
"SiteOrganizationCaption": "Organisation du site:"
}
});
================================================
FILE: source/react-site-information/src/webparts/siteInformation/loc/mystrings.d.ts
================================================
declare interface ISiteInformationWebPartStrings {
// Property Pane labels and strings
PropertyPaneDescription: string;
BasicGroupName: string;
SiteTitleFieldLabel: string;
SiteContactFieldLabel: string;
SiteOrganizationFieldLabel: string;
SiteOrganizationPanelTitle: string;
// Placeholder labels and strings
PlaceholderIconName: string;
PlaceholderIconText: string;
PlaceholderDescription: string;
PlaceholderButtonLabel: string;
// UI labels and strings
SiteTitleCaption: string;
SiteContactCaption: string;
SiteOrganizationCaption: string;
}
declare module 'SiteInformationWebPartStrings' {
const strings: ISiteInformationWebPartStrings;
export = strings;
}
================================================
FILE: source/react-site-information/src/webparts/siteInformation/loc/nb-no.js
================================================
define([], function() {
return {
"PropertyPaneDescription": "Beskrivelse",
"BasicGroupName": "Gruppenavn",
"SiteTitleFieldLabel": "Områdetittel",
"SiteContactFieldLabel": "Områdekontakt",
"SiteOrganizationFieldLabel": "Område organisasjon",
"SiteOrganizationPanelTitle": "Område organisasjon",
"PlaceholderIconName":"Rediger",
"PlaceholderIconText":"Konfigurer webdel",
"PlaceholderDescription":"Vennligst konfigurer webdelen.",
"PlaceholderButtonLabel":"Konfigurer",
"SiteTitleCaption": "Områdetittel:",
"SiteContactCaption": "Områdekontakt:",
"SiteOrganizationCaption": "Område organisasjon:"
}
});
================================================
FILE: source/react-site-information/src/webparts/siteInformation/loc/nl-nl.js
================================================
define([], function() {
return {
"PropertyPaneDescription": "Omschrijving",
"BasicGroupName": "Groepsnaam",
"SiteTitleFieldLabel": "Site Titel",
"SiteContactFieldLabel": "Site Contactpersoon",
"SiteOrganizationFieldLabel": "Site Organisatie",
"SiteOrganizationPanelTitle": "Site Organisatie",
"PlaceholderIconName":"Bewerken",
"PlaceholderIconText":"Configureer je webpart",
"PlaceholderDescription":"Configureer het webpart.",
"PlaceholderButtonLabel":"Configureer",
"SiteTitleCaption": "Site Titel:",
"SiteContactCaption": "Site Contactpersoon:",
"SiteOrganizationCaption": "Site Organizatie:"
}
});
================================================
FILE: source/react-site-information/src/webparts/siteInformation/loc/sv-se.js
================================================
define([], function() {
return {
"PropertyPaneDescription": "Beskrivning",
"BasicGroupName": "Gruppnamn",
"SiteTitleFieldLabel": "Webbplatstitel",
"SiteContactFieldLabel": "Webbplatskontakt",
"SiteOrganizationFieldLabel": "Webbplatsorganisation",
"SiteOrganizationPanelTitle": "Webbplatsorganisation",
"PlaceholderIconName":"Redigera",
"PlaceholderIconText":"Konfigurera din webbdel",
"PlaceholderDescription":"Var god konfigurera din webbdel.",
"PlaceholderButtonLabel":"Konfigurera",
"SiteTitleCaption": "Webbplatstitel:",
"SiteContactCaption": "Webbplatskontakt:",
"SiteOrganizationCaption": "Webbplatsorganisation:"
}
});
================================================
FILE: source/react-site-information/src/webparts/siteInformation/loc/tr-tr.js
================================================
define([], function() {
return {
"PropertyPaneDescription": "Açıklama",
"BasicGroupName": "Grup ismi",
"SiteTitleFieldLabel": "Site Başlığı",
"SiteContactFieldLabel": "Site Yetkilisi",
"SiteOrganizationFieldLabel": "Site Organizasyonu",
"SiteOrganizationPanelTitle": "Site Organizasyonu",
"PlaceholderIconName":"Düzenle",
"PlaceholderIconText":"Web bölümünü yapılandır",
"PlaceholderDescription":"Lütfen web bölümünü yapılandırın.",
"PlaceholderButtonLabel":"Yapılandır",
"SiteTitleCaption": "Site Başlığı:",
"SiteContactCaption": "Site Yetkilisi:",
"SiteOrganizationCaption": "Site Organizasyonu:"
}
});
================================================
FILE: source/react-site-information/tsconfig.json
================================================
{
"extends": "./node_modules/@microsoft/rush-stack-compiler-4.5/includes/tsconfig-web.json",
"compilerOptions": {
"target": "es5",
"forceConsistentCasingInFileNames": true,
"module": "esnext",
"moduleResolution": "node",
"jsx": "react",
"declaration": true,
"sourceMap": true,
"experimentalDecorators": true,
"skipLibCheck": true,
"outDir": "lib",
"inlineSources": false,
"strictNullChecks": false,
"noImplicitAny": true,
"typeRoots": [
"./node_modules/@types",
"./node_modules/@microsoft"
],
"types": [
"webpack-env"
],
"lib": [
"es5",
"dom",
"es2015.collection",
"es2015.promise"
]
},
"include": [
"src/**/*.ts",
"src/**/*.tsx"
]
}
================================================
FILE: source/react-tiles/.editorconfig
================================================
# EditorConfig helps developers define and maintain consistent
# coding styles between different editors and IDEs
# editorconfig.org
root = true
[*]
# change these settings to your own preference
indent_style = space
indent_size = 2
# we recommend you to keep these unchanged
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.md]
trim_trailing_whitespace = false
[{package,bower}.json]
indent_style = space
indent_size = 2
================================================
FILE: source/react-tiles/.eslintrc.js
================================================
require('@rushstack/eslint-config/patch/modern-module-resolution');
module.exports = {
extends: ['@microsoft/eslint-config-spfx/lib/profiles/react'],
parserOptions: { tsconfigRootDir: __dirname },
overrides: [
{
files: ['*.ts', '*.tsx'],
parser: '@typescript-eslint/parser',
'parserOptions': {
'project': './tsconfig.json',
'ecmaVersion': 2018,
'sourceType': 'module'
},
rules: {
// Prevent usage of the JavaScript null value, while allowing code to access existing APIs that may require null. https://www.npmjs.com/package/@rushstack/eslint-plugin
'@rushstack/no-new-null': 1,
// Require Jest module mocking APIs to be called before any other statements in their code block. https://www.npmjs.com/package/@rushstack/eslint-plugin
'@rushstack/hoist-jest-mock': 1,
// Require regular expressions to be constructed from string constants rather than dynamically building strings at runtime. https://www.npmjs.com/package/@rushstack/eslint-plugin-security
'@rushstack/security/no-unsafe-regexp': 1,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
'@typescript-eslint/adjacent-overload-signatures': 1,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
//
// CONFIGURATION: By default, these are banned: String, Boolean, Number, Object, Symbol
'@typescript-eslint/ban-types': [
1,
{
'extendDefaults': false,
'types': {
'String': {
'message': 'Use \'string\' instead',
'fixWith': 'string'
},
'Boolean': {
'message': 'Use \'boolean\' instead',
'fixWith': 'boolean'
},
'Number': {
'message': 'Use \'number\' instead',
'fixWith': 'number'
},
'Object': {
'message': 'Use \'object\' instead, or else define a proper TypeScript type:'
},
'Symbol': {
'message': 'Use \'symbol\' instead',
'fixWith': 'symbol'
},
'Function': {
'message': 'The \'Function\' type accepts any function-like value.\nIt provides no type safety when calling the function, which can be a common source of bugs.\nIt also accepts things like class declarations, which will throw at runtime as they will not be called with \'new\'.\nIf you are expecting the function to accept certain arguments, you should explicitly define the function shape.'
}
}
}
],
// RATIONALE: Code is more readable when the type of every variable is immediately obvious.
// Even if the compiler may be able to infer a type, this inference will be unavailable
// to a person who is reviewing a GitHub diff. This rule makes writing code harder,
// but writing code is a much less important activity than reading it.
//
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
'@typescript-eslint/explicit-function-return-type': [
1,
{
'allowExpressions': true,
'allowTypedFunctionExpressions': true,
'allowHigherOrderFunctions': false
}
],
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
// Rationale to disable: although this is a recommended rule, it is up to dev to select coding style.
// Set to 1 (warning) or 2 (error) to enable.
'@typescript-eslint/explicit-member-accessibility': 0,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
'@typescript-eslint/no-array-constructor': 1,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
//
// RATIONALE: The "any" keyword disables static type checking, the main benefit of using TypeScript.
// This rule should be suppressed only in very special cases such as JSON.stringify()
// where the type really can be anything. Even if the type is flexible, another type
// may be more appropriate such as "unknown", "{}", or "Record
{this.props.siteTitle}
[{this.props.siteOrganization}]
{
this.props.collectionData.map((tile, idx) =>
) : (
{name}
{this.props.needsConfiguration &&
// The web part hasn't been configured yet.
// Show a placeholder to have the user configure the web part
);
}
}
================================================
FILE: source/react-weather/src/webparts/weather/components/index.ts
================================================
export * from './IWeatherData';
export * from './IWeatherProps';
export * from './IWeatherState';
export * from './Weather';
================================================
FILE: source/react-weather/src/webparts/weather/loc/en-us.js
================================================
define([], function() {
return {
"PropertyPaneDescription": "Weather",
"DataGroupName": "Data",
"LocationFieldLabel": "Add a location",
"UnitFieldLabel": "Display temperature as",
"UnitFieldCelsius": "Celsius",
"UnitFieldFahrenheit": "Fahrenheit",
"ConfigGroupName": "Configuration",
"ApiKeyFieldLabel": "API Key",
"NoWeatherInformationFoundMessage": "No weather information found for ",
"LoadingSpinnerLabel": "Loading weather information...",
"PlaceholderIconText": "Configure your web part",
"PlaceholderDescription": "Please configure the web part.",
"PlaceholderButtonLabel": "Configure",
"LocationNotSpecifiedError": "Specify a location",
"LocationDoubleQuoteNotAllowed": "\" (double quote) is not allowed in the location name"
}
});
================================================
FILE: source/react-weather/src/webparts/weather/loc/mystrings.d.ts
================================================
declare interface IWeatherWebPartStrings {
PropertyPaneDescription: string;
DataGroupName: string;
LocationFieldLabel: string;
UnitFieldLabel: string;
UnitFieldCelsius: string;
UnitFieldFahrenheit: string;
ConfigGroupName: string;
ApiKeyFieldLabel: string;
NoWeatherInformationFoundMessage: string;
LoadingSpinnerLabel: string;
PlaceholderIconText: string;
PlaceholderDescription: string;
PlaceholderButtonLabel: string;
LocationNotSpecifiedError: string;
LocationDoubleQuoteNotAllowed: string;
}
declare module 'WeatherWebPartStrings' {
const strings: IWeatherWebPartStrings;
export = strings;
}
================================================
FILE: source/react-weather/tsconfig.json
================================================
{
"extends": "./node_modules/@microsoft/rush-stack-compiler-4.5/includes/tsconfig-web.json",
"compilerOptions": {
"target": "es5",
"forceConsistentCasingInFileNames": true,
"module": "esnext",
"moduleResolution": "node",
"jsx": "react",
"declaration": true,
"sourceMap": true,
"experimentalDecorators": true,
"noUnusedLocals": false,
"skipLibCheck": true,
"outDir": "lib",
"inlineSources": false,
"strictNullChecks": false,
"noImplicitAny": true,
"typeRoots": [
"./node_modules/@types",
"./node_modules/@microsoft"
],
"types": [
"webpack-env"
],
"lib": [
"es5",
"dom",
"es2015.collection",
"es2015.promise"
]
},
"include": [
"src/**/*.ts",
"src/**/*.tsx"
],
"exclude": [
"node_modules",
"lib"
]
}
================================================
FILE: source/react-world-clock/.editorconfig
================================================
# EditorConfig helps developers define and maintain consistent
# coding styles between different editors and IDEs
# editorconfig.org
root = true
[*]
# change these settings to your own preference
indent_style = space
indent_size = 2
# we recommend you to keep these unchanged
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.md]
trim_trailing_whitespace = false
[{package,bower}.json]
indent_style = space
indent_size = 2
================================================
FILE: source/react-world-clock/.eslintrc.js
================================================
require('@rushstack/eslint-config/patch/modern-module-resolution');
module.exports = {
extends: ['@microsoft/eslint-config-spfx/lib/profiles/react'],
parserOptions: { tsconfigRootDir: __dirname },
overrides: [
{
files: ['*.ts', '*.tsx'],
parser: '@typescript-eslint/parser',
'parserOptions': {
'project': './tsconfig.json',
'ecmaVersion': 2018,
'sourceType': 'module'
},
rules: {
// Prevent usage of the JavaScript null value, while allowing code to access existing APIs that may require null. https://www.npmjs.com/package/@rushstack/eslint-plugin
'@rushstack/no-new-null': 1,
// Require Jest module mocking APIs to be called before any other statements in their code block. https://www.npmjs.com/package/@rushstack/eslint-plugin
'@rushstack/hoist-jest-mock': 1,
// Require regular expressions to be constructed from string constants rather than dynamically building strings at runtime. https://www.npmjs.com/package/@rushstack/eslint-plugin-security
'@rushstack/security/no-unsafe-regexp': 1,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
'@typescript-eslint/adjacent-overload-signatures': 1,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
//
// CONFIGURATION: By default, these are banned: String, Boolean, Number, Object, Symbol
'@typescript-eslint/ban-types': [
1,
{
'extendDefaults': false,
'types': {
'String': {
'message': 'Use \'string\' instead',
'fixWith': 'string'
},
'Boolean': {
'message': 'Use \'boolean\' instead',
'fixWith': 'boolean'
},
'Number': {
'message': 'Use \'number\' instead',
'fixWith': 'number'
},
'Object': {
'message': 'Use \'object\' instead, or else define a proper TypeScript type:'
},
'Symbol': {
'message': 'Use \'symbol\' instead',
'fixWith': 'symbol'
},
'Function': {
'message': 'The \'Function\' type accepts any function-like value.\nIt provides no type safety when calling the function, which can be a common source of bugs.\nIt also accepts things like class declarations, which will throw at runtime as they will not be called with \'new\'.\nIf you are expecting the function to accept certain arguments, you should explicitly define the function shape.'
}
}
}
],
// RATIONALE: Code is more readable when the type of every variable is immediately obvious.
// Even if the compiler may be able to infer a type, this inference will be unavailable
// to a person who is reviewing a GitHub diff. This rule makes writing code harder,
// but writing code is a much less important activity than reading it.
//
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
'@typescript-eslint/explicit-function-return-type': [
1,
{
'allowExpressions': true,
'allowTypedFunctionExpressions': true,
'allowHigherOrderFunctions': false
}
],
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
// Rationale to disable: although this is a recommended rule, it is up to dev to select coding style.
// Set to 1 (warning) or 2 (error) to enable.
'@typescript-eslint/explicit-member-accessibility': 0,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
'@typescript-eslint/no-array-constructor': 1,
// STANDARDIZED BY: @typescript-eslint\eslint-plugin\dist\configs\recommended.json
//
// RATIONALE: The "any" keyword disables static type checking, the main benefit of using TypeScript.
// This rule should be suppressed only in very special cases such as JSON.stringify()
// where the type really can be anything. Even if the type is flexible, another type
// may be more appropriate such as "unknown", "{}", or "Record{escape(this.state.date.toLocaleTimeString())}
{(this.props.description) ? this.props.description : strings.LocalTimeDescription}