@uifabric/merge-styles - npm Package Compare versions

Comparing version 7.8.11 to 7.9.0

CHANGELOG.json

@@ -5,3 +5,32 @@ {
     {
-      "date": "Mon, 30 Mar 2020 19:07:01 GMT",
+      "date": "Thu, 16 Apr 2020 00:06:26 GMT",
+      "tag": "@uifabric/merge-styles_v7.9.0",
+      "version": "7.9.0",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Readme: Fabric=>Fluent wording updates",
+            "author": "[e-mail]",
+            "commit": "9e3c7c7d4b92e132820cdbcd61a667829c712ecb",
+            "package": "@uifabric/merge-styles"
+          },
+          {
+            "comment": "Fix typing for subComponentStyles in StyleSet",
+            "author": "[e-mail]",
+            "commit": "3f95bf337123ad9196a552ed12f893fa75a272fc",
+            "package": "@uifabric/merge-styles"
+          }
+        ],
+        "minor": [
+          {
+            "comment": "Expose keytoclassnames to app, so it can be cached by the app in places like indexed db.",
+            "author": "[e-mail]",
+            "commit": "ece3cc7675b6bec05f3810a5f8df4928cab548c7",
+            "package": "@uifabric/merge-styles"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 30 Mar 2020 19:10:08 GMT",
       "tag": "@uifabric/merge-styles_v7.8.11",
@@ -1643,2 +1672,2 @@ "version": "7.8.11",
   ]
-}
+}

CHANGELOG.md

 # Change Log - @uifabric/merge-styles
 
-This log was last generated on Mon, 30 Mar 2020 19:07:01 GMT and should not be manually modified.
+This log was last generated on Thu, 16 Apr 2020 00:06:26 GMT and should not be manually modified.
 
