@fluentui/web-components 2.1.2 → 2.1.3

package/CHANGELOG.json

@@ -2,7 +2,30 @@
   "name": "@fluentui/web-components",
   "entries": [
     {
-      "date": "Fri, 10 Dec 2021 07:28:51 GMT",
+      "date": "Wed, 15 Dec 2021 07:28:31 GMT",
+      "tag": "@fluentui/web-components_v2.1.3",
+      "version": "2.1.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "jes@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "bd40a6eca1aaa0702e7989087b01de32c9aa6c3d",
+            "comment": "fix: prevent disabled flipper from emitting event"
+          }
+        ],
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "28ceaaa83cd92a0389c466f0b15b283e3d9b08e4",
+            "comment": "chore: update all jest deps to v26"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 10 Dec 2021 07:30:35 GMT",
       "tag": "@fluentui/web-components_v2.1.2",
       "version": "2.1.2",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Fri, 10 Dec 2021 07:28:51 GMT and should not be manually modified.
+This log was last generated on Wed, 15 Dec 2021 07:28:31 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [2.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.1.3)
+
+Wed, 15 Dec 2021 07:28:31 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.1.2..@fluentui/web-components_v2.1.3)
+
+### Patches
+
+- fix: prevent disabled flipper from emitting event ([PR #21003](https://github.com/microsoft/fluentui/pull/21003) by jes@microsoft.com)
+
 ## [2.1.2](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.1.2)
 
-Fri, 10 Dec 2021 07:28:51 GMT 
+Fri, 10 Dec 2021 07:30:35 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.1.1..@fluentui/web-components_v2.1.2)
 
 ### Patches

package/dist/esm/flipper/flipper.styles.js

@@ -22,6 +22,7 @@ export const flipperStyles = (context, definition) => css `
     :host(.disabled) {
       opacity: ${disabledOpacity};
       cursor: ${disabledCursor};
+      pointer-events: none;
     }
 
     .next,

package/dist/web-components.js

@@ -1475,7 +1475,10 @@ function compileTemplate(template, directives) {
   // because something like a when, repeat, etc. could add nodes before the marker.
   // To mitigate this, we insert a stable first node. However, if we insert a node,
   // that will alter the result of the TreeWalker. So, we also need to offset the target index.
-  DOM.isMarker(fragment.firstChild) || fragment.childNodes.length === 1 && directives.length) {
+  DOM.isMarker(fragment.firstChild) || // Or if there is only one node and a directive, it means the template's content
+  // is *only* the directive. In that case, HTMLView.dispose() misses any nodes inserted by
+  // the directive. Inserting a new node ensures proper disposal of nodes added by the directive.
+  fragment.childNodes.length === 1 && directives.length) {
     fragment.insertBefore(document.createComment(""), fragment.firstChild);
     targetOffset = -1;
   }
@@ -5559,7 +5562,9 @@ function isArrayIndex(value) {
         for (let i = 0; i < length; ++i) {
           ch = value.charCodeAt(i);
 
-          if (i === 0 && ch === 0x30 && length > 1 || ch < 0x30
+          if (i === 0 && ch === 0x30 && length > 1
+          /* must not start with 0 */
+          || ch < 0x30
           /* 0 */
           || ch > 0x39
           /* 9 */
@@ -22999,7 +23004,7 @@ const fluentDivider = Divider.compose({
 const dividerStyles = dividerStyles$1;
 
 const flipperStyles$1 = (context, definition) => css`
-    ${display('inline-flex')} :host{height:calc((${heightNumber} + ${designUnit}) * 1px);justify-content:center;align-items:center;fill:currentcolor;color:${neutralFillStrongRest};background:padding-box linear-gradient(${neutralFillRest},${neutralFillRest}),border-box ${neutralStrokeControlRest};box-sizing:border-box;border:calc(${focusStrokeWidth} * 1px) solid transparent;border-radius:calc(${controlCornerRadius} * 1px);outline:none;padding:0}:host(.disabled){opacity:${disabledOpacity};cursor:${disabledCursor}}.next,.previous{display:flex}:host(:not(.disabled):hover){cursor:pointer}:host(:not(.disabled):hover){color:${neutralFillStrongHover}}:host(:not(.disabled):active){color:${neutralFillStrongActive}}:host(:${focusVisible}){border-color:${focusStrokeOuter}}:host::-moz-focus-inner{border:0}`.withBehaviors(forcedColorsStylesheetBehavior(css`
+    ${display('inline-flex')} :host{height:calc((${heightNumber} + ${designUnit}) * 1px);justify-content:center;align-items:center;fill:currentcolor;color:${neutralFillStrongRest};background:padding-box linear-gradient(${neutralFillRest},${neutralFillRest}),border-box ${neutralStrokeControlRest};box-sizing:border-box;border:calc(${focusStrokeWidth} * 1px) solid transparent;border-radius:calc(${controlCornerRadius} * 1px);outline:none;padding:0}:host(.disabled){opacity:${disabledOpacity};cursor:${disabledCursor};pointer-events:none}.next,.previous{display:flex}:host(:not(.disabled):hover){cursor:pointer}:host(:not(.disabled):hover){color:${neutralFillStrongHover}}:host(:not(.disabled):active){color:${neutralFillStrongActive}}:host(:${focusVisible}){border-color:${focusStrokeOuter}}:host::-moz-focus-inner{border:0}`.withBehaviors(forcedColorsStylesheetBehavior(css`
         :host{background:${SystemColors.ButtonFace};border-color:${SystemColors.ButtonText}}:host .next,:host .previous{color:${SystemColors.ButtonText};fill:currentcolor}:host(:not(.disabled):hover){background:${SystemColors.Highlight}}:host(:not(.disabled):hover) .next,:host(:not(.disabled):hover) .previous{color:${SystemColors.HighlightText};fill:currentcolor}:host(.disabled){opacity:1}:host(.disabled),:host(.disabled) .next,:host(.disabled) .previous{border-color:${SystemColors.GrayText};color:${SystemColors.GrayText};fill:currentcolor}:host(:${focusVisible}){forced-color-adjust:none;border-color:${SystemColors.Highlight};box-shadow:0 0 0 2px ${SystemColors.ButtonFace},0 0 0 4px ${SystemColors.ButtonText}}`));
 
 /**

package/dist/web-components.min.js

@@ -101,7 +101,7 @@ ${eo("inline-block")} :host{--calendar-cell-size:calc((${zn} + 2 + ${Pn}) * ${Mn
   `}),Qd=(t,e)=>Dt`
   :host([hidden]){display:none}:host{--dialog-height:480px;--dialog-width:640px;display:block}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);touch-action:none}.positioning-region{display:flex;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.control{box-shadow:${zh};margin-top:auto;margin-bottom:auto;border-radius:calc(${Nn} * 1px);width:var(--dialog-width);height:var(--dialog-height);background:${ka};z-index:1;border:calc(${jn} * 1px) solid transparent}`,Zd=Bo.compose({baseName:"dialog",template:(t,e)=>nt`<div class="positioning-region" part="positioning-region">${Nt(t=>t.modal,nt`<div class="overlay" part="overlay" role="presentation" @click="${t=>t.dismiss()}"></div>`)}<div role="dialog" tabindex="-1" class="control" part="control" aria-modal="${t=>t.modal}" aria-describedby="${t=>t.ariaDescribedby}" aria-labelledby="${t=>t.ariaLabelledby}" aria-label="${t=>t.ariaLabel}" ${Bt("dialog")}><slot></slot></div></div>`,styles:Qd}),Jd=Qd,tu=(t,e)=>Dt`
     ${eo("block")} :host{box-sizing:content-box;height:0;border:none;border-top:calc(${jn} * 1px) solid ${_l}}`,eu=Uo.compose({baseName:"divider",template:(t,e)=>nt`<template role="${t=>t.role}"></template>`,styles:tu}),iu=tu,ou=(t,e)=>Dt`
-    ${eo("inline-flex")} :host{height:calc((${ah} + ${Mn}) * 1px);justify-content:center;align-items:center;fill:currentcolor;color:${kl};background:padding-box linear-gradient(${Ga},${Ga}),border-box ${Bl};box-sizing:border-box;border:calc(${Un} * 1px) solid transparent;border-radius:calc(${Bn} * 1px);outline:none;padding:0}:host(.disabled){opacity:${Ln};cursor:${"not-allowed"}}.next,.previous{display:flex}:host(:not(.disabled):hover){cursor:pointer}:host(:not(.disabled):hover){color:${Cl}}:host(:not(.disabled):active){color:${Fl}}:host(:${io}){border-color:${ac}}:host::-moz-focus-inner{border:0}`.withBehaviors(Ji(Dt`
+    ${eo("inline-flex")} :host{height:calc((${ah} + ${Mn}) * 1px);justify-content:center;align-items:center;fill:currentcolor;color:${kl};background:padding-box linear-gradient(${Ga},${Ga}),border-box ${Bl};box-sizing:border-box;border:calc(${Un} * 1px) solid transparent;border-radius:calc(${Bn} * 1px);outline:none;padding:0}:host(.disabled){opacity:${Ln};cursor:${"not-allowed"};pointer-events:none}.next,.previous{display:flex}:host(:not(.disabled):hover){cursor:pointer}:host(:not(.disabled):hover){color:${Cl}}:host(:not(.disabled):active){color:${Fl}}:host(:${io}){border-color:${ac}}:host::-moz-focus-inner{border:0}`.withBehaviors(Ji(Dt`
         :host{background:${Ns.ButtonFace};border-color:${Ns.ButtonText}}:host .next,:host .previous{color:${Ns.ButtonText};fill:currentcolor}:host(:not(.disabled):hover){background:${Ns.Highlight}}:host(:not(.disabled):hover) .next,:host(:not(.disabled):hover) .previous{color:${Ns.HighlightText};fill:currentcolor}:host(.disabled){opacity:1}:host(.disabled),:host(.disabled) .next,:host(.disabled) .previous{border-color:${Ns.GrayText};color:${Ns.GrayText};fill:currentcolor}:host(:${io}){forced-color-adjust:none;border-color:${Ns.Highlight};box-shadow:0 0 0 2px ${Ns.ButtonFace},0 0 0 4px ${Ns.ButtonText}}`)),su=qo.compose({baseName:"flipper",template:(t,e)=>nt`<template role="button" aria-disabled="${t=>!!t.disabled||void 0}" tabindex="${t=>t.hiddenFromAT?-1:0}" class="${t=>t.direction} ${t=>t.disabled?"disabled":""}" @keyup="${(t,e)=>t.keyupHandler(e.event)}">${Nt(t=>t.direction===jo.next,nt`<span part="next" class="next"><slot name="next">${e.next||""}</slot></span>`)} ${Nt(t=>t.direction===jo.previous,nt`<span part="previous" class="previous"><slot name="previous">${e.previous||""}</slot></span>`)}</template>`,styles:ou,next:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M7.57 11.84A1 1 0 016 11.02V4.98a1 1 0 011.57-.82l3.79 2.62c.85.59.85 1.85 0 2.44l-3.79 2.62z"/>\n    </svg>\n  ',previous:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M9.43 11.84a1 1 0 001.57-.82V4.98a1 1 0 00-1.57-.82L5.64 6.78c-.85.59-.85 1.85 0 2.44l3.79 2.62z"/>\n    </svg>\n  '}),nu=ou,ru=Dt`
   .scroll-prev{right:auto;left:0}.scroll.scroll-next::before,.scroll-next .scroll-action{left:auto;right:0}.scroll.scroll-next::before{background:linear-gradient(to right,transparent,var(--scroll-fade-next))}.scroll-next .scroll-action{transform:translate(50%,-50%)}`,au=Dt`
   .scroll.scroll-next{right:auto;left:0}.scroll.scroll-next::before{background:linear-gradient(to right,var(--scroll-fade-next),transparent);left:auto;right:0}.scroll.scroll-prev::before{background:linear-gradient(to right,transparent,var(--scroll-fade-previous))}.scroll-prev .scroll-action{left:auto;right:0;transform:translate(50%,-50%)}`,lu=Dt`

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fluentui/web-components",
   "description": "A library of Fluent Web Components",
   "sideEffects": false,
-  "version": "2.1.2",
+  "version": "2.1.3",
   "author": {
     "name": "Microsoft",
     "url": "https://discord.gg/FcSNfg4"
@@ -60,7 +60,6 @@
     "ignore-loader": "^0.1.2",
     "istanbul": "^0.4.5",
     "istanbul-instrumenter-loader": "^3.0.1",
-    "jsdom": "^16.2.2",
     "jsdom-global": "3.0.2",
     "karma": "^5.0.4",
     "karma-chrome-launcher": "^3.1.0",