@uifabric/foundation
Advanced tools
Comparing version 0.5.7 to 0.6.0
@@ -5,2 +5,16 @@ { | ||
{ | ||
"version": "0.6.0", | ||
"tag": "@uifabric/foundation_v0.6.0", | ||
"date": "Fri, 14 Dec 2018 13:35:30 GMT", | ||
"comments": { | ||
"minor": [ | ||
{ | ||
"comment": "Add styling and utilities packages as dependencies and remove corresponding type injection.", | ||
"author": "Jason Gore <jagore@microsoft.com>", | ||
"commit": "893b91690c3421410e9ba4bb7ae03c3f74f1e953" | ||
} | ||
] | ||
} | ||
}, | ||
{ | ||
"version": "0.5.7", | ||
@@ -7,0 +21,0 @@ "tag": "@uifabric/foundation_v0.5.7", |
# Change Log - @uifabric/foundation | ||
This log was last generated on Wed, 31 Oct 2018 12:32:41 GMT and should not be manually modified. | ||
This log was last generated on Fri, 14 Dec 2018 13:35:30 GMT and should not be manually modified. | ||
## 0.6.0 | ||
Fri, 14 Dec 2018 13:35:30 GMT | ||
### Minor changes | ||
- Add styling and utilities packages as dependencies and remove corresponding type injection. | ||
## 0.5.7 | ||
@@ -6,0 +13,0 @@ Wed, 31 Oct 2018 12:32:41 GMT |
@@ -1,2 +0,17 @@ | ||
var FabricFoundation=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},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=1)}([function(e,t){e.exports=React},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 o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function o(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n}var u=n(0),i=r;function a(e,t){var n=t.CustomizerContext,a=function(i){return u.createElement(n.Consumer,null,function(n){var a=t.getCustomizations(e.displayName,n,e.fields),c=function(n){var u=n?r({},i,n):i,c=a.styles,f=o(a,["styles"]),l=r({},f,u),p=r({},u,{classNames:t.mergeStyleSets(s(l,e.styles),s(l,c),s(l,u.styles))});return e.view(p)};return e.state?u.createElement(e.state,r({},i,{renderView:c})):c()})};return a.displayName=e.displayName,i(a,e.statics),a}function c(e,t){return a(e,t)}function s(e,t){return"function"==typeof t?t(e):t}function f(e){var t=e.CustomizerComponent;return function(n){var i=n.scheme,a=n.theme,c=o(n,["scheme","theme"]);return u.createElement(t,r({},c,{contextTransform:function(t){return e.getThemedContext(t,i,a)}}))}}var l={};!function(e,t){if("undefined"!=typeof window){var n=window.__packages__=window.__packages__||{};n[e]&&l[e]||(l[e]=t,(n[e]=n[e]||[]).push(t))}}("@uifabric/foundation","0.5.7"),n.d(t,"createComponent",function(){return a}),n.d(t,"createStatelessComponent",function(){return c}),n.d(t,"themeProvider",function(){return f})}]); | ||
var FabricFoundation=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},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=8)}([function(e,t,n){"use strict";n.d(t,"b",function(){return i}),n.d(t,"a",function(){return o}),n.d(t,"c",function(){return a}); | ||
/*! ***************************************************************************** | ||
Copyright (c) Microsoft Corporation. All rights reserved. | ||
Licensed under the Apache License, Version 2.0 (the "License"); you may not use | ||
this file except in compliance with the License. You may obtain a copy of the | ||
License at http://www.apache.org/licenses/LICENSE-2.0 | ||
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY | ||
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED | ||
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE, | ||
MERCHANTABLITY OR NON-INFRINGEMENT. | ||
See the Apache Version 2.0 License for specific language governing permissions | ||
and limitations under the License. | ||
***************************************************************************** */ | ||
var r=function(e,t){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function i(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var o=function(){return(o=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};function a(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&(n[r[i]]=e[r[i]])}return n}},function(e,t,n){"use strict";(function(e){n.d(t,"a",function(){return s});var r,i=n(0),o={none:0,insertNode:1,appendChild:2},a={},s=function(){function t(e){this._rules=[],this._preservedRules=[],this._rulesToInsert=[],this._counter=0,this._keyToClassName={},this._onResetCallbacks=[],this._classNameToArgs={},this._config=i.a({injectionMode:o.insertNode,defaultPrefix:"css",namespace:void 0},e)}return t.getInstance=function(){var n="undefined"!=typeof window?window:void 0!==e?e:a;if(!(r=n.__stylesheet__)||r._lastStyleElement&&r._lastStyleElement.ownerDocument!==document){var i=n&&n.FabricConfig||{};r=n.__stylesheet__=new t(i.mergeStyles)}return r},t.prototype.setConfig=function(e){this._config=i.a({},this._config,e)},t.prototype.onReset=function(e){this._onResetCallbacks.push(e)},t.prototype.getClassName=function(e){var t=this._config.namespace,n=e||this._config.defaultPrefix;return(t?t+"-":"")+n+"-"+this._counter++},t.prototype.cacheClassName=function(e,t,n,r){this._keyToClassName[t]=e,this._classNameToArgs[e]={args:n,rules:r}},t.prototype.classNameFromKey=function(e){return this._keyToClassName[e]},t.prototype.argsFromClassName=function(e){var t=this._classNameToArgs[e];return t&&t.args},t.prototype.insertedRulesFromClassName=function(e){var t=this._classNameToArgs[e];return t&&t.rules},t.prototype.insertRule=function(e,t){var n=this._config.injectionMode!==o.none?this._getStyleElement():void 0;if(t&&this._preservedRules.push(e),n)switch(this._config.injectionMode){case o.insertNode:var r=n.sheet;try{r.insertRule(e,r.cssRules.length)}catch(e){}break;case o.appendChild:n.appendChild(document.createTextNode(e))}else this._rules.push(e);this._config.onInsertRule&&this._config.onInsertRule(e)},t.prototype.getRules=function(e){return(e?this._preservedRules.join(""):"")+this._rules.join("")+this._rulesToInsert.join("")},t.prototype.reset=function(){this._rules=[],this._rulesToInsert=[],this._counter=0,this._classNameToArgs={},this._keyToClassName={},this._onResetCallbacks.forEach(function(e){return e()})},t.prototype.resetKeys=function(){this._keyToClassName={}},t.prototype._getStyleElement=function(){var e=this;return this._styleElement||"undefined"==typeof document||(this._styleElement=this._createStyleElement(),window.requestAnimationFrame(function(){e._styleElement=void 0})),this._styleElement},t.prototype._createStyleElement=function(){var e=document.createElement("style");return e.setAttribute("data-merge-styles","true"),e.type="text/css",this._lastStyleElement&&this._lastStyleElement.nextElementSibling?document.head.insertBefore(e,this._lastStyleElement.nextElementSibling):document.head.appendChild(e),this._lastStyleElement=e,e},t}()}).call(this,n(5))},function(e,t){e.exports=React},function(e,t,n){"use strict";n.d(t,"a",function(){return i});var r={};function i(e,t){if("undefined"!=typeof window){var n=window.__packages__=window.__packages__||{};if(!n[e]||!r[e])r[e]=t,(n[e]=n[e]||[]).push(t)}}},function(e,t){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(n=window)}e.exports=n},function(e,t){var n,r,i=e.exports={};function o(){throw new Error("setTimeout has not been defined")}function a(){throw new Error("clearTimeout has not been defined")}function s(e){if(n===setTimeout)return setTimeout(e,0);if((n===o||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:o}catch(e){n=o}try{r="function"==typeof clearTimeout?clearTimeout:a}catch(e){r=a}}();var u,l=[],c=!1,f=-1;function d(){c&&u&&(c=!1,u.length?l=u.concat(l):f=-1,l.length&&p())}function p(){if(!c){var e=s(d);c=!0;for(var t=l.length;t;){for(u=l,l=[];++f<t;)u&&u[f].run();f=-1,t=l.length}u=null,c=!1,function(e){if(r===clearTimeout)return clearTimeout(e);if((r===a||!r)&&clearTimeout)return r=clearTimeout,clearTimeout(e);try{r(e)}catch(t){try{return r.call(null,e)}catch(t){return r.call(this,e)}}}(e)}}function m(e,t){this.fun=e,this.array=t}function h(){}i.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];l.push(new m(e,t)),1!==l.length||c||s(p)},m.prototype.run=function(){this.fun.apply(null,this.array)},i.title="browser",i.browser=!0,i.env={},i.argv=[],i.version="",i.versions={},i.on=h,i.addListener=h,i.once=h,i.off=h,i.removeListener=h,i.removeAllListeners=h,i.emit=h,i.prependListener=h,i.prependOnceListener=h,i.listeners=function(e){return[]},i.binding=function(e){throw new Error("process.binding is not supported")},i.cwd=function(){return"/"},i.chdir=function(e){throw new Error("process.chdir is not supported")},i.umask=function(){return 0}},function(e,t,n){"use strict";(function(e){var n,r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var i="undefined"==typeof window?e:window,o=function(){var e=i.__themeState__||{theme:void 0,lastStyleElement:void 0,registeredStyles:[]};e.runState||(e=r({},e,{perf:{count:0,duration:0},runState:{flushTimer:0,mode:0,buffer:[]}}));e.registeredThemableStyles||(e=r({},e,{registeredThemableStyles:[]}));return i.__themeState__=e,e}(),a=/[\'\"]\[theme:\s*(\w+)\s*(?:\,\s*default:\s*([\\"\']?[\.\,\(\)\#\-\s\w]*[\.\,\(\)\#\-\w][\"\']?))?\s*\][\'\"]/g,s=1e4,u=function(){return"undefined"!=typeof performance&&performance.now?performance.now():Date.now()};function l(e){var t=u();e();var n=u();o.perf.duration+=n-t}function c(){l(function(){var e=o.runState.buffer.slice();o.runState.buffer=[];var t=[].concat.apply([],e);t.length>0&&f(t)})}function f(e,t){o.loadStyles?o.loadStyles(h(e).styleString,e):n?function(e,t){var n=document.getElementsByTagName("head")[0],r=o.registeredStyles,i=o.lastStyleElement,a=i?i.styleSheet:void 0,u=a?a.cssText:"",l=r[r.length-1],c=h(e).styleString;(!i||u.length+c.length>s)&&((i=document.createElement("style")).type="text/css",t?(n.replaceChild(i,t.styleElement),t.styleElement=i):n.appendChild(i),t||(l={styleElement:i,themableStyle:e},r.push(l)));i.styleSheet.cssText+=m(c),Array.prototype.push.apply(l.themableStyle,e),o.lastStyleElement=i}(e,t):function(e){var t=document.getElementsByTagName("head")[0],n=document.createElement("style"),r=h(e),i=r.styleString,a=r.themable;n.type="text/css",n.appendChild(document.createTextNode(i)),o.perf.count++,t.appendChild(n);var s={styleElement:n,themableStyle:e};a?o.registeredThemableStyles.push(s):o.registeredStyles.push(s)}(e)}function d(e){void 0===e&&(e=3),3!==e&&2!==e||(p(o.registeredStyles),o.registeredStyles=[]),3!==e&&1!==e||(p(o.registeredThemableStyles),o.registeredThemableStyles=[])}function p(e){e.forEach(function(e){var t=e&&e.styleElement;t&&t.parentElement&&t.parentElement.removeChild(t)})}function m(e){return e&&(e=h(g(e)).styleString),e}function h(e){var t=o.theme,n=!1;return{styleString:(e||[]).map(function(e){var r=e.theme;if(r){n=!0;var i=t?t[r]:void 0,o=e.defaultValue||"inherit";return!t||i||!console||r in t||"undefined"==typeof DEBUG||!DEBUG||console.warn('Theming value not provided for "'+r+'". Falling back to "'+o+'".'),i||o}return e.rawString}).join(""),themable:n}}function g(e){var t=[];if(e){for(var n=0,r=void 0;r=a.exec(e);){var i=r.index;i>n&&t.push({rawString:e.substring(n,i)}),t.push({theme:r[1],defaultValue:r[2]}),n=a.lastIndex}t.push({rawString:e.substring(n)})}return t}t.loadStyles=function(e,t){void 0===t&&(t=!1),l(function(){var r=Array.isArray(e)?e:g(e);void 0===n&&(n=function(){var e=!1;if("undefined"!=typeof document){var t=document.createElement("style");t.type="text/css",e=!!t.styleSheet}return e}());var i=o.runState,a=i.mode,s=i.buffer,u=i.flushTimer;t||1===a?(s.push(r),u||(o.runState.flushTimer=setTimeout(function(){o.runState.flushTimer=0,c()},0))):f(r)})},t.configureLoadStyles=function(e){o.loadStyles=e},t.configureRunMode=function(e){o.runState.mode=e},t.flush=c,t.loadTheme=function(e){o.theme=e,function(){if(o.theme){for(var e=[],t=0,n=o.registeredThemableStyles;t<n.length;t++){var r=n[t];e.push(r.themableStyle)}e.length>0&&(d(1),f([].concat.apply([],e)))}}()},t.clearStyles=d,t.detokenize=m,t.splitStyles=g}).call(this,n(4))},function(e,t,n){"use strict";(function(e){n.d(t,"a",function(){return u});var r,i,o=0,a=(r="undefined"!=typeof window?window:void 0!==e?e:{}).__globalSettings__=r.__globalSettings__||((i={}).__callbacks__={},i),s=a.__callbacks__,u=function(){function e(){}return e.getValue=function(e,t){return void 0===a[e]&&(a[e]="function"==typeof t?t():t),a[e]},e.setValue=function(e,t){var n=a[e];if(t!==n){a[e]=t;var r={oldValue:n,value:t,key:e};for(var i in s)s.hasOwnProperty(i)&&s[i](r)}return t},e.addChangeListener=function(e){var t=e.__id__;t||(t=e.__id__=String(o++)),s[t]=e},e.removeChangeListener=function(e){delete s[e.__id__]},e}()}).call(this,n(4))},function(e,t,n){"use strict";n.r(t);var r,i=n(0),o=n(2),a=n(1);function s(e,t){e[t]=e[t].replace(/([A-Z])/g,"-$1").toLowerCase()}var u={"user-select":1};function l(e,t){var n=function(){if(!r){var e="undefined"!=typeof document?document:void 0,t="undefined"!=typeof navigator?navigator:void 0,n=t?t.userAgent.toLowerCase():void 0;r=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 r}(),i=e[t];if(u[i]){var o=e[t+1];u[i]&&(n.isWebkit&&e.push("-webkit-"+i,o),n.isMoz&&e.push("-moz-"+i,o),n.isMs&&e.push("-ms-"+i,o),n.isOpera&&e.push("-o-"+i,o))}}var c=["column-count","font-weight","flex-basis","flex","flex-grow","flex-shrink","fill-opacity","opacity","order","z-index","zoom"];function f(e,t){var n=e[t],r=e[t+1];if("number"==typeof r){var i=-1===c.indexOf(n)?"px":"";e[t+1]=""+r+i}}var d,p="left",m="right",h="@noflip",g=((d={})[p]=m,d[m]=p,d),v={"w-resize":"e-resize","sw-resize":"se-resize","nw-resize":"ne-resize"},y=_();function _(){return void 0===y&&(y="undefined"!=typeof document&&!!document.documentElement&&"rtl"===document.documentElement.getAttribute("dir")),y}function b(e,t){if(_()){var n=e[t];if(!n)return;var r=e[t+1];if("string"==typeof r&&r.indexOf(h)>=0)e[t+1]=r.replace(/\s*(?:\/\*\s*)?\@noflip\b(?:\s*\*\/)?\s*?/g,"");else if(n.indexOf(p)>=0)e[t]=n.replace(p,m);else if(n.indexOf(m)>=0)e[t]=n.replace(m,p);else if(String(r).indexOf(p)>=0)e[t+1]=r.replace(p,m);else if(String(r).indexOf(m)>=0)e[t+1]=r.replace(m,p);else if(g[n])e[t]=g[n];else if(v[r])e[t+1]=v[r];else switch(n){case"margin":case"padding":e[t+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}(r);break;case"box-shadow":e[t+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(" ")}(r,0)}}}var w="displayName";function S(e,t){return 0===e.indexOf(":global(")?e.replace(/:global\(|\)$/g,""):0===e.indexOf(":")?t+e:e.indexOf("&")<0?t+" "+e:e}function I(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 k(e){if(!e)return"";var t=[];for(var n in e)e.hasOwnProperty(n)&&n!==w&&void 0!==e[n]&&t.push(n,e[n]);for(var r=0;r<t.length;r+=2)s(t,r),f(t,r),b(t,r),l(t,r);for(r=1;r<t.length;r+=4)t.splice(r,1,":",t[r],";");return t.join("")}function x(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=function e(t,n,r){void 0===n&&(n={__order:[]}),void 0===r&&(r="&");var i=a.a.getInstance(),o=n[r];o||(o={},n[r]=o,n.__order.push(r));for(var s=0,u=t;s<u.length;s++){var l=u[s];if("string"==typeof l){var c=i.argsFromClassName(l);c&&e(c,n,r)}else if(Array.isArray(l))e(l,n,r);else for(var f in l)if("selectors"===f){var d=l.selectors;for(var p in d)if(d.hasOwnProperty(p)){var m=d[p];0===p.indexOf("@")?e([m],n,p=p+"{"+r):p.indexOf(",")>-1?e([m],n,p.split(/,/g).map(function(e){return e.trim()}).map(function(e){return S(e,r)}).join(", ")):e([m],n,S(p,r))}}else void 0!==l[f]&&("margin"===f||"padding"===f?I(o,f,l[f]):o[f]=l[f])}return n}(e),r=function(e){for(var t=[],n=!1,r=0,i=e.__order;r<i.length;r++){var o=i[r];t.push(o);var a=e[o];for(var s in a)a.hasOwnProperty(s)&&void 0!==a[s]&&(n=!0,t.push(s,a[s]))}return n?t.join(""):void 0}(n);if(r){var i=a.a.getInstance(),o={className:i.classNameFromKey(r),key:r,args:e};if(!o.className){o.className=i.getClassName(function(e){var t=e&&e["&"];return t?t.displayName:void 0}(n));for(var s=[],u=0,l=n.__order;u<l.length;u++){var c=l[u];s.push(c,k(n[c]))}o.rulesToInsert=s}return o}}function C(e,t){var n=a.a.getInstance(),r=e.className,i=e.key,o=e.args,s=e.rulesToInsert;if(s){for(var u=0;u<s.length;u+=2){var l=s[u+1];if(l){var c=s[u],f=(c=c.replace(/(&)|\$([\w-]+)\b/g,function(n,r,i){return r?"."+e.className:i?"."+(t&&t[i]||i):""}))+"{"+l+"}"+(0===c.indexOf("@")?"}":"");n.insertRule(f)}}n.cacheClassName(r,i,o,s)}}function E(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=[],r=[],i=a.a.getInstance();return function e(t){for(var o=0,a=t;o<a.length;o++){var s=a[o];if(s)if("string"==typeof s)if(s.indexOf(" ")>=0)e(s.split(" "));else{var u=i.argsFromClassName(s);u?e(u):-1===n.indexOf(s)&&n.push(s)}else Array.isArray(s)?e(s):"object"==typeof s&&r.push(s)}}(e),{classes:n,objects:r}}function T(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=E(e),r=n.classes,i=n.objects;return i.length&&r.push(function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=x.apply(void 0,e);return n?(C(n),n.className):""}(i)),r.join(" ")}function O(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n={subComponentStyles:{}},r={},i=e[0];if(!i&&e.length<=1)return{subComponentStyles:{}};var o=i;o=function e(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];for(var r={},i={},o=0,a=t;o<a.length;o++){var s=a[o];if(s)for(var u in s)if(s.hasOwnProperty(u)){if("subComponentStyles"===u&&void 0!==s.subComponentStyles){var l=s.subComponentStyles;for(var c in l)l.hasOwnProperty(c)&&(i.hasOwnProperty(c)?i[c].push(l[c]):i[c]=[l[c]]);continue}var f=r[u],d=s[u];r[u]=void 0===f?d:(Array.isArray(f)?f:[f]).concat(Array.isArray(d)?d:[d])}}if(Object.keys(i).length>0){r.subComponentStyles={};var p=r.subComponentStyles,m=function(t){if(i.hasOwnProperty(t)){var n=i[t];p[t]=function(t){return e.apply(void 0,n.map(function(e){return"function"==typeof e?e(t):e}))}}};for(var c in i)m(c)}return r}.apply(void 0,e);var a=[];for(var s in o)if(o.hasOwnProperty(s)){if("subComponentStyles"===s){n.subComponentStyles=o.subComponentStyles||{};continue}var u=E(o[s]),l=u.classes,c=x({displayName:s},u.objects);a.push(c),c&&(r[s]=c.className,n[s]=l.concat([c.className]).join(" "))}for(var f=0,d=a;f<d.length;f++){(c=d[f])&&C(c,r)}return n}var P=n(3);function L(e){var t={},n=function(n){var r;e.hasOwnProperty(n)&&Object.defineProperty(t,n,{get:function(){return void 0===r&&(r=T(e[n]).toString()),r},enumerable:!0,configurable:!0})};for(var r in e)n(r);return t}Object(P.a)("@uifabric/merge-styles","6.15.0");var B=void 0;function D(e){B?B(e):console&&console.warn&&console.warn(e)}var N=n(7);function R(e){a.a.getInstance().insertRule("@font-face{"+k(e)+"}",!0)}var A=N.a.getValue("icons",{__options:{disableWarnings:!1,warnOnMissingIcons:!0},__remapped:{}}),j=a.a.getInstance();j&&j.onReset&&j.onReset(function(){for(var e in A)A.hasOwnProperty(e)&&A[e].subset&&(A[e].subset.className=void 0)});function F(e){var t=a.a.getInstance(),n=t.getClassName(),r=[];for(var i in e)e.hasOwnProperty(i)&&r.push(i,"{",k(e[i]),"}");var o=r.join("");return t.insertRule("@keyframes "+n+"{"+o+"}",!0),t.cacheClassName(n,o,[],["keyframes",o]),n}var H="cubic-bezier(.1,.9,.2,1)",z="cubic-bezier(.1,.25,.75,.9)",U=F({from:{opacity:0},to:{opacity:1}}),W=F({from:{opacity:1},to:{opacity:0}}),M=we(-10),V=we(-20),G=we(-40),q=we(-400),K=we(10),Q=we(20),Z=we(40),J=we(400),$=Se(10),Y=Se(20),X=Se(-10),ee=Se(-20),te=Ie(10),ne=Ie(20),re=Ie(40),ie=Ie(400),oe=Ie(-10),ae=Ie(-20),se=Ie(-40),ue=Ie(-400),le=ke(-10),ce=ke(-20),fe=ke(10),de=ke(20),pe=F({from:{transform:"scale3d(.98,.98,1)"},to:{transform:"scale3d(1,1,1)"}}),me=F({from:{transform:"scale3d(1,1,1)"},to:{transform:"scale3d(.98,.98,1)"}}),he=F({from:{transform:"scale3d(1.03,1.03,1)"},to:{transform:"scale3d(1,1,1)"}}),ge=F({from:{transform:"scale3d(1,1,1)"},to:{transform:"scale3d(1.03,1.03,1)"}}),ve=F({from:{transform:"rotateZ(0deg)"},to:{transform:"rotateZ(90deg)"}}),ye=F({from:{transform:"rotateZ(0deg)"},to:{transform:"rotateZ(-90deg)"}}),_e={slideRightIn10:be(U+","+M,"0.367s",H),slideRightIn20:be(U+","+V,"0.367s",H),slideRightIn40:be(U+","+G,"0.367s",H),slideRightIn400:be(U+","+q,"0.367s",H),slideLeftIn10:be(U+","+K,"0.367s",H),slideLeftIn20:be(U+","+Q,"0.367s",H),slideLeftIn40:be(U+","+Z,"0.367s",H),slideLeftIn400:be(U+","+J,"0.367s",H),slideUpIn10:be(U+","+$,"0.367s",H),slideUpIn20:be(U+","+Y,"0.367s",H),slideDownIn10:be(U+","+X,"0.367s",H),slideDownIn20:be(U+","+ee,"0.367s",H),slideRightOut10:be(W+","+te,"0.367s",H),slideRightOut20:be(W+","+ne,"0.367s",H),slideRightOut40:be(W+","+re,"0.367s",H),slideRightOut400:be(W+","+ie,"0.367s",H),slideLeftOut10:be(W+","+oe,"0.367s",H),slideLeftOut20:be(W+","+ae,"0.367s",H),slideLeftOut40:be(W+","+se,"0.367s",H),slideLeftOut400:be(W+","+ue,"0.367s",H),slideUpOut10:be(W+","+le,"0.367s",H),slideUpOut20:be(W+","+ce,"0.367s",H),slideDownOut10:be(W+","+fe,"0.367s",H),slideDownOut20:be(W+","+de,"0.367s",H),scaleUpIn100:be(U+","+pe,"0.367s",H),scaleDownIn100:be(U+","+he,"0.367s",H),scaleUpOut103:be(W+","+ge,"0.167s",z),scaleDownOut98:be(W+","+me,"0.167s",z),fadeIn100:be(U,"0.167s",z),fadeIn200:be(U,"0.267s",z),fadeIn400:be(U,"0.367s",z),fadeIn500:be(U,"0.467s",z),fadeOut100:be(W,"0.167s",z),fadeOut200:be(W,"0.267s",z),fadeOut400:be(W,"0.367s",z),fadeOut500:be(W,"0.467s",z),rotate90deg:be(ve,"0.1s",z),rotateN90deg:be(ye,"0.1s",z)};function be(e,t,n){return{animationName:e,animationDuration:t,animationTimingFunction:n,animationFillMode:"both"}}function we(e){return F({from:{transform:"translate3d("+e+"px,0,0)"},to:{transform:"translate3d(0,0,0)"}})}function Se(e){return F({from:{transform:"translate3d(0,"+e+"px,0)"},to:{transform:"translate3d(0,0,0)"}})}function Ie(e){return F({from:{transform:"translate3d(0,0,0)"},to:{transform:"translate3d("+e+"px,0,0)"}})}function ke(e){return F({from:{transform:"translate3d(0,0,0)"},to:{transform:"translate3d(0,"+e+"px,0)"}})}var xe,Ce,Ee={themeDarker:"#004578",themeDark:"#005a9e",themeDarkAlt:"#106ebe",themePrimary:"#0078d4",themeSecondary:"#2b88d8",themeTertiary:"#71afe5",themeLight:"#c7e0f4",themeLighter:"#deecf9",themeLighterAlt:"#eff6fc",black:"#000000",blackTranslucent40:"rgba(0,0,0,.4)",neutralDark:"#212121",neutralPrimary:"#333333",neutralPrimaryAlt:"#3c3c3c",neutralSecondary:"#666666",neutralSecondaryAlt:"#767676",neutralTertiary:"#a6a6a6",neutralTertiaryAlt:"#c8c8c8",neutralQuaternary:"#d0d0d0",neutralQuaternaryAlt:"#dadada",neutralLight:"#eaeaea",neutralLighter:"#f4f4f4",neutralLighterAlt:"#f8f8f8",accent:"#0078d4",white:"#ffffff",whiteTranslucent40:"rgba(255,255,255,.4)",yellow:"#ffb900",yellowLight:"#fff100",orange:"#d83b01",orangeLight:"#ea4300",orangeLighter:"#ff8c00",redDark:"#a80000",red:"#e81123",magentaDark:"#5c005c",magenta:"#b4009e",magentaLight:"#e3008c",purpleDark:"#32145a",purple:"#5c2d91",purpleLight:"#b4a0ff",blueDark:"#002050",blueMid:"#00188f",blue:"#0078d4",blueLight:"#00bcf2",tealDark:"#004b50",teal:"#008272",tealLight:"#00b294",greenDark:"#004b1c",green:"#107c10",greenLight:"#bad80a"},Te="'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif";!function(e){e.Arabic="Segoe UI Web (Arabic)",e.Cyrillic="Segoe UI Web (Cyrillic)",e.EastEuropean="Segoe UI Web (East European)",e.Greek="Segoe UI Web (Greek)",e.Hebrew="Segoe UI Web (Hebrew)",e.Thai="Leelawadee UI Web",e.Vietnamese="Segoe UI Web (Vietnamese)",e.WestEuropean="Segoe UI Web (West European)",e.Selawik="Selawik Web"}(xe||(xe={})),function(e){e.Arabic="'"+xe.Arabic+"'",e.ChineseSimplified="'Microsoft Yahei UI', Verdana, Simsun",e.ChineseTraditional="'Microsoft Jhenghei UI', Pmingliu",e.Cyrillic="'"+xe.Cyrillic+"'",e.EastEuropean="'"+xe.EastEuropean+"'",e.Greek="'"+xe.Greek+"'",e.Hebrew="'"+xe.Hebrew+"'",e.Hindi="'Nirmala UI'",e.Japanese="'Yu Gothic UI', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka",e.Korean="'Malgun Gothic', Gulim",e.Selawik="'"+xe.Selawik+"'",e.Thai="'Leelawadee UI Web', 'Kmer UI'",e.Vietnamese="'"+xe.Vietnamese+"'",e.WestEuropean="'"+xe.WestEuropean+"'"}(Ce||(Ce={}));var Oe,Pe,Le,Be="'Segoe UI', '"+xe.WestEuropean+"'",De={ar:Ce.Arabic,bg:Ce.Cyrillic,cs:Ce.EastEuropean,el:Ce.Greek,et:Ce.EastEuropean,he:Ce.Hebrew,hi:Ce.Hindi,hr:Ce.EastEuropean,hu:Ce.EastEuropean,ja:Ce.Japanese,kk:Ce.EastEuropean,ko:Ce.Korean,lt:Ce.EastEuropean,lv:Ce.EastEuropean,pl:Ce.EastEuropean,ru:Ce.Cyrillic,sk:Ce.EastEuropean,"sr-latn":Ce.EastEuropean,th:Ce.Thai,tr:Ce.EastEuropean,uk:Ce.Cyrillic,vi:Ce.Vietnamese,"zh-hans":Ce.ChineseSimplified,"zh-hant":Ce.ChineseTraditional};function Ne(e){return e+", "+Te}function Re(e,t,n){return{fontFamily:n,MozOsxFontSmoothing:"grayscale",WebkitFontSmoothing:"antialiased",fontSize:e,fontWeight:t}}!function(e){e.mini="10px",e.xSmall="11px",e.small="12px",e.smallPlus="13px",e.medium="14px",e.mediumPlus="15px",e.icon="16px",e.large="17px",e.xLarge="21px",e.xxLarge="28px",e.superLarge="42px",e.mega="72px"}(Oe||(Oe={})),function(e){e.light=100,e.semilight=300,e.regular=400,e.semibold=600,e.bold=700}(Pe||(Pe={})),function(e){e.xSmall="10px",e.small="12px",e.medium="16px",e.large="20px"}(Le||(Le={}));var Ae,je=!1;function Fe(e){return je||"undefined"==typeof window?void 0:e&&e.ownerDocument&&e.ownerDocument.defaultView?e.ownerDocument.defaultView:window}function He(e){return je||"undefined"==typeof document?void 0:e&&e.ownerDocument?e.ownerDocument:document}var ze="https://static2.sharepointonline.com/files/fabric/assets",Ue=function(e){var t=function(e){for(var t in De)if(De.hasOwnProperty(t)&&e&&0===t.indexOf(e))return De[t];return Be}(e),n=Ne(t),r=n;return t===Be&&(r=Ne(Ce.WestEuropean)),{tiny:Re(Oe.mini,Pe.semibold,n),xSmall:Re(Oe.xSmall,Pe.regular,n),small:Re(Oe.small,Pe.regular,n),smallPlus:Re(Oe.smallPlus,Pe.regular,n),medium:Re(Oe.medium,Pe.regular,n),mediumPlus:Re(Oe.mediumPlus,Pe.regular,n),large:Re(Oe.large,Pe.semilight,r),xLarge:Re(Oe.xLarge,Pe.light,n),xxLarge:Re(Oe.xxLarge,Pe.light,n),superLarge:Re(Oe.superLarge,Pe.light,n),mega:Re(Oe.mega,Pe.light,n)}}(function(){if(void 0===Ae){var e=He(),t=function(e){var t=null;try{t=window.localStorage.getItem(e)}catch(e){}return t}("language");null!==t&&(Ae=t),void 0===Ae&&e&&(Ae=e.documentElement.getAttribute("lang")),void 0===Ae&&(Ae="en")}return Ae}());function We(e,t,n,r){R({fontFamily:e="'"+e+"'",src:(void 0!==r?"local('"+r+"'),":"")+"url('"+t+".woff2') format('woff2'),url('"+t+".woff') format('woff')",fontWeight:n,fontStyle:"normal"})}function Me(e,t,n,r,i){void 0===r&&(r="segoeui");var o=e+"/"+n+"/"+r;We(t,o+"-light",Pe.light,i&&i+" Light"),We(t,o+"-semilight",Pe.semilight,i&&i+" SemiLight"),We(t,o+"-regular",Pe.regular,i),We(t,o+"-semibold",Pe.semibold,i&&i+" SemiBold")}!function(e){if(e){var t=e+"/fonts";Me(t,xe.Thai,"leelawadeeui-thai","leelawadeeui"),Me(t,xe.Arabic,"segoeui-arabic"),Me(t,xe.Cyrillic,"segoeui-cyrillic"),Me(t,xe.EastEuropean,"segoeui-easteuropean"),Me(t,xe.Greek,"segoeui-greek"),Me(t,xe.Hebrew,"segoeui-hebrew"),Me(t,xe.Vietnamese,"segoeui-vietnamese"),Me(t,xe.WestEuropean,"segoeui-westeuropean","segoeui","Segoe UI"),Me(t,Ce.Selawik,"selawik","selawik"),We("Leelawadee UI Web",t+"/leelawadeeui-thai/leelawadeeui-semilight",Pe.light),We("Leelawadee UI Web",t+"/leelawadeeui-thai/leelawadeeui-bold",Pe.semibold)}}(function(){var e="undefined"!=typeof window?window:void 0,t=e?e.FabricConfig:void 0;return t&&void 0!==t.fontBaseUrl?t.fontBaseUrl:ze}());var Ve,Ge=9,qe=33,Ke=34,Qe=35,Ze=36,Je=37,$e=39,Ye=40,Xe=((Ve={})[38]=1,Ve[Ye]=1,Ve[Je]=1,Ve[$e]=1,Ve[Ze]=1,Ve[Qe]=1,Ve[Ge]=1,Ve[qe]=1,Ve[Ke]=1,Ve);var et,tt="ms-Fabric--isFocusVisible";function nt(e){var t=Fe(e.target);if(t){var n=t.document.body.classList;n.contains(tt)&&n.remove(tt)}}function rt(e){var t=Fe(e.target);if(t){var n=t.document.body.classList;(function(e){return!!Xe[e]})(e.which)&&!n.contains(tt)&&n.add(tt)}}!function(e){e.Nav=1,e.ScrollablePane=1,e.FocusStyle=1,e.Coachmark=1e3,e.Layer=1e6,e.KeytipLayer=1000001}(et||(et={}));var it=a.a.getInstance();it&&it.onReset&&a.a.getInstance().onReset(function(){ot++});var ot=0,at={empty:!0},st={},ut="undefined"==typeof WeakMap?null:WeakMap;function lt(e,t){if(void 0===t&&(t=100),!ut)return e;var n,r=0,i=ot;return function(){for(var o=[],a=0;a<arguments.length;a++)o[a]=arguments[a];var s=n;(void 0===n||i!==ot||t>0&&r>t)&&(n=ft(),r=0,i=ot),s=n;for(var u=0;u<o.length;u++){var l=ct(o[u]);s.map.has(l)||s.map.set(l,ft()),s=s.map.get(l)}return s.hasOwnProperty("value")||(s.value=e.apply(void 0,o),r++),s.value}}function ct(e){return e?"object"==typeof e||"function"==typeof e?e:(st[e]||(st[e]={val:e}),st[e]):at}function ft(){return{map:ut?new ut:null}}lt(function(e,t){var n=a.a.getInstance();return t?Object.keys(e).reduce(function(t,r){return t[r]=n.getClassName(e[r]),t},{}):e});var dt=n(9),pt=function(){function e(t){this._id=e._uniqueId++,this._parent=t,this._eventRecords=[]}return e.raise=function(t,n,r,i){var o;if(e._isElement(t)){if(document.createEvent){var a=document.createEvent("HTMLEvents");a.initEvent(n,i||!1,!0),Object(dt.a)(a,r),o=t.dispatchEvent(a)}else if(document.createEventObject){var s=document.createEventObject(r);t.fireEvent("on"+n,s)}}else for(;t&&!1!==o;){var u=t.__events__,l=u?u[n]:null;if(l)for(var c in l)if(l.hasOwnProperty(c))for(var f=l[c],d=0;!1!==o&&d<f.length;d++){var p=f[d];p.objectCallback&&(o=p.objectCallback.call(p.parent,r))}t=i?t.parent:null}return o},e.isObserved=function(e,t){var n=e&&e.__events__;return!!n&&!!n[t]},e.isDeclared=function(e,t){var n=e&&e.__declaredEvents;return!!n&&!!n[t]},e.stopPropagation=function(e){e.stopPropagation?e.stopPropagation():e.cancelBubble=!0},e._isElement=function(e){return!!e&&(!!e.addEventListener||"undefined"!=typeof HTMLElement&&e instanceof HTMLElement)},e.prototype.dispose=function(){this._isDisposed||(this._isDisposed=!0,this.off(),this._parent=null)},e.prototype.onAll=function(e,t,n){for(var r in t)t.hasOwnProperty(r)&&this.on(e,r,t[r],n)},e.prototype.on=function(t,n,r,i){var o=this;if(n.indexOf(",")>-1)for(var a=n.split(/[ ,]+/),s=0;s<a.length;s++)this.on(t,a[s],r,i);else{var u=this._parent,l={target:t,eventName:n,parent:u,callback:r,useCapture:i||!1};if((a=t.__events__=t.__events__||{})[n]=a[n]||{count:0},a[n][this._id]=a[n][this._id]||[],a[n][this._id].push(l),a[n].count++,e._isElement(t)){var c=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];if(!o._isDisposed){var n;try{if(!1===(n=r.apply(u,e))&&e[0]){var i=e[0];i.preventDefault&&i.preventDefault(),i.stopPropagation&&i.stopPropagation(),i.cancelBubble=!0}}catch(i){}return n}};l.elementCallback=c,t.addEventListener?t.addEventListener(n,c,i):t.attachEvent&&t.attachEvent("on"+n,c)}else{l.objectCallback=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];if(!o._isDisposed)return r.apply(u,e)}}this._eventRecords.push(l)}},e.prototype.off=function(e,t,n,r){for(var i=0;i<this._eventRecords.length;i++){var o=this._eventRecords[i];if(!(e&&e!==o.target||t&&t!==o.eventName||n&&n!==o.callback||"boolean"==typeof r&&r!==o.useCapture)){var a=o.target.__events__,s=a[o.eventName],u=s?s[this._id]:null;u&&(1!==u.length&&n?(s.count--,u.splice(u.indexOf(o),1)):(s.count-=u.length,delete a[o.eventName][this._id]),s.count||delete a[o.eventName]),o.elementCallback&&(o.target.removeEventListener?o.target.removeEventListener(o.eventName,o.elementCallback,o.useCapture):o.target.detachEvent&&o.target.detachEvent("on"+o.eventName,o.elementCallback)),this._eventRecords.splice(i--,1)}}},e.prototype.raise=function(t,n,r){return e.raise(this._parent,t,n,r)},e.prototype.declare=function(e){var t=this._parent.__declaredEvents=this._parent.__declaredEvents||{};if("string"==typeof e)t[e]=!0;else for(var n=0;n<e.length;n++)t[e[n]]=!0},e._uniqueId=0,e}(),mt={settings:{},scopedSettings:{},inCustomizerContext:!1},ht=N.a.getValue("customizations",{settings:{},scopedSettings:{},inCustomizerContext:!1}),gt=new pt(ht),vt=function(){function e(){}return e.reset=function(){ht.settings={},ht.scopedSettings={}},e.applySettings=function(t){ht.settings=i.a({},ht.settings,t),e._raiseChange()},e.applyScopedSettings=function(t,n){ht.scopedSettings[t]=i.a({},ht.scopedSettings[t],n),e._raiseChange()},e.getSettings=function(e,t,n){void 0===n&&(n=mt);for(var r={},i=t&&n.scopedSettings[t]||{},o=t&&ht.scopedSettings[t]||{},a=0,s=e;a<s.length;a++){var u=s[a];r[u]=i[u]||n.settings[u]||o[u]||ht.settings[u]}return r},e.observe=function(e){gt.on(ht,"change",e)},e.unobserve=function(e){gt.off(ht,"change",e)},e._raiseChange=function(){gt.raise("change")},e}(),yt=function(){function e(e,t){this._timeoutIds=null,this._immediateIds=null,this._intervalIds=null,this._animationFrameIds=null,this._isDisposed=!1,this._parent=e||null,this._onErrorHandler=t,this._noop=function(){}}return e.prototype.dispose=function(){var e;if(this._isDisposed=!0,this._parent=null,this._timeoutIds){for(e in this._timeoutIds)this._timeoutIds.hasOwnProperty(e)&&this.clearTimeout(parseInt(e,10));this._timeoutIds=null}if(this._immediateIds){for(e in this._immediateIds)this._immediateIds.hasOwnProperty(e)&&this.clearImmediate(parseInt(e,10));this._immediateIds=null}if(this._intervalIds){for(e in this._intervalIds)this._intervalIds.hasOwnProperty(e)&&this.clearInterval(parseInt(e,10));this._intervalIds=null}if(this._animationFrameIds){for(e in this._animationFrameIds)this._animationFrameIds.hasOwnProperty(e)&&this.cancelAnimationFrame(parseInt(e,10));this._animationFrameIds=null}},e.prototype.setTimeout=function(e,t){var n=this,r=0;return this._isDisposed||(this._timeoutIds||(this._timeoutIds={}),r=setTimeout(function(){try{n._timeoutIds&&delete n._timeoutIds[r],e.apply(n._parent)}catch(e){n._onErrorHandler&&n._onErrorHandler(e)}},t),this._timeoutIds[r]=!0),r},e.prototype.clearTimeout=function(e){this._timeoutIds&&this._timeoutIds[e]&&(clearTimeout(e),delete this._timeoutIds[e])},e.prototype.setImmediate=function(e){var t=this,n=0;if(!this._isDisposed){this._immediateIds||(this._immediateIds={});var r=function(){try{t._immediateIds&&delete t._immediateIds[n],e.apply(t._parent)}catch(e){t._logError(e)}};n=window.setImmediate?window.setImmediate(r):window.setTimeout(r,0),this._immediateIds[n]=!0}return n},e.prototype.clearImmediate=function(e){this._immediateIds&&this._immediateIds[e]&&(window.clearImmediate?window.clearImmediate(e):window.clearTimeout(e),delete this._immediateIds[e])},e.prototype.setInterval=function(e,t){var n=this,r=0;return this._isDisposed||(this._intervalIds||(this._intervalIds={}),r=setInterval(function(){try{e.apply(n._parent)}catch(e){n._logError(e)}},t),this._intervalIds[r]=!0),r},e.prototype.clearInterval=function(e){this._intervalIds&&this._intervalIds[e]&&(clearInterval(e),delete this._intervalIds[e])},e.prototype.throttle=function(e,t,n){var r=this;if(this._isDisposed)return this._noop;var i,o,a=t||0,s=!0,u=!0,l=0,c=null;n&&"boolean"==typeof n.leading&&(s=n.leading),n&&"boolean"==typeof n.trailing&&(u=n.trailing);var f=function(t){var n=(new Date).getTime(),d=n-l,p=s?a-d:a;return d>=a&&(!t||s)?(l=n,c&&(r.clearTimeout(c),c=null),i=e.apply(r._parent,o)):null===c&&u&&(c=r.setTimeout(f,p)),i};return function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return o=e,f(!0)}},e.prototype.debounce=function(e,t,n){var r=this;if(this._isDisposed){var i=function(){};return i.cancel=function(){},i.flush=function(){return null},i.pending=function(){return!1},i}var o,a,s=t||0,u=!1,l=!0,c=null,f=0,d=(new Date).getTime(),p=null;n&&"boolean"==typeof n.leading&&(u=n.leading),n&&"boolean"==typeof n.trailing&&(l=n.trailing),n&&"number"==typeof n.maxWait&&!isNaN(n.maxWait)&&(c=n.maxWait);var m=function(e){p&&(r.clearTimeout(p),p=null),d=e},h=function(t){m(t),o=e.apply(r._parent,a)},g=function(e){var t=(new Date).getTime(),n=!1;e&&(u&&t-f>=s&&(n=!0),f=t);var i=t-f,a=s-i,m=t-d,v=!1;return null!==c&&(m>=c&&p?v=!0:a=Math.min(a,c-m)),i>=s||v||n?h(t):null!==p&&e||!l||(p=r.setTimeout(g,a)),o},v=function(){return!!p},y=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return a=e,g(!0)};return y.cancel=function(){v()&&m((new Date).getTime())},y.flush=function(){return v()&&h((new Date).getTime()),o},y.pending=v,y},e.prototype.requestAnimationFrame=function(e){var t=this,n=0;if(!this._isDisposed){this._animationFrameIds||(this._animationFrameIds={});var r=function(){try{t._animationFrameIds&&delete t._animationFrameIds[n],e.apply(t._parent)}catch(e){t._logError(e)}};n=window.requestAnimationFrame?window.requestAnimationFrame(r):window.setTimeout(r,0),this._animationFrameIds[n]=!0}return n},e.prototype.cancelAnimationFrame=function(e){this._animationFrameIds&&this._animationFrameIds[e]&&(window.cancelAnimationFrame?window.cancelAnimationFrame(e):window.clearTimeout(e),delete this._animationFrameIds[e])},e.prototype._logError=function(e){this._onErrorHandler&&this._onErrorHandler(e)},e}();var _t=function(e){function t(n,r){var i=e.call(this,n,r)||this;return function(e){var t=e||Fe();t&&!t.__hasInitializeFocusRects__&&(t.__hasInitializeFocusRects__=!0,t.addEventListener("mousedown",nt,!0),t.addEventListener("keydown",rt,!0))}(),function(e){var t=e||Fe();if(t&&!t.__hasInitializedDir__){t.__hasInitializedDir__=!0;var n=t.document.documentElement;n.hasAttribute("dir")||n.setAttribute("dir","ltr")}}(),function(e,t,n){for(var r=0,i=n.length;r<i;r++)bt(e,t,n[r])}(i,t.prototype,["componentWillMount","componentDidMount","shouldComponentUpdate","componentWillUpdate","componentWillReceiveProps","render","componentDidUpdate","componentWillUnmount"]),i}return i.b(t,e),t.prototype.componentWillReceiveProps=function(e,t){this._updateComponentRef(this.props,e)},t.prototype.componentDidMount=function(){this._setComponentRef(this.props.componentRef,this)},t.prototype.componentWillUnmount=function(){if(this._setComponentRef(this.props.componentRef,null),this.__disposables){for(var e=0,t=this._disposables.length;e<t;e++){var n=this.__disposables[e];n.dispose&&n.dispose()}this.__disposables=null}},Object.defineProperty(t.prototype,"className",{get:function(){if(!this.__className){var e=/function (.{1,})\(/.exec(this.constructor.toString());this.__className=e&&e.length>1?e[1]:""}return this.__className},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"_disposables",{get:function(){return this.__disposables||(this.__disposables=[]),this.__disposables},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"_async",{get:function(){return this.__async||(this.__async=new yt(this),this._disposables.push(this.__async)),this.__async},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"_events",{get:function(){return this.__events||(this.__events=new pt(this),this._disposables.push(this.__events)),this.__events},enumerable:!0,configurable:!0}),t.prototype._resolveRef=function(e){var t=this;return this.__resolves||(this.__resolves={}),this.__resolves[e]||(this.__resolves[e]=function(n){return t[e]=n}),this.__resolves[e]},t.prototype._updateComponentRef=function(e,t){void 0===t&&(t={}),e.componentRef!==t.componentRef&&(this._setComponentRef(e.componentRef,null),this._setComponentRef(t.componentRef,this))},t.prototype._warnDeprecations=function(e){!function(e,t,n){for(var r in n)if(t&&r in t){var i=e+" property '"+r+"' was used but has been deprecated.",o=n[r];o&&(i+=" Use '"+o+"' instead."),D(i)}}(this.className,this.props,e)},t.prototype._warnMutuallyExclusive=function(e){!function(e,t,n){for(var r in n)if(t&&r in t){var i=n[r];i&&i in t&&D(e+" property '"+r+"' is mutually exclusive with '"+n[r]+"'. Use one or the other.")}}(this.className,this.props,e)},t.prototype._warnConditionallyRequiredProps=function(e,t,n){!function(e,t,n,r,i){if(!0===i)for(var o=0,a=n;o<a.length;o++){var s=a[o];s in t||D(e+" property '"+s+"' is required when '"+r+"' is used.'")}}(this.className,this.props,e,t,n)},t.prototype._setComponentRef=function(e,t){!this._skipComponentRefResolution&&e&&("function"==typeof e&&e(t),"object"==typeof e&&(e.current=t))},t}(o.Component);function bt(e,t,n){var r=e[n],i=t[n];(r||i)&&(e[n]=function(){var e;return i&&(e=i.apply(this,arguments)),r!==i&&(e=r.apply(this,arguments)),e})}var wt=o.createContext({customizations:{inCustomizerContext:!1,settings:{},scopedSettings:{}}}),St=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t._changeCount=0,t._onCustomizationChange=function(){return t.forceUpdate()},t}return i.b(t,e),t.prototype.componentDidMount=function(){vt.observe(this._onCustomizationChange)},t.prototype.componentWillUnmount=function(){vt.unobserve(this._onCustomizationChange)},t.prototype.render=function(){var e=this,t=this.props.contextTransform;return o.createElement(wt.Consumer,null,function(n){var r=function(e,t){var n=(t||{}).customizations,r=void 0===n?{settings:{},scopedSettings:{}}:n;return{customizations:{settings:It(r.settings,e.settings),scopedSettings:function(e,t){void 0===e&&(e={});return(kt(t)?t:function(e){void 0===e&&(e={});return function(t){var n=i.a({},t);for(var r in e)e.hasOwnProperty(r)&&(n[r]=i.a({},t[r],e[r]));return n}}(t))(e)}(r.scopedSettings,e.scopedSettings),inCustomizerContext:!0}}}(e.props,n);return t&&(r=t(r)),o.createElement(wt.Provider,{value:r},e.props.children)})},t}(_t);function It(e,t){return void 0===e&&(e={}),(kt(t)?t:function(e){return function(t){return e?i.a({},t,e):t}}(t))(e)}function kt(e){return"function"==typeof e}var xt,Ct={s2:"4px",s1:"8px",m:"16px",l1:"20px",l2:"32px"},Et=(n(6),{elevation4:{boxShadow:"0 0 5px 0 rgba(0,0,0,.4)"},elevation8:{boxShadow:"0 0 5px 0 rgba(0,0,0,.4)"},elevation16:{boxShadow:"0 0 5px 0 rgba(0,0,0,.4)"},elevation64:{boxShadow:"0 0 5px 0 rgba(0,0,0,.4)"},roundedCorner2:0}),Tt=Lt({palette:Ee,semanticColors:Bt(Ee,!1,!1),fonts:Ue,isInverted:!1,disableGlobalClassNames:!1}),Ot="theme";if(!vt.getSettings([Ot]).theme){var Pt="undefined"!=typeof window?window:void 0;Pt&&Pt.FabricConfig&&Pt.FabricConfig.theme&&(Tt=Lt(Pt.FabricConfig.theme)),vt.applySettings(((xt={})[Ot]=Tt,xt))}function Lt(e,t){void 0===t&&(t=!1);var n=i.a({},Ee,e.palette);e.palette&&e.palette.accent||(n.accent=n.themePrimary);var r=i.a({},Bt(n,!!e.isInverted,t),e.semanticColors);return{palette:n,fonts:i.a({},Ue,e.fonts),semanticColors:r,isInverted:!!e.isInverted,disableGlobalClassNames:!!e.disableGlobalClassNames,spacing:i.a({},Ct,e.spacing),effects:i.a({},Et,e.effects)}}function Bt(e,t,n){return function(e,t){var n="";!0===t&&(n=" /* @deprecated */");return e.listTextColor=e.listText+n,e.menuItemBackgroundChecked+=n,e}({bodyBackground:e.white,bodyStandoutBackground:e.neutralLighterAlt,bodyFrameBackground:e.white,bodyFrameDivider:e.neutralLight,bodyText:e.neutralPrimary,bodyTextChecked:e.black,bodySubtext:e.neutralSecondary,bodyDivider:e.neutralLight,disabledBackground:e.neutralLighter,disabledText:e.neutralTertiary,disabledBodyText:e.neutralTertiary,disabledSubtext:e.neutralQuaternary,disabledBodySubtext:e.neutralTertiaryAlt,focusBorder:e.neutralSecondary,variantBorder:e.neutralLight,variantBorderHovered:e.neutralTertiary,defaultStateBackground:e.neutralLighterAlt,errorText:t?"#ff5f5f":e.redDark,warningText:t?"#ffffff":"#333333",errorBackground:t?"rgba(232, 17, 35, .5)":"rgba(232, 17, 35, .2)",blockingBackground:t?"rgba(234, 67, 0, .5)":"rgba(234, 67, 0, .2)",warningBackground:t?"rgba(255, 251, 0, .6)":"rgba(255, 185, 0, .2)",warningHighlight:t?"#fff100":"#ffb900",successBackground:t?"rgba(186, 216, 10, .4)":"rgba(186, 216, 10, .2)",inputBorder:e.neutralTertiary,inputBorderHovered:e.neutralPrimary,inputBackground:e.white,inputBackgroundChecked:e.themePrimary,inputBackgroundCheckedHovered:e.themeDarkAlt,inputForegroundChecked:e.white,inputFocusBorderAlt:e.themePrimary,smallInputBorder:e.neutralSecondary,inputText:e.neutralPrimary,inputTextHovered:e.neutralDark,inputPlaceholderText:e.neutralSecondary,buttonBackground:e.neutralLighter,buttonBackgroundChecked:e.neutralTertiaryAlt,buttonBackgroundHovered:e.neutralLight,buttonBackgroundCheckedHovered:e.neutralLight,buttonBackgroundPressed:e.neutralLight,buttonBackgroundDisabled:e.neutralLighter,buttonBorder:"transparent",buttonText:e.neutralPrimary,buttonTextHovered:e.neutralDark,buttonTextChecked:e.neutralDark,buttonTextCheckedHovered:e.black,buttonTextPressed:e.neutralDark,buttonTextDisabled:e.neutralTertiary,buttonBorderDisabled:"transparent",primaryButtonBackground:e.themePrimary,primaryButtonBackgroundHovered:e.themeDarkAlt,primaryButtonBackgroundPressed:e.themeDark,primaryButtonBackgroundDisabled:e.neutralLighter,primaryButtonBorder:"transparent",primaryButtonText:e.white,primaryButtonTextHovered:e.white,primaryButtonTextPressed:e.white,primaryButtonTextDisabled:e.neutralQuaternary,accentButtonBackground:e.accent,accentButtonText:e.white,menuBackground:e.white,menuDivider:e.neutralTertiaryAlt,menuIcon:e.themePrimary,menuHeader:e.themePrimary,menuItemBackgroundHovered:e.neutralLighter,menuItemBackgroundPressed:e.neutralLight,menuItemText:e.neutralPrimary,menuItemTextHovered:e.neutralDark,listBackground:e.white,listText:e.neutralPrimary,listItemBackgroundHovered:e.neutralLighter,listItemBackgroundChecked:e.neutralLight,listItemBackgroundCheckedHovered:e.neutralQuaternaryAlt,listHeaderBackgroundHovered:e.neutralLighter,listHeaderBackgroundPressed:e.neutralLight,actionLink:e.neutralPrimary,actionLinkHovered:e.neutralDark,link:e.themePrimary,linkHovered:e.themeDarker,listTextColor:"",menuItemBackgroundChecked:e.neutralLight},n)}L(_e),L(Ue);var Dt={};for(var Nt in Ee)Ee.hasOwnProperty(Nt)&&(Rt(Dt,Nt,"",!1,"color"),Rt(Dt,Nt,"Hover",!0,"color"),Rt(Dt,Nt,"Background",!1,"background"),Rt(Dt,Nt,"BackgroundHover",!0,"background"),Rt(Dt,Nt,"Border",!1,"borderColor"),Rt(Dt,Nt,"BorderHover",!0,"borderColor"));function Rt(e,t,n,r,i){Object.defineProperty(e,t+n,{get:function(){var e,n=((e={})[i]=function(e){return void 0===e&&(e=!1),!0===e&&(Tt=Lt({},e)),Tt}().palette[t],e);return T(r?{selectors:{":hover":n}}:n).toString()},enumerable:!0,configurable:!0})}Object(P.a)("@uifabric/styling","6.39.0");var At=i.a;function jt(e){var t=function(t){return o.createElement(wt.Consumer,null,function(n){var r=function(e,t,n){return vt.getSettings(n||["theme","styles","styleVariables"],e,t.customizations)}(e.displayName,n,e.fields),a=function(n){var o=n?i.a({},t,n):t,a=r.styles,s=i.c(r,["styles"]),u=i.a({},s,o),l=i.a({},o,{classNames:O(Ht(u,e.styles),Ht(u,a),Ht(u,o.styles))});return e.view(l)};return e.state?o.createElement(e.state,i.a({},t,{renderView:a})):a()})};return t.displayName=e.displayName,At(t,e.statics),t}function Ft(e){return jt(e)}function Ht(e,t){return"function"==typeof t?t(e):t}var zt=function(e){var t=e.scheme,n=e.theme,r=i.c(e,["scheme","theme"]);return o.createElement(St,i.a({},r,{contextTransform:function(e){return function(e,t,n){var r,i=e,o=n||vt.getSettings(["theme"],void 0,e.customizations).theme;n&&(r={theme:n});var a=t&&o&&o.schemes&&o.schemes[t];return o&&a&&o!==a&&((r={theme:a}).theme.schemes=o.schemes),r&&(i={customizations:{settings:It(e.customizations.settings,r),scopedSettings:e.customizations.scopedSettings}}),i}(e,t,n)}}))};Object(P.a)("@uifabric/foundation","0.6.0"),n.d(t,"createComponent",function(){return jt}),n.d(t,"createStatelessComponent",function(){return Ft}),n.d(t,"ThemeProvider",function(){return zt})},function(e,t,n){"use strict";(function(e){n.d(t,"a",function(){return a});var r=n(1),i="__currentId__",o="undefined"!=typeof window&&window||e;function a(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return function(e,t){for(var n=[],r=2;r<arguments.length;r++)n[r-2]=arguments[r];t=t||{};for(var i=0,o=n;i<o.length;i++){var a=o[i];if(a)for(var s in a)!a.hasOwnProperty(s)||e&&!e(s)||(t[s]=a[s])}return t}.apply(this,[null,e].concat(t))}void 0===o[i]&&(o[i]=0);var s=r.a.getInstance();s&&s.onReset&&s.onReset(function(e){void 0===e&&(e=0);o[i]=e})}).call(this,n(5))}]); | ||
//# sourceMappingURL=foundation.min.js.map |
@@ -0,2 +1,5 @@ | ||
/// <reference types="react" /> | ||
import * as React from 'react'; | ||
import { IProcessedStyleSet, IStyleSet, ITheme } from '@uifabric/styling'; | ||
import { IStyleFunctionOrObject } from '@uifabric/utilities'; | ||
export declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>; | ||
@@ -7,5 +10,5 @@ /** | ||
*/ | ||
export interface IStyleableComponentProps<TViewProps, TStyleSet, TTheme, TScheme> { | ||
styles?: IStylesProp<TViewProps, TStyleSet, TTheme>; | ||
theme?: TTheme; | ||
export interface IStyleableComponentProps<TViewProps, TStyleSet extends IStyleSet<TStyleSet>> { | ||
styles?: IStyleFunctionOrObject<TViewProps, TStyleSet>; | ||
theme?: ITheme; | ||
} | ||
@@ -19,10 +22,2 @@ /** | ||
/** | ||
* Styles functions that take in view props and foundation supplied properties for processing. | ||
*/ | ||
export declare type IStylesFunction<TViewProps, TStyleSet, TTheme> = (props: TViewProps & IStyledProps<TTheme>) => Partial<TStyleSet>; | ||
/** | ||
* Styles can be a function or an object taking in TViewProps for processing. | ||
*/ | ||
export declare type IStylesProp<TViewProps, TStyleSet, TTheme> = IStylesFunction<TViewProps, TStyleSet, TTheme> | Partial<TStyleSet>; | ||
/** | ||
* Enforce props contract on state components, including the view prop and its shape. | ||
@@ -52,3 +47,3 @@ */ | ||
*/ | ||
export interface IComponentOptions<TComponentProps, TViewProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics> { | ||
export interface IComponentOptions<TComponentProps, TViewProps, TStyleSet extends IStyleSet<TStyleSet>, TStatics = {}> { | ||
/** | ||
@@ -65,7 +60,7 @@ * Display name to identify component in React hierarchy. | ||
*/ | ||
styles: IStylesProp<TViewProps, TStyleSet, TTheme>; | ||
styles?: IStyleFunctionOrObject<TViewProps & IStyledProps<ITheme>, TStyleSet>; | ||
/** | ||
* React view stateless component. | ||
*/ | ||
view: IViewComponent<TViewProps, TProcessedStyleSet>; | ||
view: IViewComponent<TViewProps, IProcessedStyleSet<TStyleSet>>; | ||
/** | ||
@@ -83,28 +78,8 @@ * Optional state component that processes TComponentProps into TViewProps. | ||
*/ | ||
export declare type IComponent<TComponentProps, TViewProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics> = IComponentOptions<TComponentProps, TViewProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics> & Required<Pick<IComponentOptions<TComponentProps, TComponentProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics>, 'state'>>; | ||
export declare type IComponent<TComponentProps, TViewProps, TStyleSet extends IStyleSet<TStyleSet>, TStatics = {}> = IComponentOptions<TComponentProps, TViewProps, TStyleSet, TStatics> & Required<Pick<IComponentOptions<TComponentProps, TComponentProps, TStyleSet, TStatics>, 'state'>>; | ||
/** | ||
* Variant of IComponentOptions for stateless components with appropriate typing and required properties. | ||
*/ | ||
export declare type IStatelessComponent<TComponentProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics> = Omit<IComponentOptions<TComponentProps, TComponentProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics>, 'state'>; | ||
export declare type IStatelessComponent<TComponentProps, TStyleSet extends IStyleSet<TStyleSet>, TStatics = {}> = Omit<IComponentOptions<TComponentProps, TComponentProps, TStyleSet, TStatics>, 'state'>; | ||
/** | ||
* Providers used by createComponent to process and apply styling. | ||
*/ | ||
export interface IComponentProviders<TViewProps, TStyleSet, TProcessedStyleSet, TContext, TTheme, TScheme> { | ||
/** | ||
* A required provider that merges multiple TStyleSets to create a TProcessedStyleSet that will be passed onto views components. | ||
*/ | ||
mergeStyleSets: (...styles: (Partial<TStyleSet> | undefined)[]) => TProcessedStyleSet; | ||
/** | ||
* A required provider for accessing global customizations as a fallback for contextual customizations. | ||
* @param {string} scope Name of scope for targeted customizations. | ||
* @param {TContext} context Current context including any contextual customizations. | ||
* @param {string[]} fields Optional list of props that can be customized. | ||
*/ | ||
getCustomizations: (scope: string, context: TContext, fields?: string[]) => IStyleableComponentProps<TViewProps, TStyleSet, TTheme, TScheme>; | ||
/** | ||
* React context provider based on TContext. | ||
*/ | ||
CustomizerContext: React.Context<TContext>; | ||
} | ||
/** | ||
* Assembles a higher order component based on the following: styles, theme, view, and state. | ||
@@ -134,3 +109,3 @@ * Imposes a separation of concern and centralizes styling processing to increase ease of use and robustness | ||
*/ | ||
export declare function createComponent<TComponentProps, TViewProps, TStyleSet, TProcessedStyleSet, TContext, TTheme, TScheme, TStatics>(component: IComponent<TComponentProps, TViewProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics>, providers: IComponentProviders<TViewProps, TStyleSet, TProcessedStyleSet, TContext, TTheme, TScheme>): React.StatelessComponent<TComponentProps> & TStatics; | ||
export declare function createComponent<TComponentProps, TViewProps, TStyleSet extends IStyleSet<TStyleSet>, TStatics = {}>(component: IComponent<TComponentProps, TViewProps, TStyleSet, TStatics>): React.StatelessComponent<TComponentProps> & TStatics; | ||
/** | ||
@@ -141,2 +116,2 @@ * A wrapper function around createComponent to confine generics and component properties for stateless components. | ||
*/ | ||
export declare function createStatelessComponent<TComponentProps, TStyleSet, TProcessedStyleSet, TContext, TTheme, TScheme, TStatics>(component: IStatelessComponent<TComponentProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics>, providers: IComponentProviders<TComponentProps, TStyleSet, TProcessedStyleSet, TContext, TTheme, TScheme>): React.StatelessComponent<TComponentProps> & TStatics; | ||
export declare function createStatelessComponent<TComponentProps, TStyleSet extends IStyleSet<TStyleSet>, TStatics = {}>(component: IStatelessComponent<TComponentProps, TStyleSet, TStatics>): React.StatelessComponent<TComponentProps> & TStatics; |
@@ -1,2 +0,2 @@ | ||
define(["require", "exports", "tslib", "react", "./utilities"], function (require, exports, tslib_1, React, utilities_1) { | ||
define(["require", "exports", "tslib", "react", "@uifabric/styling", "@uifabric/utilities", "./utilities"], function (require, exports, tslib_1, React, styling_1, utilities_1, utilities_2) { | ||
"use strict"; | ||
@@ -29,9 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true }); | ||
*/ | ||
function createComponent(component, providers) { | ||
var CustomizerContext = providers.CustomizerContext; | ||
function createComponent(component) { | ||
var result = function (componentProps) { | ||
return ( | ||
// TODO: createComponent is also probably affected by https://github.com/OfficeDev/office-ui-fabric-react/issues/6603 | ||
React.createElement(CustomizerContext.Consumer, null, function (context) { | ||
var settings = providers.getCustomizations(component.displayName, context, component.fields); | ||
React.createElement(utilities_1.CustomizerContext.Consumer, null, function (context) { | ||
var settings = _getCustomizations(component.displayName, context, component.fields); | ||
var renderView = function (viewProps) { | ||
@@ -65,3 +64,3 @@ // The approach here is to allow state components to provide only the props they care about, automatically | ||
var viewComponentProps = tslib_1.__assign({}, mergedProps, { | ||
classNames: providers.mergeStyleSets(_evaluateStyle(styledProps, component.styles), _evaluateStyle(styledProps, settingsStyles), _evaluateStyle(styledProps, mergedProps.styles)) | ||
classNames: styling_1.mergeStyleSets(_evaluateStyle(styledProps, component.styles), _evaluateStyle(styledProps, settingsStyles), _evaluateStyle(styledProps, mergedProps.styles)) | ||
}); | ||
@@ -75,3 +74,3 @@ // If a new context has been generated, instantiate a Provider to provide it. | ||
result.displayName = component.displayName; | ||
utilities_1.assign(result, component.statics); | ||
utilities_2.assign(result, component.statics); | ||
// Later versions of TypeSript should allow us to merge objects in a type safe way and avoid this cast. | ||
@@ -86,4 +85,4 @@ return result; | ||
*/ | ||
function createStatelessComponent(component, providers) { | ||
return createComponent(component, providers); | ||
function createStatelessComponent(component) { | ||
return createComponent(component); | ||
} | ||
@@ -100,3 +99,16 @@ exports.createStatelessComponent = createStatelessComponent; | ||
} | ||
/** | ||
* Helper function for calling Customizations.getSettings falling back to default fields. | ||
* | ||
* @param displayName Displayable name for component. | ||
* @param context React context passed to component containing contextual settings. | ||
* @param fields Optional list of properties of to grab from global store and context. | ||
*/ | ||
function _getCustomizations(displayName, context, fields) { | ||
// TODO: do we want field props? should fields be part of IComponent and used here? | ||
// TODO: should we centrally define DefaultFields? (not exported from styling) | ||
var DefaultFields = ['theme', 'styles', 'styleVariables']; | ||
return utilities_1.Customizations.getSettings(fields || DefaultFields, displayName, context.customizations); | ||
} | ||
}); | ||
//# sourceMappingURL=createComponent.js.map |
export * from './createComponent'; | ||
export * from './themeProvider'; | ||
export * from './ThemeProvider'; | ||
import './version'; |
@@ -1,7 +0,7 @@ | ||
define(["require", "exports", "tslib", "./createComponent", "./themeProvider", "./version"], function (require, exports, tslib_1, createComponent_1, themeProvider_1) { | ||
define(["require", "exports", "tslib", "./createComponent", "./ThemeProvider", "./version"], function (require, exports, tslib_1, createComponent_1, ThemeProvider_1) { | ||
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
tslib_1.__exportStar(createComponent_1, exports); | ||
tslib_1.__exportStar(themeProvider_1, exports); | ||
tslib_1.__exportStar(ThemeProvider_1, exports); | ||
}); | ||
//# sourceMappingURL=index.js.map |
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/foundation', '0.5.7'); | ||
set_version_1.setVersion('@uifabric/foundation', '0.6.0'); | ||
}); | ||
//# sourceMappingURL=version.js.map |
@@ -0,2 +1,5 @@ | ||
/// <reference types="react" /> | ||
import * as React from 'react'; | ||
import { IProcessedStyleSet, IStyleSet, ITheme } from '@uifabric/styling'; | ||
import { IStyleFunctionOrObject } from '@uifabric/utilities'; | ||
export declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>; | ||
@@ -7,5 +10,5 @@ /** | ||
*/ | ||
export interface IStyleableComponentProps<TViewProps, TStyleSet, TTheme, TScheme> { | ||
styles?: IStylesProp<TViewProps, TStyleSet, TTheme>; | ||
theme?: TTheme; | ||
export interface IStyleableComponentProps<TViewProps, TStyleSet extends IStyleSet<TStyleSet>> { | ||
styles?: IStyleFunctionOrObject<TViewProps, TStyleSet>; | ||
theme?: ITheme; | ||
} | ||
@@ -19,10 +22,2 @@ /** | ||
/** | ||
* Styles functions that take in view props and foundation supplied properties for processing. | ||
*/ | ||
export declare type IStylesFunction<TViewProps, TStyleSet, TTheme> = (props: TViewProps & IStyledProps<TTheme>) => Partial<TStyleSet>; | ||
/** | ||
* Styles can be a function or an object taking in TViewProps for processing. | ||
*/ | ||
export declare type IStylesProp<TViewProps, TStyleSet, TTheme> = IStylesFunction<TViewProps, TStyleSet, TTheme> | Partial<TStyleSet>; | ||
/** | ||
* Enforce props contract on state components, including the view prop and its shape. | ||
@@ -52,3 +47,3 @@ */ | ||
*/ | ||
export interface IComponentOptions<TComponentProps, TViewProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics> { | ||
export interface IComponentOptions<TComponentProps, TViewProps, TStyleSet extends IStyleSet<TStyleSet>, TStatics = {}> { | ||
/** | ||
@@ -65,7 +60,7 @@ * Display name to identify component in React hierarchy. | ||
*/ | ||
styles: IStylesProp<TViewProps, TStyleSet, TTheme>; | ||
styles?: IStyleFunctionOrObject<TViewProps & IStyledProps<ITheme>, TStyleSet>; | ||
/** | ||
* React view stateless component. | ||
*/ | ||
view: IViewComponent<TViewProps, TProcessedStyleSet>; | ||
view: IViewComponent<TViewProps, IProcessedStyleSet<TStyleSet>>; | ||
/** | ||
@@ -83,28 +78,8 @@ * Optional state component that processes TComponentProps into TViewProps. | ||
*/ | ||
export declare type IComponent<TComponentProps, TViewProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics> = IComponentOptions<TComponentProps, TViewProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics> & Required<Pick<IComponentOptions<TComponentProps, TComponentProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics>, 'state'>>; | ||
export declare type IComponent<TComponentProps, TViewProps, TStyleSet extends IStyleSet<TStyleSet>, TStatics = {}> = IComponentOptions<TComponentProps, TViewProps, TStyleSet, TStatics> & Required<Pick<IComponentOptions<TComponentProps, TComponentProps, TStyleSet, TStatics>, 'state'>>; | ||
/** | ||
* Variant of IComponentOptions for stateless components with appropriate typing and required properties. | ||
*/ | ||
export declare type IStatelessComponent<TComponentProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics> = Omit<IComponentOptions<TComponentProps, TComponentProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics>, 'state'>; | ||
export declare type IStatelessComponent<TComponentProps, TStyleSet extends IStyleSet<TStyleSet>, TStatics = {}> = Omit<IComponentOptions<TComponentProps, TComponentProps, TStyleSet, TStatics>, 'state'>; | ||
/** | ||
* Providers used by createComponent to process and apply styling. | ||
*/ | ||
export interface IComponentProviders<TViewProps, TStyleSet, TProcessedStyleSet, TContext, TTheme, TScheme> { | ||
/** | ||
* A required provider that merges multiple TStyleSets to create a TProcessedStyleSet that will be passed onto views components. | ||
*/ | ||
mergeStyleSets: (...styles: (Partial<TStyleSet> | undefined)[]) => TProcessedStyleSet; | ||
/** | ||
* A required provider for accessing global customizations as a fallback for contextual customizations. | ||
* @param {string} scope Name of scope for targeted customizations. | ||
* @param {TContext} context Current context including any contextual customizations. | ||
* @param {string[]} fields Optional list of props that can be customized. | ||
*/ | ||
getCustomizations: (scope: string, context: TContext, fields?: string[]) => IStyleableComponentProps<TViewProps, TStyleSet, TTheme, TScheme>; | ||
/** | ||
* React context provider based on TContext. | ||
*/ | ||
CustomizerContext: React.Context<TContext>; | ||
} | ||
/** | ||
* Assembles a higher order component based on the following: styles, theme, view, and state. | ||
@@ -134,3 +109,3 @@ * Imposes a separation of concern and centralizes styling processing to increase ease of use and robustness | ||
*/ | ||
export declare function createComponent<TComponentProps, TViewProps, TStyleSet, TProcessedStyleSet, TContext, TTheme, TScheme, TStatics>(component: IComponent<TComponentProps, TViewProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics>, providers: IComponentProviders<TViewProps, TStyleSet, TProcessedStyleSet, TContext, TTheme, TScheme>): React.StatelessComponent<TComponentProps> & TStatics; | ||
export declare function createComponent<TComponentProps, TViewProps, TStyleSet extends IStyleSet<TStyleSet>, TStatics = {}>(component: IComponent<TComponentProps, TViewProps, TStyleSet, TStatics>): React.StatelessComponent<TComponentProps> & TStatics; | ||
/** | ||
@@ -141,2 +116,2 @@ * A wrapper function around createComponent to confine generics and component properties for stateless components. | ||
*/ | ||
export declare function createStatelessComponent<TComponentProps, TStyleSet, TProcessedStyleSet, TContext, TTheme, TScheme, TStatics>(component: IStatelessComponent<TComponentProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics>, providers: IComponentProviders<TComponentProps, TStyleSet, TProcessedStyleSet, TContext, TTheme, TScheme>): React.StatelessComponent<TComponentProps> & TStatics; | ||
export declare function createStatelessComponent<TComponentProps, TStyleSet extends IStyleSet<TStyleSet>, TStatics = {}>(component: IStatelessComponent<TComponentProps, TStyleSet, TStatics>): React.StatelessComponent<TComponentProps> & TStatics; |
@@ -5,3 +5,5 @@ "use strict"; | ||
var React = require("react"); | ||
var utilities_1 = require("./utilities"); | ||
var styling_1 = require("@uifabric/styling"); | ||
var utilities_1 = require("@uifabric/utilities"); | ||
var utilities_2 = require("./utilities"); | ||
/** | ||
@@ -32,9 +34,8 @@ * Assembles a higher order component based on the following: styles, theme, view, and state. | ||
*/ | ||
function createComponent(component, providers) { | ||
var CustomizerContext = providers.CustomizerContext; | ||
function createComponent(component) { | ||
var result = function (componentProps) { | ||
return ( | ||
// TODO: createComponent is also probably affected by https://github.com/OfficeDev/office-ui-fabric-react/issues/6603 | ||
React.createElement(CustomizerContext.Consumer, null, function (context) { | ||
var settings = providers.getCustomizations(component.displayName, context, component.fields); | ||
React.createElement(utilities_1.CustomizerContext.Consumer, null, function (context) { | ||
var settings = _getCustomizations(component.displayName, context, component.fields); | ||
var renderView = function (viewProps) { | ||
@@ -68,3 +69,3 @@ // The approach here is to allow state components to provide only the props they care about, automatically | ||
var viewComponentProps = tslib_1.__assign({}, mergedProps, { | ||
classNames: providers.mergeStyleSets(_evaluateStyle(styledProps, component.styles), _evaluateStyle(styledProps, settingsStyles), _evaluateStyle(styledProps, mergedProps.styles)) | ||
classNames: styling_1.mergeStyleSets(_evaluateStyle(styledProps, component.styles), _evaluateStyle(styledProps, settingsStyles), _evaluateStyle(styledProps, mergedProps.styles)) | ||
}); | ||
@@ -78,3 +79,3 @@ // If a new context has been generated, instantiate a Provider to provide it. | ||
result.displayName = component.displayName; | ||
utilities_1.assign(result, component.statics); | ||
utilities_2.assign(result, component.statics); | ||
// Later versions of TypeSript should allow us to merge objects in a type safe way and avoid this cast. | ||
@@ -89,4 +90,4 @@ return result; | ||
*/ | ||
function createStatelessComponent(component, providers) { | ||
return createComponent(component, providers); | ||
function createStatelessComponent(component) { | ||
return createComponent(component); | ||
} | ||
@@ -103,2 +104,15 @@ exports.createStatelessComponent = createStatelessComponent; | ||
} | ||
/** | ||
* Helper function for calling Customizations.getSettings falling back to default fields. | ||
* | ||
* @param displayName Displayable name for component. | ||
* @param context React context passed to component containing contextual settings. | ||
* @param fields Optional list of properties of to grab from global store and context. | ||
*/ | ||
function _getCustomizations(displayName, context, fields) { | ||
// TODO: do we want field props? should fields be part of IComponent and used here? | ||
// TODO: should we centrally define DefaultFields? (not exported from styling) | ||
var DefaultFields = ['theme', 'styles', 'styleVariables']; | ||
return utilities_1.Customizations.getSettings(fields || DefaultFields, displayName, context.customizations); | ||
} | ||
//# sourceMappingURL=createComponent.js.map |
export * from './createComponent'; | ||
export * from './themeProvider'; | ||
export * from './ThemeProvider'; | ||
import './version'; |
@@ -5,4 +5,4 @@ "use strict"; | ||
tslib_1.__exportStar(require("./createComponent"), exports); | ||
tslib_1.__exportStar(require("./themeProvider"), exports); | ||
tslib_1.__exportStar(require("./ThemeProvider"), exports); | ||
require("./version"); | ||
//# sourceMappingURL=index.js.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
// @uifabric/foundation@0.5.7 | ||
// @uifabric/foundation@0.6.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/foundation', '0.5.7'); | ||
set_version_1.setVersion('@uifabric/foundation', '0.6.0'); | ||
//# sourceMappingURL=version.js.map |
@@ -0,2 +1,5 @@ | ||
/// <reference types="react" /> | ||
import * as React from 'react'; | ||
import { IProcessedStyleSet, IStyleSet, ITheme } from '@uifabric/styling'; | ||
import { IStyleFunctionOrObject } from '@uifabric/utilities'; | ||
export declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>; | ||
@@ -7,5 +10,5 @@ /** | ||
*/ | ||
export interface IStyleableComponentProps<TViewProps, TStyleSet, TTheme, TScheme> { | ||
styles?: IStylesProp<TViewProps, TStyleSet, TTheme>; | ||
theme?: TTheme; | ||
export interface IStyleableComponentProps<TViewProps, TStyleSet extends IStyleSet<TStyleSet>> { | ||
styles?: IStyleFunctionOrObject<TViewProps, TStyleSet>; | ||
theme?: ITheme; | ||
} | ||
@@ -19,10 +22,2 @@ /** | ||
/** | ||
* Styles functions that take in view props and foundation supplied properties for processing. | ||
*/ | ||
export declare type IStylesFunction<TViewProps, TStyleSet, TTheme> = (props: TViewProps & IStyledProps<TTheme>) => Partial<TStyleSet>; | ||
/** | ||
* Styles can be a function or an object taking in TViewProps for processing. | ||
*/ | ||
export declare type IStylesProp<TViewProps, TStyleSet, TTheme> = IStylesFunction<TViewProps, TStyleSet, TTheme> | Partial<TStyleSet>; | ||
/** | ||
* Enforce props contract on state components, including the view prop and its shape. | ||
@@ -52,3 +47,3 @@ */ | ||
*/ | ||
export interface IComponentOptions<TComponentProps, TViewProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics> { | ||
export interface IComponentOptions<TComponentProps, TViewProps, TStyleSet extends IStyleSet<TStyleSet>, TStatics = {}> { | ||
/** | ||
@@ -65,7 +60,7 @@ * Display name to identify component in React hierarchy. | ||
*/ | ||
styles: IStylesProp<TViewProps, TStyleSet, TTheme>; | ||
styles?: IStyleFunctionOrObject<TViewProps & IStyledProps<ITheme>, TStyleSet>; | ||
/** | ||
* React view stateless component. | ||
*/ | ||
view: IViewComponent<TViewProps, TProcessedStyleSet>; | ||
view: IViewComponent<TViewProps, IProcessedStyleSet<TStyleSet>>; | ||
/** | ||
@@ -83,28 +78,8 @@ * Optional state component that processes TComponentProps into TViewProps. | ||
*/ | ||
export declare type IComponent<TComponentProps, TViewProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics> = IComponentOptions<TComponentProps, TViewProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics> & Required<Pick<IComponentOptions<TComponentProps, TComponentProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics>, 'state'>>; | ||
export declare type IComponent<TComponentProps, TViewProps, TStyleSet extends IStyleSet<TStyleSet>, TStatics = {}> = IComponentOptions<TComponentProps, TViewProps, TStyleSet, TStatics> & Required<Pick<IComponentOptions<TComponentProps, TComponentProps, TStyleSet, TStatics>, 'state'>>; | ||
/** | ||
* Variant of IComponentOptions for stateless components with appropriate typing and required properties. | ||
*/ | ||
export declare type IStatelessComponent<TComponentProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics> = Omit<IComponentOptions<TComponentProps, TComponentProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics>, 'state'>; | ||
export declare type IStatelessComponent<TComponentProps, TStyleSet extends IStyleSet<TStyleSet>, TStatics = {}> = Omit<IComponentOptions<TComponentProps, TComponentProps, TStyleSet, TStatics>, 'state'>; | ||
/** | ||
* Providers used by createComponent to process and apply styling. | ||
*/ | ||
export interface IComponentProviders<TViewProps, TStyleSet, TProcessedStyleSet, TContext, TTheme, TScheme> { | ||
/** | ||
* A required provider that merges multiple TStyleSets to create a TProcessedStyleSet that will be passed onto views components. | ||
*/ | ||
mergeStyleSets: (...styles: (Partial<TStyleSet> | undefined)[]) => TProcessedStyleSet; | ||
/** | ||
* A required provider for accessing global customizations as a fallback for contextual customizations. | ||
* @param {string} scope Name of scope for targeted customizations. | ||
* @param {TContext} context Current context including any contextual customizations. | ||
* @param {string[]} fields Optional list of props that can be customized. | ||
*/ | ||
getCustomizations: (scope: string, context: TContext, fields?: string[]) => IStyleableComponentProps<TViewProps, TStyleSet, TTheme, TScheme>; | ||
/** | ||
* React context provider based on TContext. | ||
*/ | ||
CustomizerContext: React.Context<TContext>; | ||
} | ||
/** | ||
* Assembles a higher order component based on the following: styles, theme, view, and state. | ||
@@ -134,3 +109,3 @@ * Imposes a separation of concern and centralizes styling processing to increase ease of use and robustness | ||
*/ | ||
export declare function createComponent<TComponentProps, TViewProps, TStyleSet, TProcessedStyleSet, TContext, TTheme, TScheme, TStatics>(component: IComponent<TComponentProps, TViewProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics>, providers: IComponentProviders<TViewProps, TStyleSet, TProcessedStyleSet, TContext, TTheme, TScheme>): React.StatelessComponent<TComponentProps> & TStatics; | ||
export declare function createComponent<TComponentProps, TViewProps, TStyleSet extends IStyleSet<TStyleSet>, TStatics = {}>(component: IComponent<TComponentProps, TViewProps, TStyleSet, TStatics>): React.StatelessComponent<TComponentProps> & TStatics; | ||
/** | ||
@@ -141,2 +116,2 @@ * A wrapper function around createComponent to confine generics and component properties for stateless components. | ||
*/ | ||
export declare function createStatelessComponent<TComponentProps, TStyleSet, TProcessedStyleSet, TContext, TTheme, TScheme, TStatics>(component: IStatelessComponent<TComponentProps, TStyleSet, TProcessedStyleSet, TTheme, TStatics>, providers: IComponentProviders<TComponentProps, TStyleSet, TProcessedStyleSet, TContext, TTheme, TScheme>): React.StatelessComponent<TComponentProps> & TStatics; | ||
export declare function createStatelessComponent<TComponentProps, TStyleSet extends IStyleSet<TStyleSet>, TStatics = {}>(component: IStatelessComponent<TComponentProps, TStyleSet, TStatics>): React.StatelessComponent<TComponentProps> & TStatics; |
import * as tslib_1 from "tslib"; | ||
import * as React from 'react'; | ||
import { mergeStyleSets } from '@uifabric/styling'; | ||
import { Customizations, CustomizerContext } from '@uifabric/utilities'; | ||
import { assign } from './utilities'; | ||
@@ -29,4 +31,3 @@ /** | ||
*/ | ||
export function createComponent(component, providers) { | ||
var CustomizerContext = providers.CustomizerContext; | ||
export function createComponent(component) { | ||
var result = function (componentProps) { | ||
@@ -36,3 +37,3 @@ return ( | ||
React.createElement(CustomizerContext.Consumer, null, function (context) { | ||
var settings = providers.getCustomizations(component.displayName, context, component.fields); | ||
var settings = _getCustomizations(component.displayName, context, component.fields); | ||
var renderView = function (viewProps) { | ||
@@ -66,3 +67,3 @@ // The approach here is to allow state components to provide only the props they care about, automatically | ||
var viewComponentProps = tslib_1.__assign({}, mergedProps, { | ||
classNames: providers.mergeStyleSets(_evaluateStyle(styledProps, component.styles), _evaluateStyle(styledProps, settingsStyles), _evaluateStyle(styledProps, mergedProps.styles)) | ||
classNames: mergeStyleSets(_evaluateStyle(styledProps, component.styles), _evaluateStyle(styledProps, settingsStyles), _evaluateStyle(styledProps, mergedProps.styles)) | ||
}); | ||
@@ -85,4 +86,4 @@ // If a new context has been generated, instantiate a Provider to provide it. | ||
*/ | ||
export function createStatelessComponent(component, providers) { | ||
return createComponent(component, providers); | ||
export function createStatelessComponent(component) { | ||
return createComponent(component); | ||
} | ||
@@ -98,2 +99,15 @@ /** | ||
} | ||
/** | ||
* Helper function for calling Customizations.getSettings falling back to default fields. | ||
* | ||
* @param displayName Displayable name for component. | ||
* @param context React context passed to component containing contextual settings. | ||
* @param fields Optional list of properties of to grab from global store and context. | ||
*/ | ||
function _getCustomizations(displayName, context, fields) { | ||
// TODO: do we want field props? should fields be part of IComponent and used here? | ||
// TODO: should we centrally define DefaultFields? (not exported from styling) | ||
var DefaultFields = ['theme', 'styles', 'styleVariables']; | ||
return Customizations.getSettings(fields || DefaultFields, displayName, context.customizations); | ||
} | ||
//# sourceMappingURL=createComponent.js.map |
export * from './createComponent'; | ||
export * from './themeProvider'; | ||
export * from './ThemeProvider'; | ||
import './version'; |
export * from './createComponent'; | ||
export * from './themeProvider'; | ||
export * from './ThemeProvider'; | ||
import './version'; | ||
//# sourceMappingURL=index.js.map |
@@ -1,5 +0,5 @@ | ||
// @uifabric/foundation@0.5.7 | ||
// @uifabric/foundation@0.6.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/foundation', '0.5.7'); | ||
setVersion('@uifabric/foundation', '0.6.0'); | ||
//# sourceMappingURL=version.js.map |
@@ -7,4 +7,4 @@ { | ||
"packages/foundation/.vscode/settings.json": "a47d61e2fb865a31a0ee471e65cfb447269f23f2", | ||
"packages/foundation/CHANGELOG.json": "46b4c348a21b3515e0804c80203ab00218104391", | ||
"packages/foundation/CHANGELOG.md": "06f72a02cc60f34ac633a4d7b516fdac0ed79499", | ||
"packages/foundation/CHANGELOG.json": "e90facba3c7691871931fa5b6fb9876407946fd6", | ||
"packages/foundation/CHANGELOG.md": "3c358ffb9f878f7ce4152cfaa89b77c1bcbb2de5", | ||
"packages/foundation/LICENSE": "f40682078e868be480a62821f1def5fbe0dd965e", | ||
@@ -15,14 +15,14 @@ "packages/foundation/README.md": "087545875d3296f7c6652fb9471d9a8ef15b4d0e", | ||
"packages/foundation/jsconfig.json": "c25b2cc60e6443982c62d0847d67b6ac6960dddc", | ||
"packages/foundation/package.json": "467771b3d2f46379762ff29b48c3a00eae900d0b", | ||
"packages/foundation/src/createComponent.tsx": "959b1af03622e537435d86c0b63661811885354d", | ||
"packages/foundation/src/index.ts": "e7d04125ab97714bf89964aaac2a6b3f337cfb6c", | ||
"packages/foundation/src/themeProvider.tsx": "0e2c57e8e8137ea2af31bfd78f21e7bac2fd574d", | ||
"packages/foundation/package.json": "29231320241a6b1a6898c4759f459fd4e49fd608", | ||
"packages/foundation/src/ThemeProvider.tsx": "6577b05b7bf1f7fba30682aa47f4d885153bdc27", | ||
"packages/foundation/src/createComponent.tsx": "e363fe9bfc82763b59e4af0e08b419b30fce22b9", | ||
"packages/foundation/src/index.ts": "18c490f00368d2e5e197cea40bf11c435867ff74", | ||
"packages/foundation/src/utilities.ts": "3146eabfcb3301605bc038fad923b2546d0c1faa", | ||
"packages/foundation/src/version.ts": "1e796156d947ac286615e760ddda318dc04b1b75", | ||
"packages/foundation/src/version.ts": "0341be524d285144e215da277b2e57dd8af6a420", | ||
"packages/foundation/tsconfig.json": "3758c6c261a8af0f1c243da01fcd0a0c221684ae", | ||
"packages/foundation/tslint.json": "be9508c1adfdde496e38227c44402f31af6713fc", | ||
"packages/foundation/webpack.config.js": "fca7f555c8de2b3f0dd69a9639400ea188eed229", | ||
"common/config/rush/npm-shrinkwrap.json": "0e977ac88694c48e4ae08ba122816507e4d4b358" | ||
"common/config/rush/shrinkwrap.yaml": "44d1c7209aa2aeaaa76ae3592156378dbce21416" | ||
}, | ||
"arguments": "node ../../scripts/build.js --production" | ||
} |
{ | ||
"name": "@uifabric/foundation", | ||
"version": "0.5.7", | ||
"version": "0.6.0", | ||
"description": "Foundation library for building Fabric components.", | ||
@@ -38,3 +38,3 @@ "main": "lib-commonjs/index.js", | ||
"react-dom": ">=16.3.2-0 <17.0.0", | ||
"react-test-renderer": "^16.2.0", | ||
"react-test-renderer": "^16.3.0", | ||
"sinon": "^4.1.3" | ||
@@ -44,6 +44,9 @@ }, | ||
"@uifabric/set-version": ">=1.1.3 <2.0.0", | ||
"@uifabric/styling": ">=6.39.0 <7.0.0", | ||
"@uifabric/utilities": ">=6.27.0 <7.0.0", | ||
"tslib": "^1.7.1" | ||
}, | ||
"disabledTasks": [ | ||
"build-codepen-examples" | ||
"build-codepen-examples", | ||
"api-extractor" | ||
], | ||
@@ -50,0 +53,0 @@ "peerDependencies": { |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Mixed license
License(Experimental) Package contains multiple licenses.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
925901
9209
6
1
1
+ Added@microsoft/load-themed-styles@1.10.295(transitive)
+ Added@types/prop-types@15.7.13(transitive)
+ Added@types/react@16.14.62(transitive)
+ Added@types/react-dom@16.9.24(transitive)
+ Added@types/scheduler@0.16.8(transitive)
+ Added@uifabric/merge-styles@6.19.4(transitive)
+ Added@uifabric/styling@6.50.7(transitive)
+ Added@uifabric/utilities@6.45.2(transitive)
+ Addedcsstype@3.1.3(transitive)