+<!-- Start content -->
+
+## [7.9.0](https://github.com/microsoft/fluentui/tree/@uifabric/merge-styles_v7.9.0)
+
+Thu, 16 Apr 2020 00:06:26 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@uifabric/merge-styles_v7.8.11..@uifabric/merge-styles_v7.9.0)
+
+### Minor changes
+
+- Expose keytoclassnames to app, so it can be cached by the app in places like indexed db. ([PR #12651](https://github.com/microsoft/fluentui/pull/12651) by [e-mail])
+
+### Patches
+
+- Readme: Fabric=>Fluent wording updates ([PR #12508](https://github.com/microsoft/fluentui/pull/12508) by [e-mail])
+- Fix typing for subComponentStyles in StyleSet ([PR #12630](https://github.com/microsoft/fluentui/pull/12630) by [e-mail])
+
 ## 7.8.11
-Mon, 30 Mar 2020 19:07:01 GMT
+Mon, 30 Mar 2020 19:10:08 GMT
 
@@ -723,2 +739,1 @@ ### Patches
 - The `mergeStyleSets` method's type safety was not correct. Now with significantly better type safety.
-

dist/merge-styles.min.js

@@ -1,2 +0,2 @@
-var MergeStyles=function(e){var t={};function n(r){if(t[r])return t[r].exports;var s=t[r]={i:r,l:!1,exports:{}};return e[r].call(s.exports,s,s.exports,n),s.l=!0,s.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var s in e)n.d(r,s,function(t){return e[t]}.bind(null,s));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";n.r(t);var r=function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var s in t=arguments[n])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)};function s(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),s=0;for(t=0;t<n;t++)for(var o=arguments[t],i=0,a=o.length;i<a;i++,s++)r[s]=o[i];return r}var o,i={none:0,insertNode:1,appendChild:2},a="undefined"!=typeof navigator&&/rv:11.0/.test(navigator.userAgent),u={};try{u=window}catch(e){}var l,f=function(){function e(e){this._rules=[],this._preservedRules=[],this._rulesToInsert=[],this._counter=0,this._keyToClassName={},this._onResetCallbacks=[],this._classNameToArgs={},this._config=r({injectionMode:i.insertNode,defaultPrefix:"css",namespace:void 0,cspSettings:void 0},e)}return e.getInstance=function(){if(!(o=u.__stylesheet__)||o._lastStyleElement&&o._lastStyleElement.ownerDocument!==document){var t=u&&u.FabricConfig||{};o=u.__stylesheet__=new e(t.mergeStyles)}return o},e.prototype.setConfig=function(e){this._config=r(r({},this._config),e)},e.prototype.onReset=function(e){this._onResetCallbacks.push(e)},e.prototype.getClassName=function(e){var t=this._config.namespace;return(t?t+"-":"")+(e||this._config.defaultPrefix)+"-"+this._counter++},e.prototype.cacheClassName=function(e,t,n,r){this._keyToClassName[t]=e,this._classNameToArgs[e]={args:n,rules:r}},e.prototype.classNameFromKey=function(e){return this._keyToClassName[e]},e.prototype.argsFromClassName=function(e){var t=this._classNameToArgs[e];return t&&t.args},e.prototype.insertedRulesFromClassName=function(e){var t=this._classNameToArgs[e];return t&&t.rules},e.prototype.insertRule=function(e,t){var n=this._config.injectionMode!==i.none?this._getStyleElement():void 0;if(t&&this._preservedRules.push(e),n)switch(this._config.injectionMode){case i.insertNode:var r=n.sheet;try{r.insertRule(e,r.cssRules.length)}catch(e){}break;case i.appendChild:n.appendChild(document.createTextNode(e))}else this._rules.push(e);this._config.onInsertRule&&this._config.onInsertRule(e)},e.prototype.getRules=function(e){return(e?this._preservedRules.join(""):"")+this._rules.join("")+this._rulesToInsert.join("")},e.prototype.reset=function(){this._rules=[],this._rulesToInsert=[],this._counter=0,this._classNameToArgs={},this._keyToClassName={},this._onResetCallbacks.forEach((function(e){return e()}))},e.prototype.resetKeys=function(){this._keyToClassName={}},e.prototype._getStyleElement=function(){var e=this;return this._styleElement||"undefined"==typeof document||(this._styleElement=this._createStyleElement(),a||window.requestAnimationFrame((function(){e._styleElement=void 0}))),this._styleElement},e.prototype._createStyleElement=function(){var e=document.head,t=document.createElement("style");t.setAttribute("data-merge-styles","true");var n=this._config.cspSettings;if(n&&n.nonce&&t.setAttribute("nonce",n.nonce),this._lastStyleElement)e.insertBefore(t,this._lastStyleElement.nextElementSibling);else{var r=this._findPlaceholderStyleTag();r?e.insertBefore(t,r.nextElementSibling):e.insertBefore(t,e.childNodes[0])}return this._lastStyleElement=t,t},e.prototype._findPlaceholderStyleTag=function(){var e=document.head;return e?e.querySelector("style[data-merge-styles]"):null},e}();function c(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=[],r=[],s=f.getInstance();function o(e){for(var t=0,i=e;t<i.length;t++){var a=i[t];if(a)if("string"==typeof a)if(a.indexOf(" ")>=0)o(a.split(" "));else{var u=s.argsFromClassName(a);u?o(u):-1===n.indexOf(a)&&n.push(a)}else Array.isArray(a)?o(a):"object"==typeof a&&r.push(a)}}return o(e),{classes:n,objects:r}}function p(e){l!==e&&(l=e)}function d(){return void 0===l&&(l="undefined"!=typeof document&&!!document.documentElement&&"rtl"===document.documentElement.getAttribute("dir")),l}function v(){return{rtl:d()}}l=d();var h,y={};var g={"user-select":1};function m(e,t){var n=function(){if(!h){var e="undefined"!=typeof document?document:void 0,t="undefined"!=typeof navigator?navigator:void 0,n=t?t.userAgent.toLowerCase():void 0;h=e?{isWebkit:!!(e&&"WebkitAppearance"in e.documentElement.style),isMoz:!!(n&&n.indexOf("firefox")>-1),isOpera:!!(n&&n.indexOf("opera")>-1),isMs:!(!t||!/rv:11.0/i.test(t.userAgent)&&!/Edge\/\d./i.test(navigator.userAgent))}:{isWebkit:!0,isMoz:!0,isOpera:!0,isMs:!0}}return h}(),r=e[t];if(g[r]){var s=e[t+1];g[r]&&(n.isWebkit&&e.push("-webkit-"+r,s),n.isMoz&&e.push("-moz-"+r,s),n.isMs&&e.push("-ms-"+r,s),n.isOpera&&e.push("-o-"+r,s))}}var _,b=["column-count","font-weight","flex","flex-grow","flex-shrink","fill-opacity","opacity","order","z-index","zoom"];function S(e,t){var n=e[t],r=e[t+1];if("number"==typeof r){var s=-1===b.indexOf(n)?"px":"";e[t+1]=""+r+s}}var O="left",C="right",x=((_={}).left=C,_.right=O,_),N={"w-resize":"e-resize","sw-resize":"se-resize","nw-resize":"ne-resize"};function w(e,t,n){if(e.rtl){var r=t[n];if(!r)return;var s=t[n+1];if("string"==typeof s&&s.indexOf("@noflip")>=0)t[n+1]=s.replace(/\s*(?:\/\*\s*)?\@noflip\b(?:\s*\*\/)?\s*?/g,"");else if(r.indexOf(O)>=0)t[n]=r.replace(O,C);else if(r.indexOf(C)>=0)t[n]=r.replace(C,O);else if(String(s).indexOf(O)>=0)t[n+1]=s.replace(O,C);else if(String(s).indexOf(C)>=0)t[n+1]=s.replace(C,O);else if(x[r])t[n]=x[r];else if(N[s])t[n+1]=N[s];else switch(r){case"margin":case"padding":t[n+1]=function(e){if("string"==typeof e){var t=e.split(" ");if(4===t.length)return t[0]+" "+t[3]+" "+t[2]+" "+t[1]}return e}(s);break;case"box-shadow":t[n+1]=function(e,t){var n=e.split(" "),r=parseInt(n[t],10);return n[0]=n[0].replace(String(r),String(-1*r)),n.join(" ")}(s,0)}}}function j(e){var t=e&&e["&"];return t?t.displayName:void 0}var A=/\:global\((.+?)\)/g;function k(e){if(!A.test(e))return e;for(var t=[],n=/\:global\((.+?)\)/g,r=null;r=n.exec(e);)r[1].indexOf(",")>-1&&t.push([r.index,r.index+r[0].length,r[1].split(",").map((function(e){return":global("+e.trim()+")"})).join(", ")]);return t.reverse().reduce((function(e,t){var n=t[0],r=t[1],s=t[2];return e.slice(0,n)+s+e.slice(r)}),e)}function E(e,t){return e.indexOf(":global(")>=0?e.replace(A,"$1"):0===e.indexOf(":")?t+e:e.indexOf("&")<0?t+" "+e:e}function T(e,t,n){void 0===t&&(t={__order:[]}),void 0===n&&(n="&");var r=f.getInstance(),s=t[n];s||(s={},t[n]=s,t.__order.push(n));for(var o=0,i=e;o<i.length;o++){var a=i[o];if("string"==typeof a){var u=r.argsFromClassName(a);u&&T(u,t,n)}else if(Array.isArray(a))T(a,t,n);else for(var l in a)if("selectors"===l){var c=a.selectors,p=function(e){if(c.hasOwnProperty(e)){var r=c[e];0===e.indexOf("@")?T([r],t,e=e+"{"+n):e.indexOf(",")>-1?k(e).split(",").map((function(e){return e.trim()})).forEach((function(e){return T([r],t,E(e,n))})):T([r],t,E(e,n))}};for(var d in c)p(d)}else void 0!==a[l]&&("margin"===l||"padding"===l?P(s,l,a[l]):s[l]=a[l])}return t}function P(e,t,n){var r="string"==typeof n?n.split(" "):[n];e[t+"Top"]=r[0],e[t+"Right"]=r[1]||r[0],e[t+"Bottom"]=r[2]||r[0],e[t+"Left"]=r[3]||r[1]||r[0]}function R(e,t){for(var n=[e.rtl?"rtl":"ltr"],r=!1,s=0,o=t.__order;s<o.length;s++){var i=o[s];n.push(i);var a=t[i];for(var u in a)a.hasOwnProperty(u)&&void 0!==a[u]&&(r=!0,n.push(u,a[u]))}return r?n.join(""):void 0}function I(e,t){if(!t)return"";var n,r,s,o=[];for(var i in t)t.hasOwnProperty(i)&&"displayName"!==i&&void 0!==t[i]&&o.push(i,t[i]);for(var a=0;a<o.length;a+=2)s=void 0,s=(n=o)[r=a],n[r]=y[s]=y[s]||s.replace(/([A-Z])/g,"-$1").toLowerCase(),S(o,a),w(e,o,a),m(o,a);for(a=1;a<o.length;a+=4)o.splice(a,1,":",o[a],";");return o.join("")}function M(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var r=T(t),s=R(e,r);if(s){var o=f.getInstance(),i={className:o.classNameFromKey(s),key:s,args:t};if(!i.className){i.className=o.getClassName(j(r));for(var a=[],u=0,l=r.__order;u<l.length;u++){var c=l[u];a.push(c,I(e,r[c]))}i.rulesToInsert=a}return i}}function z(e){var t=f.getInstance(),n=e.className,r=e.key,s=e.args,o=e.rulesToInsert;if(o){for(var i=0;i<o.length;i+=2){var a=o[i+1];if(a){var u=o[i],l=(u=u.replace(/&/g,"."+e.className))+"{"+a+"}"+(0===u.indexOf("@")?"}":"");t.insertRule(l)}}t.cacheClassName(n,r,s,o)}}function F(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return W(e,v())}function W(e,t){var n=c(e instanceof Array?e:[e]),r=n.classes,o=n.objects;return o.length&&r.push(function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var r=M.apply(void 0,s([e],t));return r?(z(r),r.className):""}(t||{},o)),r.join(" ")}function B(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];if(e&&1===e.length&&e[0]&&!e[0].subComponentStyles)return e[0];for(var n={},r={},o=0,i=e;o<i.length;o++){var a=i[o];if(a)for(var u in a)if(a.hasOwnProperty(u)){if("subComponentStyles"===u&&void 0!==a.subComponentStyles){var l=a.subComponentStyles;for(var f in l)l.hasOwnProperty(f)&&(r.hasOwnProperty(f)?r[f].push(l[f]):r[f]=[l[f]]);continue}var c=n[u],p=a[u];n[u]=void 0===c?p:s(Array.isArray(c)?c:[c],Array.isArray(p)?p:[p])}}if(Object.keys(r).length>0){n.subComponentStyles={};var d=n.subComponentStyles,v=function(e){if(r.hasOwnProperty(e)){var t=r[e];d[e]=function(e){return B.apply(void 0,t.map((function(t){return"function"==typeof t?t(e):t})))}}};for(var f in r)v(f)}return n}function L(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return K(e,v())}function K(e,t){var n={subComponentStyles:{}};if(!e[0]&&e.length<=1)return{subComponentStyles:{}};var r=B.apply(void 0,e),s=[];for(var o in r)if(r.hasOwnProperty(o)){if("subComponentStyles"===o){n.subComponentStyles=r.subComponentStyles||{};continue}var i=c(r[o]),a=i.classes,u=M(t||{},{displayName:o},i.objects);s.push(u),u&&(n[o]=a.concat([u.className]).join(" "))}for(var l=0,f=s;l<f.length;l++){(u=f[l])&&z(u)}return n}function q(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=[],s=0,o=t;s<o.length;s++){var i=o[s];i&&r.push("function"==typeof i?i(e):i)}return 1===r.length?r[0]:r.length?B.apply(void 0,r):{}}function $(e){f.getInstance().insertRule("@font-face{"+I(v(),e)+"}",!0)}function D(e){var t=f.getInstance(),n=t.getClassName(),r=[];for(var s in e)e.hasOwnProperty(s)&&r.push(s,"{",I(v(),e[s]),"}");var o=r.join("");return t.insertRule("@keyframes "+n+"{"+o+"}",!0),t.cacheClassName(n,o,[],["keyframes",o]),n}var Z={},G=void 0;try{G=window}catch(e){}function H(e,t){if(void 0!==G){var n=G.__packages__=G.__packages__||{};if(!n[e]||!Z[e])Z[e]=t,(n[e]=n[e]||[]).push(t)}}H("@uifabric/set-version","6.0.0"),H("@uifabric/merge-styles","7.8.11"),n.d(t,"mergeStyles",(function(){return F})),n.d(t,"mergeCss",(function(){return W})),n.d(t,"mergeStyleSets",(function(){return L})),n.d(t,"mergeCssSets",(function(){return K})),n.d(t,"concatStyleSets",(function(){return B})),n.d(t,"concatStyleSetsWithProps",(function(){return q})),n.d(t,"fontFace",(function(){return $})),n.d(t,"keyframes",(function(){return D})),n.d(t,"InjectionMode",(function(){return i})),n.d(t,"Stylesheet",(function(){return f})),n.d(t,"setRTL",(function(){return p}))}]);
+var MergeStyles=function(e){var t={};function n(r){if(t[r])return t[r].exports;var s=t[r]={i:r,l:!1,exports:{}};return e[r].call(s.exports,s,s.exports,n),s.l=!0,s.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var s in e)n.d(r,s,function(t){return e[t]}.bind(null,s));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";n.r(t),n.d(t,"mergeStyles",(function(){return F})),n.d(t,"mergeCss",(function(){return W})),n.d(t,"mergeStyleSets",(function(){return L})),n.d(t,"mergeCssSets",(function(){return K})),n.d(t,"concatStyleSets",(function(){return B})),n.d(t,"concatStyleSetsWithProps",(function(){return q})),n.d(t,"fontFace",(function(){return $})),n.d(t,"keyframes",(function(){return D})),n.d(t,"InjectionMode",(function(){return i})),n.d(t,"Stylesheet",(function(){return f})),n.d(t,"setRTL",(function(){return p}));var r=function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var s in t=arguments[n])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)};function s(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),s=0;for(t=0;t<n;t++)for(var o=arguments[t],i=0,a=o.length;i<a;i++,s++)r[s]=o[i];return r}var o,i={none:0,insertNode:1,appendChild:2},a="undefined"!=typeof navigator&&/rv:11.0/.test(navigator.userAgent),u={};try{u=window}catch(e){}var l,f=function(){function e(e){this._rules=[],this._preservedRules=[],this._rulesToInsert=[],this._counter=0,this._keyToClassName={},this._onResetCallbacks=[],this._classNameToArgs={},this._config=r({injectionMode:i.insertNode,defaultPrefix:"css",namespace:void 0,cspSettings:void 0},e),this._keyToClassName=this._config.classNameCache||{}}return e.getInstance=function(){if(!(o=u.__stylesheet__)||o._lastStyleElement&&o._lastStyleElement.ownerDocument!==document){var t=u&&u.FabricConfig||{};o=u.__stylesheet__=new e(t.mergeStyles)}return o},e.prototype.setConfig=function(e){this._config=r(r({},this._config),e)},e.prototype.onReset=function(e){this._onResetCallbacks.push(e)},e.prototype.getClassName=function(e){var t=this._config.namespace;return(t?t+"-":"")+(e||this._config.defaultPrefix)+"-"+this._counter++},e.prototype.cacheClassName=function(e,t,n,r){this._keyToClassName[t]=e,this._classNameToArgs[e]={args:n,rules:r}},e.prototype.classNameFromKey=function(e){return this._keyToClassName[e]},e.prototype.getClassNameCache=function(){return this._keyToClassName},e.prototype.argsFromClassName=function(e){var t=this._classNameToArgs[e];return t&&t.args},e.prototype.insertedRulesFromClassName=function(e){var t=this._classNameToArgs[e];return t&&t.rules},e.prototype.insertRule=function(e,t){var n=this._config.injectionMode!==i.none?this._getStyleElement():void 0;if(t&&this._preservedRules.push(e),n)switch(this._config.injectionMode){case i.insertNode:var r=n.sheet;try{r.insertRule(e,r.cssRules.length)}catch(e){}break;case i.appendChild:n.appendChild(document.createTextNode(e))}else this._rules.push(e);this._config.onInsertRule&&this._config.onInsertRule(e)},e.prototype.getRules=function(e){return(e?this._preservedRules.join(""):"")+this._rules.join("")+this._rulesToInsert.join("")},e.prototype.reset=function(){this._rules=[],this._rulesToInsert=[],this._counter=0,this._classNameToArgs={},this._keyToClassName={},this._onResetCallbacks.forEach((function(e){return e()}))},e.prototype.resetKeys=function(){this._keyToClassName={}},e.prototype._getStyleElement=function(){var e=this;return this._styleElement||"undefined"==typeof document||(this._styleElement=this._createStyleElement(),a||window.requestAnimationFrame((function(){e._styleElement=void 0}))),this._styleElement},e.prototype._createStyleElement=function(){var e=document.head,t=document.createElement("style");t.setAttribute("data-merge-styles","true");var n=this._config.cspSettings;if(n&&n.nonce&&t.setAttribute("nonce",n.nonce),this._lastStyleElement)e.insertBefore(t,this._lastStyleElement.nextElementSibling);else{var r=this._findPlaceholderStyleTag();r?e.insertBefore(t,r.nextElementSibling):e.insertBefore(t,e.childNodes[0])}return this._lastStyleElement=t,t},e.prototype._findPlaceholderStyleTag=function(){var e=document.head;return e?e.querySelector("style[data-merge-styles]"):null},e}();function c(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=[],r=[],s=f.getInstance();function o(e){for(var t=0,i=e;t<i.length;t++){var a=i[t];if(a)if("string"==typeof a)if(a.indexOf(" ")>=0)o(a.split(" "));else{var u=s.argsFromClassName(a);u?o(u):-1===n.indexOf(a)&&n.push(a)}else Array.isArray(a)?o(a):"object"==typeof a&&r.push(a)}}return o(e),{classes:n,objects:r}}function p(e){l!==e&&(l=e)}function d(){return void 0===l&&(l="undefined"!=typeof document&&!!document.documentElement&&"rtl"===document.documentElement.getAttribute("dir")),l}function h(){return{rtl:d()}}l=d();var v,y={};var g={"user-select":1};function m(e,t){var n=function(){if(!v){var e="undefined"!=typeof document?document:void 0,t="undefined"!=typeof navigator?navigator:void 0,n=t?t.userAgent.toLowerCase():void 0;v=e?{isWebkit:!!(e&&"WebkitAppearance"in e.documentElement.style),isMoz:!!(n&&n.indexOf("firefox")>-1),isOpera:!!(n&&n.indexOf("opera")>-1),isMs:!(!t||!/rv:11.0/i.test(t.userAgent)&&!/Edge\/\d./i.test(navigator.userAgent))}:{isWebkit:!0,isMoz:!0,isOpera:!0,isMs:!0}}return v}(),r=e[t];if(g[r]){var s=e[t+1];g[r]&&(n.isWebkit&&e.push("-webkit-"+r,s),n.isMoz&&e.push("-moz-"+r,s),n.isMs&&e.push("-ms-"+r,s),n.isOpera&&e.push("-o-"+r,s))}}var _,b=["column-count","font-weight","flex","flex-grow","flex-shrink","fill-opacity","opacity","order","z-index","zoom"];function S(e,t){var n=e[t],r=e[t+1];if("number"==typeof r){var s=-1===b.indexOf(n)?"px":"";e[t+1]=""+r+s}}var C="left",N="right",O=((_={}).left=N,_.right=C,_),x={"w-resize":"e-resize","sw-resize":"se-resize","nw-resize":"ne-resize"};function w(e,t,n){if(e.rtl){var r=t[n];if(!r)return;var s=t[n+1];if("string"==typeof s&&s.indexOf("@noflip")>=0)t[n+1]=s.replace(/\s*(?:\/\*\s*)?\@noflip\b(?:\s*\*\/)?\s*?/g,"");else if(r.indexOf(C)>=0)t[n]=r.replace(C,N);else if(r.indexOf(N)>=0)t[n]=r.replace(N,C);else if(String(s).indexOf(C)>=0)t[n+1]=s.replace(C,N);else if(String(s).indexOf(N)>=0)t[n+1]=s.replace(N,C);else if(O[r])t[n]=O[r];else if(x[s])t[n+1]=x[s];else switch(r){case"margin":case"padding":t[n+1]=function(e){if("string"==typeof e){var t=e.split(" ");if(4===t.length)return t[0]+" "+t[3]+" "+t[2]+" "+t[1]}return e}(s);break;case"box-shadow":t[n+1]=function(e,t){var n=e.split(" "),r=parseInt(n[t],10);return n[0]=n[0].replace(String(r),String(-1*r)),n.join(" ")}(s,0)}}}function j(e){var t=e&&e["&"];return t?t.displayName:void 0}var k=/\:global\((.+?)\)/g;function A(e){if(!k.test(e))return e;for(var t=[],n=/\:global\((.+?)\)/g,r=null;r=n.exec(e);)r[1].indexOf(",")>-1&&t.push([r.index,r.index+r[0].length,r[1].split(",").map((function(e){return":global("+e.trim()+")"})).join(", ")]);return t.reverse().reduce((function(e,t){var n=t[0],r=t[1],s=t[2];return e.slice(0,n)+s+e.slice(r)}),e)}function T(e,t){return e.indexOf(":global(")>=0?e.replace(k,"$1"):0===e.indexOf(":")?t+e:e.indexOf("&")<0?t+" "+e:e}function E(e,t,n){void 0===t&&(t={__order:[]}),void 0===n&&(n="&");var r=f.getInstance(),s=t[n];s||(s={},t[n]=s,t.__order.push(n));for(var o=0,i=e;o<i.length;o++){var a=i[o];if("string"==typeof a){var u=r.argsFromClassName(a);u&&E(u,t,n)}else if(Array.isArray(a))E(a,t,n);else for(var l in a)if("selectors"===l){var c=a.selectors,p=function(e){if(c.hasOwnProperty(e)){var r=c[e];0===e.indexOf("@")?E([r],t,e=e+"{"+n):e.indexOf(",")>-1?A(e).split(",").map((function(e){return e.trim()})).forEach((function(e){return E([r],t,T(e,n))})):E([r],t,T(e,n))}};for(var d in c)p(d)}else void 0!==a[l]&&("margin"===l||"padding"===l?P(s,l,a[l]):s[l]=a[l])}return t}function P(e,t,n){var r="string"==typeof n?n.split(" "):[n];e[t+"Top"]=r[0],e[t+"Right"]=r[1]||r[0],e[t+"Bottom"]=r[2]||r[0],e[t+"Left"]=r[3]||r[1]||r[0]}function R(e,t){for(var n=[e.rtl?"rtl":"ltr"],r=!1,s=0,o=t.__order;s<o.length;s++){var i=o[s];n.push(i);var a=t[i];for(var u in a)a.hasOwnProperty(u)&&void 0!==a[u]&&(r=!0,n.push(u,a[u]))}return r?n.join(""):void 0}function I(e,t){if(!t)return"";var n,r,s,o=[];for(var i in t)t.hasOwnProperty(i)&&"displayName"!==i&&void 0!==t[i]&&o.push(i,t[i]);for(var a=0;a<o.length;a+=2)s=void 0,s=(n=o)[r=a],n[r]=y[s]=y[s]||s.replace(/([A-Z])/g,"-$1").toLowerCase(),S(o,a),w(e,o,a),m(o,a);for(a=1;a<o.length;a+=4)o.splice(a,1,":",o[a],";");return o.join("")}function M(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var r=E(t),s=R(e,r);if(s){var o=f.getInstance(),i={className:o.classNameFromKey(s),key:s,args:t};if(!i.className){i.className=o.getClassName(j(r));for(var a=[],u=0,l=r.__order;u<l.length;u++){var c=l[u];a.push(c,I(e,r[c]))}i.rulesToInsert=a}return i}}function z(e){var t=f.getInstance(),n=e.className,r=e.key,s=e.args,o=e.rulesToInsert;if(o){for(var i=0;i<o.length;i+=2){var a=o[i+1];if(a){var u=o[i],l=(u=u.replace(/&/g,"."+e.className))+"{"+a+"}"+(0===u.indexOf("@")?"}":"");t.insertRule(l)}}t.cacheClassName(n,r,s,o)}}function F(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return W(e,h())}function W(e,t){var n=c(e instanceof Array?e:[e]),r=n.classes,o=n.objects;return o.length&&r.push(function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var r=M.apply(void 0,s([e],t));return r?(z(r),r.className):""}(t||{},o)),r.join(" ")}function B(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];if(e&&1===e.length&&e[0]&&!e[0].subComponentStyles)return e[0];for(var n={},r={},o=0,i=e;o<i.length;o++){var a=i[o];if(a)for(var u in a)if(a.hasOwnProperty(u)){if("subComponentStyles"===u&&void 0!==a.subComponentStyles){var l=a.subComponentStyles;for(var f in l)l.hasOwnProperty(f)&&(r.hasOwnProperty(f)?r[f].push(l[f]):r[f]=[l[f]]);continue}var c=n[u],p=a[u];n[u]=void 0===c?p:s(Array.isArray(c)?c:[c],Array.isArray(p)?p:[p])}}if(Object.keys(r).length>0){n.subComponentStyles={};var d=n.subComponentStyles,h=function(e){if(r.hasOwnProperty(e)){var t=r[e];d[e]=function(e){return B.apply(void 0,t.map((function(t){return"function"==typeof t?t(e):t})))}}};for(var f in r)h(f)}return n}function L(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return K(e,h())}function K(e,t){var n={subComponentStyles:{}};if(!e[0]&&e.length<=1)return{subComponentStyles:{}};var r=B.apply(void 0,e),s=[];for(var o in r)if(r.hasOwnProperty(o)){if("subComponentStyles"===o){n.subComponentStyles=r.subComponentStyles||{};continue}var i=c(r[o]),a=i.classes,u=M(t||{},{displayName:o},i.objects);s.push(u),u&&(n[o]=a.concat([u.className]).join(" "))}for(var l=0,f=s;l<f.length;l++){(u=f[l])&&z(u)}return n}function q(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=[],s=0,o=t;s<o.length;s++){var i=o[s];i&&r.push("function"==typeof i?i(e):i)}return 1===r.length?r[0]:r.length?B.apply(void 0,r):{}}function $(e){f.getInstance().insertRule("@font-face{"+I(h(),e)+"}",!0)}function D(e){var t=f.getInstance(),n=t.getClassName(),r=[];for(var s in e)e.hasOwnProperty(s)&&r.push(s,"{",I(h(),e[s]),"}");var o=r.join("");return t.insertRule("@keyframes "+n+"{"+o+"}",!0),t.cacheClassName(n,o,[],["keyframes",o]),n}var Z={},G=void 0;try{G=window}catch(e){}function H(e,t){if(void 0!==G){var n=G.__packages__=G.__packages__||{};if(!n[e]||!Z[e])Z[e]=t,(n[e]=n[e]||[]).push(t)}}H("@uifabric/set-version","6.0.0"),H("@uifabric/merge-styles","7.9.0")}]);
 //# sourceMappingURL=merge-styles.min.js.map

etc/merge-styles.api.md

@@ -42,3 +42,3 @@ ## API Report File for "@uifabric/merge-styles"
     subComponentStyles?: {
-        [P in keyof TStyleSet['subComponentStyles']]: IStyleFunction<any, IStyleSet<any>>;
+        [P in keyof TStyleSet['subComponentStyles']]: IStyleFunction<any, any>;
     };
@@ -405,3 +405,3 @@ };
     subComponentStyles?: {
-        [P in keyof TStyleSet['subComponentStyles']]: IStyleFunctionOrObject<any, IStyleSet<any>>;
+        [P in keyof TStyleSet['subComponentStyles']]: IStyleFunctionOrObject<any, any>;
     };
@@ -412,2 +412,5 @@ };
 export interface IStyleSheetConfig {
+    classNameCache?: {
+        [key: string]: string;
+    };
     cspSettings?: ICSPSettings;
@@ -427,3 +430,3 @@ defaultPrefix?: string;
 // Warning: (ae-forgotten-export) The symbol "IStyleOptions" needs to be exported by the entry point index.d.ts
-// 
+//
 // @public
@@ -466,3 +469,3 @@ export function mergeCss(args: (IStyle | IStyleBaseArray | false | null | undefined) | (IStyle | IStyleBaseArray | false | null | undefined)[], options?: IStyleOptions): string;
 // Warning: (ae-forgotten-export) The symbol "Diff" needs to be exported by the entry point index.d.ts
-// 
+//
 // @public (undocumented)
@@ -481,2 +484,5 @@ export type Omit<U, K extends keyof U> = Pick<U, Diff<keyof U, K>>;
     getClassName(displayName?: string): string;
+    getClassNameCache(): {
+        [key: string]: string;
+    };
     static getInstance(): Stylesheet;
@@ -495,3 +501,3 @@ getRules(includePreservedRules?: boolean): string;
 // Warnings were encountered during analysis:
-// 
+//
 // lib/IStyleSet.d.ts:48:5 - (ae-forgotten-export) The symbol "__MapToFunctionType" needs to be exported by the entry point index.d.ts
@@ -498,0 +504,0 @@

lib-amd/IStyleSet.d.ts

@@ -28,3 +28,3 @@ import { IStyle } from './IStyle';
     subComponentStyles?: {
-        [P in keyof TStyleSet['subComponentStyles']]: IStyleFunctionOrObject<any, IStyleSet<any>>;
+        [P in keyof TStyleSet['subComponentStyles']]: IStyleFunctionOrObject<any, any>;
     };
@@ -39,3 +39,3 @@ };
     subComponentStyles?: {
-        [P in keyof TStyleSet['subComponentStyles']]: IStyleFunction<any, IStyleSet<any>>;
+        [P in keyof TStyleSet['subComponentStyles']]: IStyleFunction<any, any>;
     };
@@ -42,0 +42,0 @@ };

lib-amd/Stylesheet.d.ts

@@ -60,2 +60,8 @@ import { IStyle } from './IStyle';
     onInsertRule?: (rule: string) => void;
+    /**
+     * Initial value for classnames cache. Key is serialized css rules associated with a classname.
+     */
+    classNameCache?: {
+        [key: string]: string;
+    };
 }
@@ -112,2 +118,8 @@ /**
     /**
+     * Gets all classnames cache with the stylesheet.
+     */
+    getClassNameCache(): {
+        [key: string]: string;
+    };
+    /**
      * Gets the arguments associated with a given classname which was
@@ -114,0 +126,0 @@ * previously registered using cacheClassName.

lib-amd/Stylesheet.js

@@ -52,2 +52,3 @@ define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
             this._config = tslib_1.__assign({ injectionMode: exports.InjectionMode.insertNode, defaultPrefix: 'css', namespace: undefined, cspSettings: undefined }, config);
+            this._keyToClassName = this._config.classNameCache || {};
         }
@@ -58,3 +59,2 @@ /**
         Stylesheet.getInstance = function () {
-            // tslint:disable-next-line:no-any
             _stylesheet = _global[STYLESHEET_SETTING];
@@ -111,2 +111,8 @@ if (!_stylesheet || (_stylesheet._lastStyleElement && _stylesheet._lastStyleElement.ownerDocument !== document)) {
         /**
+         * Gets all classnames cache with the stylesheet.
+         */
+        Stylesheet.prototype.getClassNameCache = function () {
+            return this._keyToClassName;
+        };
+        /**
          * Gets the arguments associated with a given classname which was
@@ -113,0 +119,0 @@ * previously registered using cacheClassName.

lib-amd/version.js

 define(["require", "exports", "@uifabric/set-version"], function (require, exports, set_version_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    set_version_1.setVersion('@uifabric/merge-styles', '7.8.11');
+    set_version_1.setVersion('@uifabric/merge-styles', '7.9.0');
 });
 //# sourceMappingURL=version.js.map

lib-commonjs/IStyleSet.d.ts

@@ -28,3 +28,3 @@ import { IStyle } from './IStyle';
     subComponentStyles?: {
-        [P in keyof TStyleSet['subComponentStyles']]: IStyleFunctionOrObject<any, IStyleSet<any>>;
+        [P in keyof TStyleSet['subComponentStyles']]: IStyleFunctionOrObject<any, any>;
     };
@@ -39,3 +39,3 @@ };
     subComponentStyles?: {
-        [P in keyof TStyleSet['subComponentStyles']]: IStyleFunction<any, IStyleSet<any>>;
+        [P in keyof TStyleSet['subComponentStyles']]: IStyleFunction<any, any>;
     };
@@ -42,0 +42,0 @@ };

lib-commonjs/Stylesheet.d.ts

@@ -60,2 +60,8 @@ import { IStyle } from './IStyle';
     onInsertRule?: (rule: string) => void;
+    /**
+     * Initial value for classnames cache. Key is serialized css rules associated with a classname.
+     */
+    classNameCache?: {
+        [key: string]: string;
+    };
 }
@@ -112,2 +118,8 @@ /**
     /**
+     * Gets all classnames cache with the stylesheet.
+     */
+    getClassNameCache(): {
+        [key: string]: string;
+    };
+    /**
      * Gets the arguments associated with a given classname which was
@@ -114,0 +126,0 @@ * previously registered using cacheClassName.

lib-commonjs/Stylesheet.js

@@ -52,2 +52,3 @@ "use strict";
         this._config = tslib_1.__assign({ injectionMode: exports.InjectionMode.insertNode, defaultPrefix: 'css', namespace: undefined, cspSettings: undefined }, config);
+        this._keyToClassName = this._config.classNameCache || {};
     }
@@ -58,3 +59,2 @@ /**
     Stylesheet.getInstance = function () {
-        // tslint:disable-next-line:no-any
         _stylesheet = _global[STYLESHEET_SETTING];
@@ -111,2 +111,8 @@ if (!_stylesheet || (_stylesheet._lastStyleElement && _stylesheet._lastStyleElement.ownerDocument !== document)) {
     /**
+     * Gets all classnames cache with the stylesheet.
+     */
+    Stylesheet.prototype.getClassNameCache = function () {
+        return this._keyToClassName;
+    };
+    /**
      * Gets the arguments associated with a given classname which was
@@ -113,0 +119,0 @@ * previously registered using cacheClassName.

lib-commonjs/version.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-// @uifabric/merge-styles@7.8.11
+// @uifabric/merge-styles@7.9.0
 // Do not modify this file, the file is generated as part of publish. The checked in version is a placeholder only.
 var set_version_1 = require("@uifabric/set-version");
-set_version_1.setVersion('@uifabric/merge-styles', '7.8.11');
+set_version_1.setVersion('@uifabric/merge-styles', '7.9.0');
 //# sourceMappingURL=version.js.map

lib/IStyleSet.d.ts

@@ -28,3 +28,3 @@ import { IStyle } from './IStyle';
     subComponentStyles?: {
-        [P in keyof TStyleSet['subComponentStyles']]: IStyleFunctionOrObject<any, IStyleSet<any>>;
+        [P in keyof TStyleSet['subComponentStyles']]: IStyleFunctionOrObject<any, any>;
     };
@@ -39,3 +39,3 @@ };
     subComponentStyles?: {
-        [P in keyof TStyleSet['subComponentStyles']]: IStyleFunction<any, IStyleSet<any>>;
+        [P in keyof TStyleSet['subComponentStyles']]: IStyleFunction<any, any>;
     };
@@ -42,0 +42,0 @@ };

lib/Stylesheet.d.ts

@@ -60,2 +60,8 @@ import { IStyle } from './IStyle';
     onInsertRule?: (rule: string) => void;
+    /**
+     * Initial value for classnames cache. Key is serialized css rules associated with a classname.
+     */
+    classNameCache?: {
+        [key: string]: string;
+    };
 }
@@ -112,2 +118,8 @@ /**
     /**
+     * Gets all classnames cache with the stylesheet.
+     */
+    getClassNameCache(): {
+        [key: string]: string;
+    };
+    /**
      * Gets the arguments associated with a given classname which was
@@ -114,0 +126,0 @@ * previously registered using cacheClassName.

lib/Stylesheet.js

@@ -50,2 +50,3 @@ import { __assign } from "tslib";
         this._config = __assign({ injectionMode: InjectionMode.insertNode, defaultPrefix: 'css', namespace: undefined, cspSettings: undefined }, config);
+        this._keyToClassName = this._config.classNameCache || {};
     }
@@ -56,3 +57,2 @@ /**
     Stylesheet.getInstance = function () {
-        // tslint:disable-next-line:no-any
         _stylesheet = _global[STYLESHEET_SETTING];
@@ -109,2 +109,8 @@ if (!_stylesheet || (_stylesheet._lastStyleElement && _stylesheet._lastStyleElement.ownerDocument !== document)) {
     /**
+     * Gets all classnames cache with the stylesheet.
+     */
+    Stylesheet.prototype.getClassNameCache = function () {
+        return this._keyToClassName;
+    };
+    /**
      * Gets the arguments associated with a given classname which was
@@ -111,0 +117,0 @@ * previously registered using cacheClassName.

lib/version.js

@@ -1,5 +0,5 @@
-// @uifabric/merge-styles@7.8.11
+// @uifabric/merge-styles@7.9.0
 // Do not modify this file, the file is generated as part of publish. The checked in version is a placeholder only.
 import { setVersion } from '@uifabric/set-version';
-setVersion('@uifabric/merge-styles', '7.8.11');
+setVersion('@uifabric/merge-styles', '7.9.0');
 //# sourceMappingURL=version.js.map

package.json

 {
   "name": "@uifabric/merge-styles",
-  "version": "7.8.11",
+  "version": "7.9.0",
   "description": "Style loading utilities.",
@@ -29,9 +29,9 @@ "main": "lib-commonjs/index.js",
     "@types/jest": "~24.9.0",
-    "@uifabric/tslint-rules": "^7.1.2",
+    "@uifabric/tslint-rules": "^7.1.3",
     "@uifabric/build": "^7.0.0"
   },
   "dependencies": {
-    "@uifabric/set-version": "^7.0.9",
+    "@uifabric/set-version": "^7.0.10",
     "tslib": "^1.10.0"
   }
 }

README.md

@@ -509,3 +509,3 @@ # @uifabric/merge-styles
 
-If you're working inside a Fabric app, this setting can also be applied using the global `window.FabricConfig.mergeStyles.cspSettings`. Note that this must be set before any Fabric code is loaded, or it may not be applied properly.
+If you're working inside a Fluent UI React app ([formerly Office UI Fabric React](https://developer.microsoft.com/en-us/office/blogs/ui-fabric-is-evolving-into-fluent-ui/)), this setting can also be applied using the global `window.FabricConfig.mergeStyles.cspSettings`. Note that this must be set before any Fluent UI React code is loaded, or it may not be applied properly.
 
@@ -512,0 +512,0 @@ ```ts

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1279604

increased by0.46%

Lines of code

14859

increased by0.7%

Dependency changes

• Updated@uifabric/set-version@^7.0.10