@sap-ux/ui-components 1.4.0 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/components/index.d.ts +1 -0
  2. package/dist/components/index.d.ts.map +1 -1
  3. package/dist/components/index.js +1 -0
  4. package/dist/components/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/storybook/iframe.html +1 -1
  7. package/storybook/{main.496229fb.iframe.bundle.js → main.6145920e.iframe.bundle.js} +1 -1
  8. package/storybook/project.json +1 -1
package/dist/components/index.d.ts CHANGED
@@ -21,6 +21,7 @@ export * from './UIModal';
21
21
  export * from './UIOverlay';
22
22
  export * from './UIPersona';
23
23
  export * from './UISearchBox';
24
+ export * from './UISeparator';
24
25
  export * from './UISection';
25
26
  export * from './UITable';
26
27
  export * from './UITabs';
package/dist/components/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}
package/dist/components/index.js CHANGED
@@ -37,6 +37,7 @@ __exportStar(require("./UIModal"), exports);
37
37
  __exportStar(require("./UIOverlay"), exports);
38
38
  __exportStar(require("./UIPersona"), exports);
39
39
  __exportStar(require("./UISearchBox"), exports);
40
+ __exportStar(require("./UISeparator"), exports);
40
41
  __exportStar(require("./UISection"), exports);
41
42
  __exportStar(require("./UITable"), exports);
42
43
  __exportStar(require("./UITabs"), exports);
package/dist/components/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,6CAA2B;AAC3B,iDAA+B;AAC/B,8CAA4B;AAC5B,+CAA6B;AAC7B,kDAAgC;AAChC,+CAA6B;AAC7B,qDAAmC;AACnC,6CAA2B;AAC3B,+CAA6B;AAC7B,oDAAkC;AAClC,gDAA8B;AAC9B,2CAAyB;AACzB,4CAA0B;AAC1B,4CAA0B;AAC1B,2CAAyB;AACzB,2CAAyB;AACzB,6CAA2B;AAC3B,iDAA+B;AAC/B,4CAA0B;AAC1B,8CAA4B;AAC5B,8CAA4B;AAC5B,gDAA8B;AAC9B,8CAA4B;AAC5B,4CAA0B;AAC1B,2CAAyB;AACzB,6CAA2B;AAC3B,kDAAgC;AAChC,8CAA4B;AAC5B,8CAA4B;AAC5B,uDAAqC;AACrC,mDAAiC;AACjC,sDAAoC;AACpC,kDAAgC;AAChC,iDAA+B;AAC/B,oDAAkC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,6CAA2B;AAC3B,iDAA+B;AAC/B,8CAA4B;AAC5B,+CAA6B;AAC7B,kDAAgC;AAChC,+CAA6B;AAC7B,qDAAmC;AACnC,6CAA2B;AAC3B,+CAA6B;AAC7B,oDAAkC;AAClC,gDAA8B;AAC9B,2CAAyB;AACzB,4CAA0B;AAC1B,4CAA0B;AAC1B,2CAAyB;AACzB,2CAAyB;AACzB,6CAA2B;AAC3B,iDAA+B;AAC/B,4CAA0B;AAC1B,8CAA4B;AAC5B,8CAA4B;AAC5B,gDAA8B;AAC9B,gDAA8B;AAC9B,8CAA4B;AAC5B,4CAA0B;AAC1B,2CAAyB;AACzB,6CAA2B;AAC3B,kDAAgC;AAChC,8CAA4B;AAC5B,8CAA4B;AAC5B,uDAAqC;AACrC,mDAAiC;AACjC,sDAAoC;AACpC,kDAAgC;AAChC,iDAA+B;AAC/B,oDAAkC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sap-ux/ui-components",
3
- "version": "1.4.0",
3
+ "version": "1.5.0",
4
4
  "license": "Apache-2.0",
5
5
  "description": "SAP UI Components Library",
