Merge branch 'master' into users/jokreitl/fix-storybook-svg-types

microsoft · Jun 7, 2023 · 6c70cd2 · 6c70cd2
2 parents e769050 + 2b09441
commit 6c70cd2
Show file tree

Hide file tree

Showing 115 changed files with 758 additions and 701 deletions.
diff --git a/change/@microsoft-adaptive-ui-e1b6b2da-12b8-4b69-a151-70a247ef5c61.json b/change/@microsoft-adaptive-ui-e1b6b2da-12b8-4b69-a151-70a247ef5c61.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update prettier and eslint-config-prettier versions",
+  "packageName": "@microsoft/adaptive-ui",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@microsoft-fast-animation-2e847ce8-9dd1-4edc-aa70-06bab6029cc5.json b/change/@microsoft-fast-animation-2e847ce8-9dd1-4edc-aa70-06bab6029cc5.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update prettier and eslint-config-prettier versions",
+  "packageName": "@microsoft/fast-animation",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@microsoft-fast-colors-bc9fb307-5f51-46f4-9ade-831207de6efe.json b/change/@microsoft-fast-colors-bc9fb307-5f51-46f4-9ade-831207de6efe.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update prettier and eslint-config-prettier versions",
+  "packageName": "@microsoft/fast-colors",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@microsoft-fast-element-34020ef5-64b7-45bf-80d1-d8e1f4db59cd.json b/change/@microsoft-fast-element-34020ef5-64b7-45bf-80d1-d8e1f4db59cd.json
@@ -0,0 +1,7 @@
+{
+    "type": "prerelease",
+    "comment": "fixes a bug where ChildrenDirective could not be used multiple times for the same element",
+    "packageName": "@microsoft/fast-element",
+    "email": "[email protected]",
+    "dependentChangeType": "prerelease"
+}
diff --git a/change/@microsoft-fast-element-5d718f28-b6c7-49ab-ae6a-a3285cb9cb1e.json b/change/@microsoft-fast-element-5d718f28-b6c7-49ab-ae6a-a3285cb9cb1e.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update prettier and eslint-config-prettier versions",
+  "packageName": "@microsoft/fast-element",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@microsoft-fast-foundation-00f123f1-4c99-4888-88eb-418af274b30d.json b/change/@microsoft-fast-foundation-00f123f1-4c99-4888-88eb-418af274b30d.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update prettier and eslint-config-prettier versions",
+  "packageName": "@microsoft/fast-foundation",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@microsoft-fast-foundation-908e112e-07a6-4c72-b403-9f22841e6b86.json b/change/@microsoft-fast-foundation-908e112e-07a6-4c72-b403-9f22841e6b86.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "remove keyboard ability to change value for readonly state in fast-number-field",
+  "packageName": "@microsoft/fast-foundation",
+  "email": "[email protected]",
+  "dependentChangeType": "prerelease"
+}
diff --git a/change/@microsoft-fast-foundation-a479fadd-8be0-4cc5-80d5-dd88065f524c.json b/change/@microsoft-fast-foundation-a479fadd-8be0-4cc5-80d5-dd88065f524c.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "open picker menu on delete",
+  "packageName": "@microsoft/fast-foundation",
+  "email": "[email protected]",
+  "dependentChangeType": "prerelease"
+}
diff --git a/change/@microsoft-fast-foundation-e71f6ab0-358d-419f-a04e-112f06cf995e.json b/change/@microsoft-fast-foundation-e71f6ab0-358d-419f-a04e-112f06cf995e.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "set activeid when setting active tab",
+  "packageName": "@microsoft/fast-foundation",
+  "email": "[email protected]",
+  "dependentChangeType": "prerelease"
+}
diff --git a/change/@microsoft-fast-react-wrapper-9b8ce243-6c18-4760-a63d-3163d97a64f1.json b/change/@microsoft-fast-react-wrapper-9b8ce243-6c18-4760-a63d-3163d97a64f1.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update prettier and eslint-config-prettier versions",
+  "packageName": "@microsoft/fast-react-wrapper",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@microsoft-fast-router-fab9a6e5-c6be-479b-8802-14b1be702541.json b/change/@microsoft-fast-router-fab9a6e5-c6be-479b-8802-14b1be702541.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update prettier and eslint-config-prettier versions",
+  "packageName": "@microsoft/fast-router",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@microsoft-fast-ssr-cb08cd1f-695a-4aea-8b7a-4dcce7258a60.json b/change/@microsoft-fast-ssr-cb08cd1f-695a-4aea-8b7a-4dcce7258a60.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update prettier and eslint-config-prettier versions",
+  "packageName": "@microsoft/fast-ssr",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@microsoft-fast-web-utilities-1a8c4a8c-2bf4-463b-9d41-8671e90625db.json b/change/@microsoft-fast-web-utilities-1a8c4a8c-2bf4-463b-9d41-8671e90625db.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update prettier and eslint-config-prettier versions",
+  "packageName": "@microsoft/fast-web-utilities",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/package.json b/package.json
@@ -163,7 +163,7 @@
     "lerna": "^5.5.2",
     "lint-staged": "^10.1.2",
     "markdown-it": "^12.3.2",
