@sap-ux/ui-components 1.17.9 → 1.18.1
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.
- package/dist/components/UITable/UITable-helper.d.ts.map +1 -1
- package/dist/components/UITable/UITable-helper.js +5 -2
- package/dist/components/UITable/UITable-helper.js.map +1 -1
- package/dist/components/UITable/UITable.js +2 -2
- package/dist/components/UITable/UITable.js.map +1 -1
- package/dist/components/UITable/UITable.scss +27 -4
- package/dist/components/UITreeDropdown/UITreeDropdown.d.ts.map +1 -1
- package/dist/components/UITreeDropdown/UITreeDropdown.js +1 -1
- package/dist/components/UITreeDropdown/UITreeDropdown.js.map +1 -1
- package/package.json +1 -1
- package/storybook/104.3220da33.iframe.bundle.js +7 -0
- package/storybook/{336.0ca2c0c2.iframe.bundle.js → 180.22849a6c.iframe.bundle.js} +3 -3
- package/storybook/{491.1e9a71cc.iframe.bundle.js → 285.bf9307d0.iframe.bundle.js} +1 -1
- package/storybook/{454.55edec77.iframe.bundle.js → 300.a05a6f07.iframe.bundle.js} +1 -1
- package/storybook/{988.4df720d2.iframe.bundle.js → 320.85bdbeab.iframe.bundle.js} +1 -1
- package/storybook/{690.a9a4c8e4.iframe.bundle.js → 487.c3c24fa1.iframe.bundle.js} +1 -1
- package/storybook/{589.16ed4444.iframe.bundle.js → 586.38f48d45.iframe.bundle.js} +1 -1
- package/storybook/{871.d9443863.iframe.bundle.js → 604.2d7e915d.iframe.bundle.js} +1 -1
- package/storybook/{125.3024b9fd.iframe.bundle.js → 756.3c27bb9b.iframe.bundle.js} +1 -1
- package/storybook/{217.3bc5280e.iframe.bundle.js → 820.b173e04b.iframe.bundle.js} +1 -1
- package/storybook/{921.c3493bef.iframe.bundle.js → 871.4a80e026.iframe.bundle.js} +1 -1
- package/storybook/{416.52140987.iframe.bundle.js → 961.ad3b4320.iframe.bundle.js} +1 -1
- package/storybook/{UIActionCallout-story.df76393e.iframe.bundle.js → UIActionCallout-story.6c94d001.iframe.bundle.js} +2 -2
- package/storybook/{UIButton-story.a53c1f9f.iframe.bundle.js → UIButton-story.179b29e1.iframe.bundle.js} +2 -2
- package/storybook/{UICallout-story.b156f05e.iframe.bundle.js → UICallout-story.c34aa62d.iframe.bundle.js} +2 -2
- package/storybook/{UICheckbox-story.90038183.iframe.bundle.js → UICheckbox-story.9bd978c7.iframe.bundle.js} +2 -2
- package/storybook/{UIContextualMenu-story.6d856534.iframe.bundle.js → UIContextualMenu-story.c7989db7.iframe.bundle.js} +2 -2
- package/storybook/{UICreateSelect-story.5a135e51.iframe.bundle.js → UICreateSelect-story.d419277e.iframe.bundle.js} +2 -2
- package/storybook/{UIDatePicker-story.bfccc5b9.iframe.bundle.js → UIDatePicker-story.d5c4fa07.iframe.bundle.js} +2 -2
- package/storybook/{UIDialog-story.8df9c941.iframe.bundle.js → UIDialog-story.8520b2ad.iframe.bundle.js} +2 -2
- package/storybook/{UIIcon-story.486ce230.iframe.bundle.js → UIIcon-story.8026f717.iframe.bundle.js} +2 -2
- package/storybook/{UILoader-story.cdfa7187.iframe.bundle.js → UILoader-story.0ed5ba9f.iframe.bundle.js} +2 -2
- package/storybook/{UISections-story.a296e3d5.iframe.bundle.js → UISections-story.c2a9778c.iframe.bundle.js} +2 -2
- package/storybook/{UITextInput-story.9c625be5.iframe.bundle.js → UITextInput-story.5e67604d.iframe.bundle.js} +2 -2
- package/storybook/{UIToggle-story.dc500461.iframe.bundle.js → UIToggle-story.6e43072c.iframe.bundle.js} +2 -2
- package/storybook/{UIToggleGroup-story.c0fec5ff.iframe.bundle.js → UIToggleGroup-story.3a542445.iframe.bundle.js} +2 -2
- package/storybook/{UITooltip-story.8c1914ad.iframe.bundle.js → UITooltip-story.489faa74.iframe.bundle.js} +1 -1
- package/storybook/{UITreedropdown-story.ab9a5e90.iframe.bundle.js → UITreedropdown-story.8b18cd66.iframe.bundle.js} +2 -2
- package/storybook/iframe.html +2 -2
- package/storybook/main.8a631790.iframe.bundle.js +1 -0
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.8ee4df58.iframe.bundle.js → runtime~main.b59654a0.iframe.bundle.js} +2 -2
- package/storybook/vscode-dark.css +1 -1
- package/storybook/vscode-hcb.css +1 -1
- package/storybook/vscode-light.css +1 -1
- package/storybook/930.4fff9aba.iframe.bundle.js +0 -7
- package/storybook/main.63a7de26.iframe.bundle.js +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(()=>{var X=Object.defineProperty,V=Object.defineProperties;var J=Object.getOwnPropertyDescriptors;var T=Object.getOwnPropertySymbols;var Y=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var L=(c,n,t)=>n in c?X(c,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):c[n]=t,E=(c,n)=>{for(var t in n||(n={}))Y.call(n,t)&&L(c,t,n[t]);if(T)for(var t of T(n))$.call(n,t)&&L(c,t,n[t]);return c},x=(c,n)=>V(c,J(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[761],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss":(c,n,t)=>{var i=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),o=a(i);o.push([c.id,'.ui-create-select-indicator-clear,.ui-create-select-indicator-dropdown{display:flex;height:16px;align-items:center;justify-content:center;align-content:center}.ui-create-select-indicator-loading{padding-right:8px}.ui-create-select__option{position:relative}.ui-create-select__option--is-selected .ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-focusHighlightForeground, var(--vscode-list-focusHighlightForeground))}.ui-create-select__option--is-selected::after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ui-create-select__option:hover::after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}',""]),c.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss":(c,n,t)=>{var i=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),o=a(i);o.push([c.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}:root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}.uiLoaderXLarge .ms-Spinner-circle{width:50px;height:50px}.uiLoaderXSmall .ms-Spinner-circle{border-width:1px;width:12px;height:12px}.ui-loader--delayed{opacity:0;animation:1s ease-in .3s normal forwards 1 ui-loader-fade-in;z-index:1}@keyframes ui-loader-fade-in{0%{opacity:0}100%{opacity:1}}",""]),c.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js":c=>{"use strict";c.exports=function(n){var t=[];return t.toString=function(){return this.map(function(a){var o="",e=typeof a[5]!="undefined";return a[4]&&(o+="@supports (".concat(a[4],") {")),a[2]&&(o+="@media ".concat(a[2]," {")),e&&(o+="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {")),o+=n(a),e&&(o+="}"),a[2]&&(o+="}"),a[4]&&(o+="}"),o}).join("")},t.i=function(a,o,e,s,l){typeof a=="string"&&(a=[[null,a,void 0]]);var _={};if(e)for(var u=0;u<this.length;u++){var h=this[u][0];h!=null&&(_[h]=!0)}for(var I=0;I<a.length;I++){var r=[].concat(a[I]);e&&_[r[0]]||(typeof l!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=l),o&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=o),s&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=s):r[4]="".concat(s)),t.push(r))}},t}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":c=>{"use strict";c.exports=function(n){return n[1]}},"./src/components/UICreateSelect/UICreateSelect.scss":(c,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>y});var i=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(i),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=t.n(o),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=t.n(s),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=t.n(_),h=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),I=t.n(h),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=t.n(r),f=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss"),v=t.n(f),d={};for(const b in f)b!=="default"&&(d[b]=()=>f[b]);t.d(n,d);var g={};g.styleTagTransform=p(),g.setAttributes=u(),g.insert=l().bind(null,"head"),g.domAPI=e(),g.insertStyleElement=I();var m=a()(v(),g);const y=v()&&v().locals?v().locals:void 0},"./src/components/UILoader/UILoader.scss":(c,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>y});var i=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(i),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=t.n(o),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=t.n(s),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=t.n(_),h=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),I=t.n(h),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=t.n(r),f=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),v=t.n(f),d={};for(const b in f)b!=="default"&&(d[b]=()=>f[b]);t.d(n,d);var g={};g.styleTagTransform=p(),g.setAttributes=u(),g.insert=l().bind(null,"head"),g.domAPI=e(),g.insertStyleElement=I();var m=a()(v(),g);const y=v()&&v().locals?v().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":c=>{"use strict";var n=[];function t(o){for(var e=-1,s=0;s<n.length;s++)if(n[s].identifier===o){e=s;break}return e}function i(o,e){for(var s={},l=[],_=0;_<o.length;_++){var u=o[_],h=e.base?u[0]+e.base:u[0],I=s[h]||0,r="".concat(h," ").concat(I);s[h]=I+1;var p=t(r),f={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(p!==-1)n[p].references++,n[p].updater(f);else{var v=a(f,e);e.byIndex=_,n.splice(_,0,{identifier:r,updater:v,references:1})}l.push(r)}return l}function a(o,e){var s=e.domAPI(e);s.update(o);var l=function(u){if(u){if(u.css===o.css&&u.media===o.media&&u.sourceMap===o.sourceMap&&u.supports===o.supports&&u.layer===o.layer)return;s.update(o=u)}else s.remove()};return l}c.exports=function(o,e){e=e||{},o=o||[];var s=i(o,e);return function(_){_=_||[];for(var u=0;u<s.length;u++){var h=s[u],I=t(h);n[I].references--}for(var r=i(_,e),p=0;p<s.length;p++){var f=s[p],v=t(f);n[v].references===0&&(n[v].updater(),n.splice(v,1))}s=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js":c=>{"use strict";var n={};function t(a){if(typeof n[a]=="undefined"){var o=document.querySelector(a);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}n[a]=o}return n[a]}function i(a,o){var e=t(a);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(o)}c.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":c=>{"use strict";function n(t){var i=document.createElement("style");return t.setAttributes(i,t.attributes),t.insert(i,t.options),i}c.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(c,n,t)=>{"use strict";function i(a){var o=t.nc;o&&a.setAttribute("nonce",o)}c.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":c=>{"use strict";function n(a,o,e){var s="";e.supports&&(s+="@supports (".concat(e.supports,") {")),e.media&&(s+="@media ".concat(e.media," {"));var l=typeof e.layer!="undefined";l&&(s+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),s+=e.css,l&&(s+="}"),e.media&&(s+="}"),e.supports&&(s+="}");var _=e.sourceMap;_&&typeof btoa!="undefined"&&(s+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(_))))," */")),o.styleTagTransform(s,a,o.options)}function t(a){if(a.parentNode===null)return!1;a.parentNode.removeChild(a)}function i(a){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=a.insertStyleElement(a);return{update:function(s){n(o,a,s)},remove:function(){t(o)}}}c.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":c=>{"use strict";function n(t,i){if(i.styleSheet)i.styleSheet.cssText=t;else{for(;i.firstChild;)i.removeChild(i.firstChild);i.appendChild(document.createTextNode(t))}}c.exports=n},"./src/components/UICreateSelect/UICreateSelect.tsx":function(c,n,t){"use strict";var i=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICreateSelect=n.UICreateSelectInstance=void 0;const a=i(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("../../node_modules/.pnpm/react-select@5.8.0_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/react-select/dist/react-select.esm.js");Object.defineProperty(n,"UICreateSelectInstance",{enumerable:!0,get:function(){return o.SelectInstance}});const e=i(t("../../node_modules/.pnpm/react-select@5.8.0_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/react-select/creatable/dist/react-select-creatable.esm.js")),s=t("./src/components/UIIcon/index.tsx"),l=t("./src/components/UILoader/index.tsx"),_=t("./src/components/UIContextualMenu/index.tsx");t("./src/components/UICreateSelect/UICreateSelect.scss");const u=t("./src/components/UIInput/index.tsx"),h=d=>a.default.createElement(o.components.DropdownIndicator,E({},d),a.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-dropdown",iconName:"ArrowDown"})),I=d=>a.default.createElement(o.components.ClearIndicator,E({},d),a.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-clear",iconName:"Clear"})),r=d=>a.default.createElement("div",{className:"ui-create-select-indicator-loading"},a.default.createElement(l.UILoader,{className:"uiLoaderXSmall",labelPosition:"right"})),p=d=>{var g,m,y,b;return a.default.createElement(a.default.Fragment,null,!((g=d==null?void 0:d.data)!=null&&g.__isNew__)&&a.default.createElement(o.components.Option,E({},d),a.default.createElement(_.UIHighlightMenuOption,{text:(m=d==null?void 0:d.data)==null?void 0:m.label,query:(y=d==null?void 0:d.selectProps)==null?void 0:y.inputValue})),((b=d==null?void 0:d.data)==null?void 0:b.__isNew__)&&a.default.createElement(o.components.Option,E({},d)))},f=d=>{let g="transparent";return d.isSelected&&(g="var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground))"),d.isFocused&&!d.isSelected&&(g="var(--vscode-list-hoverBackground)"),g},v=d=>{const g=m=>`${d.createText}: ${m}`;return a.default.createElement(e.default,x(E({},d),{ref:d.creatableRef,className:"ui-create-select",classNamePrefix:"ui-create-select",openMenuOnFocus:!1,createOptionPosition:"first",allowCreateWhileLoading:!0,formatOptionLabel:m=>m.label,formatCreateLabel:g,components:{ClearIndicator:I,DropdownIndicator:h,LoadingIndicator:r,Option:p},unstyled:!0,styles:{control:(m,y)=>x(E({},m),{background:"var(--vscode-input-background)",height:"26px",maxHeight:"26px",minHeight:"26px",padding:"0px 0px 0px 8px;",boxShadow:"none",boxSizing:"border-box",borderWidth:"1px",borderStyle:"solid",borderColor:y.isFocused?"var(--vscode-focusBorder)":"var(--vscode-editorWidget-border)",color:"var(--vscode-input-foreground)",borderRadius:u.COMMON_INPUT_STYLES.borderRadius,"&:hover":{borderColor:"var(--vscode-focusBorder)"}}),input:(m,y)=>x(E({},m),{color:"var(--vscode-input-foreground)",background:"transparent",fontFamily:"var(--vscode-font-family)",fontSize:"13px",fontWeight:"normal",minHeight:"unset",padding:"1px 0px 1px 1px",outline:0}),menu:(m,y)=>x(E({},m),{background:"var(--vscode-menu-background, var(--vscode-input-background))",border:"1px solid var(--vscode-focusBorder)",boxSizing:"border-box",margin:"0px",borderRadius:0}),option:(m,y)=>x(E({},m),{fontFamily:"var(--vscode-font-family)",fontWeight:"var(--vscode-font-weight)",minHeight:"22px",height:"22px",lineHeight:"22px",color:y.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",backgroundColor:f(y),letterSpacing:"normal",border:"0",padding:"0px 8px",fontSize:"13px","&:hover":{backgroundColor:y.isSelected?f(y):"var(--vscode-list-hoverBackground)",color:y.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",cursor:"pointer"}}),placeholder:(m,y)=>x(E({},m),{fontSize:"13px",fontWeight:"normal",fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}),singleValue:(m,y)=>x(E({},m),{color:"var(--vscode-input-foreground)",background:"transparent",fontFamily:"var(--vscode-font-family)",fontSize:"13px",fontWeight:"normal",minHeight:"unset",padding:"1px 0px 1px 1px",outline:0}),valueContainer:(m,y)=>x(E({},m),{padding:"0px"}),indicatorsContainer:(m,y)=>x(E({},m),{padding:"0px 5px 0px 0px",cursor:"pointer"}),indicatorSeparator:(m,y)=>x(E({},m),{display:"none"}),dropdownIndicator:(m,y)=>x(E({},m),{padding:"0px"}),clearIndicator:(m,y)=>x(E({},m),{padding:"0px",cursor:"pointer"})}}))};n.UICreateSelect=v},"./src/components/UICreateSelect/index.tsx":function(c,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(o,e,s,l){l===void 0&&(l=s);var _=Object.getOwnPropertyDescriptor(e,s);(!_||("get"in _?!e.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(o,l,_)}:function(o,e,s,l){l===void 0&&(l=s),o[l]=e[s]}),a=this&&this.__exportStar||function(o,e){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&i(e,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UICreateSelect/UICreateSelect.tsx"),n)},"./src/components/UILoader/UILoader.tsx":function(c,n,t){"use strict";var i=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILoader=void 0;const a=i(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");t("./src/components/UILoader/UILoader.scss");class e extends a.default.Component{constructor(l){super(l)}render(){const{blockDOM:l,delayed:_}=this.props,u=()=>({root:E({},l&&{height:"100%"}),circle:[{borderColor:"var(--vscode-progressBar-background) var(--vscode-terminal-ansiBrightWhite) var(--vscode-terminal-ansiBrightWhite)",borderWidth:2,zIndex:1}],label:{color:"var(--vscode-foreground)",fontSize:14,fontWeight:"bold",zIndex:1}}),h=a.default.createElement(o.Spinner,x(E({},this.props),{styles:u}));if(l){const I=()=>({root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return a.default.createElement(o.Overlay,{className:`ui-loader-blocker${_?" ui-loader--delayed":""}`,styles:I},h)}else return h}}n.UILoader=e},"./src/components/UILoader/index.tsx":function(c,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(o,e,s,l){l===void 0&&(l=s);var _=Object.getOwnPropertyDescriptor(e,s);(!_||("get"in _?!e.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(o,l,_)}:function(o,e,s,l){l===void 0&&(l=s),o[l]=e[s]}),a=this&&this.__exportStar||function(o,e){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&i(e,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UILoader/UILoader.tsx"),n)},"./stories/UICreateSelect.story.tsx":function(c,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(r,p,f,v){v===void 0&&(v=f);var d=Object.getOwnPropertyDescriptor(p,f);(!d||("get"in d?!p.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return p[f]}}),Object.defineProperty(r,v,d)}:function(r,p,f,v){v===void 0&&(v=f),r[v]=p[f]}),a=this&&this.__setModuleDefault||(Object.create?function(r,p){Object.defineProperty(r,"default",{enumerable:!0,value:p})}:function(r,p){r.default=p}),o=this&&this.__importStar||function(r){if(r&&r.__esModule)return r;var p={};if(r!=null)for(var f in r)f!=="default"&&Object.prototype.hasOwnProperty.call(r,f)&&i(p,r,f);return a(p,r),p};Object.defineProperty(n,"__esModule",{value:!0}),n.CreateSelect=void 0;const e=o(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=t("./src/components/UICreateSelect/index.tsx"),_=t("./src/components/UILabel/index.tsx");(0,t("./src/components/Icons.tsx").initIcons)(),n.default={title:"Dropdowns/CreateSelect"};const h={childrenGap:40},I=()=>{const r=S=>({label:S,value:S.toLowerCase().replace(/\W/g,"")}),p=[r("One"),r("Two"),r("Three")],[f,v]=(0,e.useState)(!1),[d,g]=(0,e.useState)(p),[m,y]=(0,e.useState)(),[b,M]=(0,e.useState)(),[A,j]=(0,e.useState)(!1),[B,W]=(0,e.useState)([]),[R,U]=(0,e.useState)(),[P,D]=(0,e.useState)(),G=e.default.createRef(),k=S=>{const O=r(S);v(!0),y(O),setTimeout(()=>{v(!1),g(C=>[...C,O]),M(O)},1e3)},K=S=>{const O=S;y(O),M(O)},w=(0,e.useRef)(null),F=S=>{const O=r(S);j(!0),U(O),setTimeout(()=>{var C;j(!1),W(H=>[...H,O]),D(O),(C=w.current)==null||C.focus()},1e3)},z=S=>{const O=S;U(O),D(O)},N=S=>e.default.createElement("div",{style:{fontSize:"12px",display:"flex",margin:"5px",padding:"0px 5px 0px 5px"}},"Nothing there, just create new ones...");return e.default.createElement(s.Stack,{tokens:h},e.default.createElement(s.Stack,{tokens:h},e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:h,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(_.UILabel,null,"UI Create Select Label")),e.default.createElement(l.UICreateSelect,{createText:"Add new value",isClearable:!0,isLoading:f,isDisabled:!1,isValidNewOption:S=>S.length>0,placeholder:"Search or enter a new value",options:d,value:m,onCreateOption:k,onChange:K}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,b==null?void 0:b.value))))),e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - no option by default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:h,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(_.UILabel,null,"UI Create Select Label")),e.default.createElement(l.UICreateSelect,{creatableRef:w,createText:"Add new qualifier",isClearable:!0,isLoading:A,isDisabled:!1,isValidNewOption:S=>S.length>0,placeholder:"Search or enter a new qualifier value",options:B,value:R,noOptionsMessage:N,onCreateOption:F,onChange:z}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,P==null?void 0:P.value)))))))};n.CreateSelect=I}}]);})();
|
|
1
|
+
(()=>{var X=Object.defineProperty,V=Object.defineProperties;var J=Object.getOwnPropertyDescriptors;var T=Object.getOwnPropertySymbols;var Y=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var L=(c,n,t)=>n in c?X(c,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):c[n]=t,E=(c,n)=>{for(var t in n||(n={}))Y.call(n,t)&&L(c,t,n[t]);if(T)for(var t of T(n))$.call(n,t)&&L(c,t,n[t]);return c},x=(c,n)=>V(c,J(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[761],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss":(c,n,t)=>{var i=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),o=a(i);o.push([c.id,'.ui-create-select-indicator-clear,.ui-create-select-indicator-dropdown{display:flex;height:16px;align-items:center;justify-content:center;align-content:center}.ui-create-select-indicator-loading{padding-right:8px}.ui-create-select__option{position:relative}.ui-create-select__option--is-selected .ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-focusHighlightForeground, var(--vscode-list-focusHighlightForeground))}.ui-create-select__option--is-selected::after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ui-create-select__option:hover::after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}',""]),c.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss":(c,n,t)=>{var i=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),o=a(i);o.push([c.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}:root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}.uiLoaderXLarge .ms-Spinner-circle{width:50px;height:50px}.uiLoaderXSmall .ms-Spinner-circle{border-width:1px;width:12px;height:12px}.ui-loader--delayed{opacity:0;animation:1s ease-in .3s normal forwards 1 ui-loader-fade-in;z-index:1}@keyframes ui-loader-fade-in{0%{opacity:0}100%{opacity:1}}",""]),c.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":c=>{"use strict";c.exports=function(n){var t=[];return t.toString=function(){return this.map(function(a){var o="",e=typeof a[5]!="undefined";return a[4]&&(o+="@supports (".concat(a[4],") {")),a[2]&&(o+="@media ".concat(a[2]," {")),e&&(o+="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {")),o+=n(a),e&&(o+="}"),a[2]&&(o+="}"),a[4]&&(o+="}"),o}).join("")},t.i=function(a,o,e,s,l){typeof a=="string"&&(a=[[null,a,void 0]]);var _={};if(e)for(var u=0;u<this.length;u++){var h=this[u][0];h!=null&&(_[h]=!0)}for(var I=0;I<a.length;I++){var r=[].concat(a[I]);e&&_[r[0]]||(typeof l!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=l),o&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=o),s&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=s):r[4]="".concat(s)),t.push(r))}},t}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":c=>{"use strict";c.exports=function(n){return n[1]}},"./src/components/UICreateSelect/UICreateSelect.scss":(c,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>y});var i=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(i),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=t.n(o),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=t.n(s),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=t.n(_),h=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),I=t.n(h),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=t.n(r),f=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss"),v=t.n(f),d={};for(const b in f)b!=="default"&&(d[b]=()=>f[b]);t.d(n,d);var g={};g.styleTagTransform=p(),g.setAttributes=u(),g.insert=l().bind(null,"head"),g.domAPI=e(),g.insertStyleElement=I();var m=a()(v(),g);const y=v()&&v().locals?v().locals:void 0},"./src/components/UILoader/UILoader.scss":(c,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>y});var i=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(i),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=t.n(o),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=t.n(s),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=t.n(_),h=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),I=t.n(h),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=t.n(r),f=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),v=t.n(f),d={};for(const b in f)b!=="default"&&(d[b]=()=>f[b]);t.d(n,d);var g={};g.styleTagTransform=p(),g.setAttributes=u(),g.insert=l().bind(null,"head"),g.domAPI=e(),g.insertStyleElement=I();var m=a()(v(),g);const y=v()&&v().locals?v().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":c=>{"use strict";var n=[];function t(o){for(var e=-1,s=0;s<n.length;s++)if(n[s].identifier===o){e=s;break}return e}function i(o,e){for(var s={},l=[],_=0;_<o.length;_++){var u=o[_],h=e.base?u[0]+e.base:u[0],I=s[h]||0,r="".concat(h," ").concat(I);s[h]=I+1;var p=t(r),f={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(p!==-1)n[p].references++,n[p].updater(f);else{var v=a(f,e);e.byIndex=_,n.splice(_,0,{identifier:r,updater:v,references:1})}l.push(r)}return l}function a(o,e){var s=e.domAPI(e);s.update(o);var l=function(u){if(u){if(u.css===o.css&&u.media===o.media&&u.sourceMap===o.sourceMap&&u.supports===o.supports&&u.layer===o.layer)return;s.update(o=u)}else s.remove()};return l}c.exports=function(o,e){e=e||{},o=o||[];var s=i(o,e);return function(_){_=_||[];for(var u=0;u<s.length;u++){var h=s[u],I=t(h);n[I].references--}for(var r=i(_,e),p=0;p<s.length;p++){var f=s[p],v=t(f);n[v].references===0&&(n[v].updater(),n.splice(v,1))}s=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":c=>{"use strict";var n={};function t(a){if(typeof n[a]=="undefined"){var o=document.querySelector(a);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}n[a]=o}return n[a]}function i(a,o){var e=t(a);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(o)}c.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":c=>{"use strict";function n(t){var i=document.createElement("style");return t.setAttributes(i,t.attributes),t.insert(i,t.options),i}c.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(c,n,t)=>{"use strict";function i(a){var o=t.nc;o&&a.setAttribute("nonce",o)}c.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":c=>{"use strict";function n(a,o,e){var s="";e.supports&&(s+="@supports (".concat(e.supports,") {")),e.media&&(s+="@media ".concat(e.media," {"));var l=typeof e.layer!="undefined";l&&(s+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),s+=e.css,l&&(s+="}"),e.media&&(s+="}"),e.supports&&(s+="}");var _=e.sourceMap;_&&typeof btoa!="undefined"&&(s+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(_))))," */")),o.styleTagTransform(s,a,o.options)}function t(a){if(a.parentNode===null)return!1;a.parentNode.removeChild(a)}function i(a){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=a.insertStyleElement(a);return{update:function(s){n(o,a,s)},remove:function(){t(o)}}}c.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":c=>{"use strict";function n(t,i){if(i.styleSheet)i.styleSheet.cssText=t;else{for(;i.firstChild;)i.removeChild(i.firstChild);i.appendChild(document.createTextNode(t))}}c.exports=n},"./src/components/UICreateSelect/UICreateSelect.tsx":function(c,n,t){"use strict";var i=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICreateSelect=n.UICreateSelectInstance=void 0;const a=i(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("../../node_modules/.pnpm/react-select@5.8.0_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/react-select/dist/react-select.esm.js");Object.defineProperty(n,"UICreateSelectInstance",{enumerable:!0,get:function(){return o.SelectInstance}});const e=i(t("../../node_modules/.pnpm/react-select@5.8.0_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/react-select/creatable/dist/react-select-creatable.esm.js")),s=t("./src/components/UIIcon/index.tsx"),l=t("./src/components/UILoader/index.tsx"),_=t("./src/components/UIContextualMenu/index.tsx");t("./src/components/UICreateSelect/UICreateSelect.scss");const u=t("./src/components/UIInput/index.tsx"),h=d=>a.default.createElement(o.components.DropdownIndicator,E({},d),a.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-dropdown",iconName:"ArrowDown"})),I=d=>a.default.createElement(o.components.ClearIndicator,E({},d),a.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-clear",iconName:"Clear"})),r=d=>a.default.createElement("div",{className:"ui-create-select-indicator-loading"},a.default.createElement(l.UILoader,{className:"uiLoaderXSmall",labelPosition:"right"})),p=d=>{var g,m,y,b;return a.default.createElement(a.default.Fragment,null,!((g=d==null?void 0:d.data)!=null&&g.__isNew__)&&a.default.createElement(o.components.Option,E({},d),a.default.createElement(_.UIHighlightMenuOption,{text:(m=d==null?void 0:d.data)==null?void 0:m.label,query:(y=d==null?void 0:d.selectProps)==null?void 0:y.inputValue})),((b=d==null?void 0:d.data)==null?void 0:b.__isNew__)&&a.default.createElement(o.components.Option,E({},d)))},f=d=>{let g="transparent";return d.isSelected&&(g="var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground))"),d.isFocused&&!d.isSelected&&(g="var(--vscode-list-hoverBackground)"),g},v=d=>{const g=m=>`${d.createText}: ${m}`;return a.default.createElement(e.default,x(E({},d),{ref:d.creatableRef,className:"ui-create-select",classNamePrefix:"ui-create-select",openMenuOnFocus:!1,createOptionPosition:"first",allowCreateWhileLoading:!0,formatOptionLabel:m=>m.label,formatCreateLabel:g,components:{ClearIndicator:I,DropdownIndicator:h,LoadingIndicator:r,Option:p},unstyled:!0,styles:{control:(m,y)=>x(E({},m),{background:"var(--vscode-input-background)",height:"26px",maxHeight:"26px",minHeight:"26px",padding:"0px 0px 0px 8px;",boxShadow:"none",boxSizing:"border-box",borderWidth:"1px",borderStyle:"solid",borderColor:y.isFocused?"var(--vscode-focusBorder)":"var(--vscode-editorWidget-border)",color:"var(--vscode-input-foreground)",borderRadius:u.COMMON_INPUT_STYLES.borderRadius,"&:hover":{borderColor:"var(--vscode-focusBorder)"}}),input:(m,y)=>x(E({},m),{color:"var(--vscode-input-foreground)",background:"transparent",fontFamily:"var(--vscode-font-family)",fontSize:"13px",fontWeight:"normal",minHeight:"unset",padding:"1px 0px 1px 1px",outline:0}),menu:(m,y)=>x(E({},m),{background:"var(--vscode-menu-background, var(--vscode-input-background))",border:"1px solid var(--vscode-focusBorder)",boxSizing:"border-box",margin:"0px",borderRadius:0}),option:(m,y)=>x(E({},m),{fontFamily:"var(--vscode-font-family)",fontWeight:"var(--vscode-font-weight)",minHeight:"22px",height:"22px",lineHeight:"22px",color:y.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",backgroundColor:f(y),letterSpacing:"normal",border:"0",padding:"0px 8px",fontSize:"13px","&:hover":{backgroundColor:y.isSelected?f(y):"var(--vscode-list-hoverBackground)",color:y.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",cursor:"pointer"}}),placeholder:(m,y)=>x(E({},m),{fontSize:"13px",fontWeight:"normal",fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}),singleValue:(m,y)=>x(E({},m),{color:"var(--vscode-input-foreground)",background:"transparent",fontFamily:"var(--vscode-font-family)",fontSize:"13px",fontWeight:"normal",minHeight:"unset",padding:"1px 0px 1px 1px",outline:0}),valueContainer:(m,y)=>x(E({},m),{padding:"0px"}),indicatorsContainer:(m,y)=>x(E({},m),{padding:"0px 5px 0px 0px",cursor:"pointer"}),indicatorSeparator:(m,y)=>x(E({},m),{display:"none"}),dropdownIndicator:(m,y)=>x(E({},m),{padding:"0px"}),clearIndicator:(m,y)=>x(E({},m),{padding:"0px",cursor:"pointer"})}}))};n.UICreateSelect=v},"./src/components/UICreateSelect/index.tsx":function(c,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(o,e,s,l){l===void 0&&(l=s);var _=Object.getOwnPropertyDescriptor(e,s);(!_||("get"in _?!e.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(o,l,_)}:function(o,e,s,l){l===void 0&&(l=s),o[l]=e[s]}),a=this&&this.__exportStar||function(o,e){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&i(e,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UICreateSelect/UICreateSelect.tsx"),n)},"./src/components/UILoader/UILoader.tsx":function(c,n,t){"use strict";var i=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILoader=void 0;const a=i(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");t("./src/components/UILoader/UILoader.scss");class e extends a.default.Component{constructor(l){super(l)}render(){const{blockDOM:l,delayed:_}=this.props,u=()=>({root:E({},l&&{height:"100%"}),circle:[{borderColor:"var(--vscode-progressBar-background) var(--vscode-terminal-ansiBrightWhite) var(--vscode-terminal-ansiBrightWhite)",borderWidth:2,zIndex:1}],label:{color:"var(--vscode-foreground)",fontSize:14,fontWeight:"bold",zIndex:1}}),h=a.default.createElement(o.Spinner,x(E({},this.props),{styles:u}));if(l){const I=()=>({root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return a.default.createElement(o.Overlay,{className:`ui-loader-blocker${_?" ui-loader--delayed":""}`,styles:I},h)}else return h}}n.UILoader=e},"./src/components/UILoader/index.tsx":function(c,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(o,e,s,l){l===void 0&&(l=s);var _=Object.getOwnPropertyDescriptor(e,s);(!_||("get"in _?!e.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(o,l,_)}:function(o,e,s,l){l===void 0&&(l=s),o[l]=e[s]}),a=this&&this.__exportStar||function(o,e){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&i(e,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UILoader/UILoader.tsx"),n)},"./stories/UICreateSelect.story.tsx":function(c,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(r,p,f,v){v===void 0&&(v=f);var d=Object.getOwnPropertyDescriptor(p,f);(!d||("get"in d?!p.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return p[f]}}),Object.defineProperty(r,v,d)}:function(r,p,f,v){v===void 0&&(v=f),r[v]=p[f]}),a=this&&this.__setModuleDefault||(Object.create?function(r,p){Object.defineProperty(r,"default",{enumerable:!0,value:p})}:function(r,p){r.default=p}),o=this&&this.__importStar||function(r){if(r&&r.__esModule)return r;var p={};if(r!=null)for(var f in r)f!=="default"&&Object.prototype.hasOwnProperty.call(r,f)&&i(p,r,f);return a(p,r),p};Object.defineProperty(n,"__esModule",{value:!0}),n.CreateSelect=void 0;const e=o(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=t("./src/components/UICreateSelect/index.tsx"),_=t("./src/components/UILabel/index.tsx");(0,t("./src/components/Icons.tsx").initIcons)(),n.default={title:"Dropdowns/CreateSelect"};const h={childrenGap:40},I=()=>{const r=S=>({label:S,value:S.toLowerCase().replace(/\W/g,"")}),p=[r("One"),r("Two"),r("Three")],[f,v]=(0,e.useState)(!1),[d,g]=(0,e.useState)(p),[m,y]=(0,e.useState)(),[b,M]=(0,e.useState)(),[A,j]=(0,e.useState)(!1),[B,W]=(0,e.useState)([]),[R,U]=(0,e.useState)(),[P,D]=(0,e.useState)(),G=e.default.createRef(),k=S=>{const O=r(S);v(!0),y(O),setTimeout(()=>{v(!1),g(C=>[...C,O]),M(O)},1e3)},K=S=>{const O=S;y(O),M(O)},w=(0,e.useRef)(null),F=S=>{const O=r(S);j(!0),U(O),setTimeout(()=>{var C;j(!1),W(H=>[...H,O]),D(O),(C=w.current)==null||C.focus()},1e3)},z=S=>{const O=S;U(O),D(O)},N=S=>e.default.createElement("div",{style:{fontSize:"12px",display:"flex",margin:"5px",padding:"0px 5px 0px 5px"}},"Nothing there, just create new ones...");return e.default.createElement(s.Stack,{tokens:h},e.default.createElement(s.Stack,{tokens:h},e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:h,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(_.UILabel,null,"UI Create Select Label")),e.default.createElement(l.UICreateSelect,{createText:"Add new value",isClearable:!0,isLoading:f,isDisabled:!1,isValidNewOption:S=>S.length>0,placeholder:"Search or enter a new value",options:d,value:m,onCreateOption:k,onChange:K}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,b==null?void 0:b.value))))),e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - no option by default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:h,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(_.UILabel,null,"UI Create Select Label")),e.default.createElement(l.UICreateSelect,{creatableRef:w,createText:"Add new qualifier",isClearable:!0,isLoading:A,isDisabled:!1,isValidNewOption:S=>S.length>0,placeholder:"Search or enter a new qualifier value",options:B,value:R,noOptionsMessage:N,onCreateOption:F,onChange:z}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,P==null?void 0:P.value)))))))};n.CreateSelect=I}}]);})();
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[835],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),e.styleTagTransform(o,t,e.options)}function n(t){if(t.parentNode===null)return!1;t.parentNode.removeChild(t)}function l(t){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(o){_(e,t,o)},remove:function(){n(e)}}}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.
|
|
1
|
+
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[835],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDatePicker/UIDatePicker.scss":(i,_,n)=>{var l=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),t=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),e=t(l);e.push([i.id,".ui-DatePicker{display:flex;align-items:center;height:24px;max-height:24px;min-height:24px;margin:0}.ui-DatePicker-toggle{position:relative;margin-left:10px}.ui-DatePicker-toggle input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.ui-DatePicker-toggle input::-webkit-calendar-picker-indicator{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}body[data-vscode-theme-kind=vscode-dark] .ui-DatePicker-toggle input{color-scheme:dark}",""]),i.exports=e},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(_){var n=[];return n.toString=function(){return this.map(function(t){var e="",s=typeof t[5]!="undefined";return t[4]&&(e+="@supports (".concat(t[4],") {")),t[2]&&(e+="@media ".concat(t[2]," {")),s&&(e+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),e+=_(t),s&&(e+="}"),t[2]&&(e+="}"),t[4]&&(e+="}"),e}).join("")},n.i=function(t,e,s,o,u){typeof t=="string"&&(t=[[null,t,void 0]]);var d={};if(s)for(var a=0;a<this.length;a++){var c=this[a][0];c!=null&&(d[c]=!0)}for(var p=0;p<t.length;p++){var r=[].concat(t[p]);s&&d[r[0]]||(typeof u!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=u),e&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=e),o&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=o):r[4]="".concat(o)),n.push(r))}},n}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(_){return _[1]}},"./src/components/UIDatePicker/UIDatePicker.scss":(i,_,n)=>{"use strict";n.r(_),n.d(_,{default:()=>I});var l=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),t=n.n(l),e=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=n.n(e),o=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),u=n.n(o),d=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),a=n.n(d),c=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=n.n(c),r=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=n.n(r),y=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDatePicker/UIDatePicker.scss"),m=n.n(y),P={};for(const v in y)v!=="default"&&(P[v]=()=>y[v]);n.d(_,P);var h={};h.styleTagTransform=f(),h.setAttributes=a(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=p();var D=t()(m(),h);const I=m()&&m().locals?m().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var _=[];function n(e){for(var s=-1,o=0;o<_.length;o++)if(_[o].identifier===e){s=o;break}return s}function l(e,s){for(var o={},u=[],d=0;d<e.length;d++){var a=e[d],c=s.base?a[0]+s.base:a[0],p=o[c]||0,r="".concat(c," ").concat(p);o[c]=p+1;var f=n(r),y={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(f!==-1)_[f].references++,_[f].updater(y);else{var m=t(y,s);s.byIndex=d,_.splice(d,0,{identifier:r,updater:m,references:1})}u.push(r)}return u}function t(e,s){var o=s.domAPI(s);o.update(e);var u=function(a){if(a){if(a.css===e.css&&a.media===e.media&&a.sourceMap===e.sourceMap&&a.supports===e.supports&&a.layer===e.layer)return;o.update(e=a)}else o.remove()};return u}i.exports=function(e,s){s=s||{},e=e||[];var o=l(e,s);return function(d){d=d||[];for(var a=0;a<o.length;a++){var c=o[a],p=n(c);_[p].references--}for(var r=l(d,s),f=0;f<o.length;f++){var y=o[f],m=n(y);_[m].references===0&&(_[m].updater(),_.splice(m,1))}o=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var _={};function n(t){if(typeof _[t]=="undefined"){var e=document.querySelector(t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(s){e=null}_[t]=e}return _[t]}function l(t,e){var s=n(t);if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(e)}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function _(n){var l=document.createElement("style");return n.setAttributes(l,n.attributes),n.insert(l,n.options),l}i.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,_,n)=>{"use strict";function l(t){var e=n.nc;e&&t.setAttribute("nonce",e)}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function _(t,e,s){var o="";s.supports&&(o+="@supports (".concat(s.supports,") {")),s.media&&(o+="@media ".concat(s.media," {"));var u=typeof s.layer!="undefined";u&&(o+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),o+=s.css,u&&(o+="}"),s.media&&(o+="}"),s.supports&&(o+="}");var d=s.sourceMap;d&&typeof btoa!="undefined"&&(o+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),e.styleTagTransform(o,t,e.options)}function n(t){if(t.parentNode===null)return!1;t.parentNode.removeChild(t)}function l(t){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(o){_(e,t,o)},remove:function(){n(e)}}}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function _(n,l){if(l.styleSheet)l.styleSheet.cssText=n;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(n))}}i.exports=_},"./src/components/UIDatePicker/UIDatePicker.tsx":function(i,_,n){"use strict";var l=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIDatePicker=void 0;const t=l(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=n("./src/components/UIInput/index.tsx"),s=n("./src/components/UIIcon/index.tsx"),o=n("./src/components/Icons.tsx");n("./src/components/UIDatePicker/UIDatePicker.scss");class u extends t.default.Component{constructor(a){var c;super(a),this.state={value:""},this.dateRegex=/^\d{4}-\d{2}-\d{2}$/,this.dateTimeRegex=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}$/,this.state.value=(c=a.defaultValue)!=null?c:"",this.onInputChange=this.onInputChange.bind(this),this.onPickerChange=this.onPickerChange.bind(this)}onInputChange(a,c=""){var p,r;c=c.trim(),(r=(p=this.props).onChange)==null||r.call(p,a,c),this.setState({value:c})}onPickerChange(a){var p,r;let c=a.target.value;!this.props.dateOnly&&!this.dateTimeRegex.test(c)&&(c=`${a.target.value}:00`),(r=(p=this.props).onChange)==null||r.call(p,a,c),this.setState({value:c})}render(){const a=this.dateRegex.test(this.state.value)||this.dateTimeRegex.test(this.state.value);return t.default.createElement("div",{className:"ui-DatePicker",onKeyDown:this.props.onKeyDown,onClick:this.props.onClick},t.default.createElement(e.UITextInput,{componentRef:this.props.componentRef,errorMessage:this.props.errorMessage,value:this.state.value,onChange:this.onInputChange}),t.default.createElement("div",{className:"ui-DatePicker-toggle"},t.default.createElement(s.UIIcon,{iconName:o.UiIcons.Calendar}),t.default.createElement("input",{type:this.props.dateOnly?"date":"datetime-local",step:"1",value:a?this.state.value:"",onChange:this.onPickerChange})))}}_.UIDatePicker=u},"./src/components/UIDatePicker/index.tsx":function(i,_,n){"use strict";var l=this&&this.__createBinding||(Object.create?function(e,s,o,u){u===void 0&&(u=o);var d=Object.getOwnPropertyDescriptor(s,o);(!d||("get"in d?!s.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(e,u,d)}:function(e,s,o,u){u===void 0&&(u=o),e[u]=s[o]}),t=this&&this.__exportStar||function(e,s){for(var o in e)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&l(s,e,o)};Object.defineProperty(_,"__esModule",{value:!0}),t(n("./src/components/UIDatePicker/UIDatePicker.tsx"),_)},"./stories/UIDatePicker.story.tsx":function(i,_,n){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(_,"__esModule",{value:!0}),_.defaultUsage=void 0;const t=l(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=n("./src/components/UIDatePicker/index.tsx");(0,n("./src/components/Icons.tsx").initIcons)(),_.default={title:"Basic Inputs/DatePicker"};const u={childrenGap:40},d=()=>t.default.createElement(e.Stack,{tokens:u,style:{width:300}},t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIDatePicker"),t.default.createElement(s.UIDatePicker,{defaultValue:"2018-06-12T19:30"})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIDatePicker with only date"),t.default.createElement(s.UIDatePicker,{defaultValue:"2020-07-21",dateOnly:!0})));_.defaultUsage=d}}]);})();
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(()=>{var M=Object.defineProperty,B=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var A=(c,o,a)=>o in c?M(c,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):c[o]=a,U=(c,o)=>{for(var a in o||(o={}))P.call(o,a)&&A(c,a,o[a]);if(S)for(var a of S(o))z.call(o,a)&&A(c,a,o[a]);return c},_=(c,o)=>B(c,w(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[693],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(p))))," */")),t.styleTagTransform(n,l,t.options)}function a(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function d(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=l.insertStyleElement(l);return{update:function(n){o(t,l,n)},remove:function(){a(t)}}}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.
|
|
1
|
+
"use strict";(()=>{var M=Object.defineProperty,B=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var A=(c,o,a)=>o in c?M(c,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):c[o]=a,U=(c,o)=>{for(var a in o||(o={}))P.call(o,a)&&A(c,a,o[a]);if(S)for(var a of S(o))z.call(o,a)&&A(c,a,o[a]);return c},_=(c,o)=>B(c,w(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[693],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":c=>{c.exports=function(o){var a=[];return a.toString=function(){return this.map(function(l){var t="",e=typeof l[5]!="undefined";return l[4]&&(t+="@supports (".concat(l[4],") {")),l[2]&&(t+="@media ".concat(l[2]," {")),e&&(t+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),t+=o(l),e&&(t+="}"),l[2]&&(t+="}"),l[4]&&(t+="}"),t}).join("")},a.i=function(l,t,e,n,g){typeof l=="string"&&(l=[[null,l,void 0]]);var p={};if(e)for(var r=0;r<this.length;r++){var I=this[r][0];I!=null&&(p[I]=!0)}for(var y=0;y<l.length;y++){var u=[].concat(l[y]);e&&p[u[0]]||(typeof g!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=g),t&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=t),n&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=n):u[4]="".concat(n)),a.push(u))}},a}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":c=>{c.exports=function(o){return o[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":c=>{var o=[];function a(t){for(var e=-1,n=0;n<o.length;n++)if(o[n].identifier===t){e=n;break}return e}function d(t,e){for(var n={},g=[],p=0;p<t.length;p++){var r=t[p],I=e.base?r[0]+e.base:r[0],y=n[I]||0,u="".concat(I," ").concat(y);n[I]=y+1;var v=a(u),h={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(v!==-1)o[v].references++,o[v].updater(h);else{var E=l(h,e);e.byIndex=p,o.splice(p,0,{identifier:u,updater:E,references:1})}g.push(u)}return g}function l(t,e){var n=e.domAPI(e);n.update(t);var g=function(r){if(r){if(r.css===t.css&&r.media===t.media&&r.sourceMap===t.sourceMap&&r.supports===t.supports&&r.layer===t.layer)return;n.update(t=r)}else n.remove()};return g}c.exports=function(t,e){e=e||{},t=t||[];var n=d(t,e);return function(p){p=p||[];for(var r=0;r<n.length;r++){var I=n[r],y=a(I);o[y].references--}for(var u=d(p,e),v=0;v<n.length;v++){var h=n[v],E=a(h);o[E].references===0&&(o[E].updater(),o.splice(E,1))}n=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":c=>{var o={};function a(l){if(typeof o[l]=="undefined"){var t=document.querySelector(l);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}o[l]=t}return o[l]}function d(l,t){var e=a(l);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(t)}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":c=>{function o(a){var d=document.createElement("style");return a.setAttributes(d,a.attributes),a.insert(d,a.options),d}c.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(c,o,a)=>{function d(l){var t=a.nc;t&&l.setAttribute("nonce",t)}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":c=>{function o(l,t,e){var n="";e.supports&&(n+="@supports (".concat(e.supports,") {")),e.media&&(n+="@media ".concat(e.media," {"));var g=typeof e.layer!="undefined";g&&(n+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),n+=e.css,g&&(n+="}"),e.media&&(n+="}"),e.supports&&(n+="}");var p=e.sourceMap;p&&typeof btoa!="undefined"&&(n+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(p))))," */")),t.styleTagTransform(n,l,t.options)}function a(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function d(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=l.insertStyleElement(l);return{update:function(n){o(t,l,n)},remove:function(){a(t)}}}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":c=>{function o(a,d){if(d.styleSheet)d.styleSheet.cssText=a;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(a))}}c.exports=o},"./stories/UIDialog.story.tsx":function(c,o,a){var d=this&&this.__createBinding||(Object.create?function(s,i,m,f){f===void 0&&(f=m);var x=Object.getOwnPropertyDescriptor(i,m);(!x||("get"in x?!i.__esModule:x.writable||x.configurable))&&(x={enumerable:!0,get:function(){return i[m]}}),Object.defineProperty(s,f,x)}:function(s,i,m,f){f===void 0&&(f=m),s[f]=i[m]}),l=this&&this.__setModuleDefault||(Object.create?function(s,i){Object.defineProperty(s,"default",{enumerable:!0,value:i})}:function(s,i){s.default=i}),t=this&&this.__importStar||function(s){if(s&&s.__esModule)return s;var i={};if(s!=null)for(var m in s)m!=="default"&&Object.prototype.hasOwnProperty.call(s,m)&&d(i,s,m);return l(i,s),i};Object.defineProperty(o,"__esModule",{value:!0}),o.Dialog=void 0;const e=t(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=a("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),g=a("./src/components/UIDialog/index.ts"),p=a("./src/components/UIButton/index.tsx"),r=a("./src/components/UIInput/index.tsx"),I=a("./src/components/UIDropdown/index.tsx"),y=a("./src/components/UIComboBox/index.tsx"),u=a("./src/components/UICheckbox/index.tsx");(0,a("./src/components/Icons.tsx").initIcons)(),o.default={title:"Dialogs/Dialogs"};const h={childrenGap:40},E={main:{".ms-TextField-wrapper > .ms-Label":{margin:0}}};class D extends e.default.Component{constructor(){super(...arguments),this.state={isOpen:!1,text:"Some Text"},this.onChange=i=>{this.setState({text:i.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:i}=this.props,m=[{key:"111",text:"Dummy option 111"},{key:"222",text:"Dummy option 222"}],f=this.props.draggable?{modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:n.ContextualMenu,keepInBounds:!0}}}:void 0;return e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:this.onToggle,primary:!0},i?"Open Draggable Dialog":"Open Dialog"),e.default.createElement(g.UIDialog,_(U({isOpen:this.state.isOpen,isOpenAnimated:this.props.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel"},f),{onAccept:this.onAccept,styles:E,onCancel:this.onToggle,onDismiss:this.onToggle}),e.default.createElement(r.UITextInput,{label:"Dialog Content",value:this.state.text,onChange:this.onChange}),e.default.createElement(I.UIDropdown,{label:"Dummy",options:m}),e.default.createElement(y.UIComboBox,{label:"Dummy",highlight:!0,options:m})))}}const T=s=>{const[i,m]=(0,e.useState)(!1),f=()=>{m(!i)},x=U({},E.main),{size:b}=s;b&&(x.height=b);let C="Open Large Dialog";return b&&(C+=` height=${b}`),e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:f,primary:!0},C),e.default.createElement(g.UIDialog,{isOpen:i,isOpenAnimated:s.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",styles:{main:x},onAccept:f,onCancel:f,onDismiss:f},e.default.createElement(I.UIDropdown,{label:"Dummy",options:[]}),e.default.createElement(r.UITextInput,{label:"Username"}),e.default.createElement(r.UITextInput,{label:"Email"}),e.default.createElement(r.UITextInput,{label:"Password",type:"password"}),e.default.createElement(r.UITextInput,{label:"Email"}),e.default.createElement(r.UITextInput,{label:"First name"}),e.default.createElement(r.UITextInput,{label:"Last name"}),e.default.createElement(r.UITextInput,{label:"Address"}),e.default.createElement(r.UITextInput,{label:"State"}),e.default.createElement(r.UITextInput,{label:"Country"}),e.default.createElement(r.UITextInput,{label:"Phone"}),e.default.createElement(r.UITextInput,{label:"Dummy 1"}),e.default.createElement(r.UITextInput,{label:"Dummy 2"}),e.default.createElement(r.UITextInput,{label:"Dummy 3"}),e.default.createElement(r.UITextInput,{label:"Dummy 4"}),e.default.createElement(r.UITextInput,{label:"Dummy 5"})))},k=s=>{const[i,m]=(0,e.useState)(!1),f=()=>{m(!i)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:f,primary:!0},"Open Confirm Dialog"),e.default.createElement(g.UIDialog,{isOpen:i,isOpenAnimated:s.openAnimation,isBlocking:!0,onAccept:f,onCancel:f,onDismiss:f,acceptButtonText:"Yes",cancelButtonText:"No",title:"Delete Confirmation",dialogContentProps:{subText:"Are you sure you want to delete entry? This action cannot be undone."}}))},O=()=>{const[s,i]=(0,e.useState)(!0);return e.default.createElement(n.Stack,{tokens:h},e.default.createElement(n.Stack,{tokens:h},e.default.createElement(n.Text,{variant:"large",block:!0},"Dialogs"),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(u.UICheckbox,{label:"Open animation enabled",checked:s,onChange:(m,f)=>{i(f)}})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(D,{draggable:!1,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(D,{draggable:!1,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(D,{draggable:!0,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(T,{openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(T,{size:400,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(T,{openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(k,{openAnimation:s}))))};o.Dialog=O}}]);})();
|
package/storybook/{UIIcon-story.486ce230.iframe.bundle.js → UIIcon-story.8026f717.iframe.bundle.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(()=>{var D=Object.defineProperty,A=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var P=(r,_,e)=>_ in r?D(r,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[_]=e,M=(r,_)=>{for(var e in _||(_={}))U.call(_,e)&&P(r,e,_[e]);if(h)for(var e of h(_))j.call(_,e)&&P(r,e,_[e]);return r},S=(r,_)=>A(r,T(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[524],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),s.styleTagTransform(n,o,s.options)}function e(o){if(o.parentNode===null)return!1;o.parentNode.removeChild(o)}function d(o){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=o.insertStyleElement(o);return{update:function(n){_(s,o,n)},remove:function(){e(s)}}}r.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.
|
|
1
|
+
(()=>{var D=Object.defineProperty,A=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var P=(r,_,e)=>_ in r?D(r,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[_]=e,M=(r,_)=>{for(var e in _||(_={}))U.call(_,e)&&P(r,e,_[e]);if(h)for(var e of h(_))j.call(_,e)&&P(r,e,_[e]);return r},S=(r,_)=>A(r,T(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[524],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(r,_,e)=>{var d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),o=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),s=o(d);s.push([r.id,".ts-icon{fill:var(--vscode-foreground)}",""]),r.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":r=>{"use strict";r.exports=function(_){var e=[];return e.toString=function(){return this.map(function(o){var s="",t=typeof o[5]!="undefined";return o[4]&&(s+="@supports (".concat(o[4],") {")),o[2]&&(s+="@media ".concat(o[2]," {")),t&&(s+="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {")),s+=_(o),t&&(s+="}"),o[2]&&(s+="}"),o[4]&&(s+="}"),s}).join("")},e.i=function(o,s,t,n,l){typeof o=="string"&&(o=[[null,o,void 0]]);var u={};if(t)for(var c=0;c<this.length;c++){var i=this[c][0];i!=null&&(u[i]=!0)}for(var p=0;p<o.length;p++){var a=[].concat(o[p]);t&&u[a[0]]||(typeof l!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=l),s&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=s),n&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=n):a[4]="".concat(n)),e.push(a))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":r=>{"use strict";r.exports=function(_){return _[1]}},"./src/components/UIIcon/UIIcon.scss":(r,_,e)=>{"use strict";e.r(_),e.d(_,{default:()=>O});var d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=e.n(d),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(s),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(n),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(u),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=e.n(i),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(a),y=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),m=e.n(y),E={};for(const v in y)v!=="default"&&(E[v]=()=>y[v]);e.d(_,E);var I={};I.styleTagTransform=f(),I.setAttributes=c(),I.insert=l().bind(null,"head"),I.domAPI=t(),I.insertStyleElement=p();var C=o()(m(),I);const O=m()&&m().locals?m().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":r=>{"use strict";var _=[];function e(s){for(var t=-1,n=0;n<_.length;n++)if(_[n].identifier===s){t=n;break}return t}function d(s,t){for(var n={},l=[],u=0;u<s.length;u++){var c=s[u],i=t.base?c[0]+t.base:c[0],p=n[i]||0,a="".concat(i," ").concat(p);n[i]=p+1;var f=e(a),y={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(f!==-1)_[f].references++,_[f].updater(y);else{var m=o(y,t);t.byIndex=u,_.splice(u,0,{identifier:a,updater:m,references:1})}l.push(a)}return l}function o(s,t){var n=t.domAPI(t);n.update(s);var l=function(c){if(c){if(c.css===s.css&&c.media===s.media&&c.sourceMap===s.sourceMap&&c.supports===s.supports&&c.layer===s.layer)return;n.update(s=c)}else n.remove()};return l}r.exports=function(s,t){t=t||{},s=s||[];var n=d(s,t);return function(u){u=u||[];for(var c=0;c<n.length;c++){var i=n[c],p=e(i);_[p].references--}for(var a=d(u,t),f=0;f<n.length;f++){var y=n[f],m=e(y);_[m].references===0&&(_[m].updater(),_.splice(m,1))}n=a}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":r=>{"use strict";var _={};function e(o){if(typeof _[o]=="undefined"){var s=document.querySelector(o);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(t){s=null}_[o]=s}return _[o]}function d(o,s){var t=e(o);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(s)}r.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":r=>{"use strict";function _(e){var d=document.createElement("style");return e.setAttributes(d,e.attributes),e.insert(d,e.options),d}r.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(r,_,e)=>{"use strict";function d(o){var s=e.nc;s&&o.setAttribute("nonce",s)}r.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":r=>{"use strict";function _(o,s,t){var n="";t.supports&&(n+="@supports (".concat(t.supports,") {")),t.media&&(n+="@media ".concat(t.media," {"));var l=typeof t.layer!="undefined";l&&(n+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),n+=t.css,l&&(n+="}"),t.media&&(n+="}"),t.supports&&(n+="}");var u=t.sourceMap;u&&typeof btoa!="undefined"&&(n+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),s.styleTagTransform(n,o,s.options)}function e(o){if(o.parentNode===null)return!1;o.parentNode.removeChild(o)}function d(o){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=o.insertStyleElement(o);return{update:function(n){_(s,o,n)},remove:function(){e(s)}}}r.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":r=>{"use strict";function _(e,d){if(d.styleSheet)d.styleSheet.cssText=e;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(e))}}r.exports=_},"./src/components/UIIcon/UIIcon.tsx":function(r,_,e){"use strict";var d=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIIcon=void 0;const o=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class t extends o.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return o.default.createElement(s.Icon,S(M({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}_.UIIcon=t},"./src/components/UIIcon/index.tsx":function(r,_,e){"use strict";var d=this&&this.__createBinding||(Object.create?function(s,t,n,l){l===void 0&&(l=n);var u=Object.getOwnPropertyDescriptor(t,n);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(s,l,u)}:function(s,t,n,l){l===void 0&&(l=n),s[l]=t[n]}),o=this&&this.__exportStar||function(s,t){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&d(t,s,n)};Object.defineProperty(_,"__esModule",{value:!0}),o(e("./src/components/UIIcon/UIIcon.tsx"),_)},"./stories/UIIcon.story.tsx":function(r,_,e){"use strict";var d=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(_,"__esModule",{value:!0}),_.SvgIcon=void 0;const o=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),t=e("./src/components/UIIcon/index.tsx"),n=e("./src/components/Icons.tsx");_.default={title:"Utilities/Icons"},(0,n.initIcons)();const l=[];for(const i in n.UiIcons)l.push(i);l.sort();const u=[{key:"column1",name:"Icon",minWidth:50,maxWidth:60,onRender:i=>o.default.createElement(t.UIIcon,{style:{width:"16px",height:"16px"},iconName:i})},{key:"column2",name:"Name",minWidth:50,onRender:i=>o.default.createElement("span",null,i)}],c=()=>o.default.createElement("div",null,o.default.createElement(s.DetailsList,{selectionMode:s.SelectionMode.none,items:l,columns:u,isHeaderVisible:!0,selectionPreservedOnEmptyClick:!0}));_.SvgIcon=c}}]);})();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[682],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(m))))," */")),s.styleTagTransform(t,l,s.options)}function a(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function _(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=l.insertStyleElement(l);return{update:function(t){n(s,l,t)},remove:function(){a(s)}}}i.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.
|
|
1
|
+
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[682],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(i,n,a)=>{var _=a("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=a("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),s=l(_);s.push([i.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),i.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(n){var a=[];return a.toString=function(){return this.map(function(l){var s="",e=typeof l[5]!="undefined";return l[4]&&(s+="@supports (".concat(l[4],") {")),l[2]&&(s+="@media ".concat(l[2]," {")),e&&(s+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),s+=n(l),e&&(s+="}"),l[2]&&(s+="}"),l[4]&&(s+="}"),s}).join("")},a.i=function(l,s,e,t,u){typeof l=="string"&&(l=[[null,l,void 0]]);var m={};if(e)for(var d=0;d<this.length;d++){var v=this[d][0];v!=null&&(m[v]=!0)}for(var c=0;c<l.length;c++){var o=[].concat(l[c]);e&&m[o[0]]||(typeof u!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=u),s&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=s),t&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=t):o[4]="".concat(t)),a.push(o))}},a}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(n){return n[1]}},"./src/styles/_shadows.scss":(i,n,a)=>{"use strict";a.r(n),a.d(n,{default:()=>p});var _=a("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=a.n(_),s=a("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=a.n(s),t=a("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),u=a.n(t),m=a("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=a.n(m),v=a("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=a.n(v),o=a("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),h=a.n(o),S=a("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),E=a.n(S),I={};for(const y in S)y!=="default"&&(I[y]=()=>S[y]);a.d(n,I);var r={};r.styleTagTransform=h(),r.setAttributes=d(),r.insert=u().bind(null,"head"),r.domAPI=e(),r.insertStyleElement=c();var f=l()(E(),r);const p=E()&&E().locals?E().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var n=[];function a(s){for(var e=-1,t=0;t<n.length;t++)if(n[t].identifier===s){e=t;break}return e}function _(s,e){for(var t={},u=[],m=0;m<s.length;m++){var d=s[m],v=e.base?d[0]+e.base:d[0],c=t[v]||0,o="".concat(v," ").concat(c);t[v]=c+1;var h=a(o),S={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(h!==-1)n[h].references++,n[h].updater(S);else{var E=l(S,e);e.byIndex=m,n.splice(m,0,{identifier:o,updater:E,references:1})}u.push(o)}return u}function l(s,e){var t=e.domAPI(e);t.update(s);var u=function(d){if(d){if(d.css===s.css&&d.media===s.media&&d.sourceMap===s.sourceMap&&d.supports===s.supports&&d.layer===s.layer)return;t.update(s=d)}else t.remove()};return u}i.exports=function(s,e){e=e||{},s=s||[];var t=_(s,e);return function(m){m=m||[];for(var d=0;d<t.length;d++){var v=t[d],c=a(v);n[c].references--}for(var o=_(m,e),h=0;h<t.length;h++){var S=t[h],E=a(S);n[E].references===0&&(n[E].updater(),n.splice(E,1))}t=o}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var n={};function a(l){if(typeof n[l]=="undefined"){var s=document.querySelector(l);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}n[l]=s}return n[l]}function _(l,s){var e=a(l);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(s)}i.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function n(a){var _=document.createElement("style");return a.setAttributes(_,a.attributes),a.insert(_,a.options),_}i.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,n,a)=>{"use strict";function _(l){var s=a.nc;s&&l.setAttribute("nonce",s)}i.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function n(l,s,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var u=typeof e.layer!="undefined";u&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,u&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var m=e.sourceMap;m&&typeof btoa!="undefined"&&(t+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(m))))," */")),s.styleTagTransform(t,l,s.options)}function a(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function _(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=l.insertStyleElement(l);return{update:function(t){n(s,l,t)},remove:function(){a(s)}}}i.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function n(a,_){if(_.styleSheet)_.styleSheet.cssText=a;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(a))}}i.exports=n},"./stories/UILoader.story.tsx":function(i,n,a){"use strict";var _=this&&this.__createBinding||(Object.create?function(r,f,p,y){y===void 0&&(y=p);var D=Object.getOwnPropertyDescriptor(f,p);(!D||("get"in D?!f.__esModule:D.writable||D.configurable))&&(D={enumerable:!0,get:function(){return f[p]}}),Object.defineProperty(r,y,D)}:function(r,f,p,y){y===void 0&&(y=p),r[y]=f[p]}),l=this&&this.__setModuleDefault||(Object.create?function(r,f){Object.defineProperty(r,"default",{enumerable:!0,value:f})}:function(r,f){r.default=f}),s=this&&this.__importStar||function(r){if(r&&r.__esModule)return r;var f={};if(r!=null)for(var p in r)p!=="default"&&Object.prototype.hasOwnProperty.call(r,p)&&_(f,r,p);return l(f,r),f};Object.defineProperty(n,"__esModule",{value:!0}),n.Dialogs=n.Delayed=n.Loaders=void 0;const e=s(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=a("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),u=a("./src/components/UILoader/index.tsx"),m=a("./src/components/Icons.tsx"),d=a("./src/components/UIButton/index.tsx"),v=a("./src/components/UIDialog/index.ts");n.default={title:"Progress/Loader"},(0,m.initIcons)();const c={childrenGap:40},o=()=>e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Text,null,"Default Loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,null))),e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Text,null,"Large loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{size:t.SpinnerSize.large}))),e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Text,null,"Medium loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{size:t.SpinnerSize.medium}))),e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Text,null,"Small loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{size:t.SpinnerSize.small}))),e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Text,null,"xSmall loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{size:t.SpinnerSize.xSmall}))),e.default.createElement(t.Stack,{tokens:c,style:{position:"relative"}},e.default.createElement(t.Text,null,"Loader - block DOM"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{blockDOM:!0}))),e.default.createElement(t.Stack,{tokens:c,style:{position:"relative",height:"75px"}},e.default.createElement(t.Text,null,"Loader - block DOM with text..."),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{blockDOM:!0,label:"Loader label..."}))),e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Text,null,"Small loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{className:"uiLoaderXSmall"}))),e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Text,null,"Large loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{className:"uiLoaderXLarge"}))));n.Loaders=o;const h=()=>{const[r,f]=(0,e.useState)(!1);return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",null,e.default.createElement("div",{style:{position:"relative",height:"100px",width:"300px",textAlign:"center"}},e.default.createElement(t.Text,null,"Loader - delayed"),r&&e.default.createElement(u.UILoader,{delayed:!0,blockDOM:!0,label:"Delayed loader"})),e.default.createElement("div",null,e.default.createElement(d.UIDefaultButton,{text:"Toggle Loader",onClick:()=>{f(!r)}}))))};n.Delayed=h;const S=`
|
|
3
3
|
.popup--busy .ms-Dialog-content {
|
|
4
4
|
position: static;
|
|
5
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";(()=>{var O=Object.defineProperty,V=Object.defineProperties;var N=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var D=(l,n,a)=>n in l?O(l,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):l[n]=a,w=(l,n)=>{for(var a in n||(n={}))B.call(n,a)&&D(l,a,n[a]);if(q)for(var a of q(n))H.call(n,a)&&D(l,a,n[a]);return l},z=(l,n)=>V(l,N(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[248],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(p))))," */")),t.styleTagTransform(i,r,t.options)}function a(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function c(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=r.insertStyleElement(r);return{update:function(i){n(t,r,i)},remove:function(){a(t)}}}l.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.
|
|
1
|
+
"use strict";(()=>{var O=Object.defineProperty,V=Object.defineProperties;var N=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var D=(l,n,a)=>n in l?O(l,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):l[n]=a,w=(l,n)=>{for(var a in n||(n={}))B.call(n,a)&&D(l,a,n[a]);if(q)for(var a of q(n))H.call(n,a)&&D(l,a,n[a]);return l},z=(l,n)=>V(l,N(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[248],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":l=>{l.exports=function(n){var a=[];return a.toString=function(){return this.map(function(r){var t="",e=typeof r[5]!="undefined";return r[4]&&(t+="@supports (".concat(r[4],") {")),r[2]&&(t+="@media ".concat(r[2]," {")),e&&(t+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),t+=n(r),e&&(t+="}"),r[2]&&(t+="}"),r[4]&&(t+="}"),t}).join("")},a.i=function(r,t,e,i,d){typeof r=="string"&&(r=[[null,r,void 0]]);var p={};if(e)for(var u=0;u<this.length;u++){var S=this[u][0];S!=null&&(p[S]=!0)}for(var m=0;m<r.length;m++){var o=[].concat(r[m]);e&&p[o[0]]||(typeof d!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=d),t&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=t),i&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=i):o[4]="".concat(i)),a.push(o))}},a}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":l=>{l.exports=function(n){return n[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":l=>{var n=[];function a(t){for(var e=-1,i=0;i<n.length;i++)if(n[i].identifier===t){e=i;break}return e}function c(t,e){for(var i={},d=[],p=0;p<t.length;p++){var u=t[p],S=e.base?u[0]+e.base:u[0],m=i[S]||0,o="".concat(S," ").concat(m);i[S]=m+1;var b=a(o),U={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(b!==-1)n[b].references++,n[b].updater(U);else{var _=r(U,e);e.byIndex=p,n.splice(p,0,{identifier:o,updater:_,references:1})}d.push(o)}return d}function r(t,e){var i=e.domAPI(e);i.update(t);var d=function(u){if(u){if(u.css===t.css&&u.media===t.media&&u.sourceMap===t.sourceMap&&u.supports===t.supports&&u.layer===t.layer)return;i.update(t=u)}else i.remove()};return d}l.exports=function(t,e){e=e||{},t=t||[];var i=c(t,e);return function(p){p=p||[];for(var u=0;u<i.length;u++){var S=i[u],m=a(S);n[m].references--}for(var o=c(p,e),b=0;b<i.length;b++){var U=i[b],_=a(U);n[_].references===0&&(n[_].updater(),n.splice(_,1))}i=o}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":l=>{var n={};function a(r){if(typeof n[r]=="undefined"){var t=document.querySelector(r);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}n[r]=t}return n[r]}function c(r,t){var e=a(r);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(t)}l.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":l=>{function n(a){var c=document.createElement("style");return a.setAttributes(c,a.attributes),a.insert(c,a.options),c}l.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(l,n,a)=>{function c(r){var t=a.nc;t&&r.setAttribute("nonce",t)}l.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":l=>{function n(r,t,e){var i="";e.supports&&(i+="@supports (".concat(e.supports,") {")),e.media&&(i+="@media ".concat(e.media," {"));var d=typeof e.layer!="undefined";d&&(i+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),i+=e.css,d&&(i+="}"),e.media&&(i+="}"),e.supports&&(i+="}");var p=e.sourceMap;p&&typeof btoa!="undefined"&&(i+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(p))))," */")),t.styleTagTransform(i,r,t.options)}function a(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function c(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=r.insertStyleElement(r);return{update:function(i){n(t,r,i)},remove:function(){a(t)}}}l.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":l=>{function n(a,c){if(c.styleSheet)c.styleSheet.cssText=a;else{for(;c.firstChild;)c.removeChild(c.firstChild);c.appendChild(document.createTextNode(a))}}l.exports=n},"./stories/UISections.story.tsx":function(l,n,a){var c=this&&this.__createBinding||(Object.create?function(f,s,g,y){y===void 0&&(y=g);var T=Object.getOwnPropertyDescriptor(s,g);(!T||("get"in T?!s.__esModule:T.writable||T.configurable))&&(T={enumerable:!0,get:function(){return s[g]}}),Object.defineProperty(f,y,T)}:function(f,s,g,y){y===void 0&&(y=g),f[y]=s[g]}),r=this&&this.__setModuleDefault||(Object.create?function(f,s){Object.defineProperty(f,"default",{enumerable:!0,value:s})}:function(f,s){f.default=s}),t=this&&this.__importStar||function(f){if(f&&f.__esModule)return f;var s={};if(f!=null)for(var g in f)g!=="default"&&Object.prototype.hasOwnProperty.call(f,g)&&c(s,f,g);return r(s,f),s};Object.defineProperty(n,"__esModule",{value:!0}),n.VerticalSections=n.HorizontalSections=void 0;const e=t(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=a("./src/components/UISection/index.tsx"),d=a("./src/components/UIToggle/index.tsx"),p=a("./src/components/UIDropdown/index.tsx"),u=a("./src/components/UIButton/index.tsx");n.default={title:"Utilities/Splitter"};const S=`
|
|
3
3
|
.componentOptions {
|
|
4
4
|
display: flex;
|
|
5
5
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(()=>{var E=Object.defineProperty,S=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var I=(d,r,l)=>r in d?E(d,r,{enumerable:!0,configurable:!0,writable:!0,value:l}):d[r]=l,h=(d,r)=>{for(var l in r||(r={}))T.call(r,l)&&I(d,l,r[l]);if(y)for(var l of y(r))w.call(r,l)&&I(d,l,r[l]);return d},b=(d,r)=>S(d,U(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[797],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),t.styleTagTransform(n,e,t.options)}function l(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function i(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(n){r(t,e,n)},remove:function(){l(t)}}}d.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.
|
|
1
|
+
"use strict";(()=>{var E=Object.defineProperty,S=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var I=(d,r,l)=>r in d?E(d,r,{enumerable:!0,configurable:!0,writable:!0,value:l}):d[r]=l,h=(d,r)=>{for(var l in r||(r={}))T.call(r,l)&&I(d,l,r[l]);if(y)for(var l of y(r))w.call(r,l)&&I(d,l,r[l]);return d},b=(d,r)=>S(d,U(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[797],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":d=>{d.exports=function(r){var l=[];return l.toString=function(){return this.map(function(e){var t="",a=typeof e[5]!="undefined";return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),a&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=r(e),a&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},l.i=function(e,t,a,n,u){typeof e=="string"&&(e=[[null,e,void 0]]);var o={};if(a)for(var s=0;s<this.length;s++){var f=this[s][0];f!=null&&(o[f]=!0)}for(var p=0;p<e.length;p++){var c=[].concat(e[p]);a&&o[c[0]]||(typeof u!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=u),t&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=t),n&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=n):c[4]="".concat(n)),l.push(c))}},l}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":d=>{d.exports=function(r){return r[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":d=>{var r=[];function l(t){for(var a=-1,n=0;n<r.length;n++)if(r[n].identifier===t){a=n;break}return a}function i(t,a){for(var n={},u=[],o=0;o<t.length;o++){var s=t[o],f=a.base?s[0]+a.base:s[0],p=n[f]||0,c="".concat(f," ").concat(p);n[f]=p+1;var m=l(c),x={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(m!==-1)r[m].references++,r[m].updater(x);else{var v=e(x,a);a.byIndex=o,r.splice(o,0,{identifier:c,updater:v,references:1})}u.push(c)}return u}function e(t,a){var n=a.domAPI(a);n.update(t);var u=function(s){if(s){if(s.css===t.css&&s.media===t.media&&s.sourceMap===t.sourceMap&&s.supports===t.supports&&s.layer===t.layer)return;n.update(t=s)}else n.remove()};return u}d.exports=function(t,a){a=a||{},t=t||[];var n=i(t,a);return function(o){o=o||[];for(var s=0;s<n.length;s++){var f=n[s],p=l(f);r[p].references--}for(var c=i(o,a),m=0;m<n.length;m++){var x=n[m],v=l(x);r[v].references===0&&(r[v].updater(),r.splice(v,1))}n=c}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":d=>{var r={};function l(e){if(typeof r[e]=="undefined"){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(a){t=null}r[e]=t}return r[e]}function i(e,t){var a=l(e);if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}d.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":d=>{function r(l){var i=document.createElement("style");return l.setAttributes(i,l.attributes),l.insert(i,l.options),i}d.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(d,r,l)=>{function i(e){var t=l.nc;t&&e.setAttribute("nonce",t)}d.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":d=>{function r(e,t,a){var n="";a.supports&&(n+="@supports (".concat(a.supports,") {")),a.media&&(n+="@media ".concat(a.media," {"));var u=typeof a.layer!="undefined";u&&(n+="@layer".concat(a.layer.length>0?" ".concat(a.layer):""," {")),n+=a.css,u&&(n+="}"),a.media&&(n+="}"),a.supports&&(n+="}");var o=a.sourceMap;o&&typeof btoa!="undefined"&&(n+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),t.styleTagTransform(n,e,t.options)}function l(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function i(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(n){r(t,e,n)},remove:function(){l(t)}}}d.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":d=>{function r(l,i){if(i.styleSheet)i.styleSheet.cssText=l;else{for(;i.firstChild;)i.removeChild(i.firstChild);i.appendChild(document.createTextNode(l))}}d.exports=r},"./src/components/UICheckbox/UICheckbox.tsx":function(d,r,l){var i=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(r,"__esModule",{value:!0}),r.UICheckbox=void 0;const e=i(l("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=l("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=l("./src/helper/ValidationMessage/index.tsx");class n extends e.default.Component{constructor(o){super(o),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(s,f)=>({root:[!f.disabled&&[!f.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[t.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[t.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[t.HighContrastSelector]:{color:f.disabled?"GrayText":"WindowText"}}}],f.checked&&!f.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:f.disabled?"":"var(--vscode-checkbox-background)",borderColor:f.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[t.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},s.message&&{marginBottom:2}],input:{[`.${t.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[t.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:f.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:f.disabled?.4:void 0}})}render(){const o=(0,a.getMessageInfo)(this.props),s=e.default.createElement(t.Checkbox,b(h({},this.props),{styles:f=>h(h({},this.setStyle(o,f)),this.props.styles)}));return o.message?e.default.createElement(a.MessageWrapper,{message:o},s):s}}r.UICheckbox=n},"./src/components/UICheckbox/index.tsx":function(d,r,l){var i=this&&this.__createBinding||(Object.create?function(t,a,n,u){u===void 0&&(u=n);var o=Object.getOwnPropertyDescriptor(a,n);(!o||("get"in o?!a.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return a[n]}}),Object.defineProperty(t,u,o)}:function(t,a,n,u){u===void 0&&(u=n),t[u]=a[n]}),e=this&&this.__exportStar||function(t,a){for(var n in t)n!=="default"&&!Object.prototype.hasOwnProperty.call(a,n)&&i(a,t,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(l("./src/components/UICheckbox/UICheckbox.tsx"),r)},"./stories/UITextInput.story.tsx":function(d,r,l){var i=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(r,"__esModule",{value:!0}),r.withMessages=r.accessibilityStates=r.defaultUsage=void 0;const e=i(l("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=l("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=l("./src/components/UIInput/index.tsx"),n=l("./src/components/UICheckbox/index.tsx"),u=l("./src/components/Icons.tsx");r.default={title:"Basic Inputs/Input"},(0,u.initIcons)();const o={childrenGap:40},s={iconName:"FolderOpened"},f=()=>e.default.createElement(t.Stack,{tokens:o,style:{width:300}},e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput"),e.default.createElement(a.UITextInput,{label:"Enter your name"})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with icon"),e.default.createElement(a.UITextInput,{label:"Select your folder",iconProps:s})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput disabled"),e.default.createElement(a.UITextInput,{label:"Enter your name",disabled:!0})));r.defaultUsage=f;const p=()=>{const[m,x]=e.default.useState(!1),[v,C]=e.default.useState("Content"),g={multiline:m,onChange:(_,k)=>{C(k||"")}};return e.default.createElement("div",null,e.default.createElement(t.Stack,{horizontal:!0,tokens:o},e.default.createElement(n.UICheckbox,{label:"Multi Line",checked:m,onChange:(_,k)=>{x(k)}})),e.default.createElement(t.Stack,{horizontal:!0,tokens:o},e.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},e.default.createElement("tr",null,e.default.createElement("td",{style:{minWidth:100,width:150}}),e.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),e.default.createElement("td",{style:{width:"50%"}},"Input Text")),e.default.createElement("tr",null,e.default.createElement("td",null,"Regular"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{value:v})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{errorMessage:"Dummy error",value:v})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{value:v,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{value:v,readOnly:!0})))))))};r.accessibilityStates=p;const c=()=>{const m="Dummy message";return e.default.createElement(t.Stack,{tokens:o,style:{width:"100%"}},e.default.createElement(t.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with error message"),e.default.createElement(a.UITextInput,{label:"input field label",errorMessage:m})),e.default.createElement(t.Separator,null),e.default.createElement(t.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with warning message"),e.default.createElement(a.UITextInput,{label:"input field label",warningMessage:m})),e.default.createElement(t.Separator,null),e.default.createElement(t.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with info message"),e.default.createElement(a.UITextInput,{label:"input field label",infoMessage:m})))};r.withMessages=c}}]);})();
|