@sap-ux/ui-components 1.18.6 → 1.18.8
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/UICallout/UICallout.d.ts +1 -0
- package/dist/components/UICallout/UICallout.d.ts.map +1 -1
- package/dist/components/UICallout/UICallout.js +7 -5
- package/dist/components/UICallout/UICallout.js.map +1 -1
- package/dist/components/UIComboBox/UIComboBox.d.ts +18 -0
- package/dist/components/UIComboBox/UIComboBox.d.ts.map +1 -1
- package/dist/components/UIComboBox/UIComboBox.js +33 -5
- package/dist/components/UIComboBox/UIComboBox.js.map +1 -1
- package/dist/components/UIDropdown/UIDropdown.d.ts +16 -0
- package/dist/components/UIDropdown/UIDropdown.d.ts.map +1 -1
- package/dist/components/UIDropdown/UIDropdown.js +30 -4
- package/dist/components/UIDropdown/UIDropdown.js.map +1 -1
- package/package.json +1 -1
- package/storybook/{583.a7edc45e.iframe.bundle.js → 583.57efc06c.iframe.bundle.js} +1 -1
- package/storybook/973.aea16073.iframe.bundle.js +1 -0
- package/storybook/{UIActionCallout-story.16851cf6.iframe.bundle.js → UIActionCallout-story.b6524622.iframe.bundle.js} +2 -2
- package/storybook/{UICallout-story.2d183804.iframe.bundle.js → UICallout-story.3e5d6267.iframe.bundle.js} +2 -2
- package/storybook/UICombobox-story.0984959c.iframe.bundle.js +1 -0
- package/storybook/UIDropdown-story.95735ffc.iframe.bundle.js +1 -0
- package/storybook/UITooltip-story.a9c06aed.iframe.bundle.js +1 -0
- package/storybook/{UITranslationInput-story.1c47df28.iframe.bundle.js → UITranslationInput-story.e739a305.iframe.bundle.js} +1 -1
- package/storybook/iframe.html +2 -2
- package/storybook/index.json +1 -1
- package/storybook/{main.407cb28c.iframe.bundle.js → main.bf0ad9a1.iframe.bundle.js} +1 -1
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.59c246e5.iframe.bundle.js → runtime~main.edeabb0b.iframe.bundle.js} +2 -2
- package/storybook/973.a281d6de.iframe.bundle.js +0 -1
- package/storybook/UICombobox-story.7f35ddd7.iframe.bundle.js +0 -1
- package/storybook/UIDropdown-story.694cc6fc.iframe.bundle.js +0 -1
- package/storybook/UITooltip-story.8f97ff0e.iframe.bundle.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{var O=(s,r)=>()=>(r||s((r={exports:{}}).exports,r),r.exports);var c=(s,r,t)=>new Promise((i,e)=>{var n=o=>{try{y(t.next(o))}catch(a){e(a)}},I=o=>{try{y(t.throw(o))}catch(a){e(a)}},y=o=>o.done?i(o.value):Promise.resolve(o.value).then(n,I);y((t=t.apply(s,r)).next())});var T=O(p=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[792],{"./stories lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$":(s,r,t)=>{var i={"./UIActionCallout.story":["./stories/UIActionCallout.story.tsx",341,391,449],"./UIActionCallout.story.tsx":["./stories/UIActionCallout.story.tsx",341,391,449],"./UIButton.story":["./stories/UIButton.story.tsx",341,391,342,498,742,589,685],"./UIButton.story.tsx":["./stories/UIButton.story.tsx",341,391,342,498,742,589,685],"./UICallout.story":["./stories/UICallout.story.tsx",341,391,342,498,742,239],"./UICallout.story.tsx":["./stories/UICallout.story.tsx",341,391,342,498,742,239],"./UICalloutCollisionTransform.story":["./stories/UICalloutCollisionTransform.story.tsx",341,504,825,390,391,342,498,742,589,
|
|
1
|
+
(()=>{var O=(s,r)=>()=>(r||s((r={exports:{}}).exports,r),r.exports);var c=(s,r,t)=>new Promise((i,e)=>{var n=o=>{try{y(t.next(o))}catch(a){e(a)}},I=o=>{try{y(t.throw(o))}catch(a){e(a)}},y=o=>o.done?i(o.value):Promise.resolve(o.value).then(n,I);y((t=t.apply(s,r)).next())});var T=O(p=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[792],{"./stories lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$":(s,r,t)=>{var i={"./UIActionCallout.story":["./stories/UIActionCallout.story.tsx",341,391,449],"./UIActionCallout.story.tsx":["./stories/UIActionCallout.story.tsx",341,391,449],"./UIButton.story":["./stories/UIButton.story.tsx",341,391,342,498,742,589,685],"./UIButton.story.tsx":["./stories/UIButton.story.tsx",341,391,342,498,742,589,685],"./UICallout.story":["./stories/UICallout.story.tsx",341,391,342,498,742,239],"./UICallout.story.tsx":["./stories/UICallout.story.tsx",341,391,342,498,742,239],"./UICalloutCollisionTransform.story":["./stories/UICalloutCollisionTransform.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,43],"./UICalloutCollisionTransform.story.tsx":["./stories/UICalloutCollisionTransform.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,43],"./UICheckbox.story":["./stories/UICheckbox.story.tsx",341,391,558],"./UICheckbox.story.tsx":["./stories/UICheckbox.story.tsx",341,391,558],"./UIChoiceGroup.story":["./stories/UIChoiceGroup.story.tsx",341,391,525],"./UIChoiceGroup.story.tsx":["./stories/UIChoiceGroup.story.tsx",341,391,525],"./UICombobox.story":["./stories/UICombobox.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,632],"./UICombobox.story.tsx":["./stories/UICombobox.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,632],"./UIContextualMenu.story":["./stories/UIContextualMenu.story.tsx",341,391,342,498,742,973,589,289],"./UIContextualMenu.story.tsx":["./stories/UIContextualMenu.story.tsx",341,391,342,498,742,973,589,289],"./UICreateSelect.story":["./stories/UICreateSelect.story.tsx",341,825,391,342,498,949],"./UICreateSelect.story.tsx":["./stories/UICreateSelect.story.tsx",341,825,391,342,498,949],"./UIDatePicker.story":["./stories/UIDatePicker.story.tsx",341,391,342,191],"./UIDatePicker.story.tsx":["./stories/UIDatePicker.story.tsx",341,391,342,191],"./UIDialog.story":["./stories/UIDialog.story.tsx",341,391,342,498,742,973,920,583,937],"./UIDialog.story.tsx":["./stories/UIDialog.story.tsx",341,391,342,498,742,973,920,583,937],"./UIDropdown.story":["./stories/UIDropdown.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,6],"./UIDropdown.story.tsx":["./stories/UIDropdown.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,6],"./UIFlexibleTable.story":["./stories/UIFlexibleTable.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,812],"./UIFlexibleTable.story.tsx":["./stories/UIFlexibleTable.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,812],"./UIIcon.story":["./stories/UIIcon.story.tsx",341,391,222],"./UIIcon.story.tsx":["./stories/UIIcon.story.tsx",341,391,222],"./UILabel.story":["./stories/UILabel.story.tsx",341,391,69],"./UILabel.story.tsx":["./stories/UILabel.story.tsx",341,391,69],"./UILink.story":["./stories/UILink.story.tsx",341,391,57],"./UILink.story.tsx":["./stories/UILink.story.tsx",341,391,57],"./UILoader.story":["./stories/UILoader.story.tsx",341,391,342,498,742,920,660],"./UILoader.story.tsx":["./stories/UILoader.story.tsx",341,391,342,498,742,920,660],"./UIMessageBar.story":["./stories/UIMessageBar.story.tsx",341,391,733],"./UIMessageBar.story.tsx":["./stories/UIMessageBar.story.tsx",341,391,733],"./UIPersona.story":["./stories/UIPersona.story.tsx",341,271],"./UIPersona.story.tsx":["./stories/UIPersona.story.tsx",341,271],"./UIQuickNavigation.story":["./stories/UIQuickNavigation.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,680],"./UIQuickNavigation.story.tsx":["./stories/UIQuickNavigation.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,680],"./UISearchBox.story":["./stories/UISearchBox.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,104],"./UISearchBox.story.tsx":["./stories/UISearchBox.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,104],"./UISections.story":["./stories/UISections.story.tsx",341,391,342,498,742,973,592,177],"./UISections.story.tsx":["./stories/UISections.story.tsx",341,391,342,498,742,973,592,177],"./UISeparator.story":["./stories/UISeparator.story.tsx",341,930],"./UISeparator.story.tsx":["./stories/UISeparator.story.tsx",341,930],"./UITable.story":["./stories/UITable.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,967],"./UITable.story.tsx":["./stories/UITable.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,967],"./UITextInput.story":["./stories/UITextInput.story.tsx",341,391,342,644],"./UITextInput.story.tsx":["./stories/UITextInput.story.tsx",341,391,342,644],"./UIToggle.story":["./stories/UIToggle.story.tsx",341,391,673],"./UIToggle.story.tsx":["./stories/UIToggle.story.tsx",341,391,673],"./UIToggleGroup.story":["./stories/UIToggleGroup.story.tsx",341,391,817,218],"./UIToggleGroup.story.tsx":["./stories/UIToggleGroup.story.tsx",341,391,817,218],"./UITooltip.story":["./stories/UITooltip.story.tsx",341,504,391,342,498,742,406],"./UITooltip.story.tsx":["./stories/UITooltip.story.tsx",341,504,391,342,498,742,406],"./UITranslationInput.story":["./stories/UITranslationInput.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,530],"./UITranslationInput.story.tsx":["./stories/UITranslationInput.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,530],"./UITreedropdown.story":["./stories/UITreedropdown.story.tsx",341,391,342,498,589,994],"./UITreedropdown.story.tsx":["./stories/UITreedropdown.story.tsx",341,391,342,498,589,994],"./Utilities.story":["./stories/Utilities.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,393],"./Utilities.story.tsx":["./stories/Utilities.story.tsx",341,504,825,390,391,342,498,742,973,589,920,592,583,817,841,393]};function e(n){if(!t.o(i,n))return Promise.resolve().then(()=>{var o=new Error("Cannot find module '"+n+"'");throw o.code="MODULE_NOT_FOUND",o});var I=i[n],y=I[0];return Promise.all(I.slice(1).map(t.e)).then(()=>t.t(y,23))}e.keys=()=>Object.keys(i),e.id="./stories lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$",s.exports=e},"./storybook-config-entry.js":(s,r,t)=>{"use strict";var i=t("@storybook/global");const e=__STORYBOOK_MODULE_PREVIEW_API__,n=__STORYBOOK_MODULE_CHANNELS__,I=x=>x(),y=[x=>c(p,null,function*(){if(!/^\.[\\/](?:stories\/(?!\.)(?=.)[^/]*?\.story\.tsx)$/.exec(x))return;const U=x.substring(10);return t("./stories lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$")("./"+U)})];function o(x){return c(this,null,function*(){for(let U=0;U<y.length;U++){const _=yield I(()=>y[U](x));if(_)return _}})}const a=()=>(0,e.composeConfigs)([t("../../node_modules/.pnpm/@storybook+react@8.1.11_prettier@3.3.3_react-dom@16.14.0_react@16.14.0_typescript@5.6.2/node_modules/@storybook/react/dist/entry-preview.mjs")]),l=(0,n.createBrowserChannel)({page:"preview"});e.addons.setChannel(l),i.global.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const u=new e.PreviewWeb(o,a);window.__STORYBOOK_PREVIEW__=u,window.__STORYBOOK_STORY_STORE__=u.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=l},"@storybook/global":s=>{"use strict";s.exports=__STORYBOOK_MODULE_GLOBAL__}},s=>{var r=i=>s(s.s=i);s.O(0,[721],()=>r("./storybook-config-entry.js"));var t=s.O()}])});T();})();
|
package/storybook/project.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1728582742491,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/jest-dom":"5.17.0","@testing-library/react":"12.1.5","babel-jest":"29.7.0","jest-environment-jsdom":"29.7.0","jest-scss-transform":"1.0.3"},"monorepo":"Nx","packageManager":{"type":"pnpm","version":"8.14.0"},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"8.1.11","storybookVersionSpecifier":"8.1.11","language":"typescript","storybookPackages":{"@storybook/react":{"version":"8.1.11"},"@storybook/react-webpack5":{"version":"8.1.11"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.1.11"}},"addons":{"storybook-addon-turbo-build":{"version":"2.0.1"}}}
|
package/storybook/{runtime~main.59c246e5.iframe.bundle.js → runtime~main.edeabb0b.iframe.bundle.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(()=>{(()=>{"use strict";var y={},g={};function r(e){var
|
|
2
|
-
(`+d+": "+u+")",s.name="ChunkLoadError",s.type=d,s.request=u,n[1](s)}};r.l(b,l,"chunk-"+a,a)}else e[a]=0},r.O.j=a=>e[a]===0;var
|
|
1
|
+
(()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],b=!0,s=0;s<t.length;s++)(i&!1||o>=i)&&Object.keys(r.O).every(p=>r.O[p](t[s]))?t.splice(s--,1):(b=!1,i<o&&(o=i));if(b){e.splice(n--,1);var l=a();l!==void 0&&(f=l)}}return f}})(),r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},(()=>{var e=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,f;r.t=function(t,a){if(a&1&&(t=this(t)),a&8||typeof t=="object"&&t&&(a&4&&t.__esModule||a&16&&typeof t.then=="function"))return t;var i=Object.create(null);r.r(i);var n={};f=f||[null,e({}),e([]),e(e)];for(var o=a&2&&t;typeof o=="object"&&!~f.indexOf(o);o=e(o))Object.getOwnPropertyNames(o).forEach(b=>n[b]=()=>t[b]);return n.default=()=>t,r.d(i,n),i}})(),r.d=(e,f)=>{for(var t in f)r.o(f,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:f[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((f,t)=>(r.f[t](e,f),f),[])),r.u=e=>""+({6:"UIDropdown-story",43:"UICalloutCollisionTransform-story",57:"UILink-story",69:"UILabel-story",104:"UISearchBox-story",177:"UISections-story",191:"UIDatePicker-story",218:"UIToggleGroup-story",222:"UIIcon-story",239:"UICallout-story",271:"UIPersona-story",289:"UIContextualMenu-story",393:"Utilities-story",406:"UITooltip-story",449:"UIActionCallout-story",525:"UIChoiceGroup-story",530:"UITranslationInput-story",558:"UICheckbox-story",632:"UICombobox-story",644:"UITextInput-story",660:"UILoader-story",673:"UIToggle-story",680:"UIQuickNavigation-story",685:"UIButton-story",733:"UIMessageBar-story",812:"UIFlexibleTable-story",930:"UISeparator-story",937:"UIDialog-story",949:"UICreateSelect-story",967:"UITable-story",994:"UITreedropdown-story"}[e]||e)+"."+{6:"95735ffc",43:"65d35532",57:"2c7d1953",69:"38df6674",104:"da945a0f",177:"73044eae",191:"d3c6db4c",218:"50b2392c",222:"16f5f8ab",239:"3e5d6267",271:"6cdb6313",289:"fdeddc59",341:"db2c9a0a",342:"5c3d2f24",390:"77520f0c",391:"4110c32b",393:"d347dfb2",406:"a9c06aed",449:"b6524622",498:"9e803d53",504:"f031c6ee",525:"a1b90c0f",530:"e739a305",558:"ccf2a048",583:"57efc06c",589:"44ac45cc",592:"7880c0f6",632:"0984959c",644:"635fe59b",660:"946c062c",673:"fab92f4e",680:"5f9bb898",685:"f887fe18",733:"13a6dea2",742:"e07d5a84",812:"e26a75b6",817:"c71ffc11",825:"d50c7306",841:"d180e55f",920:"1385eab3",930:"a27b46f7",937:"d6271932",949:"8d814a30",967:"2c0ccae1",973:"aea16073",994:"0da3980f"}[e]+".iframe.bundle.js",r.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch(e){if(typeof window=="object")return window}}(),r.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),(()=>{var e={},f="@sap-ux/ui-components:";r.l=(t,a,i,n)=>{if(e[t]){e[t].push(a);return}var o,b;if(i!==void 0)for(var s=document.getElementsByTagName("script"),l=0;l<s.length;l++){var c=s[l];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")==f+i){o=c;break}}o||(b=!0,o=document.createElement("script"),o.charset="utf-8",o.timeout=120,r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",f+i),o.src=t),e[t]=[a];var d=(_,p)=>{o.onerror=o.onload=null,clearTimeout(u);var U=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),U&&U.forEach(h=>h(p)),_)return _(p)},u=setTimeout(d.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=d.bind(null,o.onerror),o.onload=d.bind(null,o.onload),b&&document.head.appendChild(o)}})(),r.r=e=>{typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="",(()=>{var e={354:0};r.f.j=(a,i)=>{var n=r.o(e,a)?e[a]:void 0;if(n!==0)if(n)i.push(n[2]);else if(a!=354){var o=new Promise((c,d)=>n=e[a]=[c,d]);i.push(n[2]=o);var b=r.p+r.u(a),s=new Error,l=c=>{if(r.o(e,a)&&(n=e[a],n!==0&&(e[a]=void 0),n)){var d=c&&(c.type==="load"?"missing":c.type),u=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
|
|
2
|
+
(`+d+": "+u+")",s.name="ChunkLoadError",s.type=d,s.request=u,n[1](s)}};r.l(b,l,"chunk-"+a,a)}else e[a]=0},r.O.j=a=>e[a]===0;var f=(a,i)=>{var[n,o,b]=i,s,l,c=0;if(n.some(u=>e[u]!==0)){for(s in o)r.o(o,s)&&(r.m[s]=o[s]);if(b)var d=b(r)}for(a&&a(i);c<n.length;c++)l=n[c],r.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return r.O(d)},t=self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[];t.forEach(f.bind(null,0)),t.push=f.bind(null,t.push.bind(t))})(),r.nc=void 0})();})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{var C=Object.defineProperty,P=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var v=(m,t,e)=>t in m?C(m,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):m[t]=e,g=(m,t)=>{for(var e in t||(t={}))I.call(t,e)&&v(m,e,t[e]);if(O)for(var e of O(t))M.call(t,e)&&v(m,e,t[e]);return m},w=(m,t)=>P(m,T(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[973],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss":(m,t,e)=>{var f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),l=d(f);l.push([m.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:26px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),m.exports=l},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(m,t,e)=>{var f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),l=d(f);l.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=l},"./src/components/UIDropdown/UIDropdown.scss":(m,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>S});var f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(f),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(l),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(o),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),h=e.n(r),b=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),i=e.n(b),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),n=e.n(_),y={};for(const E in _)E!=="default"&&(y[E]=()=>_[E]);e.d(t,y);var p={};p.styleTagTransform=u(),p.setAttributes=h(),p.insert=a().bind(null,"head"),p.domAPI=s(),p.insertStyleElement=i();var D=d()(n(),p);const S=n()&&n().locals?n().locals:void 0},"./src/styles/_shadows.scss":(m,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>S});var f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(f),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(l),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(o),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),h=e.n(r),b=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),i=e.n(b),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),n=e.n(_),y={};for(const E in _)E!=="default"&&(y[E]=()=>_[E]);e.d(t,y);var p={};p.styleTagTransform=u(),p.setAttributes=h(),p.insert=a().bind(null,"head"),p.domAPI=s(),p.insertStyleElement=i();var D=d()(n(),p);const S=n()&&n().locals?n().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts":(m,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},f=20;class d{constructor(s,o,a=e){this.originalStyle={},this.source=s,this.callout=o,this.props=a,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(s){const o=document.createElement("div");return o.classList.add("ts-Callout-transformation"),o.style.height=`${s}px`,o}getElements(){const s=this.source.current,o=s==null?void 0:s.closest(this.props.container);if(o&&s){const a=o==null?void 0:o.querySelector(this.props.target);if(a){const r={container:{dom:o,rect:o.getBoundingClientRect()},target:{dom:a,rect:a.getBoundingClientRect()},source:{dom:s,rect:s.getBoundingClientRect()}},h=this.callout.current;return h&&(r.callout={dom:h,rect:h.getBoundingClientRect()}),r}}}applyTransformation(){const s=this.getElements();if(!s)return;const{container:o,target:a,callout:r,source:h}=s;if(r){const b=window.innerHeight-e.minPagePadding,i=r.rect.height,c=h.rect.bottom;let u=c+i-a.rect.top,_=c+r.rect.height;if(u<=0||_>=b)return;if(_+=a.rect.height,_<=b&&(u+=f),this.props.absolute){const n=o.dom.style;this.originalStyle={transform:n.transform,position:n.position,top:n.top,left:n.left},n.transform="",n.position="absolute",n.top=`${o.rect.top}px`,n.left=`${o.rect.left}px`}this.placeholder=this.createPlaceholder(u),a.dom.prepend(this.placeholder)}}resetTransformation(){const s=this.getElements();if(!s)return;const{container:o,target:a}=s;for(const r in this.originalStyle){const h=this.originalStyle[r];typeof h=="string"&&(o.dom.style[r]=h)}this.originalStyle={},this.placeholder&&(a.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(s){const o=this.getElements();return!!(s.type==="focus"&&(o!=null&&o.target.dom.contains(s.target)))}}t.CalloutCollisionTransform=d},"./src/components/UICallout/UICallout.tsx":function(m,t,e){"use strict";var f=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const d=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"var(--ui-box-shadow-small)",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var o;(function(i){i.None="None",i.Standard="Standard"})(o||(t.UICalloutContentPadding=o={}));const a=new Map([[o.Standard,8]]),r=(i,c)=>typeof i=="object"&&typeof i[c]=="object"?i[c]:{},h=i=>{var c,u;return{root:g({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:t.CALLOUT_STYLES.borderRadius},r(i.styles,"root")),beak:g({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},r(i.styles,"beak")),beakCurtain:g({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},r(i.styles,"beakCurtain")),calloutMain:g({backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text,fontFamily:t.CALLOUT_STYLES.font,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(c=i.calloutMinWidth)!=null?c:300,boxSizing:"border-box",padding:a.get((u=i.contentPadding)!=null?u:o.None)},r(i.styles,"calloutMain")),container:r(i.styles,"container")}};t.getCalloutStyle=h;class b extends d.default.Component{constructor(c){super(c),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(c){const{onKeyDown:u,focusTargetSiblingOnTabPress:_,target:n}=this.props;if(_&&c.key==="Tab"&&n){let y=null;if(typeof n=="string"){const p=(0,l.getDocument)();y=p==null?void 0:p.querySelector(n)}else"getBoundingClientRect"in n&&(0,s.isHTMLElement)(n)&&(y=n);y&&(0,s.focusToSibling)(y,!c.shiftKey)&&(c.stopPropagation(),c.preventDefault())}u==null||u(c)}render(){return d.default.createElement(l.Callout,w(g({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=b},"./src/components/UICallout/index.tsx":function(m,t,e){"use strict";var f=this&&this.__createBinding||(Object.create?function(l,s,o,a){a===void 0&&(a=o);var r=Object.getOwnPropertyDescriptor(s,o);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(l,a,r)}:function(l,s,o,a){a===void 0&&(a=o),l[a]=s[o]}),d=this&&this.__exportStar||function(l,s){for(var o in l)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&f(s,l,o)};Object.defineProperty(t,"__esModule",{value:!0}),d(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),d(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIDropdown/UIDropdown.tsx":function(m,t,e){"use strict";var f=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIDropdown=t.UIDropdownMenuItemType=t.UIDropdownOption=void 0;const d=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return l.DropdownMenuItemType}}),Object.defineProperty(t,"UIDropdownOption",{enumerable:!0,get:function(){return l.IDropdownOption}});const s=e("./src/components/UIIcon/index.tsx"),o=e("./src/helper/ValidationMessage/index.tsx"),a=e("./src/components/UILabel/index.tsx"),r=e("./src/components/UIDropdown/utils.ts"),h=e("./src/components/UICallout/index.tsx");e("./src/components/UIDropdown/UIDropdown.scss");const b="var(--vscode-inputValidation-errorBorder)";class i extends d.default.Component{constructor(u){super(u),this.dropdownDomRef=d.default.createRef(),this.menuDomRef=d.default.createRef(),this.calloutCollisionTransform=new h.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>d.default.createElement(s.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=_=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(_);{const{multiSelectDelimiter:n=", "}=this.props;if(_){const y=_.map(p=>p.text).join(n);return d.default.createElement(d.default.Fragment,null,y)}else return d.default.createElement(d.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(_=>({isOpen:!_.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(_=>({isOpen:!_.isOpen})),this.props.onHandleOpen())})},this.onChange=(_,n,y)=>{this.props.multiSelect&&this.props.onHandleChange&&n&&y&&this.props.onHandleChange(n,y)},this.stopEventPropagation=_=>{_.stopPropagation()},this.onRenderOption=(_,n)=>d.default.createElement(d.default.Fragment,null,n==null?void 0:n(_),(_==null?void 0:_.itemType)!==l.DropdownMenuItemType.Header&&d.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderItem=(_,n)=>n&&_?(_.title===void 0&&(_.title=_.text),n(_)):null,this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(u){return{root:{minWidth:u.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(u){const{className:_,readOnly:n,disabled:y}=this.props,p=u.message?o.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0;let D=`ts-SelectBox${u.message?" ts-SelectBox--"+p:""}`;return n&&!y&&(D+=" ts-SelectBox--readonly"),y&&(D+=" ts-SelectBox--disabled"),_&&(D+=` ${_}`),(0,r.isDropdownEmpty)(this.props)&&(D+=" ts-SelectBox--empty"),D}getAccessibilityProps(){const{readOnly:u,disabled:_}=this.props,n={};return u&&!_?(n.tabIndex=0,n["data-is-focusable"]=!0,n["aria-disabled"]=void 0,n["aria-readonly"]=!0):_&&(n.tabIndex=0,n["data-is-focusable"]=!0),n}render(){const u=(0,o.getMessageInfo)(this.props),_=this.getAccessibilityProps(),n=()=>({label:g(g(g({},a.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:"' *'",color:b,paddingRight:12}}}),errorMessage:[u.style]});return d.default.createElement(l.Dropdown,w(g(g({ref:this.dropdownDomRef,calloutProps:g({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},(0,r.getCalloutCollisionTransformationProps)(this.calloutCollisionTransform,this.props.multiSelect,this.props.calloutCollisionTransformation)),onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),responsiveMode:l.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},_),this.props),{styles:n,className:this.getClassNames(u),errorMessage:u.message}))}}t.UIDropdown=i},"./src/components/UIDropdown/index.tsx":function(m,t,e){"use strict";var f=this&&this.__createBinding||(Object.create?function(l,s,o,a){a===void 0&&(a=o);var r=Object.getOwnPropertyDescriptor(s,o);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(l,a,r)}:function(l,s,o,a){a===void 0&&(a=o),l[a]=s[o]}),d=this&&this.__exportStar||function(l,s){for(var o in l)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&f(s,l,o)};Object.defineProperty(t,"__esModule",{value:!0}),d(e("./src/components/UIDropdown/UIDropdown.tsx"),t),d(e("./src/components/UIDropdown/utils.ts"),t)},"./src/components/UIDropdown/utils.ts":(m,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isDropdownEmpty=e,t.getCalloutCollisionTransformationProps=f;function e(d){var s;const{selectedKey:l}=d;return Array.isArray(l)?l.length===0:"text"in d&&d.text||"selectedKeys"in d&&((s=d.selectedKeys)!=null&&s.length)?!1:!l}function f(d,l,s){if(l&&s)return{preventDismissOnEvent:d.preventDismissOnEvent,layerProps:{onLayerDidMount:d.applyTransformation,onLayerWillUnmount:d.resetTransformation}}}}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{var L=Object.defineProperty,T=Object.defineProperties;var K=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var M=(c,t,r)=>t in c?L(c,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):c[t]=r,h=(c,t)=>{for(var r in t||(t={}))P.call(t,r)&&M(c,r,t[r]);if(E)for(var r of E(t))F.call(t,r)&&M(c,r,t[r]);return c},y=(c,t)=>T(c,K(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[632],{"./stories/UICombobox.story.tsx":function(c,t,r){var b=this&&this.__createBinding||(Object.create?function(o,i,l,s){s===void 0&&(s=l);var d=Object.getOwnPropertyDescriptor(i,l);(!d||("get"in d?!i.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return i[l]}}),Object.defineProperty(o,s,d)}:function(o,i,l,s){s===void 0&&(s=l),o[s]=i[l]}),x=this&&this.__setModuleDefault||(Object.create?function(o,i){Object.defineProperty(o,"default",{enumerable:!0,value:i})}:function(o,i){o.default=i}),f=this&&this.__importStar||function(o){if(o&&o.__esModule)return o;var i={};if(o!=null)for(var l in o)l!=="default"&&Object.prototype.hasOwnProperty.call(o,l)&&b(i,o,l);return x(i,o),i};Object.defineProperty(t,"__esModule",{value:!0}),t.groupsAndSeparators=t.accessibilityStates=t.openMenuOnClick=t.Messages=t.MultiSelectSearchHighlight=t.DifferentStates=t.WithLoading=t.WithRefresh=t.WithoutSearch=t.SearchWithoutHighlight=t.SearchHighlight=void 0;const e=f(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),C=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=r("./src/components/UIComboBox/index.tsx"),g=r("./src/components/UICheckbox/index.tsx"),n=r("./test/__mock__/select-data.ts");(0,r("./src/components/Icons.tsx").initIcons)(),t.default={title:"Dropdowns/Combobox"};const I=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on"}),e.default.createElement(a.UIComboBox,{options:n.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}));t.SearchHighlight=I;const B=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,dropdownWidth:300,placeholder:"Search",allowFreeform:!0,autoComplete:"on",openOnKeyboardFocus:!0}));t.SearchWithoutHighlight=B;const S=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,dropdownWidth:300}));t.WithoutSearch=S;const U=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,onRefresh:()=>console.log("refresh trigged!")}),e.default.createElement("small",null,"*watch console"));t.WithRefresh=U;const A=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,isLoading:!0,styles:{optionsContainerWrapper:{width:"262px"}},label:"Default"}),e.default.createElement(a.UIComboBox,{options:n.data,isLoading:[a.UIComboBoxLoaderType.List],styles:{optionsContainerWrapper:{width:"262px"}},label:"List"}),e.default.createElement(a.UIComboBox,{options:n.data,isLoading:[a.UIComboBoxLoaderType.Input],styles:{optionsContainerWrapper:{width:"262px"}},label:"Input"}),e.default.createElement(a.UIComboBox,{options:n.data,isLoading:[a.UIComboBoxLoaderType.List,a.UIComboBoxLoaderType.Input],styles:{optionsContainerWrapper:{width:"262px"}},label:"List and Input"}));t.WithLoading=A;const w=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),e.default.createElement(a.UIComboBox,{options:n.data,label:"Disabled",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}),e.default.createElement(a.UIComboBox,{options:n.data,label:"Required",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",required:!0}));t.DifferentStates=w;const D=()=>{const[o,i]=(0,e.useState)([]);function l(s,d,m,k){if(d){const u=[...o,d.key].filter(p=>d.selected?!0:p!==d.key);i(u)}}return e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,selectedKey:o,onChange:l,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:!0,autoComplete:"on"}))};t.MultiSelectSearchHighlight=D;const O=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),e.default.createElement(a.UIComboBox,{options:n.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",warningMessage:"Dummy Warning"}),e.default.createElement(a.UIComboBox,{options:n.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",infoMessage:"Dummy Info"}));t.Messages=O;const W=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Open menu on click"}),e.default.createElement(a.UIComboBox,{options:n.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!1,label:"Do not open menu on click"}));t.openMenuOnClick=W;const _=()=>{const[o,i]=e.default.useState(!1),[l,s]=e.default.useState("EE"),d={childrenGap:40},m={options:n.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:o,onChange:(k,u)=>{if(Array.isArray(l)){const p=[...l,u==null?void 0:u.key].filter(R=>u!=null&&u.selected?!0:R!==(u==null?void 0:u.key));s(p)}else u&&s(u.key)}};return e.default.createElement("div",null,e.default.createElement(C.Stack,{horizontal:!0,tokens:d},e.default.createElement(g.UICheckbox,{label:"Multi Select",checked:o,onChange:(k,u)=>{u&&!Array.isArray(l)?s([l]):!u&&Array.isArray(l)&&s(l[0]),i(u)}})),e.default.createElement(C.Stack,{horizontal:!0,tokens:d},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.UIComboBox,y(h({},m),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UIComboBox,y(h({},m),{selectedKey:l})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UIComboBox,y(h({},m),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UIComboBox,y(h({},m),{errorMessage:"Dummy error",selectedKey:l})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(a.UIComboBox,y(h({},m),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(a.UIComboBox,y(h({},m),{selectedKey:l,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(a.UIComboBox,y(h({},m),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UIComboBox,y(h({},m),{selectedKey:l,readOnly:!0})))))))};t.accessibilityStates=_;const v=()=>{const o=[...n.groupsData];return o.splice(5,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),o.splice(15,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.groupsData,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Menu items with headers"}),e.default.createElement(a.UIComboBox,{options:o,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Menu items with dividers and headers"}),e.default.createElement(a.UIComboBox,{options:n.groupsData,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,multiSelect:!0,label:"Menu items with headers - multi select"}),e.default.createElement(a.UIComboBox,{options:o,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,multiSelect:!0,label:"Menu items with dividers and headers - multi select"}))};t.groupsAndSeparators=v},"./test/__mock__/select-data.ts":(c,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.groupsData=t.shortData=t.data=void 0;const b=r("./src/components/index.tsx");t.data=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"},{key:"BE",text:"Belgium"},{key:"BC",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod"},{key:"BA",text:"Bosnia and Herzegovina"},{key:"BR",text:"Brazil"},{key:"BG",text:"Bulgaria"},{key:"CA",text:"Canada"},{key:"CL",text:"Chile"},{key:"CO",text:"Colombia"},{key:"HR",text:"Croatia"},{key:"CU",text:"Cuba"},{key:"CZ",text:"Czech Republic"},{key:"DK",text:"Denmark"},{key:"EG",text:"Egypt"},{key:"EE",text:"Estonia"},{key:"FI",text:"Finland"},{key:"FR",text:"France"},{key:"GER",text:"Germany"},{key:"GH",text:"Ghana"},{key:"GR",text:"Greece"},{key:"HU",text:"Hungary"},{key:"IN",text:"India"},{key:"ID",text:"Indonesia"},{key:"IE",text:"Ireland"},{key:"IL",text:"Israel"},{key:"IT",text:"Italy"},{key:"JP",text:"Japan"},{key:"JO",text:"Jordan"},{key:"KE",text:"Kenya"},{key:"KW",text:"Kuwait"},{key:"LV",text:"Latvia"},{key:"LT",text:"Lithuania"},{key:"MK",text:"Macedonia"},{key:"MY",text:"Malaysia"},{key:"MX",text:"Mexico"},{key:"ME",text:"Montenegro"},{key:"MA",text:"Morocco"},{key:"NL",text:"Netherlands"},{key:"NZ",text:"New Zealand"},{key:"NG",text:"Nigeria"},{key:"NO",text:"Norway"},{key:"OM",text:"Oman"},{key:"PE",text:"Peru"},{key:"PH",text:"Philippines"},{key:"PL",text:"Poland"},{key:"PT",text:"Portugal"},{key:"QA",text:"Qatar"},{key:"RO",text:"Romania"},{key:"RU",text:"Russia"},{key:"SA",text:"Saudi Arabia"},{key:"SN",text:"Senegal"},{key:"RS",text:"Serbia"},{key:"SG",text:"Singapore"},{key:"SK",text:"Slovakia"},{key:"SI",text:"Slovenia"},{key:"ZA",text:"South Africa"},{key:"KR",text:"South Korea"},{key:"ES",text:"Spain"},{key:"SE",text:"Sweden"},{key:"CH",text:"Switzerland"},{key:"TN",text:"Tunisia"},{key:"TR",text:"Turkey"},{key:"UG",text:"Uganda"},{key:"UA",text:"Ukraine"},{key:"AE",text:"United Arab Emirates"},{key:"GB",text:"United Kingdom"},{key:"DU",text:"Dummmmmmmmyyyyyy"},{key:"DD",text:"Dudududumy"},{key:"YE",text:"Yemen"}],t.shortData=[t.data[0],t.data[1],t.data[2],t.data[3],t.data[4]];const x={africa:["DZ","EG","GH","KE","MA","NG","SN","ZA","TN","UG"],asia:["BH","IN","ID","JP","JO","KW","MY","OM","PH","QA","SA","SG","KR","AE","YE"],"Australia and Oceania":["AU","BC","NZ"],europe:["AT","BE","BA","BG","HR","CZ","DK","EE","FI","FR","GER","GR","HU","IE","IL","IT","LV","LT","MK","ME","NL","NO","PL","PT","RO","RU","RS","SK","SI","ES","SE","CH","TR","UA","GB"],northAmerica:["CA"],southAmerica:["AR","BR","CL","CO","CU","MX","PE"],unknown:["DU","DD"]};t.groupsData=[];for(const f in x){t.groupsData.push({key:f,text:f.charAt(0).toUpperCase()+f.slice(1),itemType:b.UISelectableOptionMenuItemType.Header});const e=x[f];for(const C of e){const a=t.data.find(g=>g.key===C);a&&t.groupsData.push(a)}}}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{var C=Object.defineProperty,K=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var h=(s,t,n)=>t in s?C(s,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):s[t]=n,u=(s,t)=>{for(var n in t||(t={}))T.call(t,n)&&h(s,n,t[n]);if(D)for(var n of D(t))B.call(t,n)&&h(s,n,t[n]);return s},i=(s,t)=>K(s,R(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[6],{"./stories/UIDropdown.story.tsx":function(s,t,n){var f=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(t,"__esModule",{value:!0}),t.groupsAndSeparators=t.accessibilityStates=t.UseDropdownAsMenuMinWidth=t.Messages=t.MultiSelectDropdown=t.States=t.Short=t.Basic=void 0;const e=f(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=n("./src/components/index.tsx"),l=n("./test/__mock__/select-data.ts");(0,a.initIcons)(),t.default={title:"Dropdowns/Dropdown"};const m=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:l.data,useDropdownAsMenuMinWidth:!0}));t.Basic=m;const p=()=>e.default.createElement("div",{style:{width:"150px"}},e.default.createElement(a.UIDropdown,{options:l.shortData}),e.default.createElement(a.UIDropdown,{options:l.shortData,disabled:!0}));t.Short=p;const x=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:l.data,label:"Error",errorMessage:"Dummy Error"}),e.default.createElement(a.UIDropdown,{options:l.data,label:"Disabled",disabled:!0}),e.default.createElement(a.UIDropdown,{options:l.data,label:"Required",required:!0}));t.States=x;const w=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:l.data,multiSelect:!0,responsiveMode:5}));t.MultiSelectDropdown=w;const M=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:l.data,label:"Error",errorMessage:"Dummy Error"}),e.default.createElement(a.UIDropdown,{options:l.data,label:"Warning",warningMessage:"Dummy Warning"}),e.default.createElement(a.UIDropdown,{options:l.data,label:"Info",infoMessage:"Dummy Info"}));t.Messages=M;const I=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,"useDropdownAsMenuMinWidth ON"),e.default.createElement(a.UIDropdown,{label:"Long",options:l.data,useDropdownAsMenuMinWidth:!0}),e.default.createElement(a.UIDropdown,{label:"Short",options:l.shortData,useDropdownAsMenuMinWidth:!0})),e.default.createElement("div",null,e.default.createElement("div",null,"useDropdownAsMenuMinWidth OFF"),e.default.createElement(a.UIDropdown,{label:"Long",options:l.data}),e.default.createElement(a.UIDropdown,{label:"Short",options:l.shortData})));t.UseDropdownAsMenuMinWidth=I;const S=()=>{const[r,A]=e.default.useState(!1),[o,k]=e.default.useState("EE"),g={childrenGap:40},E=Array.isArray(o)?o:void 0,c={options:l.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:r,onChange:(b,d)=>{if(Array.isArray(o)){const _=[...o,d==null?void 0:d.key].filter(v=>d!=null&&d.selected?!0:v!==(d==null?void 0:d.key));k(_)}else d&&k(d.key)}};return e.default.createElement("div",null,e.default.createElement(a.UICheckbox,{label:"Multi Select",checked:r,onChange:(b,d)=>{d&&!Array.isArray(o)?k([o]):!d&&Array.isArray(o)&&k(o[0]),A(d)}}),e.default.createElement(y.Stack,{horizontal:!0,tokens:g},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.UIDropdown,i(u({},c),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{selectedKey:o,selectedKeys:E})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{errorMessage:"Dummy error",selectedKey:o,selectedKeys:E})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{selectedKey:o,selectedKeys:E,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{selectedKey:o,selectedKeys:E,readOnly:!0})))))))};t.accessibilityStates=S;const U=()=>{const r=[...l.groupsData];return r.splice(4,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),r.splice(14,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),r.splice(18,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:l.groupsData,label:"Menu items with headers"}),e.default.createElement(a.UIDropdown,{options:r,label:"Menu items with dividers and headers"}),e.default.createElement(a.UIDropdown,{options:l.groupsData,multiSelect:!0,label:"Menu items with headers - multi select"}),e.default.createElement(a.UIDropdown,{options:r,multiSelect:!0,label:"Menu items with dividers and headers - multi select"}))};t.groupsAndSeparators=U},"./test/__mock__/select-data.ts":(s,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.groupsData=t.shortData=t.data=void 0;const f=n("./src/components/index.tsx");t.data=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"},{key:"BE",text:"Belgium"},{key:"BC",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod"},{key:"BA",text:"Bosnia and Herzegovina"},{key:"BR",text:"Brazil"},{key:"BG",text:"Bulgaria"},{key:"CA",text:"Canada"},{key:"CL",text:"Chile"},{key:"CO",text:"Colombia"},{key:"HR",text:"Croatia"},{key:"CU",text:"Cuba"},{key:"CZ",text:"Czech Republic"},{key:"DK",text:"Denmark"},{key:"EG",text:"Egypt"},{key:"EE",text:"Estonia"},{key:"FI",text:"Finland"},{key:"FR",text:"France"},{key:"GER",text:"Germany"},{key:"GH",text:"Ghana"},{key:"GR",text:"Greece"},{key:"HU",text:"Hungary"},{key:"IN",text:"India"},{key:"ID",text:"Indonesia"},{key:"IE",text:"Ireland"},{key:"IL",text:"Israel"},{key:"IT",text:"Italy"},{key:"JP",text:"Japan"},{key:"JO",text:"Jordan"},{key:"KE",text:"Kenya"},{key:"KW",text:"Kuwait"},{key:"LV",text:"Latvia"},{key:"LT",text:"Lithuania"},{key:"MK",text:"Macedonia"},{key:"MY",text:"Malaysia"},{key:"MX",text:"Mexico"},{key:"ME",text:"Montenegro"},{key:"MA",text:"Morocco"},{key:"NL",text:"Netherlands"},{key:"NZ",text:"New Zealand"},{key:"NG",text:"Nigeria"},{key:"NO",text:"Norway"},{key:"OM",text:"Oman"},{key:"PE",text:"Peru"},{key:"PH",text:"Philippines"},{key:"PL",text:"Poland"},{key:"PT",text:"Portugal"},{key:"QA",text:"Qatar"},{key:"RO",text:"Romania"},{key:"RU",text:"Russia"},{key:"SA",text:"Saudi Arabia"},{key:"SN",text:"Senegal"},{key:"RS",text:"Serbia"},{key:"SG",text:"Singapore"},{key:"SK",text:"Slovakia"},{key:"SI",text:"Slovenia"},{key:"ZA",text:"South Africa"},{key:"KR",text:"South Korea"},{key:"ES",text:"Spain"},{key:"SE",text:"Sweden"},{key:"CH",text:"Switzerland"},{key:"TN",text:"Tunisia"},{key:"TR",text:"Turkey"},{key:"UG",text:"Uganda"},{key:"UA",text:"Ukraine"},{key:"AE",text:"United Arab Emirates"},{key:"GB",text:"United Kingdom"},{key:"DU",text:"Dummmmmmmmyyyyyy"},{key:"DD",text:"Dudududumy"},{key:"YE",text:"Yemen"}],t.shortData=[t.data[0],t.data[1],t.data[2],t.data[3],t.data[4]];const e={africa:["DZ","EG","GH","KE","MA","NG","SN","ZA","TN","UG"],asia:["BH","IN","ID","JP","JO","KW","MY","OM","PH","QA","SA","SG","KR","AE","YE"],"Australia and Oceania":["AU","BC","NZ"],europe:["AT","BE","BA","BG","HR","CZ","DK","EE","FI","FR","GER","GR","HU","IE","IL","IT","LV","LT","MK","ME","NL","NO","PL","PT","RO","RU","RS","SK","SI","ES","SE","CH","TR","UA","GB"],northAmerica:["CA"],southAmerica:["AR","BR","CL","CO","CU","MX","PE"],unknown:["DU","DD"]};t.groupsData=[];for(const y in e){t.groupsData.push({key:y,text:y.charAt(0).toUpperCase()+y.slice(1),itemType:f.UISelectableOptionMenuItemType.Header});const a=e[y];for(const l of a){const m=t.data.find(p=>p.key===l);m&&t.groupsData.push(m)}}}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{var U=Object.defineProperty,L=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var S=(u,e,o)=>e in u?U(u,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):u[e]=o,y=(u,e)=>{for(var o in e||(e={}))I.call(e,o)&&S(u,o,e[o]);if(C)for(var o of C(e))v.call(e,o)&&S(u,o,e[o]);return u},E=(u,e)=>L(u,P(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[406],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(u,e,o)=>{var m=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),a=_(m);a.push([u.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)}",""]),u.exports=a},"./src/styles/_shadows.scss":(u,e,o)=>{"use strict";o.r(e),o.d(e,{default:()=>O});var m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=o.n(m),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=o.n(a),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=o.n(t),l=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),r=o.n(l),T=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),d=o.n(T),i=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=o.n(i),f=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),c=o.n(f),g={};for(const b in f)b!=="default"&&(g[b]=()=>f[b]);o.d(e,g);var h={};h.styleTagTransform=p(),h.setAttributes=r(),h.insert=n().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=d();var j=_()(c(),h);const O=c()&&c().locals?c().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts":(u,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CalloutCollisionTransform=void 0;const o={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},m=20;class _{constructor(s,t,n=o){this.originalStyle={},this.source=s,this.callout=t,this.props=n,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(s){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${s}px`,t}getElements(){const s=this.source.current,t=s==null?void 0:s.closest(this.props.container);if(t&&s){const n=t==null?void 0:t.querySelector(this.props.target);if(n){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:n,rect:n.getBoundingClientRect()},source:{dom:s,rect:s.getBoundingClientRect()}},r=this.callout.current;return r&&(l.callout={dom:r,rect:r.getBoundingClientRect()}),l}}}applyTransformation(){const s=this.getElements();if(!s)return;const{container:t,target:n,callout:l,source:r}=s;if(l){const T=window.innerHeight-o.minPagePadding,d=l.rect.height,i=r.rect.bottom;let p=i+d-n.rect.top,f=i+l.rect.height;if(p<=0||f>=T)return;if(f+=n.rect.height,f<=T&&(p+=m),this.props.absolute){const c=t.dom.style;this.originalStyle={transform:c.transform,position:c.position,top:c.top,left:c.left},c.transform="",c.position="absolute",c.top=`${t.rect.top}px`,c.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(p),n.dom.prepend(this.placeholder)}}resetTransformation(){const s=this.getElements();if(!s)return;const{container:t,target:n}=s;for(const l in this.originalStyle){const r=this.originalStyle[l];typeof r=="string"&&(t.dom.style[l]=r)}this.originalStyle={},this.placeholder&&(n.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(s){const t=this.getElements();return!!(s.type==="focus"&&(t!=null&&t.target.dom.contains(s.target)))}}e.CalloutCollisionTransform=_},"./src/components/UICallout/UICallout.tsx":function(u,e,o){"use strict";var m=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(e,"__esModule",{value:!0}),e.UICallout=e.getCalloutStyle=e.UICalloutContentPadding=e.CALLOUT_STYLES=void 0;const _=m(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=o("./src/utilities/index.ts");o("./src/styles/_shadows.scss"),e.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"var(--ui-box-shadow-small)",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var t;(function(d){d.None="None",d.Standard="Standard"})(t||(e.UICalloutContentPadding=t={}));const n=new Map([[t.Standard,8]]),l=(d,i)=>typeof d=="object"&&typeof d[i]=="object"?d[i]:{},r=d=>{var i,p;return{root:y({boxShadow:e.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:e.CALLOUT_STYLES.borderRadius},l(d.styles,"root")),beak:y({backgroundColor:e.CALLOUT_STYLES.background,boxShadow:e.CALLOUT_STYLES.boxShadow},l(d.styles,"beak")),beakCurtain:y({backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius},l(d.styles,"beakCurtain")),calloutMain:y({backgroundColor:e.CALLOUT_STYLES.background,color:e.CALLOUT_STYLES.text,fontFamily:e.CALLOUT_STYLES.font,borderRadius:e.CALLOUT_STYLES.borderRadius,minWidth:(i=d.calloutMinWidth)!=null?i:300,boxSizing:"border-box",padding:n.get((p=d.contentPadding)!=null?p:t.None)},l(d.styles,"calloutMain")),container:l(d.styles,"container")}};e.getCalloutStyle=r;class T extends _.default.Component{constructor(i){super(i),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(i){const{onKeyDown:p,focusTargetSiblingOnTabPress:f,target:c}=this.props;if(f&&i.key==="Tab"&&c){let g=null;if(typeof c=="string"){const h=(0,a.getDocument)();g=h==null?void 0:h.querySelector(c)}else"getBoundingClientRect"in c&&(0,s.isHTMLElement)(c)&&(g=c);g&&(0,s.focusToSibling)(g,!i.shiftKey)&&(i.stopPropagation(),i.preventDefault())}p==null||p(i)}render(){return _.default.createElement(a.Callout,E(y({},this.props),{onKeyDown:this.onKeyDown,styles:(0,e.getCalloutStyle)(this.props)}),this.props.children)}}e.UICallout=T},"./src/components/UICallout/index.tsx":function(u,e,o){"use strict";var m=this&&this.__createBinding||(Object.create?function(a,s,t,n){n===void 0&&(n=t);var l=Object.getOwnPropertyDescriptor(s,t);(!l||("get"in l?!s.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(a,n,l)}:function(a,s,t,n){n===void 0&&(n=t),a[n]=s[t]}),_=this&&this.__exportStar||function(a,s){for(var t in a)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&m(s,a,t)};Object.defineProperty(e,"__esModule",{value:!0}),_(o("./src/components/UICallout/CalloutCollisionTransform.ts"),e),_(o("./src/components/UICallout/UICallout.tsx"),e)},"./src/components/UITooltip/UITooltip.tsx":function(u,e,o){"use strict";var m=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltip=e.UITooltipDelay=void 0;const _=m(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UITooltipDelay",{enumerable:!0,get:function(){return a.TooltipDelay}});const s=o("./src/components/UICallout/index.tsx");class t extends _.default.Component{constructor(l){super(l)}render(){var p;const l=(p=this.props.maxWidth)!=null?p:200,r=()=>y({root:{display:"inline-block"},content:{backgroundColor:s.CALLOUT_STYLES.background,color:s.CALLOUT_STYLES.text,fontFamily:s.CALLOUT_STYLES.font}},this.props.styles),d={beakWidth:10,styles:()=>(0,s.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:l}}})},i=_.default.createElement(a.TooltipHost,E(y({},this.props),{styles:r,calloutProps:y(y({},d),this.props.calloutProps)}));return this.props.showOnFocus?i:_.default.createElement("div",{onFocusCapture:f=>{f.target.parentElement&&f.target.parentElement.classList.contains("ms-TooltipHost")&&f.stopPropagation()}},i)}}e.UITooltip=t},"./src/components/UITooltip/UITooltipUtils.tsx":function(u,e,o){"use strict";var m=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltipUtils=void 0;const _=m(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=m(o("../../node_modules/.pnpm/sanitize-html@2.12.1/node_modules/sanitize-html/index.js")),s=o("./src/components/UICallout/index.tsx");class t{static getStyles(){return{root:{},content:{background:s.CALLOUT_STYLES.background,color:s.CALLOUT_STYLES.text},subText:{}}}static renderContent(l){return{onRenderContent:()=>_.default.createElement("span",null,l!=null?l:""),styles:t.getStyles()}}static renderHTMLContent(l){const r=(0,a.default)(l);return{onRenderContent:()=>_.default.createElement("span",{dangerouslySetInnerHTML:{__html:r}}),styles:t.getStyles()}}}e.UITooltipUtils=t},"./src/components/UITooltip/index.tsx":function(u,e,o){"use strict";var m=this&&this.__createBinding||(Object.create?function(a,s,t,n){n===void 0&&(n=t);var l=Object.getOwnPropertyDescriptor(s,t);(!l||("get"in l?!s.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(a,n,l)}:function(a,s,t,n){n===void 0&&(n=t),a[n]=s[t]}),_=this&&this.__exportStar||function(a,s){for(var t in a)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&m(s,a,t)};Object.defineProperty(e,"__esModule",{value:!0}),_(o("./src/components/UITooltip/UITooltip.tsx"),e),_(o("./src/components/UITooltip/UITooltipUtils.tsx"),e)},"./stories/UITooltip.story.tsx":function(u,e,o){"use strict";var m=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(e,"__esModule",{value:!0}),e.Tooltips=void 0;const _=m(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=o("./src/components/UITooltip/index.tsx"),s=o("./src/components/UIButton/index.tsx"),t=o("./src/components/Icons.tsx");e.default={title:"Dropdowns/Tooltip"},(0,t.initIcons)();const n={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},l=()=>_.default.createElement(_.default.Fragment,null,_.default.createElement("div",{style:{margin:20}},_.default.createElement(a.UITooltip,{tooltipProps:a.UITooltipUtils.renderContent(n.name)},n.name)),_.default.createElement("div",{style:{margin:20}},_.default.createElement(a.UITooltip,{tooltipProps:a.UITooltipUtils.renderHTMLContent(n.html)},"render HTML content")),_.default.createElement("div",null,_.default.createElement(a.UITooltip,{content:"This is the tooltip"},_.default.createElement(s.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),_.default.createElement("div",null,_.default.createElement(a.UITooltip,{content:"This is the tooltip",showOnFocus:!0},_.default.createElement(s.UIDefaultButton,null,"Show tooltip on hover and on focus"))));e.Tooltips=l},"?e93e":()=>{},"?67a2":()=>{},"?b45d":()=>{},"?333a":()=>{},"?cb65":()=>{}}]);})();
|