6
6
  "repository": {
package/storybook/iframe.html CHANGED
@@ -377,4 +377,4 @@
377
377
 
378
378
 
379
379
 
380
- window['STORIES'] = [{"titlePrefix":"","directory":"./stories","files":"*.story.tsx","importPathMatcher":"^\\.[\\\\/](?:stories\\/(?!\\.)(?=.)[^/]*?\\.story\\.tsx)$"}];</script><script src="runtime~main.ded4beec.iframe.bundle.js"></script><script src="215.1081d880.iframe.bundle.js"></script><script src="main.496229fb.iframe.bundle.js"></script></body></html>
380
+ window['STORIES'] = [{"titlePrefix":"","directory":"./stories","files":"*.story.tsx","importPathMatcher":"^\\.[\\\\/](?:stories\\/(?!\\.)(?=.)[^/]*?\\.story\\.tsx)$"}];</script><script src="runtime~main.ded4beec.iframe.bundle.js"></script><script src="215.1081d880.iframe.bundle.js"></script><script src="main.6145920e.iframe.bundle.js"></script></body></html>
package/storybook/{main.496229fb.iframe.bundle.js → main.6145920e.iframe.bundle.js} RENAMED
@@ -4,7 +4,7 @@
4
4
  ${this.props.hiddenMediumScreen?"hidden-md":""}
5
5
  ${this.props.showMediumScreen?"show-md":""}`})}}n.UIToolbarDivider=l},"./src/components/UIToolbar/index.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(u,e,l,d){d===void 0&&(d=l);var r=Object.getOwnPropertyDescriptor(e,l);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(u,d,r)}:function(u,e,l,d){d===void 0&&(d=l),u[d]=e[l]}),o=this&&this.__exportStar||function(u,e){for(var l in u)l!=="default"&&!Object.prototype.hasOwnProperty.call(e,l)&&C(e,u,l)};Object.defineProperty(n,"__esModule",{value:!0}),o(t("./src/components/UIToolbar/UIToolbar.tsx"),n),o(t("./src/components/UIToolbar/UIToolbarColumn.tsx"),n),o(t("./src/components/UIToolbar/UIToolbarDivider.tsx"),n)},"./src/components/UITooltip/UITooltip.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.defineProperties,u=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,r=(i,s,p)=>s in i?C(i,s,{enumerable:!0,configurable:!0,writable:!0,value:p}):i[s]=p,m=(i,s)=>{for(var p in s||(s={}))l.call(s,p)&&r(i,p,s[p]);if(e)for(var p of e(s))d.call(s,p)&&r(i,p,s[p]);return i},w=(i,s)=>o(i,u(s)),v=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(n,"__esModule",{value:!0}),n.UITooltip=n.UITooltipDelay=void 0;const _=v(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"UITooltipDelay",{enumerable:!0,get:function(){return f.TooltipDelay}});const a=t("./src/components/UICallout/index.tsx");class c extends _.default.Component{constructor(s){super(s)}render(){const s=this.props.maxWidth!==void 0?this.props.maxWidth:200,p=()=>m(m({},{root:{display:"inline-block"},content:{backgroundColor:a.CALLOUT_STYLES.background,color:a.CALLOUT_STYLES.text,fontFamily:a.CALLOUT_STYLES.font}}),this.props.styles),h={beakWidth:10,styles:()=>(0,a.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:s}}})},M=_.default.createElement(f.TooltipHost,w(m({},this.props),{styles:p,calloutProps:m(m({},h),this.props.calloutProps)}));return this.props.showOnFocus?M:_.default.createElement("div",{onFocusCapture:x=>{x.target.parentElement&&x.target.parentElement.classList.contains("ms-TooltipHost")&&x.stopPropagation()}},M)}}n.UITooltip=c},"./src/components/UITooltip/UITooltipUtils.tsx":function(T,n,t){"use strict";var C=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(n,"__esModule",{value:!0}),n.UITooltipUtils=void 0;const o=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),u=C(t("../../node_modules/.pnpm/sanitize-html@2.7.3/node_modules/sanitize-html/index.js")),e=t("./src/components/UICallout/index.tsx");class l{static getStyles(){return{root:{},content:{background:e.CALLOUT_STYLES.background,color:e.CALLOUT_STYLES.text},subText:{}}}}n.UITooltipUtils=l,l.renderContent=d=>({onRenderContent:()=>o.default.createElement("span",null,d!=null?d:""),styles:l.getStyles()}),l.renderHTMLContent=d=>{const r=(0,u.default)(d);return{onRenderContent:()=>o.default.createElement("span",{dangerouslySetInnerHTML:{__html:r}}),styles:l.getStyles()}}},"./src/components/UITooltip/index.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(u,e,l,d){d===void 0&&(d=l);var r=Object.getOwnPropertyDescriptor(e,l);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(u,d,r)}:function(u,e,l,d){d===void 0&&(d=l),u[d]=e[l]}),o=this&&this.__exportStar||function(u,e){for(var l in u)l!=="default"&&!Object.prototype.hasOwnProperty.call(e,l)&&C(e,u,l)};Object.defineProperty(n,"__esModule",{value:!0}),o(t("./src/components/UITooltip/UITooltip.tsx"),n),o(t("./src/components/UITooltip/UITooltipUtils.tsx"),n)},"./src/components/UITranslationInput/UIFormattedText.tsx":function(T,n,t){"use strict";var C=this&&this.__importDefault||function(v){return v&&v.__esModule?v:{default:v}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIFormattedText=n.formatText=n.formatTextGeneric=n.parseText=void 0;const o=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),u="{{{",e="}}}",l=(v,_)=>{const f=[];for(const a in _){const c=`${u}${a}${e}`,i=new RegExp(c,"gi");let s=null;do s=i.exec(v),s&&f.push(s);while(s)}return f},d=(v,_)=>{const f={texts:[],bolds:[]};if(v){const a=l(v,_);a.sort((i,s)=>i.index-s.index);let c=0;if(a.length)for(let i=0;i<a.length;i++){const s=a[i];if(s.index===void 0)continue;const p=s[0],b=_[p.replace(u,"").replace(e,"")];f.texts.push(v.substring(c,s.index)),f.bolds.push(b),c=s.index+p.length,i===a.length-1&&f.texts.push(v.substring(c,v.length))}else f.texts.push(v)}return f};n.parseText=d;function r(v,_,f){const a=(0,n.parseText)(v,_),c=[];for(let i=0;i<a.texts.length;i++)!a.texts[i]&&!a.bolds[i]||c.push(f(i,a.texts[i],a.bolds[i]));return c}n.formatTextGeneric=r;function m(v,_){return r(v,_,(a,c,i)=>i?c+i:c).join("")}n.formatText=m;function w(v){const{children:_,values:f={}}=v,a=r(_,f,(c,i,s)=>o.default.createElement("span",{key:`anchor-${c}`},i,s&&o.default.createElement("b",null,s)));return o.default.createElement("div",null,a)}n.UIFormattedText=w},"./src/components/UITranslationInput/UILoadButton.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.defineProperties,u=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,r=(i,s,p)=>s in i?C(i,s,{enumerable:!0,configurable:!0,writable:!0,value:p}):i[s]=p,m=(i,s)=>{for(var p in s||(s={}))l.call(s,p)&&r(i,p,s[p]);if(e)for(var p of e(s))d.call(s,p)&&r(i,p,s[p]);return i},w=(i,s)=>o(i,u(s)),v=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILoadButton=void 0;const _=v(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=t("./src/components/UIButton/index.tsx"),a=t("./src/components/UILoader/index.tsx");t("./src/components/UITranslationInput/UILoadButton.scss");class c extends _.default.Component{constructor(s){super(s),this.minLoaderTimer=void 0,this.state=this.getBusyState(s,{})||{}}componentDidUpdate(s){if(s.busy===this.props.busy)return;const p=this.getBusyState(this.props,this.state);p&&this.setState(p)}componentWillUnmount(){this.minLoaderTimer&&window.clearTimeout(this.minLoaderTimer)}handleMinWaitingTime(){this.minLoaderTimer=void 0,this.props.busy||this.setState({busy:!1})}getBusyState(s,p){let b;return s.busy!==p.busy&&(!s.busy&&!this.minLoaderTimer?b={busy:!1}:s.busy&&(b={busy:!0},window.clearTimeout(this.minLoaderTimer),s.useMinWaitingTime&&(this.minLoaderTimer=window.setTimeout(this.handleMinWaitingTime.bind(this),this.getMinimalWaitingTime())))),b}getMinimalWaitingTime(){const{useMinWaitingTime:s}=this.props;return!s||typeof s=="boolean"?500:s}render(){const{children:s}=this.props,{busy:p}=this.state;let{className:b=""}=this.props;const h=p?_.default.createElement(a.UILoader,{className:"uiLoaderXSmall",labelPosition:"right"}):s;if(p){const M="loading-button";b=b?`${b} ${M}`:M}return _.default.createElement(f.UIIconButton,w(m({},this.props),{onClick:p?void 0:this.props.onClick,className:b}),h)}}n.UILoadButton=c},"./src/components/UITranslationInput/UITranslationButton.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(f,a,c,i){i===void 0&&(i=c);var s=Object.getOwnPropertyDescriptor(a,c);(!s||("get"in s?!a.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return a[c]}}),Object.defineProperty(f,i,s)}:function(f,a,c,i){i===void 0&&(i=c),f[i]=a[c]}),o=this&&this.__setModuleDefault||(Object.create?function(f,a){Object.defineProperty(f,"default",{enumerable:!0,value:a})}:function(f,a){f.default=a}),u=this&&this.__importStar||function(f){if(f&&f.__esModule)return f;var a={};if(f!=null)for(var c in f)c!=="default"&&Object.prototype.hasOwnProperty.call(f,c)&&C(a,f,c);return o(a,f),a};Object.defineProperty(n,"__esModule",{value:!0}),n.UITranslationButton=void 0;const e=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=t("./src/components/UIButton/index.tsx"),d=t("./src/components/UICallout/index.tsx"),r=t("./src/components/Icons.tsx"),m=t("./src/components/UITranslationInput/UITranslationButton.types.ts"),w=t("./src/components/UITranslationInput/UILoadButton.tsx");t("./src/components/UITranslationInput/UITranslationInput.scss");const v=(f,a)=>(a==null?void 0:a[f])||"";function _(f){var a,c;const{id:i,strings:s,value:p,onCreateNewEntry:b,onUpdateValue:h,onShowExistingEntry:M,busy:x,suggestion:I}=f,[y,E]=(0,e.useState)(!1),g=(0,e.useCallback)(()=>{var S;((S=I.suggest)==null?void 0:S.type)===m.SuggestValueType.Existing?(E(!1),M==null||M(I.suggest.entry)):E(!y)},[y,I]),L=(0,e.useCallback)(()=>{I.suggest&&(I.suggest.type===m.SuggestValueType.New&&(b==null||b(I.suggest.entry)),p!==I.suggest.i18n&&(h==null||h(I.suggest.i18n||""))),E(!1)},[I,b,h,p]),P=(0,e.useCallback)(()=>{E(!1)},[]);return e.default.createElement("div",{className:"ui-translatable__button"},e.default.createElement(w.UILoadButton,{id:i,disabled:(a=f.disabled)!=null?a:!1,onClick:g,iconProps:{iconName:((c=I.suggest)==null?void 0:c.icon)||r.UiIcons.World},title:I.tooltip,busy:x==null?void 0:x.busy,useMinWaitingTime:x==null?void 0:x.useMinWaitingTime}),y&&e.default.createElement(d.UICallout,{target:`#${i}`,gapSpace:5,directionalHint:6,calloutWidth:250,calloutMinWidth:250,beakWidth:8,isBeakVisible:!1,setInitialFocus:!0,className:"ui-translatable__callout",onDismiss:()=>g(),contentPadding:d.UICalloutContentPadding.Standard},e.default.createElement("div",{className:"ui-translatable__message"},I.message,e.default.createElement("div",{className:"ui-translatable__actions"},e.default.createElement(l.UIDefaultButton,{id:`${i}-button-action-confirm`,primary:!0,onClick:L},v("acceptButtonLabel",s)),e.default.createElement(l.UIDefaultButton,{id:`${i}-button-action-cancel`,onClick:P},v("cancelButtonLabel",s))))))}n.UITranslationButton=_},"./src/components/UITranslationInput/UITranslationButton.types.ts":(T,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.SuggestValueType=n.TranslationTextPattern=n.TranslationKeyGenerator=void 0;var t;(function(u){u.CamelCase="CamelCase",u.PascalCase="PascalCase"})(t=n.TranslationKeyGenerator||(n.TranslationKeyGenerator={}));var C;(function(u){u.DoubleBracketReplace="DoubleBracketReplace",u.SingleBracketBinding="SingleBracketBinding"})(C=n.TranslationTextPattern||(n.TranslationTextPattern={}));var o;(function(u){u.Existing="Existing",u.Update="Update",u.New="New"})(o=n.SuggestValueType||(n.SuggestValueType={}))},"./src/components/UITranslationInput/UITranslationInput.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.defineProperties,u=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,r=(y,E,g)=>E in y?C(y,E,{enumerable:!0,configurable:!0,writable:!0,value:g}):y[E]=g,m=(y,E)=>{for(var g in E||(E={}))l.call(E,g)&&r(y,g,E[g]);if(e)for(var g of e(E))d.call(E,g)&&r(y,g,E[g]);return y},w=(y,E)=>o(y,u(E)),v=this&&this.__createBinding||(Object.create?function(y,E,g,L){L===void 0&&(L=g);var P=Object.getOwnPropertyDescriptor(E,g);(!P||("get"in P?!E.__esModule:P.writable||P.configurable))&&(P={enumerable:!0,get:function(){return E[g]}}),Object.defineProperty(y,L,P)}:function(y,E,g,L){L===void 0&&(L=g),y[L]=E[g]}),_=this&&this.__setModuleDefault||(Object.create?function(y,E){Object.defineProperty(y,"default",{enumerable:!0,value:E})}:function(y,E){y.default=E}),f=this&&this.__importStar||function(y){if(y&&y.__esModule)return y;var E={};if(y!=null)for(var g in y)g!=="default"&&Object.prototype.hasOwnProperty.call(y,g)&&v(E,y,g);return _(E,y),E};Object.defineProperty(n,"__esModule",{value:!0}),n.UITranslationInput=void 0;const a=f(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=t("./src/components/UIInput/index.tsx"),i=t("./src/components/Icons.tsx"),s=t("./src/components/UITranslationInput/UITranslationButton.tsx"),p=t("./src/components/UITranslationInput/UITranslationButton.types.ts"),b=t("./src/components/UITranslationInput/UITranslationUtils.ts"),h=t("./src/components/UITranslationInput/defaults.ts"),M=t("./src/components/UITranslationInput/UIFormattedText.tsx"),x=y=>{const{value:E="",allowedPatterns:g,entries:L,strings:P=h.defaultTranslationInputStrings,namingConvention:S=p.TranslationKeyGenerator.CamelCase,defaultPattern:O,i18nPrefix:D,allowedI18nPrefixes:U}=y,j=(0,b.extractI18nKey)(E,g,U||[D]);let B="",R="",A;if(j){const W=(0,b.getTranslationByKey)(L,j);W?(R=P.i18nEntryExistsTooltip,A={entry:W,type:p.SuggestValueType.Existing,icon:i.UiIcons.WorldArrow}):(B=P.i18nKeyMissingDescription,R=P.i18nKeyMissingTooltip,A={entry:{key:{value:j},value:{value:j}},type:p.SuggestValueType.New,icon:i.UiIcons.WorldWarning})}else{const W=(0,b.getTranslationByText)(L,E);W?(B=P.i18nReplaceWithExistingDescription,R=P.i18nReplaceWithExistingTooltip,A={entry:W,type:p.SuggestValueType.Update}):(B=P.i18nValueMissingDescription,R=P.i18nValueMissingTooltip,A={entry:{key:{value:(0,b.generateI18nKey)(E,S,L)},value:{value:E}},type:p.SuggestValueType.New})}A.i18n=(0,b.applyI18nPattern)(A.entry.key.value,O,D);const k={key:A.entry.key.value,value:A.entry.value.value,i18n:A.i18n};return R=(0,M.formatText)(R,k),{message:a.default.createElement(M.UIFormattedText,{values:k},B),tooltip:R,suggest:A}};function I(y){var E;const{id:g,className:L,onChange:P,value:S,allowedPatterns:O,defaultPattern:D,entries:U,busy:j,i18nPrefix:B,allowedI18nPrefixes:R,namingConvention:A,onCreateNewEntry:k,onShowExistingEntry:W,disabled:F,strings:N}=y,J=x(y);let ee=" ui-translatable__input";L&&(ee+=` ${L}`);const le=(0,a.useCallback)(de=>{P==null||P({},de)},[P]);let te=`${g}-i18n`,se=y.title;((E=J.suggest)==null?void 0:E.type)===p.SuggestValueType.Existing&&(N==null?void 0:N.i18nEntryExistsInputTooltip)&&(te+="-navigate",se||(se=(0,M.formatText)(N.i18nEntryExistsInputTooltip,{value:S||"",translation:J.suggest.entry.value.value})));const ie=(0,a.useCallback)(()=>a.default.createElement(s.UITranslationButton,{id:te,value:S,busy:j,onCreateNewEntry:k,onShowExistingEntry:W,onUpdateValue:le,disabled:F,strings:N,suggestion:J}),[S,O,D,U,j,F,B,R,A,k,W,le]);return a.default.createElement(c.UITextInput,w(m({},y),{title:se,onRenderSuffix:S!=null&&S.trim()?ie:void 0,className:ee}))}n.UITranslationInput=I,I.defaultProps={strings:h.defaultTranslationInputStrings}},"./src/components/UITranslationInput/UITranslationUtils.ts":(T,n,t)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getTranslationByText=n.getTranslationByKey=n.applyI18nPattern=n.generateI18nKey=n.convertToPascalCase=n.convertToCamelCase=n.extractI18nKey=void 0;const C=t("./src/components/UITranslationInput/UITranslationButton.types.ts"),o=(v,_,f)=>{let a;for(const c of _)if(c===C.TranslationTextPattern.SingleBracketBinding)for(const i of f){const s=v.toString().match(`^{${i}>([^\\{}:]+)}$`);s!=null&&s[1]&&(a=s==null?void 0:s[1])}else c===C.TranslationTextPattern.DoubleBracketReplace&&v.match("^{{[^\\{}:]+}}$")&&(a=v.toString().substring(2,v.length-2));return a};n.extractI18nKey=o;const u=(v="",_=4)=>{let f="";const a=v.replace(/[^a-zA-Z0-9 ]/g,"").trim().split(" "),c=a.length>=_?_:a.length;for(let i=0;c>i;i++){const s=a[i];if(i===0)f+=s.toLowerCase();else{const p=s.charAt(0).toUpperCase(),b=s.substring(1).toLowerCase();f+=`${p}${b}`}}return f};n.convertToCamelCase=u;const e=(v,_=4)=>{let f="";const a=v.replace(/[^a-zA-Z0-9 ]/g,"").trim().split(" "),c=a.length>=_?_:a.length;for(let i=0;c>i;i++){const s=a[i],p=s.charAt(0).toUpperCase(),b=s.substring(1).toLowerCase();f+=`${p}${b}`}return f};n.convertToPascalCase=e;const l=(v,_,f=v,a=1)=>{const c=v;return _[v]!==void 0?(v=`${f}${a}`,a++,l(v,_,f,a)):c};function d(v,_,f){let a=_===C.TranslationKeyGenerator.CamelCase?(0,n.convertToCamelCase)(v):(0,n.convertToPascalCase)(v);return a===""&&(a=_===C.TranslationKeyGenerator.CamelCase?"key":"Key"),l(a,f)}n.generateI18nKey=d;const r=(v,_,f)=>_===C.TranslationTextPattern.DoubleBracketReplace?`{{${v}}}`:`{${f}>${v}}`;n.applyI18nPattern=r;const m=(v,_)=>{const f=v[_];if((f==null?void 0:f.length)>0)return f[0]};n.getTranslationByKey=m;const w=(v,_)=>{for(const f in v){const a=v[f];if(a.length){const c=a[0];if(c.value.value===_)return c}}};n.getTranslationByText=w},"./src/components/UITranslationInput/defaults.ts":(T,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.defaultTranslationInputStrings=void 0,n.defaultTranslationInputStrings={acceptButtonLabel:"Apply",cancelButtonLabel:"Cancel",i18nKeyMissingTooltip:"Text key or value is not available in i18n file.",i18nKeyMissingDescription:"Generate a text key {{{key}}} with value {{{value}}} in i18n file.",i18nValueMissingTooltip:"Text key or value for {{{value}}} is not available in i18n file.",i18nValueMissingDescription:"Generate a text key {{{key}}} in i18n file and substitute {{{value}}} by {{{i18n}}}.",i18nReplaceWithExistingTooltip:`Text key {{{key}}} for value {{{value}}} is available in i18n file.
6
6
  Consider substituting {{{value}}} by {{{i18n}}}.`,i18nReplaceWithExistingDescription:"Text key {{{key}}} for value {{{value}}} is available in i18n file.Substitute {{{value}}} by {{{i18n}}}.",i18nEntryExistsTooltip:"Edit in source file",i18nEntryExistsInputTooltip:`Value: '{{{value}}}'.
7
- Translation: '{{{translation}}}'.`}},"./src/components/UITranslationInput/index.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(u,e,l,d){d===void 0&&(d=l);var r=Object.getOwnPropertyDescriptor(e,l);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(u,d,r)}:function(u,e,l,d){d===void 0&&(d=l),u[d]=e[l]}),o=this&&this.__exportStar||function(u,e){for(var l in u)l!=="default"&&!Object.prototype.hasOwnProperty.call(e,l)&&C(e,u,l)};Object.defineProperty(n,"__esModule",{value:!0}),o(t("./src/components/UITranslationInput/UITranslationInput.tsx"),n),o(t("./src/components/UITranslationInput/UITranslationButton.types.ts"),n)},"./src/components/UITreeDropdown/UITreeDropdown.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.defineProperties,u=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,r=(y,E,g)=>E in y?C(y,E,{enumerable:!0,configurable:!0,writable:!0,value:g}):y[E]=g,m=(y,E)=>{for(var g in E||(E={}))l.call(E,g)&&r(y,g,E[g]);if(e)for(var g of e(E))d.call(E,g)&&r(y,g,E[g]);return y},w=(y,E)=>o(y,u(E)),v=this&&this.__importDefault||function(y){return y&&y.__esModule?y:{default:y}};Object.defineProperty(n,"__esModule",{value:!0}),n.UITreeDropdown=n.EdgePosition=n.UIDirectionalHint=void 0;const _=v(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=v(t("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js")),a=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"UIDirectionalHint",{enumerable:!0,get:function(){return a.DirectionalHint}});const c=t("./src/components/UIInput/index.tsx"),i=t("./src/components/UIContextualMenu/index.tsx"),s=t("./src/components/UIButton/UIIconButton.tsx"),p=t("./src/components/Icons.tsx"),b=t("./src/helper/ValidationMessage/index.tsx");t("./src/components/UITreeDropdown/UITreeDropdown.scss");const h={callout:"ui-tree-callout",scrollArea:"ms-ContextualMenu-container",splitButton:"ms-ContextualMenu-splitMenu"};var M;(function(y){y.First="First",y.Last="Last"})(M=n.EdgePosition||(n.EdgePosition={}));const x={ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Enter:"Enter",Escape:"Escape"};class I extends _.default.Component{constructor(E){super(E),this.UITreeDropdownRef=_.default.createRef(),this.UITreeDropdownFocusZoneRef=_.default.createRef(),this.inputRef=_.default.createRef(),this.submenuRefs={},this.submenuOffset=0,this.lastKeyDown="",this.componentDidMount=()=>{this.props.items.length&&(this.buildItems(this.props.items),this.setState({isDisabled:!1}))},this.componentDidUpdate=g=>{this.props.items.length!==g.items.length&&(this.setState({isHidden:!0}),this.setState({isDisabled:!this.props.items.length}),this.buildItems(this.props.items)),this.props.value!==g.value&&this.setState({value:this.props.value}),this.calculateSubmenuOffset()},this.buildItems=g=>{if(this.state.items.length!==g.length){g=g.map(this.buildSubItems);const L=this.mapValuesToContextMenu(g);this.setState({originalItems:L,items:L})}},this.buildSubItems=g=>(g.children&&g.children.length&&(g.children=g.children.map(L=>{const P=new RegExp(g.value,"ig"),S=L.value.search(P)===-1?`${g.value}${this.state.valueSeparator}${L.value}`:L.value;return w(m({},L),{split:!1,value:S})})),g),this.mapValuesToContextMenu=(g,L=0)=>g.map(P=>{if(P.children&&P.children.length){P.split=!0;const S=this.getRefId(P.value,L);this.submenuRefs[S]||(this.submenuRefs[S]=_.default.createRef()),P.subMenuProps={componentRef:this.submenuRefs[S],items:this.mapValuesToContextMenu(P.children,L+1),focusZoneProps:{handleTabKey:a.FocusZoneTabbableElements.none,onFocus:()=>{var O,D,U,j;const B=(O=this.defaultSubmenuFocus)==null?void 0:O.parent;B&&B.item.value===P.value&&B.level===L&&this.focusItemWithValue(this.state.value,(j=(U=(D=this.defaultSubmenuFocus)==null?void 0:D.parent)==null?void 0:U.item.subMenuProps)==null?void 0:j.items)}}}}return w(m({},P),{key:P.value,text:P.label,className:"ui-tree-dropdown-list-item",onClick:()=>this.handleSelection(P.value),onRenderContent:this.handleRenderContent})}),this.handleSelection=g=>{this.setState({hasSelected:!0,value:g,valueChanged:!1},()=>this.props.onParameterValueChange(g))},this.handleKeyPress=g=>{switch(g.key){case"Enter":this.state.isMenuOpen?(this.setState({valueChanged:!0}),this.handleSelection(this.state.value?this.state.value:"")):this.toggleMenu(!1,g);break;case"ArrowDown":this.state.isMenuOpen?this.focusDropdown(g,g.key):this.toggleMenu(!1,g);break;case"Tab":this.state.isMenuOpen&&this.toggleMenu(!0),this.handleSelection(this.state.value?this.state.value:"");break;default:}this.lastKeyDown=g.key},this.focusDropdown=(g,L)=>{var P;this.UITreeDropdownFocusZoneRef&&(L===x.Enter?this.focusItemWithValue(this.state.value,this.state.items):(P=this.UITreeDropdownFocusZoneRef.current)==null||P.focus(!0),g.preventDefault())},this.handleRenderContent=(g,L)=>(g.item.className=g.item.value===this.props.value?"is-selected":"",g.item.text=this.highlightQuery(g.item.label,this.state.query),this.applySubmenuPosition(g.item),L?L.renderItemName(g):null),this.handleRenderMenuList=(g,L)=>{let P=[];return g!=null&&g.items&&(P=g.items.map(S=>{var O;return S.className=S.value===this.props.value?"is-selected":"",S.text=this.highlightQuery(S.label,this.state.query),this.applySubmenuPosition(S),(O=S.subMenuProps)==null||O.items.map(D=>(D.className=D.value===this.props.value?"is-selected":"",D)),m({},S)})),L?L(w(m({},g),{items:P})):null},this.toggleMenu=(g,L)=>{if(this.props.readOnly)return;this.setState({isHidden:g});const P=L==null?void 0:L.key;L&&setTimeout(()=>{L.persist(),this.focusDropdown(L,P)},0)},this.highlightQuery=(g,L)=>_.default.createElement(i.UIHighlightMenuOption,{text:g,query:L}),this.filterElement=(g,L)=>{var P;const S=new RegExp(g,"ig");return(P=L==null?void 0:L.children)!=null&&P.length?L.children.filter(O=>this.filterElement(g,O)).length>0:L!=null&&L.value?L.value.search(S)!==-1:!1},this.handleOnChangeValue=g=>{const L=g.target,P=this.state.originalItems.filter(S=>this.filterElement(L.value,S));this.setState({hasSelected:!1,value:L.value,items:P,query:L.value,valueChanged:!0}),this.state.isMenuOpen||this.toggleMenu(!1)},this.handleDismiss=g=>{g&&"key"in g&&g.key===x.Escape?this.resetValue():this.state.hasSelected||this.props.onParameterValueChange(""),this.setState({items:this.state.originalItems,query:""}),this.toggleMenu(!0),this.originalValue=void 0},this.applySubmenuPosition=g=>{var L;(L=g.subMenuProps)!=null&&L.items&&(g.subMenuProps.calloutProps||(g.subMenuProps.calloutProps={}),g.subMenuProps.calloutProps.styles={root:{marginLeft:this.submenuOffset}})},this.getCalloutDomRef=(g=!1)=>{const L=`${h.callout}${this.state.uiidInput}`,P=document.querySelector(`.${L}`);return g&&P?P.nextSibling:P},this.calculateSubmenuOffset=()=>{const g=this.getCalloutDomRef();if(g){const L=g.querySelector(`.${h.scrollArea}`);this.submenuOffset=0,L&&L.scrollHeight>L.clientHeight&&(this.submenuOffset=L.offsetWidth-L.clientWidth)}},this.onFocusElementChanged=g=>{const L=g.getElementsByClassName("ts-Menu-option");document.getElementsByClassName("ms-Fabric--isFocusVisible").length>0&&L.length>0&&this.setState({value:g.value?g.value:L[0].innerText,valueChanged:!0})},this.onWindowKeyDown=g=>{var L;this.lastKeyDown=g.key;const P=document.activeElement;if([x.ArrowDown,x.ArrowUp].includes(g.key)&&P){const S=this.getEdgePosition(P),O=S.includes(M.First)&&g.key===x.ArrowUp,D=S.includes(M.Last)&&g.key===x.ArrowDown;(O||D)&&(O&&P.closest(`.${h.callout}${this.state.uiidInput}`)&&((L=this.inputRef.current)==null||L.focus()),g.stopPropagation(),g.preventDefault())}},this.handleCustomDownKey=g=>{this.lastKeyDown.includes("Arrow")&&(this.lastKeyDown="",this.onFocusElementChanged(g.target))},this.applyCustomKeyDownHandlingEvents=()=>{window.addEventListener("keydown",this.onWindowKeyDown,!0),window.addEventListener("focus",this.handleCustomDownKey,!0)},this.removeCustomKeyDownHandlingEvents=()=>{window.removeEventListener("keydown",this.onWindowKeyDown,!0),window.removeEventListener("focus",this.handleCustomDownKey,!0)},this.getEdgePosition=g=>{const L=g.closest("ul"),P=g.closest("li"),S=[];return L&&P&&(L.children[0]===P&&S.push(M.First),L.children[L.children.length-1]===P&&S.push(M.Last)),S},this.findItemByValue=(g,L=[],P,S=0)=>{var O,D;let U;for(let j=0;j<L.length;j++){const B=L[j],R={item:B,index:j,parent:P,level:S};if(B.value===g?U=R:(D=(O=B.subMenuProps)==null?void 0:O.items)!=null&&D.length&&(U=this.findItemByValue(g,B.subMenuProps.items,R,S+1)),U)break}return U},this.getItemTarget=(g,L)=>{let P;const S=g.querySelector(".ms-ContextualMenu-list");return S&&S.childNodes[L.index]&&(P=S.childNodes[L.index].firstChild),P},this.focusItemWithValue=(g,L=[])=>{const P=this.findItemByValue(g,L),S=this.getCalloutDomRef(!!this.defaultSubmenuFocus);if(this.defaultSubmenuFocus=void 0,P&&S){let O;if(P.parent){const D=this.getItemTarget(S,P.parent);D&&(this.defaultSubmenuFocus=P,D.dispatchEvent(new KeyboardEvent("keydown",{keyCode:39,which:39,bubbles:!0})))}else O=this.getItemTarget(S,P);if(O)O.focus();else{const D=S.querySelector(`.${h.scrollArea}`);D==null||D.focus()}}},this.getRefId=(g,L)=>`${g}__${L}`,this.state={query:"",hasSelected:!!this.props.value,value:this.props.value||"",isHidden:!0,originalItems:[],items:[],valueSeparator:this.props.valueSeparator||".",uiidInput:f.default.v4(),isDisabled:!this.props.items.length,isMenuOpen:!1,valueChanged:!1},this.toggleMenu=this.toggleMenu.bind(this),this.onWindowKeyDown=this.onWindowKeyDown.bind(this),this.handleCustomDownKey=this.handleCustomDownKey.bind(this),(0,a.setIconOptions)({disableWarnings:!0})}resetValue(){this.setState({value:this.originalValue,valueChanged:!1})}getClassNames(){let E=`ui-treeDropdown-wrapper ui-treeDropdown-wrapper-menu${this.state.isMenuOpen?"-open":"-close"} ui-treeDropdown-wrapper-${this.state.uiidInput}`;return this.state.isDisabled&&(E+=" disabled"),this.props.readOnly&&(E+=" readonly"),E}render(){const E=(0,b.getMessageInfo)(this.props);let g=!0;return this.props.useTargetWidth&&(g=!1),_.default.createElement("div",{className:`ui-treeDropdown ui-treeDropDown-${this.state.uiidInput} ${this.props.label?"ui-treeDropdown-with-label":""}`},this.props.label&&_.default.createElement("label",{className:`${this.props.required?"required":""} ${this.state.isDisabled?"disabled":""}`},this.props.label),_.default.createElement("div",{className:this.getClassNames()},_.default.createElement(c.UITextInput,{componentRef:this.inputRef,disabled:this.state.isDisabled,readOnly:this.props.readOnly,autoComplete:"off",value:this.state.value,placeholder:this.props.placeholderText,onKeyDown:this.handleKeyPress,onChange:this.handleOnChangeValue,onClick:()=>{this.toggleMenu(!1)},onFocus:L=>{L.target.select()},errorMessage:E.message}),_.default.createElement(s.UIIconButton,{tabIndex:-1,allowDisabledFocus:!0,className:"ui-treeDropdown-caret",iconProps:{iconName:p.UiIcons.ArrowDown},onClick:()=>{var L;this.state.isHidden&&((L=this.inputRef.current)==null||L.focus()),this.toggleMenu(!this.state.isHidden)}})),!this.state.isHidden&&_.default.createElement(i.UIContextualMenu,{componentRef:this.UITreeDropdownRef,onRenderMenuList:this.handleRenderMenuList,className:"ui-treeDropDown-context-menu",target:`.ui-treeDropDown-${this.state.uiidInput}`,onMenuOpened:()=>{this.originalValue=this.state.value,this.applyCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!0})},onMenuDismissed:()=>{this.removeCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!1}),this.state.valueChanged&&this.handleSelection(this.state.value?this.state.value:"")},useTargetWidth:g,useTargetAsMinWidth:!0,onRestoreFocus:L=>{var P;(P=L.originalElement)==null||P.focus()},shouldUpdateWhenHidden:!0,items:this.state.items,onDismiss:this.handleDismiss,shouldFocusOnContainer:!1,focusZoneProps:{componentRef:this.UITreeDropdownFocusZoneRef,handleTabKey:a.FocusZoneTabbableElements.none,isCircularNavigation:!1},shouldFocusOnMount:!1,directionalHint:this.props.directionalHint,calloutProps:{layerProps:{className:`${h.callout}${this.state.uiidInput}`},onLayerMounted:()=>{this.calculateSubmenuOffset()}},styles:{container:{maxHeight:192,overflowY:"auto"}},maxWidth:this.props.maxWidth}))}}n.UITreeDropdown=I},"./src/components/UITreeDropdown/index.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(u,e,l,d){d===void 0&&(d=l);var r=Object.getOwnPropertyDescriptor(e,l);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(u,d,r)}:function(u,e,l,d){d===void 0&&(d=l),u[d]=e[l]}),o=this&&this.__exportStar||function(u,e){for(var l in u)l!=="default"&&!Object.prototype.hasOwnProperty.call(e,l)&&C(e,u,l)};Object.defineProperty(n,"__esModule",{value:!0}),o(t("./src/components/UITreeDropdown/UITreeDropdown.tsx"),n)},"./src/components/UIVerticalDivider/UIVerticalDivider.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.defineProperties,u=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,r=(c,i,s)=>i in c?C(c,i,{enumerable:!0,configurable:!0,writable:!0,value:s}):c[i]=s,m=(c,i)=>{for(var s in i||(i={}))l.call(i,s)&&r(c,s,i[s]);if(e)for(var s of e(i))d.call(i,s)&&r(c,s,i[s]);return c},w=(c,i)=>o(c,u(i)),v=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIVerticalDivider=void 0;const _=v(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js");class a extends _.default.Component{constructor(i){super(i),this.setStyle=()=>({wrapper:{},divider:{backgroundColor:"var(--vscode-editorWidget-border)"}})}render(){return _.default.createElement(f.VerticalDivider,w(m({},this.props),{styles:this.setStyle()}))}}n.UIVerticalDivider=a},"./src/components/UIVerticalDivider/index.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(u,e,l,d){d===void 0&&(d=l);var r=Object.getOwnPropertyDescriptor(e,l);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(u,d,r)}:function(u,e,l,d){d===void 0&&(d=l),u[d]=e[l]}),o=this&&this.__exportStar||function(u,e){for(var l in u)l!=="default"&&!Object.prototype.hasOwnProperty.call(e,l)&&C(e,u,l)};Object.defineProperty(n,"__esModule",{value:!0}),o(t("./src/components/UIVerticalDivider/UIVerticalDivider.tsx"),n)},"./src/components/UIVirtualList/UIAutoSizer.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,l=(_,f,a)=>f in _?C(_,f,{enumerable:!0,configurable:!0,writable:!0,value:a}):_[f]=a,d=(_,f)=>{for(var a in f||(f={}))u.call(f,a)&&l(_,a,f[a]);if(o)for(var a of o(f))e.call(f,a)&&l(_,a,f[a]);return _},r=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIAutoSizer=void 0;const m=r(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),w=t("../../node_modules/.pnpm/react-virtualized@9.22.3_wcqkhtmu7mswc6yz4uyexck3ty/node_modules/react-virtualized/dist/es/index.js");class v extends m.default.Component{constructor(f){super(f)}render(){return m.default.createElement(w.AutoSizer,d({},this.props),this.props.children)}}n.UIAutoSizer=v},"./src/components/UIVirtualList/UICellMeasurer.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,l=(f,a,c)=>a in f?C(f,a,{enumerable:!0,configurable:!0,writable:!0,value:c}):f[a]=c,d=(f,a)=>{for(var c in a||(a={}))u.call(a,c)&&l(f,c,a[c]);if(o)for(var c of o(a))e.call(a,c)&&l(f,c,a[c]);return f},r=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICellMeasurer=n.OnScrollParams=n.Index=void 0;const m=r(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),w=t("../../node_modules/.pnpm/react-virtualized@9.22.3_wcqkhtmu7mswc6yz4uyexck3ty/node_modules/react-virtualized/dist/es/index.js");var v=t("../../node_modules/.pnpm/react-virtualized@9.22.3_wcqkhtmu7mswc6yz4uyexck3ty/node_modules/react-virtualized/dist/es/index.js");Object.defineProperty(n,"Index",{enumerable:!0,get:function(){return v.Index}}),Object.defineProperty(n,"OnScrollParams",{enumerable:!0,get:function(){return v.OnScrollParams}});class _ extends m.default.Component{constructor(a){super(a)}render(){return m.default.createElement(w.CellMeasurer,d({},this.props),this.props.children)}}n.UICellMeasurer=_},"./src/components/UIVirtualList/UIVirtualList.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,l=(f,a,c)=>a in f?C(f,a,{enumerable:!0,configurable:!0,writable:!0,value:c}):f[a]=c,d=(f,a)=>{for(var c in a||(a={}))u.call(a,c)&&l(f,c,a[c]);if(o)for(var c of o(a))e.call(a,c)&&l(f,c,a[c]);return f},r=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIVirtualList=n.VisibleCellRange=n.GridCellRangeProps=n.defaultCellRangeRenderer=n.GridState=n.SectionRenderedParams=n.ListRowProps=n.CellMeasurerCache=void 0;const m=r(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),w=t("../../node_modules/.pnpm/react-virtualized@9.22.3_wcqkhtmu7mswc6yz4uyexck3ty/node_modules/react-virtualized/dist/es/index.js");var v=t("../../node_modules/.pnpm/react-virtualized@9.22.3_wcqkhtmu7mswc6yz4uyexck3ty/node_modules/react-virtualized/dist/es/index.js");Object.defineProperty(n,"CellMeasurerCache",{enumerable:!0,get:function(){return v.CellMeasurerCache}}),Object.defineProperty(n,"ListRowProps",{enumerable:!0,get:function(){return v.ListRowProps}}),Object.defineProperty(n,"SectionRenderedParams",{enumerable:!0,get:function(){return v.SectionRenderedParams}}),Object.defineProperty(n,"GridState",{enumerable:!0,get:function(){return v.GridState}}),Object.defineProperty(n,"defaultCellRangeRenderer",{enumerable:!0,get:function(){return v.defaultCellRangeRenderer}}),Object.defineProperty(n,"GridCellRangeProps",{enumerable:!0,get:function(){return v.GridCellRangeProps}}),Object.defineProperty(n,"VisibleCellRange",{enumerable:!0,get:function(){return v.VisibleCellRange}});class _ extends m.default.Component{constructor(a){super(a),this.listRef=m.default.createRef()}forceListUpdate(){this.listRef.current&&this.listRef.current.forceUpdate()}scrollToRow(a){this.listRef.current&&this.listRef.current.scrollToRow(a)}recomputeRowHeights(a){this.listRef.current&&this.listRef.current.recomputeRowHeights(a)}isScrolling(){var a,c;return!!((c=(a=this.listRef.current)==null?void 0:a.Grid)!=null&&c.state.isScrolling)}render(){return m.default.createElement(w.List,d({ref:this.listRef},this.props),this.props.children)}}n.UIVirtualList=_},"./src/components/UIVirtualList/index.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(u,e,l,d){d===void 0&&(d=l);var r=Object.getOwnPropertyDescriptor(e,l);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(u,d,r)}:function(u,e,l,d){d===void 0&&(d=l),u[d]=e[l]}),o=this&&this.__exportStar||function(u,e){for(var l in u)l!=="default"&&!Object.prototype.hasOwnProperty.call(e,l)&&C(e,u,l)};Object.defineProperty(n,"__esModule",{value:!0}),o(t("./src/components/UIVirtualList/UIAutoSizer.tsx"),n),o(t("./src/components/UIVirtualList/UICellMeasurer.tsx"),n),o(t("./src/components/UIVirtualList/UIVirtualList.tsx"),n)},"./src/components/index.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(u,e,l,d){d===void 0&&(d=l);var r=Object.getOwnPropertyDescriptor(e,l);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(u,d,r)}:function(u,e,l,d){d===void 0&&(d=l),u[d]=e[l]}),o=this&&this.__exportStar||function(u,e){for(var l in u)l!=="default"&&!Object.prototype.hasOwnProperty.call(e,l)&&C(e,u,l)};Object.defineProperty(n,"__esModule",{value:!0}),o(t("./src/components/Icons.tsx"),n),o(t("./src/components/UIButton/index.tsx"),n),o(t("./src/components/UIBreadcrumb/index.tsx"),n),o(t("./src/components/UICallout/index.tsx"),n),o(t("./src/components/UICheckbox/index.tsx"),n),o(t("./src/components/UIChoiceGroup/index.tsx"),n),o(t("./src/components/UIComboBox/index.tsx"),n),o(t("./src/components/UIContextualMenu/index.tsx"),n),o(t("./src/components/UIDialog/index.ts"),n),o(t("./src/components/UIDropdown/index.tsx"),n),o(t("./src/components/UIFlexibleTable/index.ts"),n),o(t("./src/components/UIFocusZone/index.tsx"),n),o(t("./src/components/UIIcon/index.tsx"),n),o(t("./src/components/UIInput/index.tsx"),n),o(t("./src/components/UILabel/index.tsx"),n),o(t("./src/components/UILink/index.tsx"),n),o(t("./src/components/UIList/index.tsx"),n),o(t("./src/components/UILoader/index.tsx"),n),o(t("./src/components/UIMessageBar/index.tsx"),n),o(t("./src/components/UIModal/index.tsx"),n),o(t("./src/components/UIOverlay/index.tsx"),n),o(t("./src/components/UIPersona/index.tsx"),n),o(t("./src/components/UISearchBox/index.tsx"),n),o(t("./src/components/UISection/index.tsx"),n),o(t("./src/components/UITable/index.tsx"),n),o(t("./src/components/UITabs/index.tsx"),n),o(t("./src/components/UIToggle/index.tsx"),n),o(t("./src/components/UIToggleGroup/index.ts"),n),o(t("./src/components/UITooltip/index.tsx"),n),o(t("./src/components/UIToolbar/index.tsx"),n),o(t("./src/components/UITranslationInput/index.tsx"),n),o(t("./src/components/UITreeDropdown/index.tsx"),n),o(t("./src/components/UIVerticalDivider/index.tsx"),n),o(t("./src/components/UIVirtualList/index.tsx"),n),o(t("./src/components/UIDatePicker/index.tsx"),n),o(t("./src/components/UIActionCallout/index.ts"),n)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(T,n,t){"use strict";var C=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.MessageWrapper=n.MESSAGE_ICONS_MAP=void 0;const o=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),u=t("./src/helper/ValidationMessage/utils.ts"),e=t("./src/components/Icons.tsx"),l=t("./src/components/UIIcon/index.tsx");t("./src/helper/ValidationMessage/MessageWrapper.scss"),n.MESSAGE_ICONS_MAP=new Map([[void 0,e.UiIcons.Error],[u.ErrorMessageType.Error,e.UiIcons.Error],[u.ErrorMessageType.Warning,e.UiIcons.Warning],[u.ErrorMessageType.Info,e.UiIcons.Info]]);function d(r){const{children:m,message:w}=r,v=w.message?u.MESSAGE_TYPES_CLASSNAME_MAP.get(w.type):void 0,_=n.MESSAGE_ICONS_MAP.get(w.type);return o.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${v}`},o.default.createElement("div",{className:"ts-message-target"},m),o.default.createElement("div",{className:"ts-message-body"},o.default.createElement(l.UIIcon,{iconName:_}),o.default.createElement("span",null,w.message)))}n.MessageWrapper=d},"./src/helper/ValidationMessage/index.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(u,e,l,d){d===void 0&&(d=l);var r=Object.getOwnPropertyDescriptor(e,l);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(u,d,r)}:function(u,e,l,d){d===void 0&&(d=l),u[d]=e[l]}),o=this&&this.__exportStar||function(u,e){for(var l in u)l!=="default"&&!Object.prototype.hasOwnProperty.call(e,l)&&C(e,u,l)};Object.defineProperty(n,"__esModule",{value:!0}),o(t("./src/helper/ValidationMessage/MessageWrapper.tsx"),n),o(t("./src/helper/ValidationMessage/utils.ts"),n)},"./src/helper/ValidationMessage/utils.ts":(T,n)=>{"use strict";var t=Object.defineProperty,C=Object.defineProperties,o=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,d=(s,p,b)=>p in s?t(s,p,{enumerable:!0,configurable:!0,writable:!0,value:b}):s[p]=b,r=(s,p)=>{for(var b in p||(p={}))e.call(p,b)&&d(s,b,p[b]);if(u)for(var b of u(p))l.call(p,b)&&d(s,b,p[b]);return s},m=(s,p)=>C(s,o(p));Object.defineProperty(n,"__esModule",{value:!0}),n.getMessageInfo=n.MESSAGE_TYPES_CLASSNAME_MAP=n.ErrorMessageType=void 0;var w;(function(s){s.Error="Error",s.Warning="Warning",s.Info="Info"})(w=n.ErrorMessageType||(n.ErrorMessageType={}));const v=(s,p)=>{const b=`1px solid ${p}`;return{backgroundColor:s,borderLeft:b,borderRight:b,borderBottom:b,borderColor:p}},_={error:m(r({color:"var(--vscode-input-foreground)"},v("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};_.warning=r(r({},_.error),v("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),_.info=r(r({},_.error),v("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),n.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[w.Error,"error"],[w.Warning,"warning"],[w.Info,"info"]]);const f=s=>{let p;switch(s){case w.Warning:{p=_.warning;break}case w.Info:{p=_.info;break}default:{p=_.error;break}}return p},a=s=>{if(s){if(s.errorMessage)return w.Error;if(s.warningMessage)return w.Warning;if(s.infoMessage)return w.Info}return w.Error},c=s=>(s==null?void 0:s.errorMessage)||(s==null?void 0:s.warningMessage)||(s==null?void 0:s.infoMessage),i=s=>{const p=a(s);return{type:p,style:f(p),message:c(s)}};n.getMessageInfo=i},"./src/utilities/DeepMerge.ts":function(T,n,t){"use strict";var C=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(n,"__esModule",{value:!0}),n.deepMerge=void 0;const o=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));function u(l,d){var r;const m=Object.keys(l).length?u({},l):{},w=Object.keys(d);for(const v of w){const _=d[v];if(e(_))if(!m[v]||e(m[v]))m[v]=u((r=m[v])!=null?r:{},_);else throw new Error("Object structures are not compatible!");else m[v]=_}return m}n.deepMerge=u;function e(l){return l?typeof l=="object"&&!Array.isArray(l)&&!o.default.isValidElement(l):!1}},"./src/utilities/Focus.ts":(T,n,t)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.setUIFocusVisibility=n.getUILastFocusable=n.getUIFirstFocusable=void 0;const C=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"getUIFirstFocusable",{enumerable:!0,get:function(){return C.getFirstFocusable}}),Object.defineProperty(n,"getUILastFocusable",{enumerable:!0,get:function(){return C.getLastFocusable}}),Object.defineProperty(n,"setUIFocusVisibility",{enumerable:!0,get:function(){return C.setFocusVisibility}})},"./src/utilities/Id.ts":(T,n,t)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getUIId=void 0;const C=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"getUIId",{enumerable:!0,get:function(){return C.getId}})},"./src/utilities/Keys.ts":(T,n,t)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.UIKeyCodes=void 0;const C=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"UIKeyCodes",{enumerable:!0,get:function(){return C.KeyCodes}})},"./src/utilities/index.ts":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(u,e,l,d){d===void 0&&(d=l);var r=Object.getOwnPropertyDescriptor(e,l);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(u,d,r)}:function(u,e,l,d){d===void 0&&(d=l),u[d]=e[l]}),o=this&&this.__exportStar||function(u,e){for(var l in u)l!=="default"&&!Object.prototype.hasOwnProperty.call(e,l)&&C(e,u,l)};Object.defineProperty(n,"__esModule",{value:!0}),o(t("./src/utilities/Focus.ts"),n),o(t("./src/utilities/Id.ts"),n),o(t("./src/utilities/Keys.ts"),n)},"./stories/UIActionCallout.story.tsx":function(T,n,t){"use strict";var C=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const o=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),u=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=t("./src/components/UIActionCallout/index.ts"),l=t("./src/components/UIIcon/index.tsx"),d=t("./src/components/Icons.tsx");n.default={title:"Utilities/ActionCallout"};const r={childrenGap:40},m={linkText:"Need help with this error?",subText:"This link might be able to help.",url:"https://some.url/some/page"},w={linkText:"Click to action!",subText:"Some action will do the thing you need",url:"https://some.url/some/page"},v=()=>u.default.createElement(o.Stack,{tokens:r,style:{width:300}},u.default.createElement(o.Stack,{tokens:r},u.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),u.default.createElement(e.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:m})),u.default.createElement(o.Stack,{tokens:r},u.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),u.default.createElement(e.UIActionCallout,{icon:new l.UIIcon({iconName:d.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:w})));n.defaultUsage=v},"./stories/UIButton.story.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(v,_,f,a){a===void 0&&(a=f);var c=Object.getOwnPropertyDescriptor(_,f);(!c||("get"in c?!_.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return _[f]}}),Object.defineProperty(v,a,c)}:function(v,_,f,a){a===void 0&&(a=f),v[a]=_[f]}),o=this&&this.__setModuleDefault||(Object.create?function(v,_){Object.defineProperty(v,"default",{enumerable:!0,value:_})}:function(v,_){v.default=_}),u=this&&this.__importStar||function(v){if(v&&v.__esModule)return v;var _={};if(v!=null)for(var f in v)f!=="default"&&Object.prototype.hasOwnProperty.call(v,f)&&C(_,v,f);return o(_,v),_};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const e=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),d=t("./src/components/UIButton/index.tsx"),r=t("./src/components/Icons.tsx");(0,r.initIcons)(),n.default={title:"Basic Inputs/Buttons"};const m={childrenGap:40},w=()=>{const[v,_]=(0,e.useState)(""),f=i=>{_(i)},a={key:"option1",text:"option 1"},c=[{key:"option2",text:"option 2"},{key:"option3",text:"option 3"}];return e.default.createElement(l.Stack,{tokens:m},e.default.createElement(l.Stack,{tokens:m},e.default.createElement(l.Text,{variant:"large",className:"textColor",block:!0},"Primary Button"),e.default.createElement(l.Stack,{horizontal:!0,tokens:m},e.default.createElement(d.UIDefaultButton,{primary:!0},"Primary button"),e.default.createElement(d.UIDefaultButton,{primary:!0,disabled:!0},"Primary disabled button"),e.default.createElement(d.UIDefaultButton,{primary:!0,iconProps:{iconName:"ArrowLeft13x13"}},"Primary button with icon"))),e.default.createElement(l.Stack,{tokens:m},e.default.createElement(l.Text,{variant:"large",className:"textColor",block:!0},"Secondary Button"),e.default.createElement(l.Stack,{horizontal:!0,tokens:m},e.default.createElement(d.UIDefaultButton,null,"Secondary button"),e.default.createElement(d.UIDefaultButton,{disabled:!0},"Secondary disabled button"),e.default.createElement(d.UIDefaultButton,{iconProps:{iconName:"ArrowLRight13x13"}},"Secondary button with icon"))),e.default.createElement(l.Stack,{tokens:m},e.default.createElement(l.Text,{variant:"large",className:"textColor",block:!0},"Split Button"),e.default.createElement(l.Stack,{horizontal:!0,tokens:m},e.default.createElement(d.UISplitButton,{id:"test",callback:f.bind(this),menuItems:c,button:a}),e.default.createElement("span",null,"selection: ",v))),e.default.createElement(l.Stack,{tokens:m},e.default.createElement(l.Text,{variant:"large",className:"textColor",block:!0},"Icon Button"),e.default.createElement(l.Stack,{horizontal:!0,tokens:m},e.default.createElement(d.UIIconButton,{id:"undo-button-action",iconProps:{iconName:r.UiIcons.Undo},title:"Undo"}),e.default.createElement(d.UIIconButton,{id:"add-button-action",iconProps:{iconName:r.UiIcons.Add},title:"Undo"}),e.default.createElement(d.UIIconButton,{id:"wide-button-action",sizeType:d.UIIconButtonSizes.Wide,iconProps:{iconName:r.UiIcons.QuestionMarkWithChevron},title:"QuestionMarkWithChevron"}),e.default.createElement(d.UIIconButton,{id:"undo-disabled-button-action",iconProps:{iconName:r.UiIcons.Source},disabled:!0,title:"Undo"}))),e.default.createElement(l.Stack,{tokens:m},e.default.createElement(l.Text,{variant:"large",className:"textColor",block:!0},"Action Button"),e.default.createElement(l.Stack,{horizontal:!0,tokens:m},e.default.createElement(d.UIActionButton,{iconProps:{iconName:r.UiIcons.Calendar}},"Standard Action"),e.default.createElement(d.UIActionButton,{disabled:!0,iconProps:{iconName:r.UiIcons.Calendar}},"Standard Action - disabled"),e.default.createElement(d.UIActionButton,{iconProps:{iconName:r.UiIcons.Bulb}},"Icon with color"),e.default.createElement(d.UIActionButton,{disabled:!0,iconProps:{iconName:r.UiIcons.Bulb}},"Icon with color - disabled"))),e.default.createElement(l.Stack,{tokens:m},e.default.createElement(l.Text,{variant:"large",className:"textColor",block:!0},"Small Button"),e.default.createElement(l.Stack,{horizontal:!0,tokens:m},e.default.createElement(d.UISmallButton,{primary:!0},"Clear All"))))};n.defaultUsage=w},"./stories/UICallout.story.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(w,v,_,f){f===void 0&&(f=_);var a=Object.getOwnPropertyDescriptor(v,_);(!a||("get"in a?!v.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return v[_]}}),Object.defineProperty(w,f,a)}:function(w,v,_,f){f===void 0&&(f=_),w[f]=v[_]}),o=this&&this.__setModuleDefault||(Object.create?function(w,v){Object.defineProperty(w,"default",{enumerable:!0,value:v})}:function(w,v){w.default=v}),u=this&&this.__importStar||function(w){if(w&&w.__esModule)return w;var v={};if(w!=null)for(var _ in w)_!=="default"&&Object.prototype.hasOwnProperty.call(w,_)&&C(v,w,_);return o(v,w),v};Object.defineProperty(n,"__esModule",{value:!0}),n.Callout=void 0;const e=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=t("./src/components/UIButton/index.tsx"),d=t("./src/components/UICallout/index.tsx"),r=t("./src/components/Icons.tsx");(0,r.initIcons)(),n.default={title:"Dropdowns/Callout"};const m=()=>{const w="callout-test-id",[v,_]=(0,e.useState)(!1),f=()=>{_(!v)};return e.default.createElement("div",null,e.default.createElement(l.UIIconButton,{id:w,iconProps:{iconName:r.UiIcons.Bulb},checked:v,onClick:f}),v&&e.default.createElement(d.UICallout,{target:`#${w}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>f(),calloutWidth:300,calloutMinWidth:300,contentPadding:d.UICalloutContentPadding.Standard},e.default.createElement("div",null,"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt")))};n.Callout=m},"./stories/UICheckbox.story.tsx":function(T,n,t){"use strict";var C=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const o=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),u=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),e=t("./src/components/UICheckbox/index.tsx"),l=t("./src/components/Icons.tsx");(0,l.initIcons)(),n.default={title:"Basic Inputs/Checkbox"};const d={childrenGap:40},r=()=>{const m="Dummy message",w={width:"300px",marginBottom:"25px"};return o.default.createElement(u.Stack,{tokens:d,style:{width:300}},o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",className:"textColor"},"UICheckbox"),o.default.createElement(e.UICheckbox,{label:"check"})),o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",className:"textColor"},"UICheckbox with error message"),o.default.createElement(e.UICheckbox,{label:"Error",errorMessage:m})),o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",className:"textColor"},"UICheckbox with warning message"),o.default.createElement(e.UICheckbox,{label:"Warning",warningMessage:m})),o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",className:"textColor"},"UICheckbox with info message"),o.default.createElement(e.UICheckbox,{label:"Info",infoMessage:m})))};n.defaultUsage=r},"./stories/UIChoiceGroup.story.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.defineProperties,u=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,r=(p,b,h)=>b in p?C(p,b,{enumerable:!0,configurable:!0,writable:!0,value:h}):p[b]=h,m=(p,b)=>{for(var h in b||(b={}))l.call(b,h)&&r(p,h,b[h]);if(e)for(var h of e(b))d.call(b,h)&&r(p,h,b[h]);return p},w=(p,b)=>o(p,u(b)),v=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(n,"__esModule",{value:!0}),n.ChoiceGroup=void 0;const _=v(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),a=t("./src/components/UIChoiceGroup/index.tsx"),c=t("./src/components/Icons.tsx");(0,c.initIcons)(),n.default={title:"Basic Inputs/ChoiceGroup"};const i={options:[{key:"key1",text:"Option 1"},{key:"key2",text:"Option 2"},{key:"key3",text:"Option 3",disabled:!0}],defaultSelectedKey:"key2",label:"Title",onChange:(p,b)=>{console.log(b.text)}},s=()=>_.default.createElement(f.Stack,null,_.default.createElement(f.Stack,null,_.default.createElement(f.Text,{variant:"large",block:!0},"ChoiceGroup"),_.default.createElement(f.Stack,null,_.default.createElement(a.UIChoiceGroup,m({},i))),_.default.createElement(f.Stack,null,_.default.createElement(a.UIChoiceGroup,w(m({},i),{title:"Disabled",disabled:!0}))),_.default.createElement(f.Stack,null,_.default.createElement(a.UIChoiceGroup,w(m({},i),{title:"Required",required:!0}))),_.default.createElement(f.Stack,null,_.default.createElement(a.UIChoiceGroup,w(m({},i),{title:"Inline",inline:!0})))));n.ChoiceGroup=s},"./stories/UICombobox.story.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.defineProperties,u=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,r=(O,D,U)=>D in O?C(O,D,{enumerable:!0,configurable:!0,writable:!0,value:U}):O[D]=U,m=(O,D)=>{for(var U in D||(D={}))l.call(D,U)&&r(O,U,D[U]);if(e)for(var U of e(D))d.call(D,U)&&r(O,U,D[U]);return O},w=(O,D)=>o(O,u(D)),v=this&&this.__createBinding||(Object.create?function(O,D,U,j){j===void 0&&(j=U);var B=Object.getOwnPropertyDescriptor(D,U);(!B||("get"in B?!D.__esModule:B.writable||B.configurable))&&(B={enumerable:!0,get:function(){return D[U]}}),Object.defineProperty(O,j,B)}:function(O,D,U,j){j===void 0&&(j=U),O[j]=D[U]}),_=this&&this.__setModuleDefault||(Object.create?function(O,D){Object.defineProperty(O,"default",{enumerable:!0,value:D})}:function(O,D){O.default=D}),f=this&&this.__importStar||function(O){if(O&&O.__esModule)return O;var D={};if(O!=null)for(var U in O)U!=="default"&&Object.prototype.hasOwnProperty.call(O,U)&&v(D,O,U);return _(D,O),D};Object.defineProperty(n,"__esModule",{value:!0}),n.accessibilityStates=n.openMenuOnClick=n.Messages=n.MultiSelectSearchHighlight=n.DifferentStates=n.WithLoading=n.WithRefresh=n.WithoutSearch=n.SearchWithoutHighlight=n.SearchHighlight=void 0;const a=f(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),i=t("./src/components/UIComboBox/index.tsx"),s=t("./src/components/UICheckbox/index.tsx"),p=t("./test/__mock__/select-data.ts"),b=t("./src/components/Icons.tsx");(0,b.initIcons)(),n.default={title:"Dropdowns/Combobox"};const h=()=>a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on"}),a.default.createElement(i.UIComboBox,{options:p.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}));n.SearchHighlight=h;const M=()=>a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,dropdownWidth:300,placeholder:"Search",allowFreeform:!0,autoComplete:"on",openOnKeyboardFocus:!0}));n.SearchWithoutHighlight=M;const x=()=>a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,dropdownWidth:300}));n.WithoutSearch=x;const I=()=>a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,onRefresh:()=>console.log("refresh trigged!")}),a.default.createElement("small",null,"*watch console"));n.WithRefresh=I;const y=()=>a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,isLoading:!0,styles:{optionsContainerWrapper:{width:"262px"}}}));n.WithLoading=y;const E=()=>a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),a.default.createElement(i.UIComboBox,{options:p.data,label:"Disabled",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}),a.default.createElement(i.UIComboBox,{options:p.data,label:"Required",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",required:!0}));n.DifferentStates=E;const g=()=>{const[O,D]=(0,a.useState)([]);function U(j,B,R,A){if(B){const k=[...O,B.key].filter(W=>B.selected?!0:W!==B.key);D(k)}}return a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,selectedKey:O,onChange:U,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:!0,autoComplete:"on"}))};n.MultiSelectSearchHighlight=g;const L=()=>a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),a.default.createElement(i.UIComboBox,{options:p.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",warningMessage:"Dummy Warning"}),a.default.createElement(i.UIComboBox,{options:p.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",infoMessage:"Dummy Info"}));n.Messages=L;const P=()=>a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Open menu on click"}),a.default.createElement(i.UIComboBox,{options:p.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!1,label:"Do not open menu on click"}));n.openMenuOnClick=P;const S=()=>{const[O,D]=a.default.useState(!1),[U,j]=a.default.useState("EE"),B={childrenGap:40},R={options:p.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:O,onChange:(A,k)=>{if(Array.isArray(U)){const W=[...U,k==null?void 0:k.key].filter(F=>k!=null&&k.selected?!0:F!==(k==null?void 0:k.key));j(W)}else k&&j(k.key)}};return a.default.createElement("div",null,a.default.createElement(c.Stack,{horizontal:!0,tokens:B},a.default.createElement(s.UICheckbox,{label:"Multi Select",checked:O,onChange:(A,k)=>{k&&!Array.isArray(U)?j([U]):!k&&Array.isArray(U)&&j(U[0]),D(k)}})),a.default.createElement(c.Stack,{horizontal:!0,tokens:B},a.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},a.default.createElement("tr",null,a.default.createElement("td",{style:{minWidth:100,width:150}}),a.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),a.default.createElement("td",{style:{width:"50%"}},"Input Text")),a.default.createElement("tr",null,a.default.createElement("td",null,"Regular"),a.default.createElement("td",null,a.default.createElement(i.UIComboBox,w(m({},R),{placeholder:"Placeholder"}))),a.default.createElement("td",null,a.default.createElement(i.UIComboBox,w(m({},R),{selectedKey:U})))),a.default.createElement("tr",null,a.default.createElement("td",null,"Error"),a.default.createElement("td",null,a.default.createElement(i.UIComboBox,w(m({},R),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),a.default.createElement("td",null,a.default.createElement(i.UIComboBox,w(m({},R),{errorMessage:"Dummy error",selectedKey:U})))),a.default.createElement("tr",null,a.default.createElement("td",null,"Disabled"),a.default.createElement("td",null,a.default.createElement(i.UIComboBox,w(m({},R),{placeholder:"Placeholder",disabled:!0}))),a.default.createElement("td",null,a.default.createElement(i.UIComboBox,w(m({},R),{selectedKey:U,disabled:!0})))),a.default.createElement("tr",null,a.default.createElement("td",null,"Read Only"),a.default.createElement("td",null,a.default.createElement(i.UIComboBox,w(m({},R),{placeholder:"Placeholder",readOnly:!0}))),a.default.createElement("td",null,a.default.createElement(i.UIComboBox,w(m({},R),{selectedKey:U,readOnly:!0})))))))};n.accessibilityStates=S},"./stories/UIContextualMenu.story.tsx":function(T,n,t){"use strict";var C=this&&this.__importDefault||function(v){return v&&v.__esModule?v:{default:v}};Object.defineProperty(n,"__esModule",{value:!0}),n.ContextualMenu=void 0;const o=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),u=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),e=t("./src/components/UIContextualMenu/index.tsx"),l=t("./src/components/UIButton/index.tsx"),d=t("./src/components/Icons.tsx");(0,d.initIcons)(),n.default={title:"Dropdowns/ContextualMenu"};const r={childrenGap:40},m=[{key:"item1",text:"menu item 1",onClick:()=>console.log("New clicked")},{key:"item2",text:"menu item 2",subMenuProps:{items:[{key:"submenuitem1",text:"submenu item 1"},{key:"submenuitem2",text:"submenu item 2",split:!0,subMenuProps:{items:[{key:"submenuitem21",text:"submenu item 21",canCheck:!0,checked:!0},{key:"submenuitem22",text:"submenu item 22",canCheck:!0}]}},{key:"submenuitem3",text:"submenu item 3"},{key:"submenuitem4",text:"submenu item 1"},{key:"submenuitem5",text:"submenu item 2"},{key:"submenuitem6",text:"submenu item 3"}]}}],w=()=>{const v=o.default.useRef(null),[_,f]=o.default.useState(!1),a=o.default.useCallback(()=>{f(!0)},[]),c=o.default.useCallback(()=>f(!1),[]);return o.default.createElement(u.Stack,{tokens:r},o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",block:!0},"Default UIContextualMenu rendering"),o.default.createElement("span",{ref:v,onClick:a},"Click for ContextualMenu"),o.default.createElement(e.UIContextualMenu,{hidden:!_,target:v,items:m,onDismiss:c})),o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",block:!0},"As menuProps of a UIButton elements"),o.default.createElement(u.Stack,{horizontal:!0,tokens:r},o.default.createElement(u.Stack,{tokens:{childrenGap:8}},o.default.createElement(u.Text,{variant:"small",block:!0},"UIDefaultButton"),o.default.createElement(l.UIDefaultButton,{primary:!0,text:"Toggle Contextual menu",menuProps:{items:m}})))),o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",block:!0},"As menuProps of a UIIconButton"),o.default.createElement(u.Stack,{horizontal:!0,tokens:r},o.default.createElement(u.Stack,{tokens:{childrenGap:8}},o.default.createElement(u.Text,{variant:"small",block:!0},"UIIconButton"),o.default.createElement(l.UIIconButton,{iconProps:{iconName:d.UiIcons.Undo},menuProps:{items:m}})))))};n.ContextualMenu=w},"./stories/UIDatePicker.story.tsx":function(T,n,t){"use strict";var C=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const o=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),u=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),e=t("./src/components/UIDatePicker/index.tsx"),l=t("./src/components/Icons.tsx");(0,l.initIcons)(),n.default={title:"Basic Inputs/DatePicker"};const d={childrenGap:40},r=()=>o.default.createElement(u.Stack,{tokens:d,style:{width:300}},o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",className:"textColor"},"UIDatePicker"),o.default.createElement(e.UIDatePicker,{defaultValue:"2018-06-12T19:30"})),o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",className:"textColor"},"UIDatePicker with only date"),o.default.createElement(e.UIDatePicker,{defaultValue:"2020-07-21",dateOnly:!0})));n.defaultUsage=r},"./stories/UIDialog.story.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.defineProperties,u=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,r=(S,O,D)=>O in S?C(S,O,{enumerable:!0,configurable:!0,writable:!0,value:D}):S[O]=D,m=(S,O)=>{for(var D in O||(O={}))l.call(O,D)&&r(S,D,O[D]);if(e)for(var D of e(O))d.call(O,D)&&r(S,D,O[D]);return S},w=(S,O)=>o(S,u(O)),v=this&&this.__createBinding||(Object.create?function(S,O,D,U){U===void 0&&(U=D);var j=Object.getOwnPropertyDescriptor(O,D);(!j||("get"in j?!O.__esModule:j.writable||j.configurable))&&(j={enumerable:!0,get:function(){return O[D]}}),Object.defineProperty(S,U,j)}:function(S,O,D,U){U===void 0&&(U=D),S[U]=O[D]}),_=this&&this.__setModuleDefault||(Object.create?function(S,O){Object.defineProperty(S,"default",{enumerable:!0,value:O})}:function(S,O){S.default=O}),f=this&&this.__importStar||function(S){if(S&&S.__esModule)return S;var O={};if(S!=null)for(var D in S)D!=="default"&&Object.prototype.hasOwnProperty.call(S,D)&&v(O,S,D);return _(O,S),O};Object.defineProperty(n,"__esModule",{value:!0}),n.Dialog=void 0;const a=f(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),i=t("./src/components/UIDialog/index.ts"),s=t("./src/components/UIButton/index.tsx"),p=t("./src/components/UIInput/index.tsx"),b=t("./src/components/UIDropdown/index.tsx"),h=t("./src/components/UIComboBox/index.tsx"),M=t("./src/components/UICheckbox/index.tsx"),x=t("./src/components/Icons.tsx");(0,x.initIcons)(),n.default={title:"Dialogs/Dialogs"};const I={childrenGap:40},y={main:{[".ms-TextField-wrapper > .ms-Label"]:{margin:0}}};class E extends a.default.Component{constructor(){super(...arguments),this.state={isOpen:!1,text:"Some Text"},this.onChange=O=>{this.setState({text:O.target.value})},this.onToggle=()=>{this.setState({isOpen:!this.state.isOpen})},this.onAccept=()=>{alert(`You wrote: ${this.state.text}`),this.setState({isOpen:!1})}}render(){const{draggable:O}=this.props,D=[{key:"111",text:"Dummy option 111"},{key:"222",text:"Dummy option 222"}],U=this.props.draggable?{modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:c.ContextualMenu,keepInBounds:!0}}}:void 0;return a.default.createElement(a.default.Fragment,null,a.default.createElement(s.UIDefaultButton,{onClick:this.onToggle,primary:!0},O?"Open Draggable Dialog":"Open Dialog"),a.default.createElement(i.UIDialog,w(m({isOpen:this.state.isOpen,isOpenAnimated:this.props.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel"},U),{onAccept:this.onAccept,styles:y,onCancel:this.onToggle,onDismiss:this.onToggle}),a.default.createElement(p.UITextInput,{label:"Dialog Content",value:this.state.text,onChange:this.onChange}),a.default.createElement(b.UIDropdown,{label:"Dummy",options:D}),a.default.createElement(h.UIComboBox,{label:"Dummy",highlight:!0,options:D})))}}const g=S=>{const[O,D]=(0,a.useState)(!1),U=()=>{D(!O)},j=m({},y.main),{size:B}=S;B&&(j.height=B);let R="Open Large Dialog";return B&&(R+=` height=${B}`),a.default.createElement(a.default.Fragment,null,a.default.createElement(s.UIDefaultButton,{onClick:U,primary:!0},R),a.default.createElement(i.UIDialog,{isOpen:O,isOpenAnimated:S.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",styles:{main:j},onAccept:U,onCancel:U,onDismiss:U},a.default.createElement(b.UIDropdown,{label:"Dummy",options:[]}),a.default.createElement(p.UITextInput,{label:"Username"}),a.default.createElement(p.UITextInput,{label:"Email"}),a.default.createElement(p.UITextInput,{label:"Password",type:"password"}),a.default.createElement(p.UITextInput,{label:"Email"}),a.default.createElement(p.UITextInput,{label:"First name"}),a.default.createElement(p.UITextInput,{label:"Last name"}),a.default.createElement(p.UITextInput,{label:"Address"}),a.default.createElement(p.UITextInput,{label:"State"}),a.default.createElement(p.UITextInput,{label:"Country"}),a.default.createElement(p.UITextInput,{label:"Phone"}),a.default.createElement(p.UITextInput,{label:"Dummy 1"}),a.default.createElement(p.UITextInput,{label:"Dummy 2"}),a.default.createElement(p.UITextInput,{label:"Dummy 3"}),a.default.createElement(p.UITextInput,{label:"Dummy 4"}),a.default.createElement(p.UITextInput,{label:"Dummy 5"})))},L=S=>{const[O,D]=(0,a.useState)(!1),U=()=>{D(!O)};return a.default.createElement(a.default.Fragment,null,a.default.createElement(s.UIDefaultButton,{onClick:U,primary:!0},"Open Confirm Dialog"),a.default.createElement(i.UIDialog,{isOpen:O,isOpenAnimated:S.openAnimation,isBlocking:!0,onAccept:U,onCancel:U,onDismiss:U,acceptButtonText:"Yes",cancelButtonText:"No",title:"Delete Confirmation",dialogContentProps:{subText:"Are you sure you want to delete entry? This action cannot be undone."}}))},P=()=>{const[S,O]=(0,a.useState)(!0);return a.default.createElement(c.Stack,{tokens:I},a.default.createElement(c.Stack,{tokens:I},a.default.createElement(c.Text,{variant:"large",block:!0},"Dialogs"),a.default.createElement(c.Stack,{horizontal:!0,tokens:I},a.default.createElement(M.UICheckbox,{label:"Open animation enabled",checked:S,onChange:(D,U)=>{O(U)}})),a.default.createElement(c.Stack,{horizontal:!0,tokens:I},a.default.createElement(E,{draggable:!1,openAnimation:S})),a.default.createElement(c.Stack,{horizontal:!0,tokens:I},a.default.createElement(E,{draggable:!1,openAnimation:S})),a.default.createElement(c.Stack,{horizontal:!0,tokens:I},a.default.createElement(E,{draggable:!0,openAnimation:S})),a.default.createElement(c.Stack,{horizontal:!0,tokens:I},a.default.createElement(g,{openAnimation:S})),a.default.createElement(c.Stack,{horizontal:!0,tokens:I},a.default.createElement(g,{size:400,openAnimation:S})),a.default.createElement(c.Stack,{horizontal:!0,tokens:I},a.default.createElement(g,{openAnimation:S})),a.default.createElement(c.Stack,{horizontal:!0,tokens:I},a.default.createElement(L,{openAnimation:S}))))};n.Dialog=P},"./stories/UIDropdown.story.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.defineProperties,u=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,r=(E,g,L)=>g in E?C(E,g,{enumerable:!0,configurable:!0,writable:!0,value:L}):E[g]=L,m=(E,g)=>{for(var L in g||(g={}))l.call(g,L)&&r(E,L,g[L]);if(e)for(var L of e(g))d.call(g,L)&&r(E,L,g[L]);return E},w=(E,g)=>o(E,u(g)),v=this&&this.__importDefault||function(E){return E&&E.__esModule?E:{default:E}};Object.defineProperty(n,"__esModule",{value:!0}),n.accessibilityStates=n.UseDropdownAsMenuMinWidth=n.Messages=n.MultiSelectDropdown=n.States=n.Short=n.Basic=void 0;const _=v(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),a=t("./src/components/UIDropdown/index.tsx"),c=t("./src/components/UICheckbox/index.tsx"),i=t("./test/__mock__/select-data.ts"),s=t("./src/components/Icons.tsx");(0,s.initIcons)(),n.default={title:"Dropdowns/Dropdown"};const p=()=>_.default.createElement("div",{style:{width:"300px"}},_.default.createElement(a.UIDropdown,{options:i.data,useDropdownAsMenuMinWidth:!0}));n.Basic=p;const b=()=>_.default.createElement("div",{style:{width:"150px"}},_.default.createElement(a.UIDropdown,{options:i.shortData}),_.default.createElement(a.UIDropdown,{options:i.shortData,disabled:!0}));n.Short=b;const h=()=>_.default.createElement("div",{style:{width:"300px"}},_.default.createElement(a.UIDropdown,{options:i.data,label:"Error",errorMessage:"Dummy Error"}),_.default.createElement(a.UIDropdown,{options:i.data,label:"Disabled",disabled:!0}),_.default.createElement(a.UIDropdown,{options:i.data,label:"Required",required:!0}));n.States=h;const M=()=>_.default.createElement("div",{style:{width:"300px"}},_.default.createElement(a.UIDropdown,{options:i.data,multiSelect:!0,responsiveMode:5}));n.MultiSelectDropdown=M;const x=()=>_.default.createElement("div",{style:{width:"300px"}},_.default.createElement(a.UIDropdown,{options:i.data,label:"Error",errorMessage:"Dummy Error"}),_.default.createElement(a.UIDropdown,{options:i.data,label:"Warning",warningMessage:"Dummy Warning"}),_.default.createElement(a.UIDropdown,{options:i.data,label:"Info",infoMessage:"Dummy Info"}));n.Messages=x;const I=()=>_.default.createElement("div",{style:{width:"300px"}},_.default.createElement("div",null,_.default.createElement("div",null,"useDropdownAsMenuMinWidth ON"),_.default.createElement(a.UIDropdown,{label:"Long",options:i.data,useDropdownAsMenuMinWidth:!0}),_.default.createElement(a.UIDropdown,{label:"Short",options:i.shortData,useDropdownAsMenuMinWidth:!0})),_.default.createElement("div",null,_.default.createElement("div",null,"useDropdownAsMenuMinWidth OFF"),_.default.createElement(a.UIDropdown,{label:"Long",options:i.data}),_.default.createElement(a.UIDropdown,{label:"Short",options:i.shortData})));n.UseDropdownAsMenuMinWidth=I;const y=()=>{const[E,g]=_.default.useState(!1),[L,P]=_.default.useState("EE"),S={childrenGap:40},O=Array.isArray(L)?L:void 0,D={options:i.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:E,onChange:(U,j)=>{if(Array.isArray(L)){const B=[...L,j==null?void 0:j.key].filter(R=>j!=null&&j.selected?!0:R!==(j==null?void 0:j.key));P(B)}else j&&P(j.key)}};return _.default.createElement("div",null,_.default.createElement(c.UICheckbox,{label:"Multi Select",checked:E,onChange:(U,j)=>{j&&!Array.isArray(L)?P([L]):!j&&Array.isArray(L)&&P(L[0]),g(j)}}),_.default.createElement(f.Stack,{horizontal:!0,tokens:S},_.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},_.default.createElement("tr",null,_.default.createElement("td",{style:{minWidth:100,width:150}}),_.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),_.default.createElement("td",{style:{width:"50%"}},"Input Text")),_.default.createElement("tr",null,_.default.createElement("td",null,"Regular"),_.default.createElement("td",null,_.default.createElement(a.UIDropdown,w(m({},D),{placeholder:"Placeholder"}))),_.default.createElement("td",null,_.default.createElement(a.UIDropdown,w(m({},D),{selectedKey:L,selectedKeys:O})))),_.default.createElement("tr",null,_.default.createElement("td",null,"Error"),_.default.createElement("td",null,_.default.createElement(a.UIDropdown,w(m({},D),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),_.default.createElement("td",null,_.default.createElement(a.UIDropdown,w(m({},D),{errorMessage:"Dummy error",selectedKey:L,selectedKeys:O})))),_.default.createElement("tr",null,_.default.createElement("td",null,"Disabled"),_.default.createElement("td",null,_.default.createElement(a.UIDropdown,w(m({},D),{placeholder:"Placeholder",disabled:!0}))),_.default.createElement("td",null,_.default.createElement(a.UIDropdown,w(m({},D),{selectedKey:L,selectedKeys:O,disabled:!0})))),_.default.createElement("tr",null,_.default.createElement("td",null,"Read Only"),_.default.createElement("td",null,_.default.createElement(a.UIDropdown,w(m({},D),{placeholder:"Placeholder",readOnly:!0}))),_.default.createElement("td",null,_.default.createElement(a.UIDropdown,w(m({},D),{selectedKey:L,selectedKeys:O,readOnly:!0})))))))};n.accessibilityStates=y},"./stories/UIFlexibleTable.story.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.defineProperties,u=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,r=(O,D,U)=>D in O?C(O,D,{enumerable:!0,configurable:!0,writable:!0,value:U}):O[D]=U,m=(O,D)=>{for(var U in D||(D={}))l.call(D,U)&&r(O,U,D[U]);if(e)for(var U of e(D))d.call(D,U)&&r(O,U,D[U]);return O},w=(O,D)=>o(O,u(D)),v=this&&this.__createBinding||(Object.create?function(O,D,U,j){j===void 0&&(j=U);var B=Object.getOwnPropertyDescriptor(D,U);(!B||("get"in B?!D.__esModule:B.writable||B.configurable))&&(B={enumerable:!0,get:function(){return D[U]}}),Object.defineProperty(O,j,B)}:function(O,D,U,j){j===void 0&&(j=U),O[j]=D[U]}),_=this&&this.__setModuleDefault||(Object.create?function(O,D){Object.defineProperty(O,"default",{enumerable:!0,value:D})}:function(O,D){O.default=D}),f=this&&this.__importStar||function(O){if(O&&O.__esModule)return O;var D={};if(O!=null)for(var U in O)U!=="default"&&Object.prototype.hasOwnProperty.call(O,U)&&v(D,O,U);return _(D,O),D};Object.defineProperty(n,"__esModule",{value:!0}),n.WrappingTable=n.InlineFlexTable=void 0;const a=f(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=t("./src/components/index.tsx"),i=t("../../node_modules/.pnpm/react-movable@2.4.0_wcqkhtmu7mswc6yz4uyexck3ty/node_modules/react-movable/lib/index.js"),s=t("./src/components/Icons.tsx");(0,s.initIcons)(),n.default={title:"Tables/UIFlexibleTable"};const p=["table1","table2"],b=Array.from({length:10}).map((O,D)=>({key:`column${D+1}`,title:`Column ${D+1}`,tooltip:`Tooltip for column #${D+1}`}));b.push({key:"preferred",title:"Preferred",hidden:!0});const h=O=>{const D={};return b.forEach((U,j)=>{D[U.key]=j<5?`sample_${O}${j}`:"a"}),D},M=[],x=(O,D,U)=>O.map((B,R)=>{const A={};b.forEach((W,F)=>{A[W.key]={type:F<5?"input":D&&F===9?"link":"dropdown",value:O[R][W.key]}});const k=A.preferred.value==="1";return{key:R.toFixed(0),title:`Row ${R+1}`,className:U===R||U===100?"active-row":k?"preferred-row":"",cells:A,tooltip:`Tooltip for row #${R+1}`}});function I(O,D,U,j){const B=O.value.value,R=O.colIndex===1&&O.rowIndex===2&&j,A=b[O.colIndex];switch(O.value.type){case"dropdown":{const k=["a","b","c"].map(W=>({key:W,text:`Option ${W.toUpperCase()}`}));return{title:R?"Custom Title for spanned cell":void 0,isSpan:R,cellClassNames:R?"spanned-cell":j&&O.rowIndex===2&&!R?"not-spanned-cell":void 0,content:a.default.createElement(c.UIDropdown,{options:k,selectedKey:B,disabled:D,onChange:(W,F,N)=>{var J;return U((J=F==null?void 0:F.key.toString())!=null?J:"")},title:A.tooltip})}}case"input":return{title:R?"Custom Title for spanned cell":void 0,isSpan:R,cellClassNames:[R?"spanned-cell":j&&O.rowIndex===2&&!R?"not-spanned-cell":""],content:a.default.createElement(y,{value:B,readonly:D,onChange:k=>U(k),title:A.tooltip})};default:return{content:a.default.createElement(c.UILink,{href:"",title:"Tooltip for navigation"},"Link")}}}function y(O){const[D,U]=(0,a.useState)("");(0,a.useEffect)(()=>{U(O.value)},[O.value]);const j=B=>{U(B)};return a.default.createElement(c.UITextInput,{value:D,readOnly:O.readonly,onChange:(B,R)=>j(R||""),onBlur:()=>{O.value!==D&&setTimeout(()=>{O.onChange(D)},0)},title:O.title})}function E(O){const D=h(O.length);O.push(D)}const g=`
7
+ Translation: '{{{translation}}}'.`}},"./src/components/UITranslationInput/index.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(u,e,l,d){d===void 0&&(d=l);var r=Object.getOwnPropertyDescriptor(e,l);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(u,d,r)}:function(u,e,l,d){d===void 0&&(d=l),u[d]=e[l]}),o=this&&this.__exportStar||function(u,e){for(var l in u)l!=="default"&&!Object.prototype.hasOwnProperty.call(e,l)&&C(e,u,l)};Object.defineProperty(n,"__esModule",{value:!0}),o(t("./src/components/UITranslationInput/UITranslationInput.tsx"),n),o(t("./src/components/UITranslationInput/UITranslationButton.types.ts"),n)},"./src/components/UITreeDropdown/UITreeDropdown.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.defineProperties,u=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,r=(y,E,g)=>E in y?C(y,E,{enumerable:!0,configurable:!0,writable:!0,value:g}):y[E]=g,m=(y,E)=>{for(var g in E||(E={}))l.call(E,g)&&r(y,g,E[g]);if(e)for(var g of e(E))d.call(E,g)&&r(y,g,E[g]);return y},w=(y,E)=>o(y,u(E)),v=this&&this.__importDefault||function(y){return y&&y.__esModule?y:{default:y}};Object.defineProperty(n,"__esModule",{value:!0}),n.UITreeDropdown=n.EdgePosition=n.UIDirectionalHint=void 0;const _=v(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=v(t("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js")),a=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"UIDirectionalHint",{enumerable:!0,get:function(){return a.DirectionalHint}});const c=t("./src/components/UIInput/index.tsx"),i=t("./src/components/UIContextualMenu/index.tsx"),s=t("./src/components/UIButton/UIIconButton.tsx"),p=t("./src/components/Icons.tsx"),b=t("./src/helper/ValidationMessage/index.tsx");t("./src/components/UITreeDropdown/UITreeDropdown.scss");const h={callout:"ui-tree-callout",scrollArea:"ms-ContextualMenu-container",splitButton:"ms-ContextualMenu-splitMenu"};var M;(function(y){y.First="First",y.Last="Last"})(M=n.EdgePosition||(n.EdgePosition={}));const x={ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Enter:"Enter",Escape:"Escape"};class I extends _.default.Component{constructor(E){super(E),this.UITreeDropdownRef=_.default.createRef(),this.UITreeDropdownFocusZoneRef=_.default.createRef(),this.inputRef=_.default.createRef(),this.submenuRefs={},this.submenuOffset=0,this.lastKeyDown="",this.componentDidMount=()=>{this.props.items.length&&(this.buildItems(this.props.items),this.setState({isDisabled:!1}))},this.componentDidUpdate=g=>{this.props.items.length!==g.items.length&&(this.setState({isHidden:!0}),this.setState({isDisabled:!this.props.items.length}),this.buildItems(this.props.items)),this.props.value!==g.value&&this.setState({value:this.props.value}),this.calculateSubmenuOffset()},this.buildItems=g=>{if(this.state.items.length!==g.length){g=g.map(this.buildSubItems);const L=this.mapValuesToContextMenu(g);this.setState({originalItems:L,items:L})}},this.buildSubItems=g=>(g.children&&g.children.length&&(g.children=g.children.map(L=>{const P=new RegExp(g.value,"ig"),S=L.value.search(P)===-1?`${g.value}${this.state.valueSeparator}${L.value}`:L.value;return w(m({},L),{split:!1,value:S})})),g),this.mapValuesToContextMenu=(g,L=0)=>g.map(P=>{if(P.children&&P.children.length){P.split=!0;const S=this.getRefId(P.value,L);this.submenuRefs[S]||(this.submenuRefs[S]=_.default.createRef()),P.subMenuProps={componentRef:this.submenuRefs[S],items:this.mapValuesToContextMenu(P.children,L+1),focusZoneProps:{handleTabKey:a.FocusZoneTabbableElements.none,onFocus:()=>{var O,D,U,j;const B=(O=this.defaultSubmenuFocus)==null?void 0:O.parent;B&&B.item.value===P.value&&B.level===L&&this.focusItemWithValue(this.state.value,(j=(U=(D=this.defaultSubmenuFocus)==null?void 0:D.parent)==null?void 0:U.item.subMenuProps)==null?void 0:j.items)}}}}return w(m({},P),{key:P.value,text:P.label,className:"ui-tree-dropdown-list-item",onClick:()=>this.handleSelection(P.value),onRenderContent:this.handleRenderContent})}),this.handleSelection=g=>{this.setState({hasSelected:!0,value:g,valueChanged:!1},()=>this.props.onParameterValueChange(g))},this.handleKeyPress=g=>{switch(g.key){case"Enter":this.state.isMenuOpen?(this.setState({valueChanged:!0}),this.handleSelection(this.state.value?this.state.value:"")):this.toggleMenu(!1,g);break;case"ArrowDown":this.state.isMenuOpen?this.focusDropdown(g,g.key):this.toggleMenu(!1,g);break;case"Tab":this.state.isMenuOpen&&this.toggleMenu(!0),this.handleSelection(this.state.value?this.state.value:"");break;default:}this.lastKeyDown=g.key},this.focusDropdown=(g,L)=>{var P;this.UITreeDropdownFocusZoneRef&&(L===x.Enter?this.focusItemWithValue(this.state.value,this.state.items):(P=this.UITreeDropdownFocusZoneRef.current)==null||P.focus(!0),g.preventDefault())},this.handleRenderContent=(g,L)=>(g.item.className=g.item.value===this.props.value?"is-selected":"",g.item.text=this.highlightQuery(g.item.label,this.state.query),this.applySubmenuPosition(g.item),L?L.renderItemName(g):null),this.handleRenderMenuList=(g,L)=>{let P=[];return g!=null&&g.items&&(P=g.items.map(S=>{var O;return S.className=S.value===this.props.value?"is-selected":"",S.text=this.highlightQuery(S.label,this.state.query),this.applySubmenuPosition(S),(O=S.subMenuProps)==null||O.items.map(D=>(D.className=D.value===this.props.value?"is-selected":"",D)),m({},S)})),L?L(w(m({},g),{items:P})):null},this.toggleMenu=(g,L)=>{if(this.props.readOnly)return;this.setState({isHidden:g});const P=L==null?void 0:L.key;L&&setTimeout(()=>{L.persist(),this.focusDropdown(L,P)},0)},this.highlightQuery=(g,L)=>_.default.createElement(i.UIHighlightMenuOption,{text:g,query:L}),this.filterElement=(g,L)=>{var P;const S=new RegExp(g,"ig");return(P=L==null?void 0:L.children)!=null&&P.length?L.children.filter(O=>this.filterElement(g,O)).length>0:L!=null&&L.value?L.value.search(S)!==-1:!1},this.handleOnChangeValue=g=>{const L=g.target,P=this.state.originalItems.filter(S=>this.filterElement(L.value,S));this.setState({hasSelected:!1,value:L.value,items:P,query:L.value,valueChanged:!0}),this.state.isMenuOpen||this.toggleMenu(!1)},this.handleDismiss=g=>{g&&"key"in g&&g.key===x.Escape?this.resetValue():this.state.hasSelected||this.props.onParameterValueChange(""),this.setState({items:this.state.originalItems,query:""}),this.toggleMenu(!0),this.originalValue=void 0},this.applySubmenuPosition=g=>{var L;(L=g.subMenuProps)!=null&&L.items&&(g.subMenuProps.calloutProps||(g.subMenuProps.calloutProps={}),g.subMenuProps.calloutProps.styles={root:{marginLeft:this.submenuOffset}})},this.getCalloutDomRef=(g=!1)=>{const L=`${h.callout}${this.state.uiidInput}`,P=document.querySelector(`.${L}`);return g&&P?P.nextSibling:P},this.calculateSubmenuOffset=()=>{const g=this.getCalloutDomRef();if(g){const L=g.querySelector(`.${h.scrollArea}`);this.submenuOffset=0,L&&L.scrollHeight>L.clientHeight&&(this.submenuOffset=L.offsetWidth-L.clientWidth)}},this.onFocusElementChanged=g=>{const L=g.getElementsByClassName("ts-Menu-option");document.getElementsByClassName("ms-Fabric--isFocusVisible").length>0&&L.length>0&&this.setState({value:g.value?g.value:L[0].innerText,valueChanged:!0})},this.onWindowKeyDown=g=>{var L;this.lastKeyDown=g.key;const P=document.activeElement;if([x.ArrowDown,x.ArrowUp].includes(g.key)&&P){const S=this.getEdgePosition(P),O=S.includes(M.First)&&g.key===x.ArrowUp,D=S.includes(M.Last)&&g.key===x.ArrowDown;(O||D)&&(O&&P.closest(`.${h.callout}${this.state.uiidInput}`)&&((L=this.inputRef.current)==null||L.focus()),g.stopPropagation(),g.preventDefault())}},this.handleCustomDownKey=g=>{this.lastKeyDown.includes("Arrow")&&(this.lastKeyDown="",this.onFocusElementChanged(g.target))},this.applyCustomKeyDownHandlingEvents=()=>{window.addEventListener("keydown",this.onWindowKeyDown,!0),window.addEventListener("focus",this.handleCustomDownKey,!0)},this.removeCustomKeyDownHandlingEvents=()=>{window.removeEventListener("keydown",this.onWindowKeyDown,!0),window.removeEventListener("focus",this.handleCustomDownKey,!0)},this.getEdgePosition=g=>{const L=g.closest("ul"),P=g.closest("li"),S=[];return L&&P&&(L.children[0]===P&&S.push(M.First),L.children[L.children.length-1]===P&&S.push(M.Last)),S},this.findItemByValue=(g,L=[],P,S=0)=>{var O,D;let U;for(let j=0;j<L.length;j++){const B=L[j],R={item:B,index:j,parent:P,level:S};if(B.value===g?U=R:(D=(O=B.subMenuProps)==null?void 0:O.items)!=null&&D.length&&(U=this.findItemByValue(g,B.subMenuProps.items,R,S+1)),U)break}return U},this.getItemTarget=(g,L)=>{let P;const S=g.querySelector(".ms-ContextualMenu-list");return S&&S.childNodes[L.index]&&(P=S.childNodes[L.index].firstChild),P},this.focusItemWithValue=(g,L=[])=>{const P=this.findItemByValue(g,L),S=this.getCalloutDomRef(!!this.defaultSubmenuFocus);if(this.defaultSubmenuFocus=void 0,P&&S){let O;if(P.parent){const D=this.getItemTarget(S,P.parent);D&&(this.defaultSubmenuFocus=P,D.dispatchEvent(new KeyboardEvent("keydown",{keyCode:39,which:39,bubbles:!0})))}else O=this.getItemTarget(S,P);if(O)O.focus();else{const D=S.querySelector(`.${h.scrollArea}`);D==null||D.focus()}}},this.getRefId=(g,L)=>`${g}__${L}`,this.state={query:"",hasSelected:!!this.props.value,value:this.props.value||"",isHidden:!0,originalItems:[],items:[],valueSeparator:this.props.valueSeparator||".",uiidInput:f.default.v4(),isDisabled:!this.props.items.length,isMenuOpen:!1,valueChanged:!1},this.toggleMenu=this.toggleMenu.bind(this),this.onWindowKeyDown=this.onWindowKeyDown.bind(this),this.handleCustomDownKey=this.handleCustomDownKey.bind(this),(0,a.setIconOptions)({disableWarnings:!0})}resetValue(){this.setState({value:this.originalValue,valueChanged:!1})}getClassNames(){let E=`ui-treeDropdown-wrapper ui-treeDropdown-wrapper-menu${this.state.isMenuOpen?"-open":"-close"} ui-treeDropdown-wrapper-${this.state.uiidInput}`;return this.state.isDisabled&&(E+=" disabled"),this.props.readOnly&&(E+=" readonly"),E}render(){const E=(0,b.getMessageInfo)(this.props);let g=!0;return this.props.useTargetWidth&&(g=!1),_.default.createElement("div",{className:`ui-treeDropdown ui-treeDropDown-${this.state.uiidInput} ${this.props.label?"ui-treeDropdown-with-label":""}`},this.props.label&&_.default.createElement("label",{className:`${this.props.required?"required":""} ${this.state.isDisabled?"disabled":""}`},this.props.label),_.default.createElement("div",{className:this.getClassNames()},_.default.createElement(c.UITextInput,{componentRef:this.inputRef,disabled:this.state.isDisabled,readOnly:this.props.readOnly,autoComplete:"off",value:this.state.value,placeholder:this.props.placeholderText,onKeyDown:this.handleKeyPress,onChange:this.handleOnChangeValue,onClick:()=>{this.toggleMenu(!1)},onFocus:L=>{L.target.select()},errorMessage:E.message}),_.default.createElement(s.UIIconButton,{tabIndex:-1,allowDisabledFocus:!0,className:"ui-treeDropdown-caret",iconProps:{iconName:p.UiIcons.ArrowDown},onClick:()=>{var L;this.state.isHidden&&((L=this.inputRef.current)==null||L.focus()),this.toggleMenu(!this.state.isHidden)}})),!this.state.isHidden&&_.default.createElement(i.UIContextualMenu,{componentRef:this.UITreeDropdownRef,onRenderMenuList:this.handleRenderMenuList,className:"ui-treeDropDown-context-menu",target:`.ui-treeDropDown-${this.state.uiidInput}`,onMenuOpened:()=>{this.originalValue=this.state.value,this.applyCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!0})},onMenuDismissed:()=>{this.removeCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!1}),this.state.valueChanged&&this.handleSelection(this.state.value?this.state.value:"")},useTargetWidth:g,useTargetAsMinWidth:!0,onRestoreFocus:L=>{var P;(P=L.originalElement)==null||P.focus()},shouldUpdateWhenHidden:!0,items:this.state.items,onDismiss:this.handleDismiss,shouldFocusOnContainer:!1,focusZoneProps:{componentRef:this.UITreeDropdownFocusZoneRef,handleTabKey:a.FocusZoneTabbableElements.none,isCircularNavigation:!1},shouldFocusOnMount:!1,directionalHint:this.props.directionalHint,calloutProps:{layerProps:{className:`${h.callout}${this.state.uiidInput}`},onLayerMounted:()=>{this.calculateSubmenuOffset()}},styles:{container:{maxHeight:192,overflowY:"auto"}},maxWidth:this.props.maxWidth}))}}n.UITreeDropdown=I},"./src/components/UITreeDropdown/index.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(u,e,l,d){d===void 0&&(d=l);var r=Object.getOwnPropertyDescriptor(e,l);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(u,d,r)}:function(u,e,l,d){d===void 0&&(d=l),u[d]=e[l]}),o=this&&this.__exportStar||function(u,e){for(var l in u)l!=="default"&&!Object.prototype.hasOwnProperty.call(e,l)&&C(e,u,l)};Object.defineProperty(n,"__esModule",{value:!0}),o(t("./src/components/UITreeDropdown/UITreeDropdown.tsx"),n)},"./src/components/UIVerticalDivider/UIVerticalDivider.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.defineProperties,u=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,r=(c,i,s)=>i in c?C(c,i,{enumerable:!0,configurable:!0,writable:!0,value:s}):c[i]=s,m=(c,i)=>{for(var s in i||(i={}))l.call(i,s)&&r(c,s,i[s]);if(e)for(var s of e(i))d.call(i,s)&&r(c,s,i[s]);return c},w=(c,i)=>o(c,u(i)),v=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIVerticalDivider=void 0;const _=v(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js");class a extends _.default.Component{constructor(i){super(i),this.setStyle=()=>({wrapper:{},divider:{backgroundColor:"var(--vscode-editorWidget-border)"}})}render(){return _.default.createElement(f.VerticalDivider,w(m({},this.props),{styles:this.setStyle()}))}}n.UIVerticalDivider=a},"./src/components/UIVerticalDivider/index.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(u,e,l,d){d===void 0&&(d=l);var r=Object.getOwnPropertyDescriptor(e,l);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(u,d,r)}:function(u,e,l,d){d===void 0&&(d=l),u[d]=e[l]}),o=this&&this.__exportStar||function(u,e){for(var l in u)l!=="default"&&!Object.prototype.hasOwnProperty.call(e,l)&&C(e,u,l)};Object.defineProperty(n,"__esModule",{value:!0}),o(t("./src/components/UIVerticalDivider/UIVerticalDivider.tsx"),n)},"./src/components/UIVirtualList/UIAutoSizer.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,l=(_,f,a)=>f in _?C(_,f,{enumerable:!0,configurable:!0,writable:!0,value:a}):_[f]=a,d=(_,f)=>{for(var a in f||(f={}))u.call(f,a)&&l(_,a,f[a]);if(o)for(var a of o(f))e.call(f,a)&&l(_,a,f[a]);return _},r=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIAutoSizer=void 0;const m=r(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),w=t("../../node_modules/.pnpm/react-virtualized@9.22.3_wcqkhtmu7mswc6yz4uyexck3ty/node_modules/react-virtualized/dist/es/index.js");class v extends m.default.Component{constructor(f){super(f)}render(){return m.default.createElement(w.AutoSizer,d({},this.props),this.props.children)}}n.UIAutoSizer=v},"./src/components/UIVirtualList/UICellMeasurer.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,l=(f,a,c)=>a in f?C(f,a,{enumerable:!0,configurable:!0,writable:!0,value:c}):f[a]=c,d=(f,a)=>{for(var c in a||(a={}))u.call(a,c)&&l(f,c,a[c]);if(o)for(var c of o(a))e.call(a,c)&&l(f,c,a[c]);return f},r=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICellMeasurer=n.OnScrollParams=n.Index=void 0;const m=r(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),w=t("../../node_modules/.pnpm/react-virtualized@9.22.3_wcqkhtmu7mswc6yz4uyexck3ty/node_modules/react-virtualized/dist/es/index.js");var v=t("../../node_modules/.pnpm/react-virtualized@9.22.3_wcqkhtmu7mswc6yz4uyexck3ty/node_modules/react-virtualized/dist/es/index.js");Object.defineProperty(n,"Index",{enumerable:!0,get:function(){return v.Index}}),Object.defineProperty(n,"OnScrollParams",{enumerable:!0,get:function(){return v.OnScrollParams}});class _ extends m.default.Component{constructor(a){super(a)}render(){return m.default.createElement(w.CellMeasurer,d({},this.props),this.props.children)}}n.UICellMeasurer=_},"./src/components/UIVirtualList/UIVirtualList.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,l=(f,a,c)=>a in f?C(f,a,{enumerable:!0,configurable:!0,writable:!0,value:c}):f[a]=c,d=(f,a)=>{for(var c in a||(a={}))u.call(a,c)&&l(f,c,a[c]);if(o)for(var c of o(a))e.call(a,c)&&l(f,c,a[c]);return f},r=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIVirtualList=n.VisibleCellRange=n.GridCellRangeProps=n.defaultCellRangeRenderer=n.GridState=n.SectionRenderedParams=n.ListRowProps=n.CellMeasurerCache=void 0;const m=r(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),w=t("../../node_modules/.pnpm/react-virtualized@9.22.3_wcqkhtmu7mswc6yz4uyexck3ty/node_modules/react-virtualized/dist/es/index.js");var v=t("../../node_modules/.pnpm/react-virtualized@9.22.3_wcqkhtmu7mswc6yz4uyexck3ty/node_modules/react-virtualized/dist/es/index.js");Object.defineProperty(n,"CellMeasurerCache",{enumerable:!0,get:function(){return v.CellMeasurerCache}}),Object.defineProperty(n,"ListRowProps",{enumerable:!0,get:function(){return v.ListRowProps}}),Object.defineProperty(n,"SectionRenderedParams",{enumerable:!0,get:function(){return v.SectionRenderedParams}}),Object.defineProperty(n,"GridState",{enumerable:!0,get:function(){return v.GridState}}),Object.defineProperty(n,"defaultCellRangeRenderer",{enumerable:!0,get:function(){return v.defaultCellRangeRenderer}}),Object.defineProperty(n,"GridCellRangeProps",{enumerable:!0,get:function(){return v.GridCellRangeProps}}),Object.defineProperty(n,"VisibleCellRange",{enumerable:!0,get:function(){return v.VisibleCellRange}});class _ extends m.default.Component{constructor(a){super(a),this.listRef=m.default.createRef()}forceListUpdate(){this.listRef.current&&this.listRef.current.forceUpdate()}scrollToRow(a){this.listRef.current&&this.listRef.current.scrollToRow(a)}recomputeRowHeights(a){this.listRef.current&&this.listRef.current.recomputeRowHeights(a)}isScrolling(){var a,c;return!!((c=(a=this.listRef.current)==null?void 0:a.Grid)!=null&&c.state.isScrolling)}render(){return m.default.createElement(w.List,d({ref:this.listRef},this.props),this.props.children)}}n.UIVirtualList=_},"./src/components/UIVirtualList/index.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(u,e,l,d){d===void 0&&(d=l);var r=Object.getOwnPropertyDescriptor(e,l);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(u,d,r)}:function(u,e,l,d){d===void 0&&(d=l),u[d]=e[l]}),o=this&&this.__exportStar||function(u,e){for(var l in u)l!=="default"&&!Object.prototype.hasOwnProperty.call(e,l)&&C(e,u,l)};Object.defineProperty(n,"__esModule",{value:!0}),o(t("./src/components/UIVirtualList/UIAutoSizer.tsx"),n),o(t("./src/components/UIVirtualList/UICellMeasurer.tsx"),n),o(t("./src/components/UIVirtualList/UIVirtualList.tsx"),n)},"./src/components/index.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(u,e,l,d){d===void 0&&(d=l);var r=Object.getOwnPropertyDescriptor(e,l);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(u,d,r)}:function(u,e,l,d){d===void 0&&(d=l),u[d]=e[l]}),o=this&&this.__exportStar||function(u,e){for(var l in u)l!=="default"&&!Object.prototype.hasOwnProperty.call(e,l)&&C(e,u,l)};Object.defineProperty(n,"__esModule",{value:!0}),o(t("./src/components/Icons.tsx"),n),o(t("./src/components/UIButton/index.tsx"),n),o(t("./src/components/UIBreadcrumb/index.tsx"),n),o(t("./src/components/UICallout/index.tsx"),n),o(t("./src/components/UICheckbox/index.tsx"),n),o(t("./src/components/UIChoiceGroup/index.tsx"),n),o(t("./src/components/UIComboBox/index.tsx"),n),o(t("./src/components/UIContextualMenu/index.tsx"),n),o(t("./src/components/UIDialog/index.ts"),n),o(t("./src/components/UIDropdown/index.tsx"),n),o(t("./src/components/UIFlexibleTable/index.ts"),n),o(t("./src/components/UIFocusZone/index.tsx"),n),o(t("./src/components/UIIcon/index.tsx"),n),o(t("./src/components/UIInput/index.tsx"),n),o(t("./src/components/UILabel/index.tsx"),n),o(t("./src/components/UILink/index.tsx"),n),o(t("./src/components/UIList/index.tsx"),n),o(t("./src/components/UILoader/index.tsx"),n),o(t("./src/components/UIMessageBar/index.tsx"),n),o(t("./src/components/UIModal/index.tsx"),n),o(t("./src/components/UIOverlay/index.tsx"),n),o(t("./src/components/UIPersona/index.tsx"),n),o(t("./src/components/UISearchBox/index.tsx"),n),o(t("./src/components/UISeparator/index.tsx"),n),o(t("./src/components/UISection/index.tsx"),n),o(t("./src/components/UITable/index.tsx"),n),o(t("./src/components/UITabs/index.tsx"),n),o(t("./src/components/UIToggle/index.tsx"),n),o(t("./src/components/UIToggleGroup/index.ts"),n),o(t("./src/components/UITooltip/index.tsx"),n),o(t("./src/components/UIToolbar/index.tsx"),n),o(t("./src/components/UITranslationInput/index.tsx"),n),o(t("./src/components/UITreeDropdown/index.tsx"),n),o(t("./src/components/UIVerticalDivider/index.tsx"),n),o(t("./src/components/UIVirtualList/index.tsx"),n),o(t("./src/components/UIDatePicker/index.tsx"),n),o(t("./src/components/UIActionCallout/index.ts"),n)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(T,n,t){"use strict";var C=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.MessageWrapper=n.MESSAGE_ICONS_MAP=void 0;const o=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),u=t("./src/helper/ValidationMessage/utils.ts"),e=t("./src/components/Icons.tsx"),l=t("./src/components/UIIcon/index.tsx");t("./src/helper/ValidationMessage/MessageWrapper.scss"),n.MESSAGE_ICONS_MAP=new Map([[void 0,e.UiIcons.Error],[u.ErrorMessageType.Error,e.UiIcons.Error],[u.ErrorMessageType.Warning,e.UiIcons.Warning],[u.ErrorMessageType.Info,e.UiIcons.Info]]);function d(r){const{children:m,message:w}=r,v=w.message?u.MESSAGE_TYPES_CLASSNAME_MAP.get(w.type):void 0,_=n.MESSAGE_ICONS_MAP.get(w.type);return o.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${v}`},o.default.createElement("div",{className:"ts-message-target"},m),o.default.createElement("div",{className:"ts-message-body"},o.default.createElement(l.UIIcon,{iconName:_}),o.default.createElement("span",null,w.message)))}n.MessageWrapper=d},"./src/helper/ValidationMessage/index.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(u,e,l,d){d===void 0&&(d=l);var r=Object.getOwnPropertyDescriptor(e,l);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(u,d,r)}:function(u,e,l,d){d===void 0&&(d=l),u[d]=e[l]}),o=this&&this.__exportStar||function(u,e){for(var l in u)l!=="default"&&!Object.prototype.hasOwnProperty.call(e,l)&&C(e,u,l)};Object.defineProperty(n,"__esModule",{value:!0}),o(t("./src/helper/ValidationMessage/MessageWrapper.tsx"),n),o(t("./src/helper/ValidationMessage/utils.ts"),n)},"./src/helper/ValidationMessage/utils.ts":(T,n)=>{"use strict";var t=Object.defineProperty,C=Object.defineProperties,o=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,d=(s,p,b)=>p in s?t(s,p,{enumerable:!0,configurable:!0,writable:!0,value:b}):s[p]=b,r=(s,p)=>{for(var b in p||(p={}))e.call(p,b)&&d(s,b,p[b]);if(u)for(var b of u(p))l.call(p,b)&&d(s,b,p[b]);return s},m=(s,p)=>C(s,o(p));Object.defineProperty(n,"__esModule",{value:!0}),n.getMessageInfo=n.MESSAGE_TYPES_CLASSNAME_MAP=n.ErrorMessageType=void 0;var w;(function(s){s.Error="Error",s.Warning="Warning",s.Info="Info"})(w=n.ErrorMessageType||(n.ErrorMessageType={}));const v=(s,p)=>{const b=`1px solid ${p}`;return{backgroundColor:s,borderLeft:b,borderRight:b,borderBottom:b,borderColor:p}},_={error:m(r({color:"var(--vscode-input-foreground)"},v("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};_.warning=r(r({},_.error),v("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),_.info=r(r({},_.error),v("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),n.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[w.Error,"error"],[w.Warning,"warning"],[w.Info,"info"]]);const f=s=>{let p;switch(s){case w.Warning:{p=_.warning;break}case w.Info:{p=_.info;break}default:{p=_.error;break}}return p},a=s=>{if(s){if(s.errorMessage)return w.Error;if(s.warningMessage)return w.Warning;if(s.infoMessage)return w.Info}return w.Error},c=s=>(s==null?void 0:s.errorMessage)||(s==null?void 0:s.warningMessage)||(s==null?void 0:s.infoMessage),i=s=>{const p=a(s);return{type:p,style:f(p),message:c(s)}};n.getMessageInfo=i},"./src/utilities/DeepMerge.ts":function(T,n,t){"use strict";var C=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(n,"__esModule",{value:!0}),n.deepMerge=void 0;const o=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));function u(l,d){var r;const m=Object.keys(l).length?u({},l):{},w=Object.keys(d);for(const v of w){const _=d[v];if(e(_))if(!m[v]||e(m[v]))m[v]=u((r=m[v])!=null?r:{},_);else throw new Error("Object structures are not compatible!");else m[v]=_}return m}n.deepMerge=u;function e(l){return l?typeof l=="object"&&!Array.isArray(l)&&!o.default.isValidElement(l):!1}},"./src/utilities/Focus.ts":(T,n,t)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.setUIFocusVisibility=n.getUILastFocusable=n.getUIFirstFocusable=void 0;const C=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"getUIFirstFocusable",{enumerable:!0,get:function(){return C.getFirstFocusable}}),Object.defineProperty(n,"getUILastFocusable",{enumerable:!0,get:function(){return C.getLastFocusable}}),Object.defineProperty(n,"setUIFocusVisibility",{enumerable:!0,get:function(){return C.setFocusVisibility}})},"./src/utilities/Id.ts":(T,n,t)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getUIId=void 0;const C=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"getUIId",{enumerable:!0,get:function(){return C.getId}})},"./src/utilities/Keys.ts":(T,n,t)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.UIKeyCodes=void 0;const C=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"UIKeyCodes",{enumerable:!0,get:function(){return C.KeyCodes}})},"./src/utilities/index.ts":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(u,e,l,d){d===void 0&&(d=l);var r=Object.getOwnPropertyDescriptor(e,l);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(u,d,r)}:function(u,e,l,d){d===void 0&&(d=l),u[d]=e[l]}),o=this&&this.__exportStar||function(u,e){for(var l in u)l!=="default"&&!Object.prototype.hasOwnProperty.call(e,l)&&C(e,u,l)};Object.defineProperty(n,"__esModule",{value:!0}),o(t("./src/utilities/Focus.ts"),n),o(t("./src/utilities/Id.ts"),n),o(t("./src/utilities/Keys.ts"),n)},"./stories/UIActionCallout.story.tsx":function(T,n,t){"use strict";var C=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const o=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),u=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=t("./src/components/UIActionCallout/index.ts"),l=t("./src/components/UIIcon/index.tsx"),d=t("./src/components/Icons.tsx");n.default={title:"Utilities/ActionCallout"};const r={childrenGap:40},m={linkText:"Need help with this error?",subText:"This link might be able to help.",url:"https://some.url/some/page"},w={linkText:"Click to action!",subText:"Some action will do the thing you need",url:"https://some.url/some/page"},v=()=>u.default.createElement(o.Stack,{tokens:r,style:{width:300}},u.default.createElement(o.Stack,{tokens:r},u.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),u.default.createElement(e.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:m})),u.default.createElement(o.Stack,{tokens:r},u.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),u.default.createElement(e.UIActionCallout,{icon:new l.UIIcon({iconName:d.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:w})));n.defaultUsage=v},"./stories/UIButton.story.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(v,_,f,a){a===void 0&&(a=f);var c=Object.getOwnPropertyDescriptor(_,f);(!c||("get"in c?!_.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return _[f]}}),Object.defineProperty(v,a,c)}:function(v,_,f,a){a===void 0&&(a=f),v[a]=_[f]}),o=this&&this.__setModuleDefault||(Object.create?function(v,_){Object.defineProperty(v,"default",{enumerable:!0,value:_})}:function(v,_){v.default=_}),u=this&&this.__importStar||function(v){if(v&&v.__esModule)return v;var _={};if(v!=null)for(var f in v)f!=="default"&&Object.prototype.hasOwnProperty.call(v,f)&&C(_,v,f);return o(_,v),_};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const e=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),d=t("./src/components/UIButton/index.tsx"),r=t("./src/components/Icons.tsx");(0,r.initIcons)(),n.default={title:"Basic Inputs/Buttons"};const m={childrenGap:40},w=()=>{const[v,_]=(0,e.useState)(""),f=i=>{_(i)},a={key:"option1",text:"option 1"},c=[{key:"option2",text:"option 2"},{key:"option3",text:"option 3"}];return e.default.createElement(l.Stack,{tokens:m},e.default.createElement(l.Stack,{tokens:m},e.default.createElement(l.Text,{variant:"large",className:"textColor",block:!0},"Primary Button"),e.default.createElement(l.Stack,{horizontal:!0,tokens:m},e.default.createElement(d.UIDefaultButton,{primary:!0},"Primary button"),e.default.createElement(d.UIDefaultButton,{primary:!0,disabled:!0},"Primary disabled button"),e.default.createElement(d.UIDefaultButton,{primary:!0,iconProps:{iconName:"ArrowLeft13x13"}},"Primary button with icon"))),e.default.createElement(l.Stack,{tokens:m},e.default.createElement(l.Text,{variant:"large",className:"textColor",block:!0},"Secondary Button"),e.default.createElement(l.Stack,{horizontal:!0,tokens:m},e.default.createElement(d.UIDefaultButton,null,"Secondary button"),e.default.createElement(d.UIDefaultButton,{disabled:!0},"Secondary disabled button"),e.default.createElement(d.UIDefaultButton,{iconProps:{iconName:"ArrowLRight13x13"}},"Secondary button with icon"))),e.default.createElement(l.Stack,{tokens:m},e.default.createElement(l.Text,{variant:"large",className:"textColor",block:!0},"Split Button"),e.default.createElement(l.Stack,{horizontal:!0,tokens:m},e.default.createElement(d.UISplitButton,{id:"test",callback:f.bind(this),menuItems:c,button:a}),e.default.createElement("span",null,"selection: ",v))),e.default.createElement(l.Stack,{tokens:m},e.default.createElement(l.Text,{variant:"large",className:"textColor",block:!0},"Icon Button"),e.default.createElement(l.Stack,{horizontal:!0,tokens:m},e.default.createElement(d.UIIconButton,{id:"undo-button-action",iconProps:{iconName:r.UiIcons.Undo},title:"Undo"}),e.default.createElement(d.UIIconButton,{id:"add-button-action",iconProps:{iconName:r.UiIcons.Add},title:"Undo"}),e.default.createElement(d.UIIconButton,{id:"wide-button-action",sizeType:d.UIIconButtonSizes.Wide,iconProps:{iconName:r.UiIcons.QuestionMarkWithChevron},title:"QuestionMarkWithChevron"}),e.default.createElement(d.UIIconButton,{id:"undo-disabled-button-action",iconProps:{iconName:r.UiIcons.Source},disabled:!0,title:"Undo"}))),e.default.createElement(l.Stack,{tokens:m},e.default.createElement(l.Text,{variant:"large",className:"textColor",block:!0},"Action Button"),e.default.createElement(l.Stack,{horizontal:!0,tokens:m},e.default.createElement(d.UIActionButton,{iconProps:{iconName:r.UiIcons.Calendar}},"Standard Action"),e.default.createElement(d.UIActionButton,{disabled:!0,iconProps:{iconName:r.UiIcons.Calendar}},"Standard Action - disabled"),e.default.createElement(d.UIActionButton,{iconProps:{iconName:r.UiIcons.Bulb}},"Icon with color"),e.default.createElement(d.UIActionButton,{disabled:!0,iconProps:{iconName:r.UiIcons.Bulb}},"Icon with color - disabled"))),e.default.createElement(l.Stack,{tokens:m},e.default.createElement(l.Text,{variant:"large",className:"textColor",block:!0},"Small Button"),e.default.createElement(l.Stack,{horizontal:!0,tokens:m},e.default.createElement(d.UISmallButton,{primary:!0},"Clear All"))))};n.defaultUsage=w},"./stories/UICallout.story.tsx":function(T,n,t){"use strict";var C=this&&this.__createBinding||(Object.create?function(w,v,_,f){f===void 0&&(f=_);var a=Object.getOwnPropertyDescriptor(v,_);(!a||("get"in a?!v.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return v[_]}}),Object.defineProperty(w,f,a)}:function(w,v,_,f){f===void 0&&(f=_),w[f]=v[_]}),o=this&&this.__setModuleDefault||(Object.create?function(w,v){Object.defineProperty(w,"default",{enumerable:!0,value:v})}:function(w,v){w.default=v}),u=this&&this.__importStar||function(w){if(w&&w.__esModule)return w;var v={};if(w!=null)for(var _ in w)_!=="default"&&Object.prototype.hasOwnProperty.call(w,_)&&C(v,w,_);return o(v,w),v};Object.defineProperty(n,"__esModule",{value:!0}),n.Callout=void 0;const e=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=t("./src/components/UIButton/index.tsx"),d=t("./src/components/UICallout/index.tsx"),r=t("./src/components/Icons.tsx");(0,r.initIcons)(),n.default={title:"Dropdowns/Callout"};const m=()=>{const w="callout-test-id",[v,_]=(0,e.useState)(!1),f=()=>{_(!v)};return e.default.createElement("div",null,e.default.createElement(l.UIIconButton,{id:w,iconProps:{iconName:r.UiIcons.Bulb},checked:v,onClick:f}),v&&e.default.createElement(d.UICallout,{target:`#${w}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>f(),calloutWidth:300,calloutMinWidth:300,contentPadding:d.UICalloutContentPadding.Standard},e.default.createElement("div",null,"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt")))};n.Callout=m},"./stories/UICheckbox.story.tsx":function(T,n,t){"use strict";var C=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const o=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),u=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),e=t("./src/components/UICheckbox/index.tsx"),l=t("./src/components/Icons.tsx");(0,l.initIcons)(),n.default={title:"Basic Inputs/Checkbox"};const d={childrenGap:40},r=()=>{const m="Dummy message",w={width:"300px",marginBottom:"25px"};return o.default.createElement(u.Stack,{tokens:d,style:{width:300}},o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",className:"textColor"},"UICheckbox"),o.default.createElement(e.UICheckbox,{label:"check"})),o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",className:"textColor"},"UICheckbox with error message"),o.default.createElement(e.UICheckbox,{label:"Error",errorMessage:m})),o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",className:"textColor"},"UICheckbox with warning message"),o.default.createElement(e.UICheckbox,{label:"Warning",warningMessage:m})),o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",className:"textColor"},"UICheckbox with info message"),o.default.createElement(e.UICheckbox,{label:"Info",infoMessage:m})))};n.defaultUsage=r},"./stories/UIChoiceGroup.story.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.defineProperties,u=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,r=(p,b,h)=>b in p?C(p,b,{enumerable:!0,configurable:!0,writable:!0,value:h}):p[b]=h,m=(p,b)=>{for(var h in b||(b={}))l.call(b,h)&&r(p,h,b[h]);if(e)for(var h of e(b))d.call(b,h)&&r(p,h,b[h]);return p},w=(p,b)=>o(p,u(b)),v=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(n,"__esModule",{value:!0}),n.ChoiceGroup=void 0;const _=v(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),a=t("./src/components/UIChoiceGroup/index.tsx"),c=t("./src/components/Icons.tsx");(0,c.initIcons)(),n.default={title:"Basic Inputs/ChoiceGroup"};const i={options:[{key:"key1",text:"Option 1"},{key:"key2",text:"Option 2"},{key:"key3",text:"Option 3",disabled:!0}],defaultSelectedKey:"key2",label:"Title",onChange:(p,b)=>{console.log(b.text)}},s=()=>_.default.createElement(f.Stack,null,_.default.createElement(f.Stack,null,_.default.createElement(f.Text,{variant:"large",block:!0},"ChoiceGroup"),_.default.createElement(f.Stack,null,_.default.createElement(a.UIChoiceGroup,m({},i))),_.default.createElement(f.Stack,null,_.default.createElement(a.UIChoiceGroup,w(m({},i),{title:"Disabled",disabled:!0}))),_.default.createElement(f.Stack,null,_.default.createElement(a.UIChoiceGroup,w(m({},i),{title:"Required",required:!0}))),_.default.createElement(f.Stack,null,_.default.createElement(a.UIChoiceGroup,w(m({},i),{title:"Inline",inline:!0})))));n.ChoiceGroup=s},"./stories/UICombobox.story.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.defineProperties,u=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,r=(O,D,U)=>D in O?C(O,D,{enumerable:!0,configurable:!0,writable:!0,value:U}):O[D]=U,m=(O,D)=>{for(var U in D||(D={}))l.call(D,U)&&r(O,U,D[U]);if(e)for(var U of e(D))d.call(D,U)&&r(O,U,D[U]);return O},w=(O,D)=>o(O,u(D)),v=this&&this.__createBinding||(Object.create?function(O,D,U,j){j===void 0&&(j=U);var B=Object.getOwnPropertyDescriptor(D,U);(!B||("get"in B?!D.__esModule:B.writable||B.configurable))&&(B={enumerable:!0,get:function(){return D[U]}}),Object.defineProperty(O,j,B)}:function(O,D,U,j){j===void 0&&(j=U),O[j]=D[U]}),_=this&&this.__setModuleDefault||(Object.create?function(O,D){Object.defineProperty(O,"default",{enumerable:!0,value:D})}:function(O,D){O.default=D}),f=this&&this.__importStar||function(O){if(O&&O.__esModule)return O;var D={};if(O!=null)for(var U in O)U!=="default"&&Object.prototype.hasOwnProperty.call(O,U)&&v(D,O,U);return _(D,O),D};Object.defineProperty(n,"__esModule",{value:!0}),n.accessibilityStates=n.openMenuOnClick=n.Messages=n.MultiSelectSearchHighlight=n.DifferentStates=n.WithLoading=n.WithRefresh=n.WithoutSearch=n.SearchWithoutHighlight=n.SearchHighlight=void 0;const a=f(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),i=t("./src/components/UIComboBox/index.tsx"),s=t("./src/components/UICheckbox/index.tsx"),p=t("./test/__mock__/select-data.ts"),b=t("./src/components/Icons.tsx");(0,b.initIcons)(),n.default={title:"Dropdowns/Combobox"};const h=()=>a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on"}),a.default.createElement(i.UIComboBox,{options:p.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}));n.SearchHighlight=h;const M=()=>a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,dropdownWidth:300,placeholder:"Search",allowFreeform:!0,autoComplete:"on",openOnKeyboardFocus:!0}));n.SearchWithoutHighlight=M;const x=()=>a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,dropdownWidth:300}));n.WithoutSearch=x;const I=()=>a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,onRefresh:()=>console.log("refresh trigged!")}),a.default.createElement("small",null,"*watch console"));n.WithRefresh=I;const y=()=>a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,isLoading:!0,styles:{optionsContainerWrapper:{width:"262px"}}}));n.WithLoading=y;const E=()=>a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),a.default.createElement(i.UIComboBox,{options:p.data,label:"Disabled",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}),a.default.createElement(i.UIComboBox,{options:p.data,label:"Required",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",required:!0}));n.DifferentStates=E;const g=()=>{const[O,D]=(0,a.useState)([]);function U(j,B,R,A){if(B){const k=[...O,B.key].filter(W=>B.selected?!0:W!==B.key);D(k)}}return a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,selectedKey:O,onChange:U,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:!0,autoComplete:"on"}))};n.MultiSelectSearchHighlight=g;const L=()=>a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),a.default.createElement(i.UIComboBox,{options:p.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",warningMessage:"Dummy Warning"}),a.default.createElement(i.UIComboBox,{options:p.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",infoMessage:"Dummy Info"}));n.Messages=L;const P=()=>a.default.createElement("div",{style:{width:"300px"}},a.default.createElement(i.UIComboBox,{options:p.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Open menu on click"}),a.default.createElement(i.UIComboBox,{options:p.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!1,label:"Do not open menu on click"}));n.openMenuOnClick=P;const S=()=>{const[O,D]=a.default.useState(!1),[U,j]=a.default.useState("EE"),B={childrenGap:40},R={options:p.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:O,onChange:(A,k)=>{if(Array.isArray(U)){const W=[...U,k==null?void 0:k.key].filter(F=>k!=null&&k.selected?!0:F!==(k==null?void 0:k.key));j(W)}else k&&j(k.key)}};return a.default.createElement("div",null,a.default.createElement(c.Stack,{horizontal:!0,tokens:B},a.default.createElement(s.UICheckbox,{label:"Multi Select",checked:O,onChange:(A,k)=>{k&&!Array.isArray(U)?j([U]):!k&&Array.isArray(U)&&j(U[0]),D(k)}})),a.default.createElement(c.Stack,{horizontal:!0,tokens:B},a.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},a.default.createElement("tr",null,a.default.createElement("td",{style:{minWidth:100,width:150}}),a.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),a.default.createElement("td",{style:{width:"50%"}},"Input Text")),a.default.createElement("tr",null,a.default.createElement("td",null,"Regular"),a.default.createElement("td",null,a.default.createElement(i.UIComboBox,w(m({},R),{placeholder:"Placeholder"}))),a.default.createElement("td",null,a.default.createElement(i.UIComboBox,w(m({},R),{selectedKey:U})))),a.default.createElement("tr",null,a.default.createElement("td",null,"Error"),a.default.createElement("td",null,a.default.createElement(i.UIComboBox,w(m({},R),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),a.default.createElement("td",null,a.default.createElement(i.UIComboBox,w(m({},R),{errorMessage:"Dummy error",selectedKey:U})))),a.default.createElement("tr",null,a.default.createElement("td",null,"Disabled"),a.default.createElement("td",null,a.default.createElement(i.UIComboBox,w(m({},R),{placeholder:"Placeholder",disabled:!0}))),a.default.createElement("td",null,a.default.createElement(i.UIComboBox,w(m({},R),{selectedKey:U,disabled:!0})))),a.default.createElement("tr",null,a.default.createElement("td",null,"Read Only"),a.default.createElement("td",null,a.default.createElement(i.UIComboBox,w(m({},R),{placeholder:"Placeholder",readOnly:!0}))),a.default.createElement("td",null,a.default.createElement(i.UIComboBox,w(m({},R),{selectedKey:U,readOnly:!0})))))))};n.accessibilityStates=S},"./stories/UIContextualMenu.story.tsx":function(T,n,t){"use strict";var C=this&&this.__importDefault||function(v){return v&&v.__esModule?v:{default:v}};Object.defineProperty(n,"__esModule",{value:!0}),n.ContextualMenu=void 0;const o=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),u=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),e=t("./src/components/UIContextualMenu/index.tsx"),l=t("./src/components/UIButton/index.tsx"),d=t("./src/components/Icons.tsx");(0,d.initIcons)(),n.default={title:"Dropdowns/ContextualMenu"};const r={childrenGap:40},m=[{key:"item1",text:"menu item 1",onClick:()=>console.log("New clicked")},{key:"item2",text:"menu item 2",subMenuProps:{items:[{key:"submenuitem1",text:"submenu item 1"},{key:"submenuitem2",text:"submenu item 2",split:!0,subMenuProps:{items:[{key:"submenuitem21",text:"submenu item 21",canCheck:!0,checked:!0},{key:"submenuitem22",text:"submenu item 22",canCheck:!0}]}},{key:"submenuitem3",text:"submenu item 3"},{key:"submenuitem4",text:"submenu item 1"},{key:"submenuitem5",text:"submenu item 2"},{key:"submenuitem6",text:"submenu item 3"}]}}],w=()=>{const v=o.default.useRef(null),[_,f]=o.default.useState(!1),a=o.default.useCallback(()=>{f(!0)},[]),c=o.default.useCallback(()=>f(!1),[]);return o.default.createElement(u.Stack,{tokens:r},o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",block:!0},"Default UIContextualMenu rendering"),o.default.createElement("span",{ref:v,onClick:a},"Click for ContextualMenu"),o.default.createElement(e.UIContextualMenu,{hidden:!_,target:v,items:m,onDismiss:c})),o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",block:!0},"As menuProps of a UIButton elements"),o.default.createElement(u.Stack,{horizontal:!0,tokens:r},o.default.createElement(u.Stack,{tokens:{childrenGap:8}},o.default.createElement(u.Text,{variant:"small",block:!0},"UIDefaultButton"),o.default.createElement(l.UIDefaultButton,{primary:!0,text:"Toggle Contextual menu",menuProps:{items:m}})))),o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",block:!0},"As menuProps of a UIIconButton"),o.default.createElement(u.Stack,{horizontal:!0,tokens:r},o.default.createElement(u.Stack,{tokens:{childrenGap:8}},o.default.createElement(u.Text,{variant:"small",block:!0},"UIIconButton"),o.default.createElement(l.UIIconButton,{iconProps:{iconName:d.UiIcons.Undo},menuProps:{items:m}})))))};n.ContextualMenu=w},"./stories/UIDatePicker.story.tsx":function(T,n,t){"use strict";var C=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const o=C(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),u=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),e=t("./src/components/UIDatePicker/index.tsx"),l=t("./src/components/Icons.tsx");(0,l.initIcons)(),n.default={title:"Basic Inputs/DatePicker"};const d={childrenGap:40},r=()=>o.default.createElement(u.Stack,{tokens:d,style:{width:300}},o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",className:"textColor"},"UIDatePicker"),o.default.createElement(e.UIDatePicker,{defaultValue:"2018-06-12T19:30"})),o.default.createElement(u.Stack,{tokens:{childrenGap:16}},o.default.createElement(u.Text,{variant:"large",className:"textColor"},"UIDatePicker with only date"),o.default.createElement(e.UIDatePicker,{defaultValue:"2020-07-21",dateOnly:!0})));n.defaultUsage=r},"./stories/UIDialog.story.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.defineProperties,u=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,r=(S,O,D)=>O in S?C(S,O,{enumerable:!0,configurable:!0,writable:!0,value:D}):S[O]=D,m=(S,O)=>{for(var D in O||(O={}))l.call(O,D)&&r(S,D,O[D]);if(e)for(var D of e(O))d.call(O,D)&&r(S,D,O[D]);return S},w=(S,O)=>o(S,u(O)),v=this&&this.__createBinding||(Object.create?function(S,O,D,U){U===void 0&&(U=D);var j=Object.getOwnPropertyDescriptor(O,D);(!j||("get"in j?!O.__esModule:j.writable||j.configurable))&&(j={enumerable:!0,get:function(){return O[D]}}),Object.defineProperty(S,U,j)}:function(S,O,D,U){U===void 0&&(U=D),S[U]=O[D]}),_=this&&this.__setModuleDefault||(Object.create?function(S,O){Object.defineProperty(S,"default",{enumerable:!0,value:O})}:function(S,O){S.default=O}),f=this&&this.__importStar||function(S){if(S&&S.__esModule)return S;var O={};if(S!=null)for(var D in S)D!=="default"&&Object.prototype.hasOwnProperty.call(S,D)&&v(O,S,D);return _(O,S),O};Object.defineProperty(n,"__esModule",{value:!0}),n.Dialog=void 0;const a=f(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),i=t("./src/components/UIDialog/index.ts"),s=t("./src/components/UIButton/index.tsx"),p=t("./src/components/UIInput/index.tsx"),b=t("./src/components/UIDropdown/index.tsx"),h=t("./src/components/UIComboBox/index.tsx"),M=t("./src/components/UICheckbox/index.tsx"),x=t("./src/components/Icons.tsx");(0,x.initIcons)(),n.default={title:"Dialogs/Dialogs"};const I={childrenGap:40},y={main:{[".ms-TextField-wrapper > .ms-Label"]:{margin:0}}};class E extends a.default.Component{constructor(){super(...arguments),this.state={isOpen:!1,text:"Some Text"},this.onChange=O=>{this.setState({text:O.target.value})},this.onToggle=()=>{this.setState({isOpen:!this.state.isOpen})},this.onAccept=()=>{alert(`You wrote: ${this.state.text}`),this.setState({isOpen:!1})}}render(){const{draggable:O}=this.props,D=[{key:"111",text:"Dummy option 111"},{key:"222",text:"Dummy option 222"}],U=this.props.draggable?{modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:c.ContextualMenu,keepInBounds:!0}}}:void 0;return a.default.createElement(a.default.Fragment,null,a.default.createElement(s.UIDefaultButton,{onClick:this.onToggle,primary:!0},O?"Open Draggable Dialog":"Open Dialog"),a.default.createElement(i.UIDialog,w(m({isOpen:this.state.isOpen,isOpenAnimated:this.props.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel"},U),{onAccept:this.onAccept,styles:y,onCancel:this.onToggle,onDismiss:this.onToggle}),a.default.createElement(p.UITextInput,{label:"Dialog Content",value:this.state.text,onChange:this.onChange}),a.default.createElement(b.UIDropdown,{label:"Dummy",options:D}),a.default.createElement(h.UIComboBox,{label:"Dummy",highlight:!0,options:D})))}}const g=S=>{const[O,D]=(0,a.useState)(!1),U=()=>{D(!O)},j=m({},y.main),{size:B}=S;B&&(j.height=B);let R="Open Large Dialog";return B&&(R+=` height=${B}`),a.default.createElement(a.default.Fragment,null,a.default.createElement(s.UIDefaultButton,{onClick:U,primary:!0},R),a.default.createElement(i.UIDialog,{isOpen:O,isOpenAnimated:S.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",styles:{main:j},onAccept:U,onCancel:U,onDismiss:U},a.default.createElement(b.UIDropdown,{label:"Dummy",options:[]}),a.default.createElement(p.UITextInput,{label:"Username"}),a.default.createElement(p.UITextInput,{label:"Email"}),a.default.createElement(p.UITextInput,{label:"Password",type:"password"}),a.default.createElement(p.UITextInput,{label:"Email"}),a.default.createElement(p.UITextInput,{label:"First name"}),a.default.createElement(p.UITextInput,{label:"Last name"}),a.default.createElement(p.UITextInput,{label:"Address"}),a.default.createElement(p.UITextInput,{label:"State"}),a.default.createElement(p.UITextInput,{label:"Country"}),a.default.createElement(p.UITextInput,{label:"Phone"}),a.default.createElement(p.UITextInput,{label:"Dummy 1"}),a.default.createElement(p.UITextInput,{label:"Dummy 2"}),a.default.createElement(p.UITextInput,{label:"Dummy 3"}),a.default.createElement(p.UITextInput,{label:"Dummy 4"}),a.default.createElement(p.UITextInput,{label:"Dummy 5"})))},L=S=>{const[O,D]=(0,a.useState)(!1),U=()=>{D(!O)};return a.default.createElement(a.default.Fragment,null,a.default.createElement(s.UIDefaultButton,{onClick:U,primary:!0},"Open Confirm Dialog"),a.default.createElement(i.UIDialog,{isOpen:O,isOpenAnimated:S.openAnimation,isBlocking:!0,onAccept:U,onCancel:U,onDismiss:U,acceptButtonText:"Yes",cancelButtonText:"No",title:"Delete Confirmation",dialogContentProps:{subText:"Are you sure you want to delete entry? This action cannot be undone."}}))},P=()=>{const[S,O]=(0,a.useState)(!0);return a.default.createElement(c.Stack,{tokens:I},a.default.createElement(c.Stack,{tokens:I},a.default.createElement(c.Text,{variant:"large",block:!0},"Dialogs"),a.default.createElement(c.Stack,{horizontal:!0,tokens:I},a.default.createElement(M.UICheckbox,{label:"Open animation enabled",checked:S,onChange:(D,U)=>{O(U)}})),a.default.createElement(c.Stack,{horizontal:!0,tokens:I},a.default.createElement(E,{draggable:!1,openAnimation:S})),a.default.createElement(c.Stack,{horizontal:!0,tokens:I},a.default.createElement(E,{draggable:!1,openAnimation:S})),a.default.createElement(c.Stack,{horizontal:!0,tokens:I},a.default.createElement(E,{draggable:!0,openAnimation:S})),a.default.createElement(c.Stack,{horizontal:!0,tokens:I},a.default.createElement(g,{openAnimation:S})),a.default.createElement(c.Stack,{horizontal:!0,tokens:I},a.default.createElement(g,{size:400,openAnimation:S})),a.default.createElement(c.Stack,{horizontal:!0,tokens:I},a.default.createElement(g,{openAnimation:S})),a.default.createElement(c.Stack,{horizontal:!0,tokens:I},a.default.createElement(L,{openAnimation:S}))))};n.Dialog=P},"./stories/UIDropdown.story.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.defineProperties,u=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,r=(E,g,L)=>g in E?C(E,g,{enumerable:!0,configurable:!0,writable:!0,value:L}):E[g]=L,m=(E,g)=>{for(var L in g||(g={}))l.call(g,L)&&r(E,L,g[L]);if(e)for(var L of e(g))d.call(g,L)&&r(E,L,g[L]);return E},w=(E,g)=>o(E,u(g)),v=this&&this.__importDefault||function(E){return E&&E.__esModule?E:{default:E}};Object.defineProperty(n,"__esModule",{value:!0}),n.accessibilityStates=n.UseDropdownAsMenuMinWidth=n.Messages=n.MultiSelectDropdown=n.States=n.Short=n.Basic=void 0;const _=v(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_xcycjaol2m3tfnicwh7yl4p4jq/node_modules/@fluentui/react/lib-commonjs/index.js"),a=t("./src/components/UIDropdown/index.tsx"),c=t("./src/components/UICheckbox/index.tsx"),i=t("./test/__mock__/select-data.ts"),s=t("./src/components/Icons.tsx");(0,s.initIcons)(),n.default={title:"Dropdowns/Dropdown"};const p=()=>_.default.createElement("div",{style:{width:"300px"}},_.default.createElement(a.UIDropdown,{options:i.data,useDropdownAsMenuMinWidth:!0}));n.Basic=p;const b=()=>_.default.createElement("div",{style:{width:"150px"}},_.default.createElement(a.UIDropdown,{options:i.shortData}),_.default.createElement(a.UIDropdown,{options:i.shortData,disabled:!0}));n.Short=b;const h=()=>_.default.createElement("div",{style:{width:"300px"}},_.default.createElement(a.UIDropdown,{options:i.data,label:"Error",errorMessage:"Dummy Error"}),_.default.createElement(a.UIDropdown,{options:i.data,label:"Disabled",disabled:!0}),_.default.createElement(a.UIDropdown,{options:i.data,label:"Required",required:!0}));n.States=h;const M=()=>_.default.createElement("div",{style:{width:"300px"}},_.default.createElement(a.UIDropdown,{options:i.data,multiSelect:!0,responsiveMode:5}));n.MultiSelectDropdown=M;const x=()=>_.default.createElement("div",{style:{width:"300px"}},_.default.createElement(a.UIDropdown,{options:i.data,label:"Error",errorMessage:"Dummy Error"}),_.default.createElement(a.UIDropdown,{options:i.data,label:"Warning",warningMessage:"Dummy Warning"}),_.default.createElement(a.UIDropdown,{options:i.data,label:"Info",infoMessage:"Dummy Info"}));n.Messages=x;const I=()=>_.default.createElement("div",{style:{width:"300px"}},_.default.createElement("div",null,_.default.createElement("div",null,"useDropdownAsMenuMinWidth ON"),_.default.createElement(a.UIDropdown,{label:"Long",options:i.data,useDropdownAsMenuMinWidth:!0}),_.default.createElement(a.UIDropdown,{label:"Short",options:i.shortData,useDropdownAsMenuMinWidth:!0})),_.default.createElement("div",null,_.default.createElement("div",null,"useDropdownAsMenuMinWidth OFF"),_.default.createElement(a.UIDropdown,{label:"Long",options:i.data}),_.default.createElement(a.UIDropdown,{label:"Short",options:i.shortData})));n.UseDropdownAsMenuMinWidth=I;const y=()=>{const[E,g]=_.default.useState(!1),[L,P]=_.default.useState("EE"),S={childrenGap:40},O=Array.isArray(L)?L:void 0,D={options:i.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:E,onChange:(U,j)=>{if(Array.isArray(L)){const B=[...L,j==null?void 0:j.key].filter(R=>j!=null&&j.selected?!0:R!==(j==null?void 0:j.key));P(B)}else j&&P(j.key)}};return _.default.createElement("div",null,_.default.createElement(c.UICheckbox,{label:"Multi Select",checked:E,onChange:(U,j)=>{j&&!Array.isArray(L)?P([L]):!j&&Array.isArray(L)&&P(L[0]),g(j)}}),_.default.createElement(f.Stack,{horizontal:!0,tokens:S},_.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},_.default.createElement("tr",null,_.default.createElement("td",{style:{minWidth:100,width:150}}),_.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),_.default.createElement("td",{style:{width:"50%"}},"Input Text")),_.default.createElement("tr",null,_.default.createElement("td",null,"Regular"),_.default.createElement("td",null,_.default.createElement(a.UIDropdown,w(m({},D),{placeholder:"Placeholder"}))),_.default.createElement("td",null,_.default.createElement(a.UIDropdown,w(m({},D),{selectedKey:L,selectedKeys:O})))),_.default.createElement("tr",null,_.default.createElement("td",null,"Error"),_.default.createElement("td",null,_.default.createElement(a.UIDropdown,w(m({},D),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),_.default.createElement("td",null,_.default.createElement(a.UIDropdown,w(m({},D),{errorMessage:"Dummy error",selectedKey:L,selectedKeys:O})))),_.default.createElement("tr",null,_.default.createElement("td",null,"Disabled"),_.default.createElement("td",null,_.default.createElement(a.UIDropdown,w(m({},D),{placeholder:"Placeholder",disabled:!0}))),_.default.createElement("td",null,_.default.createElement(a.UIDropdown,w(m({},D),{selectedKey:L,selectedKeys:O,disabled:!0})))),_.default.createElement("tr",null,_.default.createElement("td",null,"Read Only"),_.default.createElement("td",null,_.default.createElement(a.UIDropdown,w(m({},D),{placeholder:"Placeholder",readOnly:!0}))),_.default.createElement("td",null,_.default.createElement(a.UIDropdown,w(m({},D),{selectedKey:L,selectedKeys:O,readOnly:!0})))))))};n.accessibilityStates=y},"./stories/UIFlexibleTable.story.tsx":function(T,n,t){"use strict";var C=Object.defineProperty,o=Object.defineProperties,u=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,r=(O,D,U)=>D in O?C(O,D,{enumerable:!0,configurable:!0,writable:!0,value:U}):O[D]=U,m=(O,D)=>{for(var U in D||(D={}))l.call(D,U)&&r(O,U,D[U]);if(e)for(var U of e(D))d.call(D,U)&&r(O,U,D[U]);return O},w=(O,D)=>o(O,u(D)),v=this&&this.__createBinding||(Object.create?function(O,D,U,j){j===void 0&&(j=U);var B=Object.getOwnPropertyDescriptor(D,U);(!B||("get"in B?!D.__esModule:B.writable||B.configurable))&&(B={enumerable:!0,get:function(){return D[U]}}),Object.defineProperty(O,j,B)}:function(O,D,U,j){j===void 0&&(j=U),O[j]=D[U]}),_=this&&this.__setModuleDefault||(Object.create?function(O,D){Object.defineProperty(O,"default",{enumerable:!0,value:D})}:function(O,D){O.default=D}),f=this&&this.__importStar||function(O){if(O&&O.__esModule)return O;var D={};if(O!=null)for(var U in O)U!=="default"&&Object.prototype.hasOwnProperty.call(O,U)&&v(D,O,U);return _(D,O),D};Object.defineProperty(n,"__esModule",{value:!0}),n.WrappingTable=n.InlineFlexTable=void 0;const a=f(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=t("./src/components/index.tsx"),i=t("../../node_modules/.pnpm/react-movable@2.4.0_wcqkhtmu7mswc6yz4uyexck3ty/node_modules/react-movable/lib/index.js"),s=t("./src/components/Icons.tsx");(0,s.initIcons)(),n.default={title:"Tables/UIFlexibleTable"};const p=["table1","table2"],b=Array.from({length:10}).map((O,D)=>({key:`column${D+1}`,title:`Column ${D+1}`,tooltip:`Tooltip for column #${D+1}`}));b.push({key:"preferred",title:"Preferred",hidden:!0});const h=O=>{const D={};return b.forEach((U,j)=>{D[U.key]=j<5?`sample_${O}${j}`:"a"}),D},M=[],x=(O,D,U)=>O.map((B,R)=>{const A={};b.forEach((W,F)=>{A[W.key]={type:F<5?"input":D&&F===9?"link":"dropdown",value:O[R][W.key]}});const k=A.preferred.value==="1";return{key:R.toFixed(0),title:`Row ${R+1}`,className:U===R||U===100?"active-row":k?"preferred-row":"",cells:A,tooltip:`Tooltip for row #${R+1}`}});function I(O,D,U,j){const B=O.value.value,R=O.colIndex===1&&O.rowIndex===2&&j,A=b[O.colIndex];switch(O.value.type){case"dropdown":{const k=["a","b","c"].map(W=>({key:W,text:`Option ${W.toUpperCase()}`}));return{title:R?"Custom Title for spanned cell":void 0,isSpan:R,cellClassNames:R?"spanned-cell":j&&O.rowIndex===2&&!R?"not-spanned-cell":void 0,content:a.default.createElement(c.UIDropdown,{options:k,selectedKey:B,disabled:D,onChange:(W,F,N)=>{var J;return U((J=F==null?void 0:F.key.toString())!=null?J:"")},title:A.tooltip})}}case"input":return{title:R?"Custom Title for spanned cell":void 0,isSpan:R,cellClassNames:[R?"spanned-cell":j&&O.rowIndex===2&&!R?"not-spanned-cell":""],content:a.default.createElement(y,{value:B,readonly:D,onChange:k=>U(k),title:A.tooltip})};default:return{content:a.default.createElement(c.UILink,{href:"",title:"Tooltip for navigation"},"Link")}}}function y(O){const[D,U]=(0,a.useState)("");(0,a.useEffect)(()=>{U(O.value)},[O.value]);const j=B=>{U(B)};return a.default.createElement(c.UITextInput,{value:D,readOnly:O.readonly,onChange:(B,R)=>j(R||""),onBlur:()=>{O.value!==D&&setTimeout(()=>{O.onChange(D)},0)},title:O.title})}function E(O){const D=h(O.length);O.push(D)}const g=`
8
8
  .flexible-table {
9
9
  font-size: 13px;
10
10
  }
package/storybook/project.json CHANGED
@@ -1 +1 @@
1
- {"generatedAt":1681485387110,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"monorepo":"Nx","packageManager":{"type":"pnpm","version":"7.1.0"},"storybookVersion":"6.5.16","language":"typescript","storybookPackages":{"@storybook/builder-webpack5":{"version":"6.5.16"},"@storybook/manager-webpack5":{"version":"6.5.16"},"@storybook/react":{"version":"6.5.16"}},"framework":{"name":"react"},"addons":{"storybook-addon-turbo-build":{"options":{"optimizationLevel":3},"version":"1.1.0"}}}
1
+ {"generatedAt":1681493277374,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"monorepo":"Nx","packageManager":{"type":"pnpm","version":"7.1.0"},"storybookVersion":"6.5.16","language":"typescript","storybookPackages":{"@storybook/builder-webpack5":{"version":"6.5.16"},"@storybook/manager-webpack5":{"version":"6.5.16"},"@storybook/react":{"version":"6.5.16"}},"framework":{"name":"react"},"addons":{"storybook-addon-turbo-build":{"options":{"optimizationLevel":3},"version":"1.1.0"}}}