-    "prettier": "2.0.2",
+    "prettier": "2.8.8",
     "rimraf": "^3.0.2",
     "ts-jest": "^25.4.0",
     "ts-node": "^8.8.2",

diff --git a/packages/tooling/adaptive-ui-explorer/src/app.ts b/packages/tooling/adaptive-ui-explorer/src/app.ts
@@ -270,22 +270,20 @@ export class App extends FASTElement implements AppAttributes {
 
         this.backgrounds = this.showOnlyLayerBackgrounds
             ? layers
-            : this.neutralColors.map(
-                  (color: string, index: number): SwatchInfo => {
-                      const neutralLayerIndex: number = layers.findIndex(
-                          (config: SwatchInfo): boolean => config.color === color
-                      );
-
-                      return {
-                          index,
-                          color,
-                          title:
-                              neutralLayerIndex !== -1
-                                  ? layers[neutralLayerIndex].title
-                                  : undefined,
-                      };
-                  }
-              );
+            : this.neutralColors.map((color: string, index: number): SwatchInfo => {
+                  const neutralLayerIndex: number = layers.findIndex(
+                      (config: SwatchInfo): boolean => config.color === color
+                  );
+
+                  return {
+                      index,
+                      color,
+                      title:
+                          neutralLayerIndex !== -1
+                              ? layers[neutralLayerIndex].title
+                              : undefined,
+                  };
+              });
     }
 
     private layerTokens: Array<[DesignToken<Swatch>, string]> = [
@@ -301,18 +299,16 @@ export class App extends FASTElement implements AppAttributes {
         layerFillBaseLuminance.setValueFor(this.designSystemElement, luminance);
 
         return this.layerTokens
-            .map(
-                (conf: [DesignToken<Swatch>, string]): SwatchInfo => {
-                    const color = conf[0]
-                        .getValueFor(this.designSystemElement)
-                        .toColorString();
-                    return {
-                        index: this.neutralColors.indexOf(color),
-                        color: color,
-                        title: conf[1],
-                    };
-                }
-            )
+            .map((conf: [DesignToken<Swatch>, string]): SwatchInfo => {
+                const color = conf[0]
+                    .getValueFor(this.designSystemElement)
+                    .toColorString();
+                return {
+                    index: this.neutralColors.indexOf(color),
+                    color: color,
+                    title: conf[1],
+                };
+            })
             .reduce((accumulated: SwatchInfo[], value: SwatchInfo): Array<SwatchInfo> => {
                 const colorIndex: number = accumulated.findIndex(
                     (config: SwatchInfo): boolean => config.color === value.color

diff --git a/packages/tooling/adaptive-ui-explorer/src/components/color-block.ts b/packages/tooling/adaptive-ui-explorer/src/components/color-block.ts
@@ -471,9 +471,7 @@ const template = html<ColorBlock>`
         )}
     </p>
 
-    <div class="content">
-        ${x => x.componentTypeTemplate()}
-    </div>
+    <div class="content">${x => x.componentTypeTemplate()}</div>
 `;
 
 const styles = css`

diff --git a/packages/tooling/adaptive-ui-explorer/src/components/layer-background/index.ts b/packages/tooling/adaptive-ui-explorer/src/components/layer-background/index.ts
@@ -109,9 +109,9 @@ export class LayerBackground extends FASTElement {
     }
 }
 
-export function layerBackgroundTemplate<T extends LayerBackground>(): ElementViewTemplate<
-    T
-> {
+export function layerBackgroundTemplate<
+    T extends LayerBackground
+>(): ElementViewTemplate<T> {
     return html<T>`
         <slot></slot>
     `;

diff --git a/packages/tooling/fast-figma-plugin-msft/package.json b/packages/tooling/fast-figma-plugin-msft/package.json
@@ -35,9 +35,9 @@
     "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^10.2.4",
     "css-loader": "^6.7.1",
-    "eslint-config-prettier": "^6.10.1",
+    "eslint-config-prettier": "^8.8.0",
     "html-webpack-inline-source-plugin": "^1.0.0-beta.2",
-    "prettier": "2.0.2",
+    "prettier": "2.8.8",
     "resolve-typescript-plugin": "^1.2.0",
     "raw-loader": "^4.0.2",
     "style-loader": "^3.3.1",

diff --git a/packages/utilities/adaptive-ui/docs/api-report.md b/packages/utilities/adaptive-ui/docs/api-report.md
@@ -636,7 +636,7 @@ export const PaletteDirectionValue: Readonly<{
 }>;
 
 // @public
-export type PaletteDirectionValue = typeof PaletteDirectionValue[keyof typeof PaletteDirectionValue];
+export type PaletteDirectionValue = (typeof PaletteDirectionValue)[keyof typeof PaletteDirectionValue];
 
 // @public
 export class PaletteRGB extends BasePalette<SwatchRGB> {

diff --git a/packages/utilities/adaptive-ui/package.json b/packages/utilities/adaptive-ui/package.json
@@ -52,9 +52,9 @@
     "@types/chai": "^4.2.11",
     "@types/mocha": "^7.0.2",
     "chai": "^4.2.0",
-    "eslint-config-prettier": "^6.10.1",
+    "eslint-config-prettier": "^8.8.0",
     "mocha": "^7.1.2",
-    "prettier": "2.0.2",
+    "prettier": "2.8.8",
     "typescript": "^4.7.0"
   }
 }
diff --git a/packages/utilities/adaptive-ui/src/color/palette.ts b/packages/utilities/adaptive-ui/src/color/palette.ts
@@ -26,7 +26,8 @@ export const PaletteDirectionValue = Object.freeze({
  *
  * @public
  */
-export type PaletteDirectionValue = typeof PaletteDirectionValue[keyof typeof PaletteDirectionValue];
+export type PaletteDirectionValue =
+    (typeof PaletteDirectionValue)[keyof typeof PaletteDirectionValue];
 
 // I know we like to avoid enums so I tried to make it an object, but I'm not sure how to make this work with the type and function below.
 // export const PaletteDirectionValue = {

diff --git a/packages/utilities/adaptive-ui/src/design-tokens/color.ts b/packages/utilities/adaptive-ui/src/design-tokens/color.ts
@@ -42,9 +42,8 @@ export const fillColor = create<Swatch>("fill-color").withDefault(
 );
 
 /** @public */
-export const neutralAsOverlay = createNonCss<boolean>("neutral-as-overlay").withDefault(
-    false
-);
+export const neutralAsOverlay =
+    createNonCss<boolean>("neutral-as-overlay").withDefault(false);
 
 // Accent Fill
 
@@ -953,10 +952,8 @@ export const focusStrokeOuterRecipe = createNonCss<ColorRecipe>(
 });
 
 /** @public */
-export const focusStrokeOuter = create<Swatch>(
-    "focus-stroke-outer"
-).withDefault((resolve: DesignTokenResolver) =>
-    resolve(focusStrokeOuterRecipe).evaluate(resolve)
+export const focusStrokeOuter = create<Swatch>("focus-stroke-outer").withDefault(
+    (resolve: DesignTokenResolver) => resolve(focusStrokeOuterRecipe).evaluate(resolve)
 );
 
 // Focus Stroke Inner
@@ -974,8 +971,6 @@ export const focusStrokeInnerRecipe = createNonCss<ColorRecipe>(
 });
 
 /** @public */
-export const focusStrokeInner = create<Swatch>(
-    "focus-stroke-inner"
-).withDefault((resolve: DesignTokenResolver) =>
-    resolve(focusStrokeInnerRecipe).evaluate(resolve)
+export const focusStrokeInner = create<Swatch>("focus-stroke-inner").withDefault(
+    (resolve: DesignTokenResolver) => resolve(focusStrokeInnerRecipe).evaluate(resolve)
 );
diff --git a/packages/utilities/adaptive-ui/src/design-tokens/elevation.ts b/packages/utilities/adaptive-ui/src/design-tokens/elevation.ts
@@ -44,31 +44,27 @@ export const elevationCardFocusSize = createNonCss<number>(
 ).withDefault(4);
 
 /** @public */
-export const elevationCardRest = create<string>(
-    "elevation-card-rest"
-).withDefault((resolve: DesignTokenResolver) =>
-    resolve(elevationRecipe).evaluate(resolve, resolve(elevationCardRestSize))
+export const elevationCardRest = create<string>("elevation-card-rest").withDefault(
+    (resolve: DesignTokenResolver) =>
+        resolve(elevationRecipe).evaluate(resolve, resolve(elevationCardRestSize))
 );
 
 /** @public */
-export const elevationCardHover = create<string>(
-    "elevation-card-hover"
-).withDefault((resolve: DesignTokenResolver) =>
-    resolve(elevationRecipe).evaluate(resolve, resolve(elevationCardHoverSize))
+export const elevationCardHover = create<string>("elevation-card-hover").withDefault(
+    (resolve: DesignTokenResolver) =>
+        resolve(elevationRecipe).evaluate(resolve, resolve(elevationCardHoverSize))
 );
 
 /** @public */
-export const elevationCardActive = create<string>(
-    "elevation-card-active"
-).withDefault((resolve: DesignTokenResolver) =>
-    resolve(elevationRecipe).evaluate(resolve, resolve(elevationCardActiveSize))
+export const elevationCardActive = create<string>("elevation-card-active").withDefault(
+    (resolve: DesignTokenResolver) =>
+        resolve(elevationRecipe).evaluate(resolve, resolve(elevationCardActiveSize))
 );
 
 /** @public */
-export const elevationCardFocus = create<string>(
-    "elevation-card-focus"
-).withDefault((resolve: DesignTokenResolver) =>
-    resolve(elevationRecipe).evaluate(resolve, resolve(elevationCardFocusSize))
+export const elevationCardFocus = create<string>("elevation-card-focus").withDefault(
+    (resolve: DesignTokenResolver) =>
+        resolve(elevationRecipe).evaluate(resolve, resolve(elevationCardFocusSize))
 );
 
 /** @public */
@@ -77,10 +73,9 @@ export const elevationTooltipSize = createNonCss<number>(
 ).withDefault(16);
 
 /** @public */
-export const elevationTooltip = create<string>(
-    "elevation-tooltip"
-).withDefault((resolve: DesignTokenResolver) =>
-    resolve(elevationRecipe).evaluate(resolve, resolve(elevationTooltipSize))
+export const elevationTooltip = create<string>("elevation-tooltip").withDefault(
+    (resolve: DesignTokenResolver) =>
+        resolve(elevationRecipe).evaluate(resolve, resolve(elevationTooltipSize))
 );
 
 /** @public */
@@ -89,10 +84,9 @@ export const elevationFlyoutSize = createNonCss<number>(
 ).withDefault(32);
 
 /** @public */
-export const elevationFlyout = create<string>(
-    "elevation-flyout"
-).withDefault((resolve: DesignTokenResolver) =>
-    resolve(elevationRecipe).evaluate(resolve, resolve(elevationFlyoutSize))
+export const elevationFlyout = create<string>("elevation-flyout").withDefault(
+    (resolve: DesignTokenResolver) =>
+        resolve(elevationRecipe).evaluate(resolve, resolve(elevationFlyoutSize))
 );
 
 /** @public */