@sap-ux/ui-components 1.26.11 → 1.26.12
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/UIDialog/UIDialog.d.ts +1 -1
- package/dist/components/UIDialog/UIDialog.d.ts.map +1 -1
- package/package.json +1 -1
- package/storybook/UIDialog-story.e8f8924a.iframe.bundle.js +2 -0
- package/storybook/iframe.html +1 -1
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.6fb73d9b.iframe.bundle.js → runtime~main.cc6820e0.iframe.bundle.js} +2 -2
- package/storybook/UIDialog-story.b9899aa0.iframe.bundle.js +0 -2
|
@@ -10,7 +10,7 @@ export interface DialogProps extends IDialogProps {
|
|
|
10
10
|
onCancel?: () => void;
|
|
11
11
|
scrollArea?: UIDialogScrollArea;
|
|
12
12
|
closeButtonVisible?: boolean;
|
|
13
|
-
footer?: React.ReactElement;
|
|
13
|
+
footer?: React.ReactElement | React.ReactElement[];
|
|
14
14
|
multiLineTitle?: boolean;
|
|
15
15
|
/**
|
|
16
16
|
* The title text to display at the top of the dialog.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UIDialog.d.ts","sourceRoot":"","sources":["../../../src/components/UIDialog/UIDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAsB,MAAM,iBAAiB,CAAC;AAKxE,OAAO,4BAA4B,CAAC;AAEpC,MAAM,WAAW,WAAY,SAAQ,YAAY;IAE7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"UIDialog.d.ts","sourceRoot":"","sources":["../../../src/components/UIDialog/UIDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAsB,MAAM,iBAAiB,CAAC;AAKxE,OAAO,4BAA4B,CAAC;AAEpC,MAAM,WAAW,WAAY,SAAQ,YAAY;IAE7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAGnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAG7B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;CAmBzB,CAAC;AAEF,MAAM,WAAW,WAAW;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,oBAAY,kBAAkB;IAE1B,OAAO,YAAY;IAEnB,MAAM,WAAW;CACpB;AAED;;;;;;;;GAQG;AACH,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IAEnE,MAAM,CAAC,QAAQ,CAAC,YAAY;;MAA4B;IACxD;;;;OAIG;gBACgB,KAAK,EAAE,WAAW;IAcrC;;;;OAIG;IACH,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,IAAI;IAW1D;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAO3B;;OAEG;IACH,OAAO,CAAC,YAAY;IAMpB;;OAEG;IACH,OAAO,CAAC,YAAY;IAIpB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAMhB;;;;OAIG;IACH,OAAO,CAAC,kBAAkB;IAI1B;;;;;;;;OAQG;IACH,SAAS,IAAI,GAAG,CAAC,OAAO,GAAG,SAAS;IA+CpC;;;;;;OAMG;IACH,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI;IAYhD;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CAqHxB"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(()=>{var B=Object.defineProperty,M=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var k=(d,a,o)=>a in d?B(d,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):d[a]=o,T=(d,a)=>{for(var o in a||(a={}))P.call(a,o)&&k(d,o,a[o]);if(C)for(var o of C(a))z.call(a,o)&&k(d,o,a[o]);return d},A=(d,a)=>M(d,w(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.101.3/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,h){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 x=0;x<r.length;x++){var i=[].concat(r[x]);e&&f[i[0]]||(typeof h!="undefined"&&(typeof i[5]=="undefined"||(i[1]="@layer".concat(i[5].length>0?" ".concat(i[5]):""," {").concat(i[1],"}")),i[5]=h),t&&(i[2]&&(i[1]="@media ".concat(i[2]," {").concat(i[1],"}")),i[2]=t),n&&(i[4]?(i[1]="@supports (".concat(i[4],") {").concat(i[1],"}"),i[4]=n):i[4]="".concat(n)),o.push(i))}},o}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/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.101.3/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={},h=[],f=0;f<t.length;f++){var l=t[f],I=e.base?l[0]+e.base:l[0],x=n[I]||0,i="".concat(I," ").concat(x);n[I]=x+1;var g=o(i),E={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(g!==-1)a[g].references++,a[g].updater(E);else{var v=r(E,e);e.byIndex=f,a.splice(f,0,{identifier:i,updater:v,references:1})}h.push(i)}return h}function r(t,e){var n=e.domAPI(e);n.update(t);var h=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 h}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],x=o(I);a[x].references--}for(var i=p(f,e),g=0;g<n.length;g++){var E=n[g],v=o(E);a[v].references===0&&(a[v].updater(),a.splice(v,1))}n=i}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/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.101.3/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.101.3/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.101.3/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 h=typeof e.layer!="undefined";h&&(n+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),n+=e.css,h&&(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.101.3/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":function(d,a,o){var p=this&&this.__createBinding||(Object.create?function(c,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(c,s,y)}:function(c,u,m,s){s===void 0&&(s=m),c[s]=u[m]}),r=this&&this.__setModuleDefault||(Object.create?function(c,u){Object.defineProperty(c,"default",{enumerable:!0,value:u})}:function(c,u){c.default=u}),t=this&&this.__importStar||function(){var c=function(u){return c=Object.getOwnPropertyNames||function(m){var s=[];for(var y in m)Object.prototype.hasOwnProperty.call(m,y)&&(s[s.length]=y);return s},c(u)};return function(u){if(u&&u.__esModule)return u;var m={};if(u!=null)for(var s=c(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.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),h=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"),x=o("./src/components/UIComboBox/index.tsx"),i=o("./src/components/UICheckbox/index.tsx");a.default={title:"Dialogs/Dialogs"};const g={childrenGap:40},E={main:{".ms-TextField-wrapper > .ms-Label":{margin:0}}};class v 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(h.UIDialog,A(T({isOpen:this.state.isOpen,isOpenAnimated:this.props.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel"},s),{onAccept:this.onAccept,styles:E,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(x.UIComboBox,{label:"Dummy",highlight:!0,options:m})))}}const D=c=>{const[u,m]=(0,e.useState)(!1),s=()=>{m(!u)},y=T({},E.main),{size:b}=c;b&&(y.height=b);let U="Open Large Dialog";return b&&(U+=` height=${b}`),e.default.createElement(e.default.Fragment,null,e.default.createElement(f.UIDefaultButton,{onClick:s,primary:!0},U),e.default.createElement(h.UIDialog,{isOpen:u,isOpenAnimated:c.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"})))},S=c=>{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(h.UIDialog,{isOpen:u,isOpenAnimated:c.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."}}))},_=c=>{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(h.UIDialog,{isOpen:u,isOpenAnimated:c.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"})]}))},O=()=>{const[c,u]=(0,e.useState)(!0);return e.default.createElement(n.Stack,{tokens:g},e.default.createElement(n.Stack,{tokens:g},e.default.createElement(n.Text,{variant:"large",block:!0},"Dialogs"),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(i.UICheckbox,{label:"Open animation enabled",checked:c,onChange:(m,s)=>{u(s)}})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(v,{draggable:!1,openAnimation:c})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(v,{draggable:!1,openAnimation:c})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(v,{draggable:!0,openAnimation:c})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(D,{openAnimation:c})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(D,{size:400,openAnimation:c})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(D,{openAnimation:c})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(S,{openAnimation:c})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(_,{openAnimation:c}))))};a.Dialog=O}}]);})();
|
package/storybook/iframe.html
CHANGED
|
@@ -518,7 +518,7 @@
|
|
|
518
518
|
window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
|
|
519
519
|
|
|
520
520
|
|
|
521
|
-
import './runtime~main.
|
|
521
|
+
import './runtime~main.cc6820e0.iframe.bundle.js';
|
|
522
522
|
|
|
523
523
|
import './536.289052c3.iframe.bundle.js';
|
|
524
524
|
|
package/storybook/project.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1760084013921,"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":"30.0.1","jest-environment-jsdom":"29.7.0","jest-scss-transform":"1.0.4"},"monorepo":"Nx","packageManager":{"type":"pnpm","version":"8.14.0"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":0,"storybookVersion":"8.4.2","storybookVersionSpecifier":"8.4.2","language":"javascript","storybookPackages":{"@storybook/react":{"version":"8.4.2"},"@storybook/react-webpack5":{"version":"8.4.2"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.4.2"}},"addons":{"storybook-addon-turbo-build":{"version":"2.0.1"}}}
|
package/storybook/{runtime~main.6fb73d9b.iframe.bundle.js → runtime~main.cc6820e0.iframe.bundle.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
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,loaded:!1,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.loaded=!0,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],
|
|
2
|
-
(`+
|
|
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,loaded:!1,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.loaded=!0,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:"20290ff6",43:"02eeeff0",57:"37ba6d2f",69:"03611118",74:"f0a1a2e2",102:"b4be6e96",104:"a1355d42",112:"d83dc5ba",177:"41e96508",191:"afabdde2",218:"d6eff54e",222:"7968349b",239:"178ded94",263:"28b3ed84",271:"6cdb6313",289:"935b032a",361:"68ae243e",390:"b5db4f2e",393:"2aeb882a",406:"8fd1724e",449:"88353622",501:"8ce2c34d",525:"23007087",530:"6dae12fc",558:"f343145c",559:"62175a29",569:"072cfeae",602:"cb21b075",627:"a0bc1ea5",632:"9f22d3f6",644:"e3013924",660:"22d09ff0",673:"94565150",680:"3111e6e0",685:"486efc0a",733:"ed267b56",764:"25246889",812:"a7972773",825:"25a1b5c1",930:"a27b46f7",937:"e8f8924a",949:"6ffbed78",967:"a2fedc85",994:"a4fa4534"}[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 h=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),h&&h.forEach(U=>U(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.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),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,2 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{var O=Object.defineProperty,M=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var S=(i,a,o)=>a in i?O(i,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[a]=o,T=(i,a)=>{for(var o in a||(a={}))w.call(a,o)&&S(i,o,a[o]);if(C)for(var o of C(a))P.call(a,o)&&S(i,o,a[o]);return i},A=(i,a)=>M(i,B(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.101.3/node_modules/css-loader/dist/runtime/api.js":i=>{i.exports=function(a){var o=[];return o.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("")},o.i=function(l,t,e,n,y){typeof l=="string"&&(l=[[null,l,void 0]]);var m={};if(e)for(var r=0;r<this.length;r++){var I=this[r][0];I!=null&&(m[I]=!0)}for(var v=0;v<l.length;v++){var u=[].concat(l[v]);e&&m[u[0]]||(typeof y!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=y),t&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=t),n&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=n):u[4]="".concat(n)),o.push(u))}},o}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{i.exports=function(a){return a[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{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 f(t,e){for(var n={},y=[],m=0;m<t.length;m++){var r=t[m],I=e.base?r[0]+e.base:r[0],v=n[I]||0,u="".concat(I," ").concat(v);n[I]=v+1;var g=o(u),E={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(g!==-1)a[g].references++,a[g].updater(E);else{var x=l(E,e);e.byIndex=m,a.splice(m,0,{identifier:u,updater:x,references:1})}y.push(u)}return y}function l(t,e){var n=e.domAPI(e);n.update(t);var y=function(r){if(r){if(r.css===t.css&&r.media===t.media&&r.sourceMap===t.sourceMap&&r.supports===t.supports&&r.layer===t.layer)return;n.update(t=r)}else n.remove()};return y}i.exports=function(t,e){e=e||{},t=t||[];var n=f(t,e);return function(m){m=m||[];for(var r=0;r<n.length;r++){var I=n[r],v=o(I);a[v].references--}for(var u=f(m,e),g=0;g<n.length;g++){var E=n[g],x=o(E);a[x].references===0&&(a[x].updater(),a.splice(x,1))}n=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{var a={};function o(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 f(l,t){var e=o(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)}i.exports=f},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{function a(o){var f=document.createElement("style");return o.setAttributes(f,o.attributes),o.insert(f,o.options),f}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,a,o)=>{function f(l){var t=o.nc;t&&l.setAttribute("nonce",t)}i.exports=f},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{function a(l,t,e){var n="";e.supports&&(n+="@supports (".concat(e.supports,") {")),e.media&&(n+="@media ".concat(e.media," {"));var y=typeof e.layer!="undefined";y&&(n+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),n+=e.css,y&&(n+="}"),e.media&&(n+="}"),e.supports&&(n+="}");var m=e.sourceMap;m&&typeof btoa!="undefined"&&(n+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(m))))," */")),t.styleTagTransform(n,l,t.options)}function o(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function f(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=l.insertStyleElement(l);return{update:function(n){a(t,l,n)},remove:function(){o(t)}}}i.exports=f},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{function a(o,f){if(f.styleSheet)f.styleSheet.cssText=o;else{for(;f.firstChild;)f.removeChild(f.firstChild);f.appendChild(document.createTextNode(o))}}i.exports=a},"./stories/UIDialog.story.tsx":function(i,a,o){var f=this&&this.__createBinding||(Object.create?function(d,s,p,c){c===void 0&&(c=p);var h=Object.getOwnPropertyDescriptor(s,p);(!h||("get"in h?!s.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return s[p]}}),Object.defineProperty(d,c,h)}:function(d,s,p,c){c===void 0&&(c=p),d[c]=s[p]}),l=this&&this.__setModuleDefault||(Object.create?function(d,s){Object.defineProperty(d,"default",{enumerable:!0,value:s})}:function(d,s){d.default=s}),t=this&&this.__importStar||function(){var d=function(s){return d=Object.getOwnPropertyNames||function(p){var c=[];for(var h in p)Object.prototype.hasOwnProperty.call(p,h)&&(c[c.length]=h);return c},d(s)};return function(s){if(s&&s.__esModule)return s;var p={};if(s!=null)for(var c=d(s),h=0;h<c.length;h++)c[h]!=="default"&&f(p,s,c[h]);return l(p,s),p}}();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.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),y=o("./src/components/UIDialog/index.ts"),m=o("./src/components/UIButton/index.tsx"),r=o("./src/components/UIInput/index.tsx"),I=o("./src/components/UIDropdown/index.tsx"),v=o("./src/components/UIComboBox/index.tsx"),u=o("./src/components/UICheckbox/index.tsx");a.default={title:"Dialogs/Dialogs"};const g={childrenGap:40},E={main:{".ms-TextField-wrapper > .ms-Label":{margin:0}}};class x extends e.default.Component{constructor(){super(...arguments),this.state={isOpen:!1,text:"Some Text"},this.onChange=s=>{this.setState({text:s.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:s}=this.props,p=[{key:"111",text:"Dummy option 111"},{key:"222",text:"Dummy option 222"}],c=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(m.UIDefaultButton,{onClick:this.onToggle,primary:!0},s?"Open Draggable Dialog":"Open Dialog"),e.default.createElement(y.UIDialog,A(T({isOpen:this.state.isOpen,isOpenAnimated:this.props.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel"},c),{onAccept:this.onAccept,styles:E,onCancel:this.onToggle,onDismiss:this.onToggle}),e.default.createElement(r.UITextInput,{label:"Dialog Content",value:this.state.text,onChange:this.onChange}),e.default.createElement(I.UIDropdown,{label:"Dummy",options:p}),e.default.createElement(v.UIComboBox,{label:"Dummy",highlight:!0,options:p})))}}const D=d=>{const[s,p]=(0,e.useState)(!1),c=()=>{p(!s)},h=T({},E.main),{size:b}=d;b&&(h.height=b);let U="Open Large Dialog";return b&&(U+=` height=${b}`),e.default.createElement(e.default.Fragment,null,e.default.createElement(m.UIDefaultButton,{onClick:c,primary:!0},U),e.default.createElement(y.UIDialog,{isOpen:s,isOpenAnimated:d.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",styles:{main:h},onAccept:c,onCancel:c,onDismiss:c},e.default.createElement(I.UIDropdown,{label:"Dummy",options:[]}),e.default.createElement(r.UITextInput,{label:"Username"}),e.default.createElement(r.UITextInput,{label:"Email"}),e.default.createElement(r.UITextInput,{label:"Password",type:"password"}),e.default.createElement(r.UITextInput,{label:"Email"}),e.default.createElement(r.UITextInput,{label:"First name"}),e.default.createElement(r.UITextInput,{label:"Last name"}),e.default.createElement(r.UITextInput,{label:"Address"}),e.default.createElement(r.UITextInput,{label:"State"}),e.default.createElement(r.UITextInput,{label:"Country"}),e.default.createElement(r.UITextInput,{label:"Phone"}),e.default.createElement(r.UITextInput,{label:"Dummy 1"}),e.default.createElement(r.UITextInput,{label:"Dummy 2"}),e.default.createElement(r.UITextInput,{label:"Dummy 3"}),e.default.createElement(r.UITextInput,{label:"Dummy 4"}),e.default.createElement(r.UITextInput,{label:"Dummy 5"})))},_=d=>{const[s,p]=(0,e.useState)(!1),c=()=>{p(!s)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(m.UIDefaultButton,{onClick:c,primary:!0},"Open Confirm Dialog"),e.default.createElement(y.UIDialog,{isOpen:s,isOpenAnimated:d.openAnimation,isBlocking:!0,onAccept:c,onCancel:c,onDismiss:c,acceptButtonText:"Yes",cancelButtonText:"No",title:"Delete Confirmation",dialogContentProps:{subText:"Are you sure you want to delete entry? This action cannot be undone."}}))},k=()=>{const[d,s]=(0,e.useState)(!0);return e.default.createElement(n.Stack,{tokens:g},e.default.createElement(n.Stack,{tokens:g},e.default.createElement(n.Text,{variant:"large",block:!0},"Dialogs"),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(u.UICheckbox,{label:"Open animation enabled",checked:d,onChange:(p,c)=>{s(c)}})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(x,{draggable:!1,openAnimation:d})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(x,{draggable:!1,openAnimation:d})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(x,{draggable:!0,openAnimation:d})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(D,{openAnimation:d})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(D,{size:400,openAnimation:d})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(D,{openAnimation:d})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(_,{openAnimation:d}))))};a.Dialog=k}}]);})();
|