{
+
var selectedData = this.optionContext["_data"];
selectedData[`${option.key}`] = type;
- this.optionContext.setData(selectedData as any);
- }}
+ this.optionContext.setData(selectedData as any);
+ let _topvar = "LongHairFro";
+ }}
>
);
- })}
+ topType={type} />);
+ }) }
+
;
+ break;
case "accessoriesType":
return {
+ var selectedData = this.optionContext["_data"];
+ selectedData[`${option.key}`] = type;
+ this.optionContext.setData(selectedData as any);
+
+ }}
+ >
);
+ })}
+ {
+ var selectedData = this.optionContext["_data"];
+ selectedData[`${option.key}`] = type;
+ this.optionContext.setData(selectedData as any);
+ }}
+ >
);
+ })}
+
+
+ );
+};
+
+export { MonthSection };
diff --git a/samples/react-birthdays-per-month/src/webparts/birthdaysPerMonth/loc/en-us.js b/samples/react-birthdays-per-month/src/webparts/birthdaysPerMonth/loc/en-us.js
new file mode 100644
index 000000000..7efbd643f
--- /dev/null
+++ b/samples/react-birthdays-per-month/src/webparts/birthdaysPerMonth/loc/en-us.js
@@ -0,0 +1,11 @@
+define([], function() {
+ return {
+ "PropertyPaneDescription": "Description",
+ "BasicGroupName": "Group Name",
+ "DescriptionFieldLabel": "Description Field",
+ "AppLocalEnvironmentSharePoint": "The app is running on your local environment as SharePoint web part",
+ "AppLocalEnvironmentTeams": "The app is running on your local environment as Microsoft Teams app",
+ "AppSharePointEnvironment": "The app is running on SharePoint page",
+ "AppTeamsTabEnvironment": "The app is running in Microsoft Teams"
+ }
+});
\ No newline at end of file
diff --git a/samples/react-birthdays-per-month/src/webparts/birthdaysPerMonth/loc/mystrings.d.ts b/samples/react-birthdays-per-month/src/webparts/birthdaysPerMonth/loc/mystrings.d.ts
new file mode 100644
index 000000000..c9ad4f5f5
--- /dev/null
+++ b/samples/react-birthdays-per-month/src/webparts/birthdaysPerMonth/loc/mystrings.d.ts
@@ -0,0 +1,14 @@
+declare interface IBirthdaysPerMonthWebPartStrings {
+ PropertyPaneDescription: string;
+ BasicGroupName: string;
+ DescriptionFieldLabel: string;
+ AppLocalEnvironmentSharePoint: string;
+ AppLocalEnvironmentTeams: string;
+ AppSharePointEnvironment: string;
+ AppTeamsTabEnvironment: string;
+}
+
+declare module 'BirthdaysPerMonthWebPartStrings' {
+ const strings: IBirthdaysPerMonthWebPartStrings;
+ export = strings;
+}
diff --git a/samples/react-birthdays-per-month/tailwind.config.js b/samples/react-birthdays-per-month/tailwind.config.js
new file mode 100644
index 000000000..66394270c
--- /dev/null
+++ b/samples/react-birthdays-per-month/tailwind.config.js
@@ -0,0 +1,12 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ prefix: "tw-",
+ content: ["./src/**/*.{html,js,ts,tsx}"],
+ theme: {
+ extend: {},
+ },
+ plugins: [],
+ corePlugins: {
+ preflight: false,
+ },
+};
diff --git a/samples/react-birthdays-per-month/teams/45224dc1-b3c6-45ba-bed4-ac896a9c0636_color.png b/samples/react-birthdays-per-month/teams/45224dc1-b3c6-45ba-bed4-ac896a9c0636_color.png
new file mode 100644
index 000000000..0e1f764fa
Binary files /dev/null and b/samples/react-birthdays-per-month/teams/45224dc1-b3c6-45ba-bed4-ac896a9c0636_color.png differ
diff --git a/samples/react-birthdays-per-month/teams/45224dc1-b3c6-45ba-bed4-ac896a9c0636_outline.png b/samples/react-birthdays-per-month/teams/45224dc1-b3c6-45ba-bed4-ac896a9c0636_outline.png
new file mode 100644
index 000000000..892868fab
Binary files /dev/null and b/samples/react-birthdays-per-month/teams/45224dc1-b3c6-45ba-bed4-ac896a9c0636_outline.png differ
diff --git a/samples/react-birthdays-per-month/tsconfig.json b/samples/react-birthdays-per-month/tsconfig.json
new file mode 100644
index 000000000..cb3c4af63
--- /dev/null
+++ b/samples/react-birthdays-per-month/tsconfig.json
@@ -0,0 +1,37 @@
+{
+ "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,
+ "noUnusedLocals": 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"
+ ]
+}
diff --git a/samples/react-caml2table/.eslintrc.js b/samples/react-caml2table/.eslintrc.js
new file mode 100644
index 000000000..6ebb2a10f
--- /dev/null
+++ b/samples/react-caml2table/.eslintrc.js
@@ -0,0 +1,378 @@
+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
+
+ {isExpand && (
+
+ {props.data.title}
+ {generateYearLabel()}
+
+
+ {props.data.users.length === 0 &&
+ )}
+ No birthdays this month.
}
+ {props.data.users.map((user) => (
+
+
+ ))}
+
+ 
+
+
+
+
+ {
+ event.stopPropagation();
+ window.open(`mailto:${user.email}`);
+ }}
+ />
+
+ {user.name}
+ {generateDateLabel(user.date, user.monthIndex)}
+ {generateDistanceLabel(user.date, user.monthIndex)}
+ + +
+ +
+ + {results != null && } + {results != null && results.length > 0 && +
{this.props.listMessage}
) :
(
+
+