@sap-ux/ui-components 2.0.3 → 2.1.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/Icons.d.ts +3 -0
- package/dist/components/Icons.d.ts.map +1 -1
- package/dist/components/Icons.js +15 -0
- package/dist/components/Icons.js.map +1 -1
- package/dist/components/UITranslationInput/UITranslationButton.d.ts +6 -0
- package/dist/components/UITranslationInput/UITranslationButton.d.ts.map +1 -1
- package/dist/components/UITranslationInput/UITranslationButton.js +16 -2
- package/dist/components/UITranslationInput/UITranslationButton.js.map +1 -1
- package/dist/components/UITranslationInput/UITranslationInput.d.ts +6 -0
- package/dist/components/UITranslationInput/UITranslationInput.d.ts.map +1 -1
- package/dist/components/UITranslationInput/UITranslationInput.js +21 -7
- package/dist/components/UITranslationInput/UITranslationInput.js.map +1 -1
- package/dist/components/UITranslationInput/UITranslationInput.scss +8 -4
- package/package.json +1 -1
- package/storybook/{321.18c353da.iframe.bundle.js → 112.80afc68d.iframe.bundle.js} +1 -1
- package/storybook/{630.56ecdf11.iframe.bundle.js → 14.1da3f2ee.iframe.bundle.js} +2 -2
- package/storybook/{543.0c0837d6.iframe.bundle.js → 279.8dad0e60.iframe.bundle.js} +1 -1
- package/storybook/{434.16b1a922.iframe.bundle.js → 495.5574310d.iframe.bundle.js} +1 -1
- package/storybook/642.ce702059.iframe.bundle.js +7 -0
- package/storybook/{482.ad357daf.iframe.bundle.js → 723.36541956.iframe.bundle.js} +1 -1
- package/storybook/{195.3d7d3044.iframe.bundle.js → 763.3294d52f.iframe.bundle.js} +1 -1
- package/storybook/{174.71a8dd1c.iframe.bundle.js → 776.2cac3f4d.iframe.bundle.js} +1 -1
- package/storybook/{473.fa931179.iframe.bundle.js → 824.c1c8a45a.iframe.bundle.js} +1 -1
- package/storybook/{618.0c2b25bb.iframe.bundle.js → 879.4e975e38.iframe.bundle.js} +1 -1
- package/storybook/{UIActionCallout-story.17b8bed9.iframe.bundle.js → UIActionCallout-story.3d4143cc.iframe.bundle.js} +2 -2
- package/storybook/{UICallout-story.f956caff.iframe.bundle.js → UICallout-story.bed8a5fb.iframe.bundle.js} +2 -2
- package/storybook/{UICheckbox-story.490ca9cb.iframe.bundle.js → UICheckbox-story.c5ee487a.iframe.bundle.js} +2 -2
- package/storybook/{UICreateSelect-story.dd4c5fad.iframe.bundle.js → UICreateSelect-story.6f685540.iframe.bundle.js} +2 -2
- package/storybook/{UIDatePicker-story.67b687bc.iframe.bundle.js → UIDatePicker-story.85d938e0.iframe.bundle.js} +2 -2
- package/storybook/{UIDialog-story.7dbbf082.iframe.bundle.js → UIDialog-story.12c2e8e6.iframe.bundle.js} +2 -2
- package/storybook/{UILink-story.16737a61.iframe.bundle.js → UILink-story.111b916d.iframe.bundle.js} +2 -2
- package/storybook/{UILoader-story.0f747ffb.iframe.bundle.js → UILoader-story.0da3754b.iframe.bundle.js} +3 -3
- package/storybook/{UITextInput-story.c00bbea7.iframe.bundle.js → UITextInput-story.24e2874f.iframe.bundle.js} +2 -2
- package/storybook/{UIToggle-story.bf57ab50.iframe.bundle.js → UIToggle-story.99bc14b4.iframe.bundle.js} +2 -2
- package/storybook/{UIToggleGroup-story.d6ffea1a.iframe.bundle.js → UIToggleGroup-story.e5826214.iframe.bundle.js} +2 -2
- package/storybook/{UITooltip-story.e088dd3c.iframe.bundle.js → UITooltip-story.4a12582e.iframe.bundle.js} +2 -2
- package/storybook/UITranslationInput-story.90c7e487.iframe.bundle.js +1 -0
- package/storybook/iframe.html +2 -2
- package/storybook/main.984ca662.iframe.bundle.js +1 -0
- package/storybook/project.json +1 -1
- package/storybook/runtime~main.d417811b.iframe.bundle.js +2 -0
- package/storybook/267.22cc1c06.iframe.bundle.js +0 -7
- package/storybook/UITranslationInput-story.749bde8b.iframe.bundle.js +0 -1
- package/storybook/main.0a27e16a.iframe.bundle.js +0 -1
- package/storybook/runtime~main.735b9f72.iframe.bundle.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(()=>{var H=Object.defineProperty,X=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var T=(i,o,_)=>o in i?H(i,o,{enumerable:!0,configurable:!0,writable:!0,value:_}):i[o]=_,w=(i,o)=>{for(var _ in o||(o={}))J.call(o,_)&&T(i,_,o[_]);if(D)for(var _ of D(o))Y.call(o,_)&&T(i,_,o[_]);return i},S=(i,o)=>X(i,V(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[949],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss"(i,o,_){var a=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),t=r(a);t.push([i.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}',""]),i.exports=t},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"(i,o,_){var a=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),t=r(a);t.push([i.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}}",""]),i.exports=t},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"(i){"use strict";i.exports=function(o){var _=[];return _.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+=o(r),e&&(t+="}"),r[2]&&(t+="}"),r[4]&&(t+="}"),t}).join("")},_.i=function(r,t,e,s,d){typeof r=="string"&&(r=[[null,r,void 0]]);var l={};if(e)for(var u=0;u<this.length;u++){var g=this[u][0];g!=null&&(l[g]=!0)}for(var p=0;p<r.length;p++){var n=[].concat(r[p]);e&&l[n[0]]||(typeof d!="undefined"&&(typeof n[5]=="undefined"||(n[1]="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {").concat(n[1],"}")),n[5]=d),t&&(n[2]&&(n[1]="@media ".concat(n[2]," {").concat(n[1],"}")),n[2]=t),s&&(n[4]?(n[1]="@supports (".concat(n[4],") {").concat(n[1],"}"),n[4]=s):n[4]="".concat(s)),_.push(n))}},_}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(i){"use strict";i.exports=function(o){return o[1]}},"./src/components/UICreateSelect/UICreateSelect.scss"(i,o,_){"use strict";_.r(o),_.d(o,{default:()=>h});var a=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=_.n(a),t=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=_.n(t),s=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=_.n(s),l=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=_.n(l),g=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=_.n(g),n=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=_.n(n),m=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss"),f=_.n(m),c={};for(const I in m)I!=="default"&&(c[I]=()=>m[I]);_.d(o,c);var b={};b.styleTagTransform=y(),b.setAttributes=u(),b.insert=d().bind(null,"head"),b.domAPI=e(),b.insertStyleElement=p();var v=r()(f(),b);const h=f()&&f().locals?f().locals:void 0},"./src/components/UILoader/UILoader.scss"(i,o,_){"use strict";_.r(o),_.d(o,{default:()=>h});var a=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=_.n(a),t=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=_.n(t),s=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=_.n(s),l=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=_.n(l),g=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=_.n(g),n=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=_.n(n),m=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),f=_.n(m),c={};for(const I in m)I!=="default"&&(c[I]=()=>m[I]);_.d(o,c);var b={};b.styleTagTransform=y(),b.setAttributes=u(),b.insert=d().bind(null,"head"),b.domAPI=e(),b.insertStyleElement=p();var v=r()(f(),b);const h=f()&&f().locals?f().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(i){"use strict";var o=[];function _(t){for(var e=-1,s=0;s<o.length;s++)if(o[s].identifier===t){e=s;break}return e}function a(t,e){for(var s={},d=[],l=0;l<t.length;l++){var u=t[l],g=e.base?u[0]+e.base:u[0],p=s[g]||0,n="".concat(g," ").concat(p);s[g]=p+1;var y=_(n),m={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(y!==-1)o[y].references++,o[y].updater(m);else{var f=r(m,e);e.byIndex=l,o.splice(l,0,{identifier:n,updater:f,references:1})}d.push(n)}return d}function r(t,e){var s=e.domAPI(e);s.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;s.update(t=u)}else s.remove()};return d}i.exports=function(t,e){e=e||{},t=t||[];var s=a(t,e);return function(l){l=l||[];for(var u=0;u<s.length;u++){var g=s[u],p=_(g);o[p].references--}for(var n=a(l,e),y=0;y<s.length;y++){var m=s[y],f=_(m);o[f].references===0&&(o[f].updater(),o.splice(f,1))}s=n}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"(i){"use strict";var o={};function _(r){if(typeof o[r]=="undefined"){var t=document.querySelector(r);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}o[r]=t}return o[r]}function a(r,t){var e=_(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)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(i){"use strict";function o(_){var a=document.createElement("style");return _.setAttributes(a,_.attributes),_.insert(a,_.options),a}i.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(i,o,_){"use strict";function a(r){var t=_.nc;t&&r.setAttribute("nonce",t)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(i){"use strict";function o(r,t,e){var s="";e.supports&&(s+="@supports (".concat(e.supports,") {")),e.media&&(s+="@media ".concat(e.media," {"));var d=typeof e.layer!="undefined";d&&(s+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),s+=e.css,d&&(s+="}"),e.media&&(s+="}"),e.supports&&(s+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(s+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),t.styleTagTransform(s,r,t.options)}function _(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function a(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=r.insertStyleElement(r);return{update:function(s){o(t,r,s)},remove:function(){_(t)}}}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(i){"use strict";function o(_,a){if(a.styleSheet)a.styleSheet.cssText=_;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(_))}}i.exports=o},"./src/components/UICreateSelect/UICreateSelect.tsx"(i,o,_){"use strict";var a=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICreateSelect=o.UICreateSelectInstance=void 0;const r=a(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=_("../../node_modules/.pnpm/react-select@5.10.2_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0__react@16.14.0/node_modules/react-select/dist/react-select.esm.js");Object.defineProperty(o,"UICreateSelectInstance",{enumerable:!0,get:function(){return t.SelectInstance}});const e=a(_("../../node_modules/.pnpm/react-select@5.10.2_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0__react@16.14.0/node_modules/react-select/creatable/dist/react-select-creatable.esm.js")),s=_("./src/components/UIIcon/index.tsx"),d=_("./src/components/UILoader/index.tsx"),l=_("./src/components/UIContextualMenu/index.tsx");_("./src/components/UICreateSelect/UICreateSelect.scss");const u=_("./src/components/UIInput/index.tsx"),g=c=>r.default.createElement(t.components.DropdownIndicator,w({},c),r.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-dropdown",iconName:"ArrowDown"})),p=c=>r.default.createElement(t.components.ClearIndicator,w({},c),r.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-clear",iconName:"Clear"})),n=c=>r.default.createElement("div",{className:"ui-create-select-indicator-loading"},r.default.createElement(d.UILoader,{className:"uiLoaderXSmall",labelPosition:"right"})),y=c=>{var b,v,h,I;return r.default.createElement(r.default.Fragment,null,!((b=c==null?void 0:c.data)!=null&&b.__isNew__)&&r.default.createElement(t.components.Option,w({},c),r.default.createElement(l.UIHighlightMenuOption,{text:(v=c==null?void 0:c.data)==null?void 0:v.label,query:(h=c==null?void 0:c.selectProps)==null?void 0:h.inputValue})),((I=c==null?void 0:c.data)==null?void 0:I.__isNew__)&&r.default.createElement(t.components.Option,w({},c)))},m=c=>{let b="transparent";return c.isSelected&&(b="var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground))"),c.isFocused&&!c.isSelected&&(b="var(--vscode-list-hoverBackground)"),b},f=c=>{const b=v=>`${c.createText}: ${v}`;return r.default.createElement(e.default,S(w({},c),{ref:c.creatableRef,className:"ui-create-select",classNamePrefix:"ui-create-select",openMenuOnFocus:!1,createOptionPosition:"first",allowCreateWhileLoading:!0,formatOptionLabel:v=>v.label,formatCreateLabel:b,components:{ClearIndicator:p,DropdownIndicator:g,LoadingIndicator:n,Option:y},unstyled:!0,styles:{control:(v,h)=>S(w({},v),{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:h.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:(v,h)=>S(w({},v),{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:(v,h)=>S(w({},v),{background:"var(--vscode-menu-background, var(--vscode-input-background))",border:"1px solid var(--vscode-focusBorder)",boxSizing:"border-box",margin:"0px",borderRadius:0}),option:(v,h)=>S(w({},v),{fontFamily:"var(--vscode-font-family)",fontWeight:"var(--vscode-font-weight)",minHeight:"22px",height:"22px",lineHeight:"22px",color:h.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",backgroundColor:m(h),letterSpacing:"normal",border:"0",padding:"0px 8px",fontSize:"13px","&:hover":{backgroundColor:h.isSelected?m(h):"var(--vscode-list-hoverBackground)",color:h.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",cursor:"pointer"}}),placeholder:(v,h)=>S(w({},v),{fontSize:"13px",fontWeight:"normal",fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}),singleValue:(v,h)=>S(w({},v),{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:(v,h)=>S(w({},v),{padding:"0px"}),indicatorsContainer:(v,h)=>S(w({},v),{padding:"0px 5px 0px 0px",cursor:"pointer"}),indicatorSeparator:(v,h)=>S(w({},v),{display:"none"}),dropdownIndicator:(v,h)=>S(w({},v),{padding:"0px"}),clearIndicator:(v,h)=>S(w({},v),{padding:"0px",cursor:"pointer"})}}))};o.UICreateSelect=f},"./src/components/UICreateSelect/index.tsx"(i,o,_){"use strict";var a=this&&this.__createBinding||(Object.create?(function(t,e,s,d){d===void 0&&(d=s);var l=Object.getOwnPropertyDescriptor(e,s);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(t,d,l)}):(function(t,e,s,d){d===void 0&&(d=s),t[d]=e[s]})),r=this&&this.__exportStar||function(t,e){for(var s in t)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&a(e,t,s)};Object.defineProperty(o,"__esModule",{value:!0}),r(_("./src/components/UICreateSelect/UICreateSelect.tsx"),o)},"./src/components/UILoader/UILoader.tsx"(i,o,_){"use strict";var a=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(o,"__esModule",{value:!0}),o.UILoader=o.UISpinnerSize=void 0;const r=a(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=_("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UISpinnerSize",{enumerable:!0,get:function(){return t.SpinnerSize}}),_("./src/components/UILoader/UILoader.scss");class e extends r.default.Component{constructor(d){super(d)}render(){const{blockDOM:d,delayed:l}=this.props,u=()=>({root:w({},d&&{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}}),g=r.default.createElement(t.Spinner,S(w({},this.props),{styles:u}));if(d){const p=()=>({root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return r.default.createElement(t.Overlay,{className:`ui-loader-blocker${l?" ui-loader--delayed":""}`,styles:p},g)}else return g}}o.UILoader=e},"./src/components/UILoader/index.tsx"(i,o,_){"use strict";var a=this&&this.__createBinding||(Object.create?(function(t,e,s,d){d===void 0&&(d=s);var l=Object.getOwnPropertyDescriptor(e,s);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(t,d,l)}):(function(t,e,s,d){d===void 0&&(d=s),t[d]=e[s]})),r=this&&this.__exportStar||function(t,e){for(var s in t)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&a(e,t,s)};Object.defineProperty(o,"__esModule",{value:!0}),r(_("./src/components/UILoader/UILoader.tsx"),o)},"./stories/UICreateSelect.story.tsx"(i,o,_){"use strict";var a=this&&this.__createBinding||(Object.create?(function(p,n,y,m){m===void 0&&(m=y);var f=Object.getOwnPropertyDescriptor(n,y);(!f||("get"in f?!n.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return n[y]}}),Object.defineProperty(p,m,f)}):(function(p,n,y,m){m===void 0&&(m=y),p[m]=n[y]})),r=this&&this.__setModuleDefault||(Object.create?(function(p,n){Object.defineProperty(p,"default",{enumerable:!0,value:n})}):function(p,n){p.default=n}),t=this&&this.__importStar||(function(){var p=function(n){return p=Object.getOwnPropertyNames||function(y){var m=[];for(var f in y)Object.prototype.hasOwnProperty.call(y,f)&&(m[m.length]=f);return m},p(n)};return function(n){if(n&&n.__esModule)return n;var y={};if(n!=null)for(var m=p(n),f=0;f<m.length;f++)m[f]!=="default"&&a(y,n,m[f]);return r(y,n),y}})();Object.defineProperty(o,"__esModule",{value:!0}),o.CreateSelect=void 0;const e=t(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),d=_("./src/components/UICreateSelect/index.tsx"),l=_("./src/components/UILabel/index.tsx");o.default={title:"Dropdowns/CreateSelect"};const u={childrenGap:40},g=()=>{const p=E=>({label:E,value:E.toLowerCase().replace(/\W/g,"")}),n=[p("One"),p("Two"),p("Three")],[y,m]=(0,e.useState)(!1),[f,c]=(0,e.useState)(n),[b,v]=(0,e.useState)(),[h,I]=(0,e.useState)(),[L,P]=(0,e.useState)(!1),[A,B]=(0,e.useState)([]),[W,M]=(0,e.useState)(),[C,j]=(0,e.useState)(),$=e.default.createRef(),R=E=>{const x=p(E);m(!0),v(x),setTimeout(()=>{m(!1),c(O=>[...O,x]),I(x)},1e3)},k=E=>{const x=E;v(x),I(x)},U=(0,e.useRef)(null),K=E=>{const x=p(E);P(!0),M(x),setTimeout(()=>{var O;P(!1),B(N=>[...N,x]),j(x),(O=U.current)==null||O.focus()},1e3)},z=E=>{const x=E;M(x),j(x)},F=E=>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:u},e.default.createElement(s.Stack,{tokens:u},e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:u,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(l.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{createText:"Add new value",isClearable:!0,isLoading:y,isDisabled:!1,isValidNewOption:E=>E.length>0,placeholder:"Search or enter a new value",options:f,value:b,onCreateOption:R,onChange:k}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,h==null?void 0:h.value))))),e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - no option by default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:u,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(l.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{creatableRef:U,createText:"Add new qualifier",isClearable:!0,isLoading:L,isDisabled:!1,isValidNewOption:E=>E.length>0,placeholder:"Search or enter a new qualifier value",options:A,value:W,noOptionsMessage:F,onCreateOption:K,onChange:z}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,C==null?void 0:C.value)))))))};o.CreateSelect=g}}]);})();
|
|
1
|
+
(()=>{var H=Object.defineProperty,X=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var T=(i,o,_)=>o in i?H(i,o,{enumerable:!0,configurable:!0,writable:!0,value:_}):i[o]=_,w=(i,o)=>{for(var _ in o||(o={}))J.call(o,_)&&T(i,_,o[_]);if(D)for(var _ of D(o))Y.call(o,_)&&T(i,_,o[_]);return i},S=(i,o)=>X(i,V(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[949],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss"(i,o,_){var a=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),t=r(a);t.push([i.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}',""]),i.exports=t},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"(i,o,_){var a=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),t=r(a);t.push([i.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}}",""]),i.exports=t},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"(i){"use strict";i.exports=function(o){var _=[];return _.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+=o(r),e&&(t+="}"),r[2]&&(t+="}"),r[4]&&(t+="}"),t}).join("")},_.i=function(r,t,e,s,d){typeof r=="string"&&(r=[[null,r,void 0]]);var l={};if(e)for(var u=0;u<this.length;u++){var g=this[u][0];g!=null&&(l[g]=!0)}for(var p=0;p<r.length;p++){var n=[].concat(r[p]);e&&l[n[0]]||(typeof d!="undefined"&&(typeof n[5]=="undefined"||(n[1]="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {").concat(n[1],"}")),n[5]=d),t&&(n[2]&&(n[1]="@media ".concat(n[2]," {").concat(n[1],"}")),n[2]=t),s&&(n[4]?(n[1]="@supports (".concat(n[4],") {").concat(n[1],"}"),n[4]=s):n[4]="".concat(s)),_.push(n))}},_}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(i){"use strict";i.exports=function(o){return o[1]}},"./src/components/UICreateSelect/UICreateSelect.scss"(i,o,_){"use strict";_.r(o),_.d(o,{default:()=>h});var a=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=_.n(a),t=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=_.n(t),s=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=_.n(s),l=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=_.n(l),g=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=_.n(g),n=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=_.n(n),m=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss"),f=_.n(m),c={};for(const I in m)I!=="default"&&(c[I]=()=>m[I]);_.d(o,c);var b={};b.styleTagTransform=y(),b.setAttributes=u(),b.insert=d().bind(null,"head"),b.domAPI=e(),b.insertStyleElement=p();var v=r()(f(),b);const h=f()&&f().locals?f().locals:void 0},"./src/components/UILoader/UILoader.scss"(i,o,_){"use strict";_.r(o),_.d(o,{default:()=>h});var a=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=_.n(a),t=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=_.n(t),s=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=_.n(s),l=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=_.n(l),g=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=_.n(g),n=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=_.n(n),m=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),f=_.n(m),c={};for(const I in m)I!=="default"&&(c[I]=()=>m[I]);_.d(o,c);var b={};b.styleTagTransform=y(),b.setAttributes=u(),b.insert=d().bind(null,"head"),b.domAPI=e(),b.insertStyleElement=p();var v=r()(f(),b);const h=f()&&f().locals?f().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(i){"use strict";var o=[];function _(t){for(var e=-1,s=0;s<o.length;s++)if(o[s].identifier===t){e=s;break}return e}function a(t,e){for(var s={},d=[],l=0;l<t.length;l++){var u=t[l],g=e.base?u[0]+e.base:u[0],p=s[g]||0,n="".concat(g," ").concat(p);s[g]=p+1;var y=_(n),m={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(y!==-1)o[y].references++,o[y].updater(m);else{var f=r(m,e);e.byIndex=l,o.splice(l,0,{identifier:n,updater:f,references:1})}d.push(n)}return d}function r(t,e){var s=e.domAPI(e);s.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;s.update(t=u)}else s.remove()};return d}i.exports=function(t,e){e=e||{},t=t||[];var s=a(t,e);return function(l){l=l||[];for(var u=0;u<s.length;u++){var g=s[u],p=_(g);o[p].references--}for(var n=a(l,e),y=0;y<s.length;y++){var m=s[y],f=_(m);o[f].references===0&&(o[f].updater(),o.splice(f,1))}s=n}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"(i){"use strict";var o={};function _(r){if(typeof o[r]=="undefined"){var t=document.querySelector(r);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}o[r]=t}return o[r]}function a(r,t){var e=_(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)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(i){"use strict";function o(_){var a=document.createElement("style");return _.setAttributes(a,_.attributes),_.insert(a,_.options),a}i.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(i,o,_){"use strict";function a(r){var t=_.nc;t&&r.setAttribute("nonce",t)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(i){"use strict";function o(r,t,e){var s="";e.supports&&(s+="@supports (".concat(e.supports,") {")),e.media&&(s+="@media ".concat(e.media," {"));var d=typeof e.layer!="undefined";d&&(s+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),s+=e.css,d&&(s+="}"),e.media&&(s+="}"),e.supports&&(s+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(s+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),t.styleTagTransform(s,r,t.options)}function _(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function a(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=r.insertStyleElement(r);return{update:function(s){o(t,r,s)},remove:function(){_(t)}}}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(i){"use strict";function o(_,a){if(a.styleSheet)a.styleSheet.cssText=_;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(_))}}i.exports=o},"./src/components/UICreateSelect/UICreateSelect.tsx"(i,o,_){"use strict";var a=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICreateSelect=o.UICreateSelectInstance=void 0;const r=a(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=_("../../node_modules/.pnpm/react-select@5.10.2_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0__react@16.14.0/node_modules/react-select/dist/react-select.esm.js");Object.defineProperty(o,"UICreateSelectInstance",{enumerable:!0,get:function(){return t.SelectInstance}});const e=a(_("../../node_modules/.pnpm/react-select@5.10.2_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0__react@16.14.0/node_modules/react-select/creatable/dist/react-select-creatable.esm.js")),s=_("./src/components/UIIcon/index.tsx"),d=_("./src/components/UILoader/index.tsx"),l=_("./src/components/UIContextualMenu/index.tsx");_("./src/components/UICreateSelect/UICreateSelect.scss");const u=_("./src/components/UIInput/index.tsx"),g=c=>r.default.createElement(t.components.DropdownIndicator,w({},c),r.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-dropdown",iconName:"ArrowDown"})),p=c=>r.default.createElement(t.components.ClearIndicator,w({},c),r.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-clear",iconName:"Clear"})),n=c=>r.default.createElement("div",{className:"ui-create-select-indicator-loading"},r.default.createElement(d.UILoader,{className:"uiLoaderXSmall",labelPosition:"right"})),y=c=>{var b,v,h,I;return r.default.createElement(r.default.Fragment,null,!((b=c==null?void 0:c.data)!=null&&b.__isNew__)&&r.default.createElement(t.components.Option,w({},c),r.default.createElement(l.UIHighlightMenuOption,{text:(v=c==null?void 0:c.data)==null?void 0:v.label,query:(h=c==null?void 0:c.selectProps)==null?void 0:h.inputValue})),((I=c==null?void 0:c.data)==null?void 0:I.__isNew__)&&r.default.createElement(t.components.Option,w({},c)))},m=c=>{let b="transparent";return c.isSelected&&(b="var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground))"),c.isFocused&&!c.isSelected&&(b="var(--vscode-list-hoverBackground)"),b},f=c=>{const b=v=>`${c.createText}: ${v}`;return r.default.createElement(e.default,S(w({},c),{ref:c.creatableRef,className:"ui-create-select",classNamePrefix:"ui-create-select",openMenuOnFocus:!1,createOptionPosition:"first",allowCreateWhileLoading:!0,formatOptionLabel:v=>v.label,formatCreateLabel:b,components:{ClearIndicator:p,DropdownIndicator:g,LoadingIndicator:n,Option:y},unstyled:!0,styles:{control:(v,h)=>S(w({},v),{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:h.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:(v,h)=>S(w({},v),{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:(v,h)=>S(w({},v),{background:"var(--vscode-menu-background, var(--vscode-input-background))",border:"1px solid var(--vscode-focusBorder)",boxSizing:"border-box",margin:"0px",borderRadius:0}),option:(v,h)=>S(w({},v),{fontFamily:"var(--vscode-font-family)",fontWeight:"var(--vscode-font-weight)",minHeight:"22px",height:"22px",lineHeight:"22px",color:h.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",backgroundColor:m(h),letterSpacing:"normal",border:"0",padding:"0px 8px",fontSize:"13px","&:hover":{backgroundColor:h.isSelected?m(h):"var(--vscode-list-hoverBackground)",color:h.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",cursor:"pointer"}}),placeholder:(v,h)=>S(w({},v),{fontSize:"13px",fontWeight:"normal",fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}),singleValue:(v,h)=>S(w({},v),{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:(v,h)=>S(w({},v),{padding:"0px"}),indicatorsContainer:(v,h)=>S(w({},v),{padding:"0px 5px 0px 0px",cursor:"pointer"}),indicatorSeparator:(v,h)=>S(w({},v),{display:"none"}),dropdownIndicator:(v,h)=>S(w({},v),{padding:"0px"}),clearIndicator:(v,h)=>S(w({},v),{padding:"0px",cursor:"pointer"})}}))};o.UICreateSelect=f},"./src/components/UICreateSelect/index.tsx"(i,o,_){"use strict";var a=this&&this.__createBinding||(Object.create?(function(t,e,s,d){d===void 0&&(d=s);var l=Object.getOwnPropertyDescriptor(e,s);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(t,d,l)}):(function(t,e,s,d){d===void 0&&(d=s),t[d]=e[s]})),r=this&&this.__exportStar||function(t,e){for(var s in t)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&a(e,t,s)};Object.defineProperty(o,"__esModule",{value:!0}),r(_("./src/components/UICreateSelect/UICreateSelect.tsx"),o)},"./src/components/UILoader/UILoader.tsx"(i,o,_){"use strict";var a=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(o,"__esModule",{value:!0}),o.UILoader=o.UISpinnerSize=void 0;const r=a(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=_("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UISpinnerSize",{enumerable:!0,get:function(){return t.SpinnerSize}}),_("./src/components/UILoader/UILoader.scss");class e extends r.default.Component{constructor(d){super(d)}render(){const{blockDOM:d,delayed:l}=this.props,u=()=>({root:w({},d&&{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}}),g=r.default.createElement(t.Spinner,S(w({},this.props),{styles:u}));if(d){const p=()=>({root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return r.default.createElement(t.Overlay,{className:`ui-loader-blocker${l?" ui-loader--delayed":""}`,styles:p},g)}else return g}}o.UILoader=e},"./src/components/UILoader/index.tsx"(i,o,_){"use strict";var a=this&&this.__createBinding||(Object.create?(function(t,e,s,d){d===void 0&&(d=s);var l=Object.getOwnPropertyDescriptor(e,s);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(t,d,l)}):(function(t,e,s,d){d===void 0&&(d=s),t[d]=e[s]})),r=this&&this.__exportStar||function(t,e){for(var s in t)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&a(e,t,s)};Object.defineProperty(o,"__esModule",{value:!0}),r(_("./src/components/UILoader/UILoader.tsx"),o)},"./stories/UICreateSelect.story.tsx"(i,o,_){"use strict";var a=this&&this.__createBinding||(Object.create?(function(p,n,y,m){m===void 0&&(m=y);var f=Object.getOwnPropertyDescriptor(n,y);(!f||("get"in f?!n.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return n[y]}}),Object.defineProperty(p,m,f)}):(function(p,n,y,m){m===void 0&&(m=y),p[m]=n[y]})),r=this&&this.__setModuleDefault||(Object.create?(function(p,n){Object.defineProperty(p,"default",{enumerable:!0,value:n})}):function(p,n){p.default=n}),t=this&&this.__importStar||(function(){var p=function(n){return p=Object.getOwnPropertyNames||function(y){var m=[];for(var f in y)Object.prototype.hasOwnProperty.call(y,f)&&(m[m.length]=f);return m},p(n)};return function(n){if(n&&n.__esModule)return n;var y={};if(n!=null)for(var m=p(n),f=0;f<m.length;f++)m[f]!=="default"&&a(y,n,m[f]);return r(y,n),y}})();Object.defineProperty(o,"__esModule",{value:!0}),o.CreateSelect=void 0;const e=t(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),d=_("./src/components/UICreateSelect/index.tsx"),l=_("./src/components/UILabel/index.tsx");o.default={title:"Dropdowns/CreateSelect"};const u={childrenGap:40},g=()=>{const p=E=>({label:E,value:E.toLowerCase().replace(/\W/g,"")}),n=[p("One"),p("Two"),p("Three")],[y,m]=(0,e.useState)(!1),[f,c]=(0,e.useState)(n),[b,v]=(0,e.useState)(),[h,I]=(0,e.useState)(),[L,P]=(0,e.useState)(!1),[A,B]=(0,e.useState)([]),[W,M]=(0,e.useState)(),[C,j]=(0,e.useState)(),$=e.default.createRef(),R=E=>{const x=p(E);m(!0),v(x),setTimeout(()=>{m(!1),c(O=>[...O,x]),I(x)},1e3)},k=E=>{const x=E;v(x),I(x)},U=(0,e.useRef)(null),K=E=>{const x=p(E);P(!0),M(x),setTimeout(()=>{var O;P(!1),B(N=>[...N,x]),j(x),(O=U.current)==null||O.focus()},1e3)},z=E=>{const x=E;M(x),j(x)},F=E=>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:u},e.default.createElement(s.Stack,{tokens:u},e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:u,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(l.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{createText:"Add new value",isClearable:!0,isLoading:y,isDisabled:!1,isValidNewOption:E=>E.length>0,placeholder:"Search or enter a new value",options:f,value:b,onCreateOption:R,onChange:k}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,h==null?void 0:h.value))))),e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - no option by default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:u,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(l.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{creatableRef:U,createText:"Add new qualifier",isClearable:!0,isLoading:L,isDisabled:!1,isValidNewOption:E=>E.length>0,placeholder:"Search or enter a new qualifier value",options:A,value:W,noOptionsMessage:F,onCreateOption:K,onChange:z}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,C==null?void 0:C.value)))))))};o.CreateSelect=g}}]);})();
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[191],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleTagTransform(r,_,e.options)}function t(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function l(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=_.insertStyleElement(_);return{update:function(r){n(e,_,r)},remove:function(){t(e)}}}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.
|
|
1
|
+
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[191],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UIDatePicker/UIDatePicker.scss"(i,n,t){var l=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),e=_(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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"(i){"use strict";i.exports=function(n){var t=[];return t.toString=function(){return this.map(function(_){var e="",s=typeof _[5]!="undefined";return _[4]&&(e+="@supports (".concat(_[4],") {")),_[2]&&(e+="@media ".concat(_[2]," {")),s&&(e+="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {")),e+=n(_),s&&(e+="}"),_[2]&&(e+="}"),_[4]&&(e+="}"),e}).join("")},t.i=function(_,e,s,r,c){typeof _=="string"&&(_=[[null,_,void 0]]);var o={};if(s)for(var a=0;a<this.length;a++){var u=this[a][0];u!=null&&(o[u]=!0)}for(var p=0;p<_.length;p++){var d=[].concat(_[p]);s&&o[d[0]]||(typeof c!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=c),e&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=e),r&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=r):d[4]="".concat(r)),t.push(d))}},t}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(i){"use strict";i.exports=function(n){return n[1]}},"./src/components/UIDatePicker/UIDatePicker.scss"(i,n,t){"use strict";t.r(n),t.d(n,{default:()=>P});var l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=t.n(l),e=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=t.n(e),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=t.n(r),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),a=t.n(o),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=t.n(u),d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=t.n(d),h=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UIDatePicker/UIDatePicker.scss"),m=t.n(h),w={};for(const v in h)v!=="default"&&(w[v]=()=>h[v]);t.d(n,w);var y={};y.styleTagTransform=f(),y.setAttributes=a(),y.insert=c().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=p();var I=_()(m(),y);const P=m()&&m().locals?m().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(i){"use strict";var n=[];function t(e){for(var s=-1,r=0;r<n.length;r++)if(n[r].identifier===e){s=r;break}return s}function l(e,s){for(var r={},c=[],o=0;o<e.length;o++){var a=e[o],u=s.base?a[0]+s.base:a[0],p=r[u]||0,d="".concat(u," ").concat(p);r[u]=p+1;var f=t(d),h={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(f!==-1)n[f].references++,n[f].updater(h);else{var m=_(h,s);s.byIndex=o,n.splice(o,0,{identifier:d,updater:m,references:1})}c.push(d)}return c}function _(e,s){var r=s.domAPI(s);r.update(e);var c=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;r.update(e=a)}else r.remove()};return c}i.exports=function(e,s){s=s||{},e=e||[];var r=l(e,s);return function(o){o=o||[];for(var a=0;a<r.length;a++){var u=r[a],p=t(u);n[p].references--}for(var d=l(o,s),f=0;f<r.length;f++){var h=r[f],m=t(h);n[m].references===0&&(n[m].updater(),n.splice(m,1))}r=d}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"(i){"use strict";var n={};function t(_){if(typeof n[_]=="undefined"){var e=document.querySelector(_);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(s){e=null}n[_]=e}return n[_]}function l(_,e){var s=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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(i){"use strict";function n(t){var l=document.createElement("style");return t.setAttributes(l,t.attributes),t.insert(l,t.options),l}i.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(i,n,t){"use strict";function l(_){var e=t.nc;e&&_.setAttribute("nonce",e)}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(i){"use strict";function n(_,e,s){var r="";s.supports&&(r+="@supports (".concat(s.supports,") {")),s.media&&(r+="@media ".concat(s.media," {"));var c=typeof s.layer!="undefined";c&&(r+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),r+=s.css,c&&(r+="}"),s.media&&(r+="}"),s.supports&&(r+="}");var o=s.sourceMap;o&&typeof btoa!="undefined"&&(r+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleTagTransform(r,_,e.options)}function t(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function l(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=_.insertStyleElement(_);return{update:function(r){n(e,_,r)},remove:function(){t(e)}}}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(i){"use strict";function n(t,l){if(l.styleSheet)l.styleSheet.cssText=t;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(t))}}i.exports=n},"./src/components/UIDatePicker/UIDatePicker.tsx"(i,n,t){"use strict";var l=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIDatePicker=void 0;const _=l(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=t("./src/components/UIInput/index.tsx"),s=t("./src/components/UIIcon/index.tsx"),r=t("./src/components/Icons.tsx");t("./src/components/UIDatePicker/UIDatePicker.scss");class c extends _.default.Component{constructor(a){var u;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=(u=a.defaultValue)!=null?u:"",this.onInputChange=this.onInputChange.bind(this),this.onPickerChange=this.onPickerChange.bind(this)}onInputChange(a,u=""){var p,d;u=u.trim(),(d=(p=this.props).onChange)==null||d.call(p,a,u),this.setState({value:u})}onPickerChange(a){var p,d;let u=a.target.value;!this.props.dateOnly&&!this.dateTimeRegex.test(u)&&(u=`${a.target.value}:00`),(d=(p=this.props).onChange)==null||d.call(p,a,u),this.setState({value:u})}render(){const a=this.dateRegex.test(this.state.value)||this.dateTimeRegex.test(this.state.value);return _.default.createElement("div",{className:"ui-DatePicker",onKeyDown:this.props.onKeyDown,onClick:this.props.onClick},_.default.createElement(e.UITextInput,{componentRef:this.props.componentRef,errorMessage:this.props.errorMessage,value:this.state.value,onChange:this.onInputChange}),_.default.createElement("div",{className:"ui-DatePicker-toggle"},_.default.createElement(s.UIIcon,{iconName:r.UiIcons.Calendar}),_.default.createElement("input",{type:this.props.dateOnly?"date":"datetime-local",step:"1",value:a?this.state.value:"",onChange:this.onPickerChange})))}}n.UIDatePicker=c},"./src/components/UIDatePicker/index.tsx"(i,n,t){"use strict";var l=this&&this.__createBinding||(Object.create?(function(e,s,r,c){c===void 0&&(c=r);var o=Object.getOwnPropertyDescriptor(s,r);(!o||("get"in o?!s.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return s[r]}}),Object.defineProperty(e,c,o)}):(function(e,s,r,c){c===void 0&&(c=r),e[c]=s[r]})),_=this&&this.__exportStar||function(e,s){for(var r in e)r!=="default"&&!Object.prototype.hasOwnProperty.call(s,r)&&l(s,e,r)};Object.defineProperty(n,"__esModule",{value:!0}),_(t("./src/components/UIDatePicker/UIDatePicker.tsx"),n)},"./stories/UIDatePicker.story.tsx"(i,n,t){"use strict";var l=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const _=l(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),s=t("./src/components/UIDatePicker/index.tsx");n.default={title:"Basic Inputs/DatePicker"};const r={childrenGap:40},c=()=>_.default.createElement(e.Stack,{tokens:r,style:{width:300}},_.default.createElement(e.Stack,{tokens:{childrenGap:16}},_.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIDatePicker"),_.default.createElement(s.UIDatePicker,{defaultValue:"2018-06-12T19:30"})),_.default.createElement(e.Stack,{tokens:{childrenGap:16}},_.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIDatePicker with only date"),_.default.createElement(s.UIDatePicker,{defaultValue:"2020-07-21",dateOnly:!0})));n.defaultUsage=c}}]);})();
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(()=>{var O=Object.defineProperty,B=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var C=(d,a,o)=>a in d?O(d,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):d[a]=o,D=(d,a)=>{for(var o in a||(a={}))P.call(a,o)&&C(d,o,a[o]);if(U)for(var o of U(a))z.call(a,o)&&C(d,o,a[o]);return d},k=(d,a)=>B(d,M(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[937],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(f))))," */")),t.styleTagTransform(n,r,t.options)}function o(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function p(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=r.insertStyleElement(r);return{update:function(n){a(t,r,n)},remove:function(){o(t)}}}d.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.
|
|
1
|
+
"use strict";(()=>{var O=Object.defineProperty,B=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var C=(d,a,o)=>a in d?O(d,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):d[a]=o,D=(d,a)=>{for(var o in a||(a={}))P.call(a,o)&&C(d,o,a[o]);if(U)for(var o of U(a))z.call(a,o)&&C(d,o,a[o]);return d},k=(d,a)=>B(d,M(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[937],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"(d){d.exports=function(a){var o=[];return o.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+=a(r),e&&(t+="}"),r[2]&&(t+="}"),r[4]&&(t+="}"),t}).join("")},o.i=function(r,t,e,n,g){typeof r=="string"&&(r=[[null,r,void 0]]);var f={};if(e)for(var l=0;l<this.length;l++){var I=this[l][0];I!=null&&(f[I]=!0)}for(var _=0;_<r.length;_++){var c=[].concat(r[_]);e&&f[c[0]]||(typeof g!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=g),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)),o.push(c))}},o}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(d){d.exports=function(a){return a[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(d){var a=[];function o(t){for(var e=-1,n=0;n<a.length;n++)if(a[n].identifier===t){e=n;break}return e}function p(t,e){for(var n={},g=[],f=0;f<t.length;f++){var l=t[f],I=e.base?l[0]+e.base:l[0],_=n[I]||0,c="".concat(I," ").concat(_);n[I]=_+1;var h=o(c),x={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(h!==-1)a[h].references++,a[h].updater(x);else{var b=r(x,e);e.byIndex=f,a.splice(f,0,{identifier:c,updater:b,references:1})}g.push(c)}return g}function r(t,e){var n=e.domAPI(e);n.update(t);var g=function(l){if(l){if(l.css===t.css&&l.media===t.media&&l.sourceMap===t.sourceMap&&l.supports===t.supports&&l.layer===t.layer)return;n.update(t=l)}else n.remove()};return g}d.exports=function(t,e){e=e||{},t=t||[];var n=p(t,e);return function(f){f=f||[];for(var l=0;l<n.length;l++){var I=n[l],_=o(I);a[_].references--}for(var c=p(f,e),h=0;h<n.length;h++){var x=n[h],b=o(x);a[b].references===0&&(a[b].updater(),a.splice(b,1))}n=c}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"(d){var a={};function o(r){if(typeof a[r]=="undefined"){var t=document.querySelector(r);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}a[r]=t}return a[r]}function p(r,t){var e=o(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)}d.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(d){function a(o){var p=document.createElement("style");return o.setAttributes(p,o.attributes),o.insert(p,o.options),p}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(d,a,o){function p(r){var t=o.nc;t&&r.setAttribute("nonce",t)}d.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(d){function a(r,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 f=e.sourceMap;f&&typeof btoa!="undefined"&&(n+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(f))))," */")),t.styleTagTransform(n,r,t.options)}function o(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function p(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=r.insertStyleElement(r);return{update:function(n){a(t,r,n)},remove:function(){o(t)}}}d.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(d){function a(o,p){if(p.styleSheet)p.styleSheet.cssText=o;else{for(;p.firstChild;)p.removeChild(p.firstChild);p.appendChild(document.createTextNode(o))}}d.exports=a},"./stories/UIDialog.story.tsx"(d,a,o){var p=this&&this.__createBinding||(Object.create?(function(i,u,m,s){s===void 0&&(s=m);var y=Object.getOwnPropertyDescriptor(u,m);(!y||("get"in y?!u.__esModule:y.writable||y.configurable))&&(y={enumerable:!0,get:function(){return u[m]}}),Object.defineProperty(i,s,y)}):(function(i,u,m,s){s===void 0&&(s=m),i[s]=u[m]})),r=this&&this.__setModuleDefault||(Object.create?(function(i,u){Object.defineProperty(i,"default",{enumerable:!0,value:u})}):function(i,u){i.default=u}),t=this&&this.__importStar||(function(){var i=function(u){return i=Object.getOwnPropertyNames||function(m){var s=[];for(var y in m)Object.prototype.hasOwnProperty.call(m,y)&&(s[s.length]=y);return s},i(u)};return function(u){if(u&&u.__esModule)return u;var m={};if(u!=null)for(var s=i(u),y=0;y<s.length;y++)s[y]!=="default"&&p(m,u,s[y]);return r(m,u),m}})();Object.defineProperty(a,"__esModule",{value:!0}),a.Dialog=void 0;const e=t(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),g=o("./src/components/UIDialog/index.ts"),f=o("./src/components/UIButton/index.tsx"),l=o("./src/components/UIInput/index.tsx"),I=o("./src/components/UIDropdown/index.tsx"),_=o("./src/components/UIComboBox/index.tsx"),c=o("./src/components/UICheckbox/index.tsx");a.default={title:"Dialogs/Dialogs"};const h={childrenGap:40},x={main:{".ms-TextField-wrapper > .ms-Label":{margin:0}}};class b extends e.default.Component{constructor(){super(...arguments),this.state={isOpen:!1,text:"Some Text"},this.onChange=u=>{this.setState({text:u.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:u}=this.props,m=[{key:"111",text:"Dummy option 111"},{key:"222",text:"Dummy option 222"}],s=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(f.UIDefaultButton,{onClick:this.onToggle,primary:!0},u?"Open Draggable Dialog":"Open Dialog"),e.default.createElement(g.UIDialog,k(D({isOpen:this.state.isOpen,isOpenAnimated:this.props.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel"},s),{onAccept:this.onAccept,styles:x,onCancel:this.onToggle,onDismiss:this.onToggle}),e.default.createElement(l.UITextInput,{label:"Dialog Content",value:this.state.text,onChange:this.onChange}),e.default.createElement(I.UIDropdown,{label:"Dummy",options:m}),e.default.createElement(_.UIComboBox,{label:"Dummy",highlight:!0,options:m})))}}const E=i=>{const[u,m]=(0,e.useState)(!1),s=()=>{m(!u)},y=D({},x.main),{size:v}=i;v&&(y.height=v);let T="Open Large Dialog";return v&&(T+=` height=${v}`),e.default.createElement(e.default.Fragment,null,e.default.createElement(f.UIDefaultButton,{onClick:s,primary:!0},T),e.default.createElement(g.UIDialog,{isOpen:u,isOpenAnimated:i.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",styles:{main:y},onAccept:s,onCancel:s,onDismiss:s},e.default.createElement(I.UIDropdown,{label:"Dummy",options:[]}),e.default.createElement(l.UITextInput,{label:"Username"}),e.default.createElement(l.UITextInput,{label:"Email"}),e.default.createElement(l.UITextInput,{label:"Password",type:"password"}),e.default.createElement(l.UITextInput,{label:"Email"}),e.default.createElement(l.UITextInput,{label:"First name"}),e.default.createElement(l.UITextInput,{label:"Last name"}),e.default.createElement(l.UITextInput,{label:"Address"}),e.default.createElement(l.UITextInput,{label:"State"}),e.default.createElement(l.UITextInput,{label:"Country"}),e.default.createElement(l.UITextInput,{label:"Phone"}),e.default.createElement(l.UITextInput,{label:"Dummy 1"}),e.default.createElement(l.UITextInput,{label:"Dummy 2"}),e.default.createElement(l.UITextInput,{label:"Dummy 3"}),e.default.createElement(l.UITextInput,{label:"Dummy 4"}),e.default.createElement(l.UITextInput,{label:"Dummy 5"})))},A=i=>{const[u,m]=(0,e.useState)(!1),s=()=>{m(!u)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(f.UIDefaultButton,{onClick:s,primary:!0},"Open Confirm Dialog"),e.default.createElement(g.UIDialog,{isOpen:u,isOpenAnimated:i.openAnimation,isBlocking:!0,onAccept:s,onCancel:s,onDismiss:s,acceptButtonText:"Yes",cancelButtonText:"No",title:"Delete Confirmation",dialogContentProps:{subText:"Are you sure you want to delete entry? This action cannot be undone."}}))},S=i=>{const[u,m]=(0,e.useState)(!1),s=()=>{m(!u)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(f.UIDefaultButton,{onClick:s,primary:!0},"Open Dialog with multiple buttons"),e.default.createElement(g.UIDialog,{isOpen:u,isOpenAnimated:i.openAnimation,isBlocking:!0,onDismiss:s,title:"Delete Confirmation",dialogContentProps:{subText:"This entry includes subelements. Are you sure you want to delete the entry or only its subelements? This action cannot be undone."},footer:[e.default.createElement(f.UIDefaultButton,{key:"1",onClick:s,primary:!0,text:"Delete entry and subelements"}),e.default.createElement(f.UIDefaultButton,{key:"2",onClick:s,text:"Delete entry only"}),e.default.createElement(f.UIDefaultButton,{key:"3",onClick:s,text:"Cancel"})]}))},w=()=>{const[i,u]=(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(c.UICheckbox,{label:"Open animation enabled",checked:i,onChange:(m,s)=>{u(s)}})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(b,{draggable:!1,openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(b,{draggable:!1,openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(b,{draggable:!0,openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(E,{openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(E,{size:400,openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(E,{openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(A,{openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(S,{openAnimation:i}))))};a.Dialog=w}}]);})();
|
package/storybook/{UILink-story.16737a61.iframe.bundle.js → UILink-story.111b916d.iframe.bundle.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(()=>{var k=Object.defineProperty,x=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var y=(f,o,a)=>o in f?k(f,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):f[o]=a,v=(f,o)=>{for(var a in o||(o={}))I.call(o,a)&&y(f,a,o[a]);if(g)for(var a of g(o))S.call(o,a)&&y(f,a,o[a]);return f},m=(f,o)=>x(f,C(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[57],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),t.styleTagTransform(r,s,t.options)}function a(s){if(s.parentNode===null)return!1;s.parentNode.removeChild(s)}function u(s){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=s.insertStyleElement(s);return{update:function(r){o(t,s,r)},remove:function(){a(t)}}}f.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.
|
|
1
|
+
"use strict";(()=>{var k=Object.defineProperty,x=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var y=(f,o,a)=>o in f?k(f,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):f[o]=a,v=(f,o)=>{for(var a in o||(o={}))I.call(o,a)&&y(f,a,o[a]);if(g)for(var a of g(o))S.call(o,a)&&y(f,a,o[a]);return f},m=(f,o)=>x(f,C(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[57],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"(f){f.exports=function(o){var a=[];return a.toString=function(){return this.map(function(s){var t="",e=typeof s[5]!="undefined";return s[4]&&(t+="@supports (".concat(s[4],") {")),s[2]&&(t+="@media ".concat(s[2]," {")),e&&(t+="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {")),t+=o(s),e&&(t+="}"),s[2]&&(t+="}"),s[4]&&(t+="}"),t}).join("")},a.i=function(s,t,e,r,i){typeof s=="string"&&(s=[[null,s,void 0]]);var l={};if(e)for(var c=0;c<this.length;c++){var _=this[c][0];_!=null&&(l[_]=!0)}for(var d=0;d<s.length;d++){var n=[].concat(s[d]);e&&l[n[0]]||(typeof i!="undefined"&&(typeof n[5]=="undefined"||(n[1]="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {").concat(n[1],"}")),n[5]=i),t&&(n[2]&&(n[1]="@media ".concat(n[2]," {").concat(n[1],"}")),n[2]=t),r&&(n[4]?(n[1]="@supports (".concat(n[4],") {").concat(n[1],"}"),n[4]=r):n[4]="".concat(r)),a.push(n))}},a}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(f){f.exports=function(o){return o[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(f){var o=[];function a(t){for(var e=-1,r=0;r<o.length;r++)if(o[r].identifier===t){e=r;break}return e}function u(t,e){for(var r={},i=[],l=0;l<t.length;l++){var c=t[l],_=e.base?c[0]+e.base:c[0],d=r[_]||0,n="".concat(_," ").concat(d);r[_]=d+1;var p=a(n),h={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(p!==-1)o[p].references++,o[p].updater(h);else{var b=s(h,e);e.byIndex=l,o.splice(l,0,{identifier:n,updater:b,references:1})}i.push(n)}return i}function s(t,e){var r=e.domAPI(e);r.update(t);var i=function(c){if(c){if(c.css===t.css&&c.media===t.media&&c.sourceMap===t.sourceMap&&c.supports===t.supports&&c.layer===t.layer)return;r.update(t=c)}else r.remove()};return i}f.exports=function(t,e){e=e||{},t=t||[];var r=u(t,e);return function(l){l=l||[];for(var c=0;c<r.length;c++){var _=r[c],d=a(_);o[d].references--}for(var n=u(l,e),p=0;p<r.length;p++){var h=r[p],b=a(h);o[b].references===0&&(o[b].updater(),o.splice(b,1))}r=n}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"(f){var o={};function a(s){if(typeof o[s]=="undefined"){var t=document.querySelector(s);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}o[s]=t}return o[s]}function u(s,t){var e=a(s);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)}f.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(f){function o(a){var u=document.createElement("style");return a.setAttributes(u,a.attributes),a.insert(u,a.options),u}f.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(f,o,a){function u(s){var t=a.nc;t&&s.setAttribute("nonce",t)}f.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(f){function o(s,t,e){var r="";e.supports&&(r+="@supports (".concat(e.supports,") {")),e.media&&(r+="@media ".concat(e.media," {"));var i=typeof e.layer!="undefined";i&&(r+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),r+=e.css,i&&(r+="}"),e.media&&(r+="}"),e.supports&&(r+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(r+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),t.styleTagTransform(r,s,t.options)}function a(s){if(s.parentNode===null)return!1;s.parentNode.removeChild(s)}function u(s){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=s.insertStyleElement(s);return{update:function(r){o(t,s,r)},remove:function(){a(t)}}}f.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(f){function o(a,u){if(u.styleSheet)u.styleSheet.cssText=a;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(a))}}f.exports=o},"./src/components/UICheckbox/UICheckbox.tsx"(f,o,a){var u=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICheckbox=void 0;const s=u(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.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),e=a("./src/helper/ValidationMessage/index.tsx"),r=a("./src/components/UIInput/index.tsx");class i extends s.default.Component{constructor(c){super(c),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(_,d)=>({root:[!d.disabled&&[!d.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:d.disabled?"GrayText":"WindowText"}}}],d.checked&&!d.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:d.disabled?"":"var(--vscode-checkbox-background)",borderColor:d.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"}}},_.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:d.disabled?.4:void 0,borderRadius:r.COMMON_INPUT_STYLES.borderRadius},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:d.disabled?.4:void 0}})}render(){const c=(0,e.getMessageInfo)(this.props),_=s.default.createElement(t.Checkbox,m(v({},this.props),{styles:d=>v(v({},this.setStyle(c,d)),this.props.styles)}));return c.message?s.default.createElement(e.MessageWrapper,{message:c},_):_}}o.UICheckbox=i},"./src/components/UICheckbox/index.tsx"(f,o,a){var u=this&&this.__createBinding||(Object.create?(function(t,e,r,i){i===void 0&&(i=r);var l=Object.getOwnPropertyDescriptor(e,r);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,i,l)}):(function(t,e,r,i){i===void 0&&(i=r),t[i]=e[r]})),s=this&&this.__exportStar||function(t,e){for(var r in t)r!=="default"&&!Object.prototype.hasOwnProperty.call(e,r)&&u(e,t,r)};Object.defineProperty(o,"__esModule",{value:!0}),s(a("./src/components/UICheckbox/UICheckbox.tsx"),o)},"./src/components/UILink/UILink.tsx"(f,o,a){var u=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(o,"__esModule",{value:!0}),o.UILink=void 0;const s=u(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.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),e={primary:{color:"var(--vscode-textLink-foreground)",hoverColor:"var(--vscode-textLink-activeForeground)"},secondary:{color:"var(--vscode-foreground)",hoverColor:"var(--vscode-foreground)"}};class r extends s.default.Component{constructor(l){super(l)}render(){const{secondary:l,underline:c,disabled:_}=this.props,d=l?e.secondary:e.primary,n=()=>({root:{color:d.color,textDecoration:c===!1?void 0:"underline",selectors:_?void 0:{"&:hover, &:hover:focus, &:hover:active":{color:d.hoverColor,textDecoration:c===!1?"underline":"none"},"&:active, &:focus":{color:d.hoverColor,textDecoration:c===!1?"underline":"none",outline:"none"},".ms-Fabric--isFocusVisible &:focus":{boxShadow:"none",outline:"1px solid var(--vscode-focusBorder)",outlineOffset:"-1px"}},opacity:_?.4:void 0}});return s.default.createElement(t.Link,m(v({},this.props),{styles:n}))}}o.UILink=r},"./src/components/UILink/index.tsx"(f,o,a){var u=this&&this.__createBinding||(Object.create?(function(t,e,r,i){i===void 0&&(i=r);var l=Object.getOwnPropertyDescriptor(e,r);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,i,l)}):(function(t,e,r,i){i===void 0&&(i=r),t[i]=e[r]})),s=this&&this.__exportStar||function(t,e){for(var r in t)r!=="default"&&!Object.prototype.hasOwnProperty.call(e,r)&&u(e,t,r)};Object.defineProperty(o,"__esModule",{value:!0}),s(a("./src/components/UILink/UILink.tsx"),o)},"./stories/UILink.story.tsx"(f,o,a){var u=this&&this.__createBinding||(Object.create?(function(d,n,p,h){h===void 0&&(h=p);var b=Object.getOwnPropertyDescriptor(n,p);(!b||("get"in b?!n.__esModule:b.writable||b.configurable))&&(b={enumerable:!0,get:function(){return n[p]}}),Object.defineProperty(d,h,b)}):(function(d,n,p,h){h===void 0&&(h=p),d[h]=n[p]})),s=this&&this.__setModuleDefault||(Object.create?(function(d,n){Object.defineProperty(d,"default",{enumerable:!0,value:n})}):function(d,n){d.default=n}),t=this&&this.__importStar||(function(){var d=function(n){return d=Object.getOwnPropertyNames||function(p){var h=[];for(var b in p)Object.prototype.hasOwnProperty.call(p,b)&&(h[h.length]=b);return h},d(n)};return function(n){if(n&&n.__esModule)return n;var p={};if(n!=null)for(var h=d(n),b=0;b<h.length;b++)h[b]!=="default"&&u(p,n,h[b]);return s(p,n),p}})();Object.defineProperty(o,"__esModule",{value:!0}),o.defaultUsage=void 0;const e=t(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=a("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),i=a("./src/components/UILink/index.tsx"),l=a("./src/components/UICheckbox/index.tsx");o.default={title:"Basic Inputs/Link"};const c={childrenGap:40},_=()=>{const[d,n]=(0,e.useState)(!1);return e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Stack,{horizontal:!0,tokens:c},e.default.createElement(l.UICheckbox,{label:"Disabled",checked:d,onChange:(p,h)=>{n(!!h)}}))),e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink"),e.default.createElement(r.Stack,{horizontal:!0,tokens:c},e.default.createElement(i.UILink,{href:"JavaScript:void(0)",disabled:d},"I am a link"))),e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink with no underline"),e.default.createElement(r.Stack,{horizontal:!0,tokens:c},e.default.createElement(i.UILink,{underline:!1,href:"JavaScript:void(0)",disabled:d},"I am a link"))),e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Text,{variant:"large",className:"textColor",block:!0},"Secondary UILink"),e.default.createElement(r.Stack,{horizontal:!0,tokens:c},e.default.createElement(i.UILink,{secondary:!0,href:"JavaScript:void(0)",disabled:d},"I am a secondary link"))))};o.defaultUsage=_}}]);})();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[660],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),t.styleTagTransform(_,l,t.options)}function s(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(_){a(t,l,_)},remove:function(){s(t)}}}m.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.
|
|
1
|
+
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[660],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(m,a,s){var d=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),t=l(d);t.push([m.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)}",""]),m.exports=t},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"(m){"use strict";m.exports=function(a){var s=[];return s.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+=a(l),e&&(t+="}"),l[2]&&(t+="}"),l[4]&&(t+="}"),t}).join("")},s.i=function(l,t,e,_,c){typeof l=="string"&&(l=[[null,l,void 0]]);var u={};if(e)for(var n=0;n<this.length;n++){var i=this[n][0];i!=null&&(u[i]=!0)}for(var w=0;w<l.length;w++){var r=[].concat(l[w]);e&&u[r[0]]||(typeof c!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=c),t&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=t),_&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=_):r[4]="".concat(_)),s.push(r))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(m){"use strict";m.exports=function(a){return a[1]}},"./src/styles/_shadows.scss"(m,a,s){"use strict";s.r(a),s.d(a,{default:()=>p});var d=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=s.n(d),t=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=s.n(t),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=s.n(_),u=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),n=s.n(u),i=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=s.n(i),r=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),b=s.n(r),v=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),E=s.n(v),y={};for(const f in v)f!=="default"&&(y[f]=()=>v[f]);s.d(a,y);var o={};o.styleTagTransform=b(),o.setAttributes=n(),o.insert=c().bind(null,"head"),o.domAPI=e(),o.insertStyleElement=w();var h=l()(E(),o);const p=E()&&E().locals?E().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(m){"use strict";var a=[];function s(t){for(var e=-1,_=0;_<a.length;_++)if(a[_].identifier===t){e=_;break}return e}function d(t,e){for(var _={},c=[],u=0;u<t.length;u++){var n=t[u],i=e.base?n[0]+e.base:n[0],w=_[i]||0,r="".concat(i," ").concat(w);_[i]=w+1;var b=s(r),v={css:n[1],media:n[2],sourceMap:n[3],supports:n[4],layer:n[5]};if(b!==-1)a[b].references++,a[b].updater(v);else{var E=l(v,e);e.byIndex=u,a.splice(u,0,{identifier:r,updater:E,references:1})}c.push(r)}return c}function l(t,e){var _=e.domAPI(e);_.update(t);var c=function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap&&n.supports===t.supports&&n.layer===t.layer)return;_.update(t=n)}else _.remove()};return c}m.exports=function(t,e){e=e||{},t=t||[];var _=d(t,e);return function(u){u=u||[];for(var n=0;n<_.length;n++){var i=_[n],w=s(i);a[w].references--}for(var r=d(u,e),b=0;b<_.length;b++){var v=_[b],E=s(v);a[E].references===0&&(a[E].updater(),a.splice(E,1))}_=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"(m){"use strict";var a={};function s(l){if(typeof a[l]=="undefined"){var t=document.querySelector(l);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}a[l]=t}return a[l]}function d(l,t){var e=s(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)}m.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(m){"use strict";function a(s){var d=document.createElement("style");return s.setAttributes(d,s.attributes),s.insert(d,s.options),d}m.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(m,a,s){"use strict";function d(l){var t=s.nc;t&&l.setAttribute("nonce",t)}m.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(m){"use strict";function a(l,t,e){var _="";e.supports&&(_+="@supports (".concat(e.supports,") {")),e.media&&(_+="@media ".concat(e.media," {"));var c=typeof e.layer!="undefined";c&&(_+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),_+=e.css,c&&(_+="}"),e.media&&(_+="}"),e.supports&&(_+="}");var u=e.sourceMap;u&&typeof btoa!="undefined"&&(_+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),t.styleTagTransform(_,l,t.options)}function s(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(_){a(t,l,_)},remove:function(){s(t)}}}m.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(m){"use strict";function a(s,d){if(d.styleSheet)d.styleSheet.cssText=s;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(s))}}m.exports=a},"./stories/UILoader.story.tsx"(m,a,s){"use strict";var d=this&&this.__createBinding||(Object.create?(function(y,o,h,p){p===void 0&&(p=h);var f=Object.getOwnPropertyDescriptor(o,h);(!f||("get"in f?!o.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return o[h]}}),Object.defineProperty(y,p,f)}):(function(y,o,h,p){p===void 0&&(p=h),y[p]=o[h]})),l=this&&this.__setModuleDefault||(Object.create?(function(y,o){Object.defineProperty(y,"default",{enumerable:!0,value:o})}):function(y,o){y.default=o}),t=this&&this.__importStar||(function(){var y=function(o){return y=Object.getOwnPropertyNames||function(h){var p=[];for(var f in h)Object.prototype.hasOwnProperty.call(h,f)&&(p[p.length]=f);return p},y(o)};return function(o){if(o&&o.__esModule)return o;var h={};if(o!=null)for(var p=y(o),f=0;f<p.length;f++)p[f]!=="default"&&d(h,o,p[f]);return l(h,o),h}})();Object.defineProperty(a,"__esModule",{value:!0}),a.Dialogs=a.Delayed=a.Loaders=void 0;const e=t(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),c=s("./src/components/UILoader/index.tsx"),u=s("./src/components/UIButton/index.tsx"),n=s("./src/components/UIDialog/index.ts");a.default={title:"Progress/Loader"};const i={childrenGap:40},w=()=>e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Default Loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,null))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Large loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{size:_.SpinnerSize.large}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Medium loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{size:_.SpinnerSize.medium}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Small loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{size:_.SpinnerSize.small}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"xSmall loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{size:_.SpinnerSize.xSmall}))),e.default.createElement(_.Stack,{tokens:i,style:{position:"relative"}},e.default.createElement(_.Text,null,"Loader - block DOM"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{blockDOM:!0}))),e.default.createElement(_.Stack,{tokens:i,style:{position:"relative",height:"75px"}},e.default.createElement(_.Text,null,"Loader - block DOM with text..."),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{blockDOM:!0,label:"Loader label..."}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Small loader - css class"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{className:"uiLoaderXSmall"}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Large loader - css class"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{className:"uiLoaderXLarge"}))));a.Loaders=w;const r=()=>{const[y,o]=(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(_.Text,null,"Loader - delayed"),y&&e.default.createElement(c.UILoader,{delayed:!0,blockDOM:!0,label:"Delayed loader"})),e.default.createElement("div",null,e.default.createElement(u.UIDefaultButton,{text:"Toggle Loader",onClick:()=>{o(!y)}}))))};a.Delayed=r;const b=`
|
|
3
3
|
.popup--busy .ms-Dialog-content {
|
|
4
4
|
position: static;
|
|
5
5
|
}
|
|
6
|
-
`,
|
|
6
|
+
`,v=y=>{const{delayed:o,text:h}=y,[p,f]=(0,e.useState)(!1),[g,D]=(0,e.useState)(!1),S=()=>{f(!p)},I=()=>{D(!0),setTimeout(()=>{D(!1),S()},500)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(u.UIDefaultButton,{onClick:S,primary:!0},h),e.default.createElement(n.UIDialog,{isOpen:p,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",onAccept:S,onCancel:S,onDismiss:S,modalProps:{className:"popup--busy"},footer:e.default.createElement("div",null,e.default.createElement(u.UIDefaultButton,{onClick:I},"Accept"))},e.default.createElement("div",null,"Dummy"),g&&e.default.createElement(c.UILoader,{className:"uiLoaderXLarge",blockDOM:!0,delayed:o})))},E=()=>e.default.createElement(e.default.Fragment,null,e.default.createElement("style",null,b),e.default.createElement("div",null,e.default.createElement(v,{delayed:!1,text:"Open Dialog with loader"})),e.default.createElement("div",null,e.default.createElement(v,{delayed:!0,text:"Open Dialog with delayed loader"})));a.Dialogs=E}}]);})();
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(()=>{var C=Object.defineProperty,E=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var y=(d,r,n)=>r in d?C(d,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):d[r]=n,h=(d,r)=>{for(var n in r||(r={}))S.call(r,n)&&y(d,n,r[n]);if(k)for(var n of k(r))U.call(r,n)&&y(d,n,r[n]);return d},m=(d,r)=>E(d,w(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[644],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),t.styleTagTransform(l,e,t.options)}function n(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function u(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(l){r(t,e,l)},remove:function(){n(t)}}}d.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.
|
|
1
|
+
"use strict";(()=>{var C=Object.defineProperty,E=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var y=(d,r,n)=>r in d?C(d,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):d[r]=n,h=(d,r)=>{for(var n in r||(r={}))S.call(r,n)&&y(d,n,r[n]);if(k)for(var n of k(r))U.call(r,n)&&y(d,n,r[n]);return d},m=(d,r)=>E(d,w(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[644],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"(d){d.exports=function(r){var n=[];return n.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("")},n.i=function(e,t,a,l,i){typeof e=="string"&&(e=[[null,e,void 0]]);var s={};if(a)for(var c=0;c<this.length;c++){var p=this[c][0];p!=null&&(s[p]=!0)}for(var f=0;f<e.length;f++){var o=[].concat(e[f]);a&&s[o[0]]||(typeof i!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=i),t&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=t),l&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=l):o[4]="".concat(l)),n.push(o))}},n}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(d){var r=[];function n(t){for(var a=-1,l=0;l<r.length;l++)if(r[l].identifier===t){a=l;break}return a}function u(t,a){for(var l={},i=[],s=0;s<t.length;s++){var c=t[s],p=a.base?c[0]+a.base:c[0],f=l[p]||0,o="".concat(p," ").concat(f);l[p]=f+1;var b=n(o),v={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(b!==-1)r[b].references++,r[b].updater(v);else{var g=e(v,a);a.byIndex=s,r.splice(s,0,{identifier:o,updater:g,references:1})}i.push(o)}return i}function e(t,a){var l=a.domAPI(a);l.update(t);var i=function(c){if(c){if(c.css===t.css&&c.media===t.media&&c.sourceMap===t.sourceMap&&c.supports===t.supports&&c.layer===t.layer)return;l.update(t=c)}else l.remove()};return i}d.exports=function(t,a){a=a||{},t=t||[];var l=u(t,a);return function(s){s=s||[];for(var c=0;c<l.length;c++){var p=l[c],f=n(p);r[f].references--}for(var o=u(s,a),b=0;b<l.length;b++){var v=l[b],g=n(v);r[g].references===0&&(r[g].updater(),r.splice(g,1))}l=o}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"(d){var r={};function n(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 u(e,t){var a=n(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=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(d){function r(n){var u=document.createElement("style");return n.setAttributes(u,n.attributes),n.insert(u,n.options),u}d.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(d,r,n){function u(e){var t=n.nc;t&&e.setAttribute("nonce",t)}d.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(d){function r(e,t,a){var l="";a.supports&&(l+="@supports (".concat(a.supports,") {")),a.media&&(l+="@media ".concat(a.media," {"));var i=typeof a.layer!="undefined";i&&(l+="@layer".concat(a.layer.length>0?" ".concat(a.layer):""," {")),l+=a.css,i&&(l+="}"),a.media&&(l+="}"),a.supports&&(l+="}");var s=a.sourceMap;s&&typeof btoa!="undefined"&&(l+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),t.styleTagTransform(l,e,t.options)}function n(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function u(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(l){r(t,e,l)},remove:function(){n(t)}}}d.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(d){function r(n,u){if(u.styleSheet)u.styleSheet.cssText=n;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(n))}}d.exports=r},"./src/components/UICheckbox/UICheckbox.tsx"(d,r,n){var u=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(r,"__esModule",{value:!0}),r.UICheckbox=void 0;const e=u(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),a=n("./src/helper/ValidationMessage/index.tsx"),l=n("./src/components/UIInput/index.tsx");class i extends e.default.Component{constructor(c){super(c),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(p,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"}}},p.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,borderRadius:l.COMMON_INPUT_STYLES.borderRadius},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:f.disabled?.4:void 0}})}render(){const c=(0,a.getMessageInfo)(this.props),p=e.default.createElement(t.Checkbox,m(h({},this.props),{styles:f=>h(h({},this.setStyle(c,f)),this.props.styles)}));return c.message?e.default.createElement(a.MessageWrapper,{message:c},p):p}}r.UICheckbox=i},"./src/components/UICheckbox/index.tsx"(d,r,n){var u=this&&this.__createBinding||(Object.create?(function(t,a,l,i){i===void 0&&(i=l);var s=Object.getOwnPropertyDescriptor(a,l);(!s||("get"in s?!a.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return a[l]}}),Object.defineProperty(t,i,s)}):(function(t,a,l,i){i===void 0&&(i=l),t[i]=a[l]})),e=this&&this.__exportStar||function(t,a){for(var l in t)l!=="default"&&!Object.prototype.hasOwnProperty.call(a,l)&&u(a,t,l)};Object.defineProperty(r,"__esModule",{value:!0}),e(n("./src/components/UICheckbox/UICheckbox.tsx"),r)},"./stories/UITextInput.story.tsx"(d,r,n){var u=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(r,"__esModule",{value:!0}),r.withMessages=r.accessibilityStates=r.defaultUsage=void 0;const e=u(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),a=n("./src/components/UIInput/index.tsx"),l=n("./src/components/UICheckbox/index.tsx");r.default={title:"Basic Inputs/Input"};const i={childrenGap:40},s={iconName:"FolderOpened"},c=()=>e.default.createElement(t.Stack,{tokens:i,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})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(a.UITextInput,{label:"Required",required:!0})));r.defaultUsage=c;const p=()=>{const[o,b]=e.default.useState(!1),[v,g]=e.default.useState("Content"),_={multiline:o,onChange:(I,x)=>{g(x||"")}};return e.default.createElement("div",null,e.default.createElement(t.Stack,{horizontal:!0,tokens:i},e.default.createElement(l.UICheckbox,{label:"Multi Line",checked:o,onChange:(I,x)=>{b(x)}})),e.default.createElement(t.Stack,{horizontal:!0,tokens:i},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,m(h({},_),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{value:v})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{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,m(h({},_),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{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,m(h({},_),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{value:v,readOnly:!0})))))))};r.accessibilityStates=p;const f=()=>{const o="Dummy message";return e.default.createElement(t.Stack,{tokens:i,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:o})),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:o})),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:o})))};r.withMessages=f}}]);})();
|