@sap-ux/ui-components 2.1.15 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/dist/components/UIComboBox/UIComboBox.d.ts.map +1 -1
  2. package/dist/components/UIComboBox/UIComboBox.js +3 -0
  3. package/dist/components/UIComboBox/UIComboBox.js.map +1 -1
  4. package/dist/components/UIDropdown/UIDropdown.d.ts.map +1 -1
  5. package/dist/components/UIDropdown/UIDropdown.js +4 -1
  6. package/dist/components/UIDropdown/UIDropdown.js.map +1 -1
  7. package/package.json +2 -2
  8. package/storybook/237.789b9d8f.iframe.bundle.js +13 -0
  9. package/storybook/{269.29ddae67.iframe.bundle.js → 269.0cc8afbf.iframe.bundle.js} +1 -1
  10. package/storybook/272.3ac8af6d.iframe.bundle.js +8 -0
  11. package/storybook/{278.15cca4c4.iframe.bundle.js → 278.4ad60d68.iframe.bundle.js} +1 -1
  12. package/storybook/300.84bb46cd.iframe.bundle.js +7 -0
  13. package/storybook/303.07b7acd1.iframe.bundle.js +43 -0
  14. package/storybook/360.20c88333.iframe.bundle.js +10 -0
  15. package/storybook/{435.d820054a.iframe.bundle.js → 435.fe0c5cb0.iframe.bundle.js} +1 -1
  16. package/storybook/{438.7d681b59.iframe.bundle.js → 438.8ad5ceaa.iframe.bundle.js} +1 -1
  17. package/storybook/{510.8928f7bc.iframe.bundle.js → 510.3f469132.iframe.bundle.js} +1 -1
  18. package/storybook/{541.5b112304.iframe.bundle.js → 541.dbf90ed7.iframe.bundle.js} +1 -1
  19. package/storybook/691.acd5121e.iframe.bundle.js +1 -0
  20. package/storybook/714.f5db87a6.iframe.bundle.js +55 -0
  21. package/storybook/{715.e556c023.iframe.bundle.js → 715.68e5d55b.iframe.bundle.js} +1 -1
  22. package/storybook/{738.4c7096f3.iframe.bundle.js → 738.d810205a.iframe.bundle.js} +1 -1
  23. package/storybook/{UIActionCallout-story.ddcadadd.iframe.bundle.js → UIActionCallout-story.e1969803.iframe.bundle.js} +1 -1
  24. package/storybook/UIButton-story.2725095a.iframe.bundle.js +1 -0
  25. package/storybook/{UICallout-story.eec4e4c0.iframe.bundle.js → UICallout-story.2943d967.iframe.bundle.js} +1 -1
  26. package/storybook/UICalloutCollisionTransform-story.43356506.iframe.bundle.js +1 -0
  27. package/storybook/{UICheckbox-story.681479f2.iframe.bundle.js → UICheckbox-story.817b5aea.iframe.bundle.js} +1 -1
  28. package/storybook/UIChoiceGroup-story.26738859.iframe.bundle.js +1 -0
  29. package/storybook/UICombobox-story.d0c5a21c.iframe.bundle.js +1 -0
  30. package/storybook/{UIContextualMenu-story.5d35030b.iframe.bundle.js → UIContextualMenu-story.b9a93aaf.iframe.bundle.js} +1 -1
  31. package/storybook/{UICreateSelect-story.1712faae.iframe.bundle.js → UICreateSelect-story.1c668c39.iframe.bundle.js} +1 -1
  32. package/storybook/{UIDatePicker-story.95f324bd.iframe.bundle.js → UIDatePicker-story.9b2e3621.iframe.bundle.js} +1 -1
  33. package/storybook/UIDialog-story.6d518b55.iframe.bundle.js +2 -0
  34. package/storybook/{UIFlexibleTable-story.218b515c.iframe.bundle.js → UIFlexibleTable-story.982bab99.iframe.bundle.js} +1 -1
  35. package/storybook/UIIcon-story.889b5dd7.iframe.bundle.js +1 -0
  36. package/storybook/UILabel-story.c0020ef5.iframe.bundle.js +1 -0
  37. package/storybook/{UILink-story.5f2ffd4f.iframe.bundle.js → UILink-story.36911bf6.iframe.bundle.js} +1 -1
  38. package/storybook/{UILoader-story.578be4a2.iframe.bundle.js → UILoader-story.f1276c9d.iframe.bundle.js} +1 -1
  39. package/storybook/{UIMessageBar-story.efde9aa5.iframe.bundle.js → UIMessageBar-story.b80ad5ed.iframe.bundle.js} +1 -1
  40. package/storybook/UIPersona-story.534e3d93.iframe.bundle.js +1 -0
  41. package/storybook/UISearchBox-story.7366a9a2.iframe.bundle.js +1 -0
  42. package/storybook/{UISections-story.e394f18b.iframe.bundle.js → UISections-story.e6852131.iframe.bundle.js} +1 -1
  43. package/storybook/UISeparator-story.6050de69.iframe.bundle.js +1 -0
  44. package/storybook/UITable-story.3ec982c9.iframe.bundle.js +4 -0
  45. package/storybook/{UITextInput-story.04f63e1e.iframe.bundle.js → UITextInput-story.637bf0a2.iframe.bundle.js} +1 -1
  46. package/storybook/UIToggle-story.a1e28ca9.iframe.bundle.js +2 -0
  47. package/storybook/{UIToggleGroup-story.d375bd88.iframe.bundle.js → UIToggleGroup-story.a0cda798.iframe.bundle.js} +1 -1
  48. package/storybook/{UITooltip-story.1b5925c0.iframe.bundle.js → UITooltip-story.35dc2a90.iframe.bundle.js} +1 -1
  49. package/storybook/iframe.html +3 -3
  50. package/storybook/{main.817cdb36.iframe.bundle.js → main.9efacc41.iframe.bundle.js} +1 -1
  51. package/storybook/project.json +1 -1
  52. package/storybook/{runtime~main.7a7a7809.iframe.bundle.js → runtime~main.29f3ae2e.iframe.bundle.js} +1 -1
  53. package/storybook/sb-addons/common-manager-bundle.js +1 -1
  54. package/storybook/237.334c60ea.iframe.bundle.js +0 -13
  55. package/storybook/272.9b5d83c3.iframe.bundle.js +0 -8
  56. package/storybook/300.8275c199.iframe.bundle.js +0 -7
  57. package/storybook/303.99f69b0a.iframe.bundle.js +0 -43
  58. package/storybook/360.01a2fadf.iframe.bundle.js +0 -10
  59. package/storybook/691.088aaa8f.iframe.bundle.js +0 -1
  60. package/storybook/714.151a8a88.iframe.bundle.js +0 -55
  61. package/storybook/UIButton-story.9f7c2053.iframe.bundle.js +0 -1
  62. package/storybook/UICalloutCollisionTransform-story.ed1160b0.iframe.bundle.js +0 -1
  63. package/storybook/UIChoiceGroup-story.f5c61c53.iframe.bundle.js +0 -1
  64. package/storybook/UICombobox-story.c6fdb1e6.iframe.bundle.js +0 -1
  65. package/storybook/UIDialog-story.170e3efe.iframe.bundle.js +0 -2
  66. package/storybook/UIIcon-story.da2b5f02.iframe.bundle.js +0 -1
  67. package/storybook/UILabel-story.4f878fd0.iframe.bundle.js +0 -1
  68. package/storybook/UIPersona-story.cf14bf11.iframe.bundle.js +0 -1
  69. package/storybook/UISearchBox-story.9f58fac1.iframe.bundle.js +0 -1
  70. package/storybook/UISeparator-story.b93568c6.iframe.bundle.js +0 -1
  71. package/storybook/UITable-story.08b1e3ca.iframe.bundle.js +0 -4
  72. package/storybook/UIToggle-story.6874a731.iframe.bundle.js +0 -2
package/storybook/UIButton-story.9f7c2053.iframe.bundle.js DELETED
@@ -1 +0,0 @@
1
- "use strict";(()=>{var M=Object.defineProperty,z=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var D=(p,i,u)=>i in p?M(p,i,{enumerable:!0,configurable:!0,writable:!0,value:u}):p[i]=u,h=(p,i)=>{for(var u in i||(i={}))O.call(i,u)&&D(p,u,i[u]);if(N)for(var u of N(i))W.call(i,u)&&D(p,u,i[u]);return p},B=(p,i)=>z(p,j(i));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[685],{"./stories/UIButton.story.tsx"(p,i,u){var v=this&&this.__createBinding||(Object.create?(function(m,r,c,s){s===void 0&&(s=c);var l=Object.getOwnPropertyDescriptor(r,c);(!l||("get"in l?!r.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return r[c]}}),Object.defineProperty(m,s,l)}):(function(m,r,c,s){s===void 0&&(s=c),m[s]=r[c]})),T=this&&this.__setModuleDefault||(Object.create?(function(m,r){Object.defineProperty(m,"default",{enumerable:!0,value:r})}):function(m,r){m.default=r}),w=this&&this.__importStar||(function(){var m=function(r){return m=Object.getOwnPropertyNames||function(c){var s=[];for(var l in c)Object.prototype.hasOwnProperty.call(c,l)&&(s[s.length]=l);return s},m(r)};return function(r){if(r&&r.__esModule)return r;var c={};if(r!=null)for(var s=m(r),l=0;l<s.length;l++)s[l]!=="default"&&v(c,r,s[l]);return T(c,r),c}})();Object.defineProperty(i,"__esModule",{value:!0}),i.defaultUsage=void 0;const t=w(u("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=u("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),e=u("./src/components/UIButton/index.tsx"),y=u("./src/components/UIContextualMenu/index.tsx"),o=u("./src/components/Icons.tsx"),b=u("./src/components/UITreeDropdown/index.tsx");(0,o.initIcons)(),i.default={title:"Basic Inputs/Buttons"};const a={childrenGap:40},_=()=>{const[m,r]=(0,t.useState)(""),[c,s]=(0,t.useState)({btn1:!0,btn2:!0,btn3:!0}),l=f=>{r(f)},S=f=>{const I=B(h({},c),{[f]:!c[f]});s(I)},d=(f,I,k)=>{const E={key:f,text:I};return k&&(E.iconProps={iconName:o.UiIcons.GuidedDevelopment}),E},x=d("option1","option 1"),P=[d("option2","option 2"),d("option3","option 3")],U=P.map(f=>B(h({},f),{iconProps:{iconName:o.UiIcons.GuidedDevelopment}})),A=[U[0],B(h({},U[1]),{iconProps:void 0})],g=()=>[d("option1","option 1"),d("rename","Simulate rename"),{key:"",itemType:y.UIContextualMenuItemType.Divider},d("option3","option 3"),d("option4","option 4"),d("option5","option 5"),{key:"",itemType:y.UIContextualMenuItemType.Header,text:"Dummy header"},d("option6","option 6"),d("option7","option 7"),d("option8","option 8"),d("option10","option 10"),d("option11","option 11"),d("option12","option 12")],[C,H]=(0,t.useState)(g());return t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Primary Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIDefaultButton,{primary:!0},"Primary button"),t.default.createElement(e.UIDefaultButton,{primary:!0,disabled:!0},"Primary disabled button"),t.default.createElement(e.UIDefaultButton,{primary:!0,iconProps:{iconName:o.UiIcons.Calendar}},"Primary button with icon"),t.default.createElement(e.UIDefaultButton,{primary:!0,checked:!0},"Primary checked button"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Secondary Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIDefaultButton,null,"Secondary button"),t.default.createElement(e.UIDefaultButton,{disabled:!0},"Secondary disabled button"),t.default.createElement(e.UIDefaultButton,{iconProps:{iconName:o.UiIcons.Calendar}},"Secondary button with icon"),t.default.createElement(e.UIDefaultButton,{checked:!0},"Secondary checked button"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"alert Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIDefaultButton,{alert:!0},"Alert button"),t.default.createElement(e.UIDefaultButton,{alert:!0,disabled:!0},"Alert disabled button"),t.default.createElement(e.UIDefaultButton,{alert:!0,iconProps:{iconName:o.UiIcons.Calendar}},"alert button with icon"),t.default.createElement(e.UIDefaultButton,{alert:!0,checked:!0},"Alert checked button"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Transparent Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIDefaultButton,{transparent:!0},"Transparent button"),t.default.createElement(e.UIDefaultButton,{transparent:!0,disabled:!0},"Transparent disabled button"),t.default.createElement(e.UIDefaultButton,{transparent:!0,iconProps:{iconName:o.UiIcons.Calendar}},"Transparent button with icon"),t.default.createElement(e.UIDefaultButton,{transparent:!0,checked:!0},"Transparent checked button"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Split Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UISplitButton,{id:"test",callback:l.bind(this),menuItems:P,button:x}),t.default.createElement(e.UISplitButton,{id:"test2",callback:l.bind(this),menuItems:U,button:x}),t.default.createElement(e.UISplitButton,{id:"test3",callback:f=>{if(f==="rename"){const I=g(),k=I.find(E=>E.key==="rename");k&&(k.text="Renamed"),H(I)}l(f)},menuItems:C,button:x}),t.default.createElement("span",null,"selection: ",m))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Icon Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIIconButton,{id:"undo-button-action",iconProps:{iconName:o.UiIcons.Undo},title:"Undo"}),t.default.createElement(e.UIIconButton,{id:"add-button-action",iconProps:{iconName:o.UiIcons.Add},title:"Undo"}),t.default.createElement(e.UIIconButton,{id:"wide-button-action",sizeType:e.UIIconButtonSizes.Wide,iconProps:{iconName:o.UiIcons.QuestionMarkWithChevron},title:"QuestionMarkWithChevron"}),t.default.createElement(e.UIIconButton,{id:"undo-disabled-button-action",iconProps:{iconName:o.UiIcons.Source},disabled:!0,title:"Undo"}))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Icon Button - Checked"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIIconButton,{id:"btn1",iconProps:{iconName:o.UiIcons.Undo},checked:c.btn1,onClick:S.bind(window,"btn1"),title:"Undo"}),t.default.createElement(e.UIIconButton,{id:"btn2",checked:c.btn2,iconProps:{iconName:o.UiIcons.LayoutLeft},onClick:S.bind(window,"btn2"),title:"LayoutLeft"}),t.default.createElement(e.UIIconButton,{id:"btn3",sizeType:e.UIIconButtonSizes.Wide,checked:c.btn3,iconProps:{iconName:o.UiIcons.QuestionMarkWithChevron},onClick:S.bind(window,"btn3"),title:"Wide"}))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Action Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIActionButton,{iconProps:{iconName:o.UiIcons.Calendar}},"Standard Action"),t.default.createElement(e.UIActionButton,{disabled:!0,iconProps:{iconName:o.UiIcons.Calendar}},"Standard Action - disabled"),t.default.createElement(e.UIActionButton,{iconProps:{iconName:o.UiIcons.Bulb}},"Icon with color"),t.default.createElement(e.UIActionButton,{disabled:!0,iconProps:{iconName:o.UiIcons.Bulb}},"Icon with color - disabled")),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIActionButton,{iconProps:{iconName:o.UiIcons.Bulb},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:U}},"Button with menu"),t.default.createElement(e.UIActionButton,{iconProps:{iconName:o.UiIcons.Bulb},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:A}},"Button with mixture menu"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Small Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UISmallButton,{primary:!0},"Clear All"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Dropdown Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIIconButton,{iconProps:{iconName:o.UiIcons.Add},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:P}}),t.default.createElement(e.UIIconButton,{iconProps:{iconName:o.UiIcons.Add},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:U}}),t.default.createElement(e.UIIconButton,{iconProps:{iconName:o.UiIcons.Add},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:C}}))))};i.defaultUsage=_}}]);})();
package/storybook/UICalloutCollisionTransform-story.ed1160b0.iframe.bundle.js DELETED
@@ -1 +0,0 @@
1
- "use strict";(()=>{var T=Object.defineProperty,M=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var I=(u,e,s)=>e in u?T(u,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):u[e]=s,D=(u,e)=>{for(var s in e||(e={}))P.call(e,s)&&I(u,s,e[s]);if(h)for(var s of h(e))w.call(e,s)&&I(u,s,e[s]);return u},E=(u,e)=>M(u,R(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[43],{"./stories/UICalloutCollisionTransform.story.tsx"(u,e,s){var x=this&&this.__createBinding||(Object.create?(function(t,a,r,l){l===void 0&&(l=r);var o=Object.getOwnPropertyDescriptor(a,r);(!o||("get"in o?!a.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return a[r]}}),Object.defineProperty(t,l,o)}):(function(t,a,r,l){l===void 0&&(l=r),t[l]=a[r]})),f=this&&this.__setModuleDefault||(Object.create?(function(t,a){Object.defineProperty(t,"default",{enumerable:!0,value:a})}):function(t,a){t.default=a}),m=this&&this.__importStar||(function(){var t=function(a){return t=Object.getOwnPropertyNames||function(r){var l=[];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(l[l.length]=o);return l},t(a)};return function(a){if(a&&a.__esModule)return a;var r={};if(a!=null)for(var l=t(a),o=0;o<l.length;o++)l[o]!=="default"&&x(r,a,l[o]);return f(r,a),r}})();Object.defineProperty(e,"__esModule",{value:!0}),e.collisionTransformInDialog=void 0;const n=m(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),k=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),i=s("./src/components/index.tsx"),p=s("./test/__mock__/select-data.ts");e.default={title:"Dialogs/Dialogs"};var d;(function(t){t.ComboBox="ComboBox",t.Dropdown="Dropdown",t.Callout="Callout"})(d||(d={}));const O=Object.values(d).map(t=>({key:t,text:t})),_=t=>{const a=n.default.useRef(null),r=n.default.useRef(null),l=n.default.useRef(new i.CalloutCollisionTransform(a,r)),{id:o}=t,[y,c]=(0,n.useState)(!1);return n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{ref:a},n.default.createElement(i.UITextInput,{id:o,onClick:()=>{c(!y)}})),n.default.createElement(i.UICallout,{target:`#${o}`,hidden:!y,isBeakVisible:!1,onDismiss:()=>{c(!y),l.current.resetTransformation()},preventDismissOnEvent:l.current.preventDismissOnEvent,onPositioned:l.current.applyTransformation,popupProps:{ref:r}},n.default.createElement("div",{style:{height:150,width:300,backgroundColor:"green"}})))},v=t=>n.default.createElement(i.UIComboBox,E(D({},t),{ref:void 0,calloutProps:{preventDismissOnEvent:()=>(console.log("custom preventDismissOnEvent"),!1),layerProps:{onLayerDidMount:()=>(console.log("custom onLayerDidMount"),!1),onLayerWillUnmount:()=>(console.log("custom onLayerWillUnmount"),!1)}}})),S=t=>n.default.createElement(i.UIDropdown,E(D({},t),{ref:void 0,calloutProps:{preventDismissOnEvent:()=>(console.log("custom preventDismissOnEvent"),!1),layerProps:{onLayerDidMount:()=>(console.log("custom onLayerDidMount"),!1),onLayerWillUnmount:()=>(console.log("custom onLayerWillUnmount"),!1)}}})),B=(t,a,r=!1)=>{const l=[];for(let o=0;o<6;o++){let y;if(t===d.Callout)y=n.default.createElement(_,{key:o,id:`Dummy-${o}`});else{let c;r?c=t===d.ComboBox?v:S:c=t===d.ComboBox?i.UIComboBox:i.UIDropdown,y=n.default.createElement(c,{key:o,label:"Dummy",highlight:!0,options:p.data,multiSelect:!0,calloutCollisionTransformation:a})}l.push(y)}return l},U=()=>{const[t,a]=(0,n.useState)(!1),[r,l]=(0,n.useState)(!0),[o,y]=(0,n.useState)(d.ComboBox),[c,A]=(0,n.useState)(!1),g=()=>{a(!t)};return n.default.createElement(n.default.Fragment,null,n.default.createElement("h3",null,"Settings"),n.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px",marginBottom:"20px"}},n.default.createElement(i.UICheckbox,{label:"Transformation is enabled",checked:r,onChange:()=>{l(!r)},styles:{label:{alignItems:"center"}}}),n.default.createElement(i.UIDropdown,{label:"Inner components",options:O,selectedKey:o,onChange:(L,C)=>{const b=C==null?void 0:C.key;typeof b=="string"&&y(b||d.ComboBox)}}),n.default.createElement(i.UICheckbox,{label:"Use overwritten components",checked:c,onChange:()=>{A(!c)},styles:{label:{alignItems:"center"}}})),n.default.createElement(i.UIDefaultButton,{onClick:g,primary:!0},"Open Dialog"),n.default.createElement(i.UIDialog,{isOpen:t,isOpenAnimated:!0,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:k.ContextualMenu,keepInBounds:!0}},onCancel:g,onDismiss:g},B(d[o],r,c)))};e.collisionTransformInDialog=U},"./test/__mock__/select-data.ts"(u,e,s){Object.defineProperty(e,"__esModule",{value:!0}),e.groupsData=e.shortData=e.data=void 0;const x=s("./src/components/index.tsx");e.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"}],e.shortData=[e.data[0],e.data[1],e.data[2],e.data[3],e.data[4]];const f={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"]};e.groupsData=[];for(const m in f){e.groupsData.push({key:m,text:m.charAt(0).toUpperCase()+m.slice(1),itemType:x.UISelectableOptionMenuItemType.Header});const n=f[m];for(const k of n){const i=e.data.find(p=>p.key===k);i&&e.groupsData.push(i)}}}}]);})();
package/storybook/UIChoiceGroup-story.f5c61c53.iframe.bundle.js DELETED
@@ -1 +0,0 @@
1
- "use strict";(()=>{var m=Object.defineProperty,C=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var _=(c,o,r)=>o in c?m(c,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):c[o]=r,d=(c,o)=>{for(var r in o||(o={}))g.call(o,r)&&_(c,r,o[r]);if(b)for(var r of b(o))v.call(o,r)&&_(c,r,o[r]);return c},u=(c,o)=>C(c,y(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[525],{"./src/components/UIChoiceGroup/UIChoiceGroup.tsx"(c,o,r){var s=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIChoiceGroup=void 0;const a=s(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=r("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),l=r("./src/components/UILabel/index.tsx"),t=r("./src/components/types.ts"),n={fontSize:13,disableOpacity:.4},e={label:u(d({},n),{color:"var(--vscode-input-foreground)"}),radio:{borderColor:"var(--vscode-editorWidget-border)",background:"var(--vscode-input-background)",bullet:{background:"var(--vscode-input-foreground)"},hover:{background:"var(--vscode-focusBorder)"},focus:{borderColor:"var(--vscode-focusBorder)"},label:u(d({},n),{color:"var(--vscode-foreground)"})}};class p extends a.default.Component{constructor(h){super(h),this.setStyles=()=>d({root:{".ms-ChoiceFieldGroup label.ms-Label":{fontWeight:"bold",fontSize:e.label.fontSize,fontStyle:"normal",lineHeight:15,color:e.label.color,marginTop:10,padding:0},".ms-ChoiceField":{minHeight:20},".ms-ChoiceField-field":{fontWeight:"normal",fontSize:e.radio.label.fontSize,fontStyle:"normal",lineHeight:18,color:e.radio.label.color,margin:0},".ms-ChoiceField-field::before":{backgroundColor:e.radio.background,borderColor:e.radio.borderColor,top:0,left:0,width:18,height:18},".ms-ChoiceField-field::after":{left:5,top:5,height:8,width:8,borderWidth:4,backgroundColor:e.radio.background,transition:"none"},".ms-ChoiceFieldLabel":{paddingLeft:26},".ms-ChoiceField-field.is-checked::after":{borderColor:e.radio.bullet.background},".ms-ChoiceField-field:hover":{"span.ms-ChoiceFieldLabel":{color:e.radio.label.color},"::before":{borderColor:e.radio.hover.background},"::after":{borderColor:"transparent",background:"transparent"}},"label.ms-ChoiceField-field.is-checked:hover::after":{borderColor:e.radio.bullet.background},".ms-ChoiceField-wrapper.is-inFocus::after":{borderColor:e.radio.focus.borderColor},".ms-ChoiceField-input:focus":{opacity:0},".is-disabled + .ms-ChoiceField-field":{" .ms-ChoiceFieldLabel":{opacity:e.radio.label.disableOpacity,color:e.radio.label.color},":hover::before":{borderColor:e.radio.borderColor},":after":{opacity:e.radio.label.disableOpacity}}},label:d(d(d({},l.labelGlobalStyle),this.props.disabled&&{opacity:e.label.disableOpacity,color:e.label.color}),this.props.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}})},this.props.inline&&{flexContainer:{display:"flex",flexDirection:"row",flexWrap:"wrap",selectors:{"> .ms-ChoiceField":{paddingRight:16}}}})}render(){return a.default.createElement(i.ChoiceGroup,d({styles:this.setStyles},this.props))}}o.UIChoiceGroup=p},"./src/components/UIChoiceGroup/index.tsx"(c,o,r){var s=this&&this.__createBinding||(Object.create?(function(i,l,t,n){n===void 0&&(n=t);var e=Object.getOwnPropertyDescriptor(l,t);(!e||("get"in e?!l.__esModule:e.writable||e.configurable))&&(e={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(i,n,e)}):(function(i,l,t,n){n===void 0&&(n=t),i[n]=l[t]})),a=this&&this.__exportStar||function(i,l){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(l,t)&&s(l,i,t)};Object.defineProperty(o,"__esModule",{value:!0}),a(r("./src/components/UIChoiceGroup/UIChoiceGroup.tsx"),o)},"./src/components/UILabel/UILabel.tsx"(c,o,r){var s=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(o,"__esModule",{value:!0}),o.UILabel=o.labelGlobalStyle=void 0;const a=s(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=r("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),l=r("./src/components/types.ts");o.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class t extends a.default.Component{constructor(e){super(e)}render(){const e=p=>({root:[d({marginTop:25},o.labelGlobalStyle),p.disabled&&{opacity:"0.4"},p.required&&{selectors:{"::after":{content:l.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return a.default.createElement(i.Label,u(d({},this.props),{styles:e}))}}o.UILabel=t},"./src/components/UILabel/index.tsx"(c,o,r){var s=this&&this.__createBinding||(Object.create?(function(i,l,t,n){n===void 0&&(n=t);var e=Object.getOwnPropertyDescriptor(l,t);(!e||("get"in e?!l.__esModule:e.writable||e.configurable))&&(e={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(i,n,e)}):(function(i,l,t,n){n===void 0&&(n=t),i[n]=l[t]})),a=this&&this.__exportStar||function(i,l){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(l,t)&&s(l,i,t)};Object.defineProperty(o,"__esModule",{value:!0}),a(r("./src/components/UILabel/UILabel.tsx"),o)},"./src/components/types.ts"(c,o){Object.defineProperty(o,"__esModule",{value:!0}),o.REQUIRED_LABEL_INDICATOR=void 0,o.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./stories/UIChoiceGroup.story.tsx"(c,o,r){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(o,"__esModule",{value:!0}),o.ChoiceGroup=void 0;const a=s(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=r("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),l=r("./src/components/UIChoiceGroup/index.tsx");o.default={title:"Basic Inputs/ChoiceGroup"};const t={options:[{key:"key1",text:"Option 1"},{key:"key2",text:"Option 2"},{key:"key3",text:"Option 3",disabled:!0}],defaultSelectedKey:"key2",label:"Title",onChange:(e,p)=>{console.log(p.text)}},n=()=>a.default.createElement(i.Stack,null,a.default.createElement(i.Stack,null,a.default.createElement(i.Text,{variant:"large",block:!0},"ChoiceGroup"),a.default.createElement(i.Stack,null,a.default.createElement(l.UIChoiceGroup,d({},t))),a.default.createElement(i.Stack,null,a.default.createElement(l.UIChoiceGroup,u(d({},t),{title:"Disabled",disabled:!0}))),a.default.createElement(i.Stack,null,a.default.createElement(l.UIChoiceGroup,u(d({},t),{title:"Required",required:!0}))),a.default.createElement(i.Stack,null,a.default.createElement(l.UIChoiceGroup,u(d({},t),{title:"Inline",inline:!0})))));o.ChoiceGroup=n}}]);})();
package/storybook/UICombobox-story.c6fdb1e6.iframe.bundle.js DELETED
@@ -1 +0,0 @@
1
- "use strict";(()=>{var Y=Object.defineProperty,Q=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var X=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var S=(m,t,s)=>t in m?Y(m,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):m[t]=s,h=(m,t)=>{for(var s in t||(t={}))X.call(t,s)&&S(m,s,t[s]);if(I)for(var s of I(t))$.call(t,s)&&S(m,s,t[s]);return m},y=(m,t)=>Q(m,V(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[632],{"./stories/UICombobox.story.tsx"(m,t,s){var g=this&&this.__createBinding||(Object.create?(function(a,n,l,r){r===void 0&&(r=l);var u=Object.getOwnPropertyDescriptor(n,l);(!u||("get"in u?!n.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return n[l]}}),Object.defineProperty(a,r,u)}):(function(a,n,l,r){r===void 0&&(r=l),a[r]=n[l]})),x=this&&this.__setModuleDefault||(Object.create?(function(a,n){Object.defineProperty(a,"default",{enumerable:!0,value:n})}):function(a,n){a.default=n}),f=this&&this.__importStar||(function(){var a=function(n){return a=Object.getOwnPropertyNames||function(l){var r=[];for(var u in l)Object.prototype.hasOwnProperty.call(l,u)&&(r[r.length]=u);return r},a(n)};return function(n){if(n&&n.__esModule)return n;var l={};if(n!=null)for(var r=a(n),u=0;u<r.length;u++)r[u]!=="default"&&g(l,n,r[u]);return x(l,n),l}})();Object.defineProperty(t,"__esModule",{value:!0}),t.HiddenOptions=t.WithExternalSearch=t.AdditionalCustomSearch=t.SearchIncludeKeys=t.customRender=t.groupsAndSeparators=t.accessibilityStates=t.openMenuOnClick=t.Messages=t.DynamicError=t.MultiSelectSearchHighlight=t.DifferentStates=t.WithLoading=t.WithRefresh=t.WithoutSearch=t.SearchWithoutHighlight=t.SearchHighlight=void 0;const e=f(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),o=s("./src/components/UIComboBox/index.tsx"),k=s("./src/components/UICheckbox/index.tsx"),i=s("./test/__mock__/select-data.ts"),B=s("./src/components/index.tsx");t.default={title:"Dropdowns/Combobox"};const A=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on"}),e.default.createElement(o.UIComboBox,{options:i.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}));t.SearchHighlight=A;const U=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,dropdownWidth:300,placeholder:"Search",allowFreeform:!0,autoComplete:"on",openOnKeyboardFocus:!0}));t.SearchWithoutHighlight=U;const D=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,dropdownWidth:300}));t.WithoutSearch=D;const w=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,onRefresh:()=>console.log("refresh trigged!")}),e.default.createElement("small",null,"*watch console"));t.WithRefresh=w;const O=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,isLoading:!0,styles:{optionsContainerWrapper:{width:"262px"}},label:"Default"}),e.default.createElement(o.UIComboBox,{options:i.data,isLoading:[o.UIComboBoxLoaderType.List],styles:{optionsContainerWrapper:{width:"262px"}},label:"List"}),e.default.createElement(o.UIComboBox,{options:i.data,isLoading:[o.UIComboBoxLoaderType.Input],styles:{optionsContainerWrapper:{width:"262px"}},label:"Input"}),e.default.createElement(o.UIComboBox,{options:i.data,isLoading:[o.UIComboBoxLoaderType.List,o.UIComboBoxLoaderType.Input],styles:{optionsContainerWrapper:{width:"262px"}},label:"List and Input"}));t.WithLoading=O;const v=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),e.default.createElement(o.UIComboBox,{options:i.data,label:"Disabled",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}),e.default.createElement(o.UIComboBox,{options:i.data,label:"Required",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",required:!0}));t.DifferentStates=v;const W=()=>{const[a,n]=(0,e.useState)([]);function l(r,u,c,p){if(u){const d=[...a,u.key].filter(C=>u.selected?!0:C!==u.key);n(d)}}return e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,selectedKey:a,onChange:l,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:!0,autoComplete:"on"}))};t.MultiSelectSearchHighlight=W;const T=()=>{const[a,n]=e.default.useState("OK"),l=[{key:"OK",text:"No Error Message"},{key:"ERROR",text:"With Error Message"}];function r(u,c,p,d){c&&n(c.key)}return e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:l,label:"Dynamic Validation Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",selectedKey:a,onChange:r,errorMessage:a==="OK"?void 0:"Error Message"}))};t.DynamicError=T;const K=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),e.default.createElement(o.UIComboBox,{options:i.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",warningMessage:"Dummy Warning"}),e.default.createElement(o.UIComboBox,{options:i.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",infoMessage:"Dummy Info"}));t.Messages=K;const _=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Open menu on click"}),e.default.createElement(o.UIComboBox,{options:i.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!1,label:"Do not open menu on click"}));t.openMenuOnClick=_;const L=()=>{const[a,n]=e.default.useState(!1),[l,r]=e.default.useState("EE"),u={childrenGap:40},c={options:i.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:a,onChange:(p,d)=>{if(Array.isArray(l)){const C=[...l,d==null?void 0:d.key].filter(J=>d!=null&&d.selected?!0:J!==(d==null?void 0:d.key));r(C)}else d&&r(d.key)}};return e.default.createElement("div",null,e.default.createElement(b.Stack,{horizontal:!0,tokens:u},e.default.createElement(k.UICheckbox,{label:"Multi Select",checked:a,onChange:(p,d)=>{d&&!Array.isArray(l)?r([l]):!d&&Array.isArray(l)&&r(l[0]),n(d)}})),e.default.createElement(b.Stack,{horizontal:!0,tokens:u},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(o.UIComboBox,y(h({},c),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{selectedKey:l})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{errorMessage:"Dummy error",selectedKey:l})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{selectedKey:l,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{selectedKey:l,readOnly:!0})))))))};t.accessibilityStates=L;const F=()=>{const a=[...i.groupsData];return a.splice(5,0,{key:"div1",text:"",itemType:o.UISelectableOptionMenuItemType.Divider}),a.splice(15,0,{key:"div1",text:"",itemType:o.UISelectableOptionMenuItemType.Divider}),e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.groupsData,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Menu items with headers"}),e.default.createElement(o.UIComboBox,{options:a,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Menu items with dividers and headers"}),e.default.createElement(o.UIComboBox,{options:i.groupsData,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,multiSelect:!0,label:"Menu items with headers - multi select"}),e.default.createElement(o.UIComboBox,{options:a,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,multiSelect:!0,label:"Menu items with dividers and headers - multi select"}))};t.groupsAndSeparators=F;const R=["AR","BR","DK"],P=i.data.map(a=>R.includes(a.key)?y(h({},a),{editable:!0}):a),H=()=>e.default.createElement(o.UIComboBox,{options:P,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",onRenderOption:(a,n)=>{var l;return"editable"in(a!=null?a:{})?e.default.createElement(B.UITextInput,{onMouseDown:r=>{r.target.focus()},onClick:r=>{r.nativeEvent.preventDefault(),r.nativeEvent.stopPropagation(),r.preventDefault(),r.stopPropagation()}}):(l=n==null?void 0:n(a))!=null?l:null},onRenderItem:(a,n)=>{var l;return(l=n==null?void 0:n(a))!=null?l:null}});t.customRender=H;const E=[{key:"test1",text:"test1"},{key:"dummy",text:"dummy"},{key:"customer",text:"customer"},{key:"name",text:"name"},{key:"employee",text:"employee"},{key:"ID",text:"ID"},{key:"tripEndDate",text:"tripEndDate"},{key:"bookings",text:"bookings",itemType:o.UISelectableOptionMenuItemType.Divider},{key:"bookings",text:"bookings",itemType:o.UISelectableOptionMenuItemType.Header},{key:"bookings/airlines",text:"airlines"},{key:"bookings/bookingDate",text:"bookingDate"},{key:"bookings/DateOnBookings",text:"DateOnBookings"},{key:"bookings/employee",text:"employee"},{key:"bookings/flightDate",text:"flightDate"},{key:"bookings/ID",text:"ID"},{key:"bookings/priceUSD",text:"priceUSD"},{key:"bookings/travel_ID",text:"travel_ID"},{key:"bookings/usedString5",text:"usedString5"},{key:"notes",text:"notes",itemType:o.UISelectableOptionMenuItemType.Divider},{key:"notes",text:"notes",itemType:o.UISelectableOptionMenuItemType.Header},{key:"notes/comment",text:"comment"},{key:"notes/description",text:"description"}],G=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:E,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",searchByKeyEnabled:!0}),e.default.createElement(o.UIComboBox,{options:E,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0,searchByKeyEnabled:!0}));t.SearchIncludeKeys=G;const N=[...i.data,{key:"A1",text:"Do not hide",customMark:!0},{key:"A2",text:"Always visible",customMark:!0}],j=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:N,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",customSearchFilter:(a,n)=>{if("customMark"in n&&n.customMark)return!0}}));t.AdditionalCustomSearch=j;const Z=()=>{const[a,n]=(0,e.useState)(!1),[l,r]=(0,e.useState)([]);return e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:l,isForceEnabled:!0,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",placeholder:"Start typing to search",isLoading:a,label:"External search",externalSearchProps:{noDataLabel:"No data available",onInputChange:()=>{r([]),n([o.UIComboBoxLoaderType.List,o.UIComboBoxLoaderType.Input])},onExternalSearch:()=>{setTimeout(()=>{r(i.data),n(!1)},2500)}}}))};t.WithExternalSearch=Z;const M=i.data.map(a=>{const n=h({},a);return["AR","AT"].includes(a.key.toString())&&(n.hidden=!0),n}),z=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:M,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",label:"Argentina and Austria is hidden"}),e.default.createElement(o.UIComboBox,{options:M,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:!0,autoComplete:"on",label:"Argentina and Austria is hidden"}));t.HiddenOptions=z},"./test/__mock__/select-data.ts"(m,t,s){Object.defineProperty(t,"__esModule",{value:!0}),t.groupsData=t.shortData=t.data=void 0;const g=s("./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:g.UISelectableOptionMenuItemType.Header});const e=x[f];for(const b of e){const o=t.data.find(k=>k.key===b);o&&t.groupsData.push(o)}}}}]);})();
package/storybook/UIDialog-story.170e3efe.iframe.bundle.js DELETED
@@ -1,2 +0,0 @@
1
- "use strict";(()=>{var O=Object.defineProperty,B=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var C=(d,a,o)=>a in d?O(d,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):d[a]=o,D=(d,a)=>{for(var o in a||(a={}))P.call(a,o)&&C(d,o,a[o]);if(U)for(var o of U(a))z.call(a,o)&&C(d,o,a[o]);return d},k=(d,a)=>B(d,M(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[937],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(d){d.exports=function(a){var o=[];return o.toString=function(){return this.map(function(r){var t="",e=typeof r[5]!="undefined";return r[4]&&(t+="@supports (".concat(r[4],") {")),r[2]&&(t+="@media ".concat(r[2]," {")),e&&(t+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),t+=a(r),e&&(t+="}"),r[2]&&(t+="}"),r[4]&&(t+="}"),t}).join("")},o.i=function(r,t,e,n,g){typeof r=="string"&&(r=[[null,r,void 0]]);var f={};if(e)for(var l=0;l<this.length;l++){var I=this[l][0];I!=null&&(f[I]=!0)}for(var _=0;_<r.length;_++){var c=[].concat(r[_]);e&&f[c[0]]||(typeof g!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=g),t&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=t),n&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=n):c[4]="".concat(n)),o.push(c))}},o}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(d){d.exports=function(a){return a[1]}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(d){var a=[];function o(t){for(var e=-1,n=0;n<a.length;n++)if(a[n].identifier===t){e=n;break}return e}function p(t,e){for(var n={},g=[],f=0;f<t.length;f++){var l=t[f],I=e.base?l[0]+e.base:l[0],_=n[I]||0,c="".concat(I," ").concat(_);n[I]=_+1;var h=o(c),x={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(h!==-1)a[h].references++,a[h].updater(x);else{var b=r(x,e);e.byIndex=f,a.splice(f,0,{identifier:c,updater:b,references:1})}g.push(c)}return g}function r(t,e){var n=e.domAPI(e);n.update(t);var g=function(l){if(l){if(l.css===t.css&&l.media===t.media&&l.sourceMap===t.sourceMap&&l.supports===t.supports&&l.layer===t.layer)return;n.update(t=l)}else n.remove()};return g}d.exports=function(t,e){e=e||{},t=t||[];var n=p(t,e);return function(f){f=f||[];for(var l=0;l<n.length;l++){var I=n[l],_=o(I);a[_].references--}for(var c=p(f,e),h=0;h<n.length;h++){var x=n[h],b=o(x);a[b].references===0&&(a[b].updater(),a.splice(b,1))}n=c}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(d){function a(r,t,e){var n="";e.supports&&(n+="@supports (".concat(e.supports,") {")),e.media&&(n+="@media ".concat(e.media," {"));var g=typeof e.layer!="undefined";g&&(n+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),n+=e.css,g&&(n+="}"),e.media&&(n+="}"),e.supports&&(n+="}");var f=e.sourceMap;f&&typeof btoa!="undefined"&&(n+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(f))))," */")),t.styleTagTransform(n,r,t.options)}function o(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function p(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=r.insertStyleElement(r);return{update:function(n){a(t,r,n)},remove:function(){o(t)}}}d.exports=p},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(d){function a(o,p){if(p.styleSheet)p.styleSheet.cssText=o;else{for(;p.firstChild;)p.removeChild(p.firstChild);p.appendChild(document.createTextNode(o))}}d.exports=a},"./stories/UIDialog.story.tsx"(d,a,o){var p=this&&this.__createBinding||(Object.create?(function(i,u,m,s){s===void 0&&(s=m);var y=Object.getOwnPropertyDescriptor(u,m);(!y||("get"in y?!u.__esModule:y.writable||y.configurable))&&(y={enumerable:!0,get:function(){return u[m]}}),Object.defineProperty(i,s,y)}):(function(i,u,m,s){s===void 0&&(s=m),i[s]=u[m]})),r=this&&this.__setModuleDefault||(Object.create?(function(i,u){Object.defineProperty(i,"default",{enumerable:!0,value:u})}):function(i,u){i.default=u}),t=this&&this.__importStar||(function(){var i=function(u){return i=Object.getOwnPropertyNames||function(m){var s=[];for(var y in m)Object.prototype.hasOwnProperty.call(m,y)&&(s[s.length]=y);return s},i(u)};return function(u){if(u&&u.__esModule)return u;var m={};if(u!=null)for(var s=i(u),y=0;y<s.length;y++)s[y]!=="default"&&p(m,u,s[y]);return r(m,u),m}})();Object.defineProperty(a,"__esModule",{value:!0}),a.Dialog=void 0;const e=t(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),g=o("./src/components/UIDialog/index.ts"),f=o("./src/components/UIButton/index.tsx"),l=o("./src/components/UIInput/index.tsx"),I=o("./src/components/UIDropdown/index.tsx"),_=o("./src/components/UIComboBox/index.tsx"),c=o("./src/components/UICheckbox/index.tsx");a.default={title:"Dialogs/Dialogs"};const h={childrenGap:40},x={main:{".ms-TextField-wrapper > .ms-Label":{margin:0}}};class b extends e.default.Component{constructor(){super(...arguments),this.state={isOpen:!1,text:"Some Text"},this.onChange=u=>{this.setState({text:u.target.value})},this.onToggle=()=>{this.setState({isOpen:!this.state.isOpen})},this.onAccept=()=>{alert(`You wrote: ${this.state.text}`),this.setState({isOpen:!1})}}render(){const{draggable:u}=this.props,m=[{key:"111",text:"Dummy option 111"},{key:"222",text:"Dummy option 222"}],s=this.props.draggable?{modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:n.ContextualMenu,keepInBounds:!0}}}:void 0;return e.default.createElement(e.default.Fragment,null,e.default.createElement(f.UIDefaultButton,{onClick:this.onToggle,primary:!0},u?"Open Draggable Dialog":"Open Dialog"),e.default.createElement(g.UIDialog,k(D({isOpen:this.state.isOpen,isOpenAnimated:this.props.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel"},s),{onAccept:this.onAccept,styles:x,onCancel:this.onToggle,onDismiss:this.onToggle}),e.default.createElement(l.UITextInput,{label:"Dialog Content",value:this.state.text,onChange:this.onChange}),e.default.createElement(I.UIDropdown,{label:"Dummy",options:m}),e.default.createElement(_.UIComboBox,{label:"Dummy",highlight:!0,options:m})))}}const E=i=>{const[u,m]=(0,e.useState)(!1),s=()=>{m(!u)},y=D({},x.main),{size:v}=i;v&&(y.height=v);let T="Open Large Dialog";return v&&(T+=` height=${v}`),e.default.createElement(e.default.Fragment,null,e.default.createElement(f.UIDefaultButton,{onClick:s,primary:!0},T),e.default.createElement(g.UIDialog,{isOpen:u,isOpenAnimated:i.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",styles:{main:y},onAccept:s,onCancel:s,onDismiss:s},e.default.createElement(I.UIDropdown,{label:"Dummy",options:[]}),e.default.createElement(l.UITextInput,{label:"Username"}),e.default.createElement(l.UITextInput,{label:"Email"}),e.default.createElement(l.UITextInput,{label:"Password",type:"password"}),e.default.createElement(l.UITextInput,{label:"Email"}),e.default.createElement(l.UITextInput,{label:"First name"}),e.default.createElement(l.UITextInput,{label:"Last name"}),e.default.createElement(l.UITextInput,{label:"Address"}),e.default.createElement(l.UITextInput,{label:"State"}),e.default.createElement(l.UITextInput,{label:"Country"}),e.default.createElement(l.UITextInput,{label:"Phone"}),e.default.createElement(l.UITextInput,{label:"Dummy 1"}),e.default.createElement(l.UITextInput,{label:"Dummy 2"}),e.default.createElement(l.UITextInput,{label:"Dummy 3"}),e.default.createElement(l.UITextInput,{label:"Dummy 4"}),e.default.createElement(l.UITextInput,{label:"Dummy 5"})))},A=i=>{const[u,m]=(0,e.useState)(!1),s=()=>{m(!u)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(f.UIDefaultButton,{onClick:s,primary:!0},"Open Confirm Dialog"),e.default.createElement(g.UIDialog,{isOpen:u,isOpenAnimated:i.openAnimation,isBlocking:!0,onAccept:s,onCancel:s,onDismiss:s,acceptButtonText:"Yes",cancelButtonText:"No",title:"Delete Confirmation",dialogContentProps:{subText:"Are you sure you want to delete entry? This action cannot be undone."}}))},S=i=>{const[u,m]=(0,e.useState)(!1),s=()=>{m(!u)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(f.UIDefaultButton,{onClick:s,primary:!0},"Open Dialog with multiple buttons"),e.default.createElement(g.UIDialog,{isOpen:u,isOpenAnimated:i.openAnimation,isBlocking:!0,onDismiss:s,title:"Delete Confirmation",dialogContentProps:{subText:"This entry includes subelements. Are you sure you want to delete the entry or only its subelements? This action cannot be undone."},footer:[e.default.createElement(f.UIDefaultButton,{key:"1",onClick:s,primary:!0,text:"Delete entry and subelements"}),e.default.createElement(f.UIDefaultButton,{key:"2",onClick:s,text:"Delete entry only"}),e.default.createElement(f.UIDefaultButton,{key:"3",onClick:s,text:"Cancel"})]}))},w=()=>{const[i,u]=(0,e.useState)(!0);return e.default.createElement(n.Stack,{tokens:h},e.default.createElement(n.Stack,{tokens:h},e.default.createElement(n.Text,{variant:"large",block:!0},"Dialogs"),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(c.UICheckbox,{label:"Open animation enabled",checked:i,onChange:(m,s)=>{u(s)}})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(b,{draggable:!1,openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(b,{draggable:!1,openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(b,{draggable:!0,openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(E,{openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(E,{size:400,openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(E,{openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(A,{openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(S,{openAnimation:i}))))};a.Dialog=w}}]);})();
package/storybook/UIIcon-story.da2b5f02.iframe.bundle.js DELETED
@@ -1 +0,0 @@
1
- "use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[222],{"./src/index.tsx"(l,t,o){var d=this&&this.__createBinding||(Object.create?(function(r,n,e,s){s===void 0&&(s=e);var u=Object.getOwnPropertyDescriptor(n,e);(!u||("get"in u?!n.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return n[e]}}),Object.defineProperty(r,s,u)}):(function(r,n,e,s){s===void 0&&(s=e),r[s]=n[e]})),i=this&&this.__exportStar||function(r,n){for(var e in r)e!=="default"&&!Object.prototype.hasOwnProperty.call(n,e)&&d(n,r,e)};Object.defineProperty(t,"__esModule",{value:!0}),t.setIconOptions=void 0,i(o("./src/components/index.tsx"),t),i(o("./src/utilities/index.ts"),t),i(o("./src/theme/index.ts"),t);var a=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"setIconOptions",{enumerable:!0,get:function(){return a.setIconOptions}})},"./stories/UIIcon.story.tsx"(l,t,o){var d=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.SvgIcon=void 0;const i=d(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),r=o("./src/components/UIIcon/index.tsx"),n=o("./src/index.tsx");t.default={title:"Utilities/Icons"};const e=[];for(const c in n.UiIcons)e.push(c);e.sort();const s=[{key:"column1",name:"Icon",minWidth:50,maxWidth:60,onRender:c=>i.default.createElement(r.UIIcon,{style:{width:"16px",height:"16px"},iconName:c})},{key:"column2",name:"Name",minWidth:50,onRender:c=>i.default.createElement("span",null,c)}],u=()=>i.default.createElement("div",null,i.default.createElement(a.DetailsList,{selectionMode:a.SelectionMode.none,items:e,columns:s,isHeaderVisible:!0,selectionPreservedOnEmptyClick:!0}));t.SvgIcon=u}}]);})();
package/storybook/UILabel-story.4f878fd0.iframe.bundle.js DELETED
@@ -1 +0,0 @@
1
- "use strict";(()=>{var p=Object.defineProperty,m=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var f=(o,e,t)=>e in o?p(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,d=(o,e)=>{for(var t in e||(e={}))I.call(e,t)&&f(o,t,e[t]);if(_)for(var t of _(e))L.call(e,t)&&f(o,t,e[t]);return o},b=(o,e)=>m(o,y(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[69],{"./src/components/UILabel/UILabel.tsx"(o,e,t){var u=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const c=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=t("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),s=t("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class r extends c.default.Component{constructor(n){super(n)}render(){const n=i=>({root:[d({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:s.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return c.default.createElement(l.Label,b(d({},this.props),{styles:n}))}}e.UILabel=r},"./src/components/UILabel/index.tsx"(o,e,t){var u=this&&this.__createBinding||(Object.create?(function(l,s,r,a){a===void 0&&(a=r);var n=Object.getOwnPropertyDescriptor(s,r);(!n||("get"in n?!s.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return s[r]}}),Object.defineProperty(l,a,n)}):(function(l,s,r,a){a===void 0&&(a=r),l[a]=s[r]})),c=this&&this.__exportStar||function(l,s){for(var r in l)r!=="default"&&!Object.prototype.hasOwnProperty.call(s,r)&&u(s,l,r)};Object.defineProperty(e,"__esModule",{value:!0}),c(t("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts"(o,e){Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./stories/UILabel.story.tsx"(o,e,t){var u=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const c=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=t("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),s=t("./src/components/UILabel/index.tsx");e.default={title:"Basic Inputs/Label"};const r={childrenGap:40},a=()=>c.default.createElement(l.Stack,{tokens:r,style:{width:300}},c.default.createElement(l.Stack,{tokens:{childrenGap:16}},c.default.createElement(l.Text,{variant:"large",className:"textColor"},"UILabel"),c.default.createElement(s.UILabel,null,"Just a label")),c.default.createElement(l.Stack,{tokens:{childrenGap:16}},c.default.createElement(l.Text,{variant:"large",className:"textColor"},"UILabel with required on"),c.default.createElement(s.UILabel,{required:!0},"Just a label")));e.defaultUsage=a}}]);})();
package/storybook/UIPersona-story.cf14bf11.iframe.bundle.js DELETED
@@ -1 +0,0 @@
1
- "use strict";(()=>{var m=Object.defineProperty,_=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var u=(r,t,a)=>t in r?m(r,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[t]=a,p=(r,t)=>{for(var a in t||(t={}))U.call(t,a)&&u(r,a,t[a]);if(f)for(var a of f(t))b.call(t,a)&&u(r,a,t[a]);return r},d=(r,t)=>_(r,P(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[271],{"./src/components/UIPersona/UIPersona.tsx"(r,t,a){var l=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIPersona=t.UIPersonaPresence=t.UIPersonaSize=void 0;const n=l(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIPersonaSize",{enumerable:!0,get:function(){return i.PersonaSize}}),Object.defineProperty(t,"UIPersonaPresence",{enumerable:!0,get:function(){return i.PersonaPresence}});class e extends n.default.Component{constructor(c){super(c),this.personaStyles=o=>({root:{},details:{},primaryText:{},secondaryText:{},tertiaryText:{},optionalText:{},textContent:{}})}render(){return n.default.createElement(i.Persona,d(p({},this.props),{styles:this.personaStyles}))}}t.UIPersona=e},"./src/components/UIPersona/index.tsx"(r,t,a){var l=this&&this.__createBinding||(Object.create?(function(i,e,s,c){c===void 0&&(c=s);var o=Object.getOwnPropertyDescriptor(e,s);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(i,c,o)}):(function(i,e,s,c){c===void 0&&(c=s),i[c]=e[s]})),n=this&&this.__exportStar||function(i,e){for(var s in i)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&l(e,i,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(a("./src/components/UIPersona/UIPersona.tsx"),t)},"./stories/UIPersona.story.tsx"(r,t,a){var l=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const n=l(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),e=a("./src/components/UIPersona/index.tsx");t.default={title:"Utilities/Persona"};const s={childrenGap:40},c=()=>n.default.createElement(i.Stack,{tokens:s},n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size24}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size32}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size40}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size48}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size56}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size72}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size100}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size120}),n.default.createElement(e.UIPersona,{text:"John Doe",size:e.UIPersonaSize.size72}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size120,text:"John Doe",presence:e.UIPersonaPresence.online,secondaryText:"Software Engineer",tertiaryText:"In a meeting",optionalText:"Available at 4:00pm"}));t.defaultUsage=c}}]);})();
package/storybook/UISearchBox-story.9f58fac1.iframe.bundle.js DELETED
@@ -1 +0,0 @@
1
- "use strict";(()=>{var O=Object.defineProperty,w=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var _=(s,t,r)=>t in s?O(s,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[t]=r,p=(s,t)=>{for(var r in t||(t={}))P.call(t,r)&&_(s,r,t[r]);if(h)for(var r of h(t))I.call(t,r)&&_(s,r,t[r]);return s},x=(s,t)=>w(s,C(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[104],{"./stories/UISearchBox.story.tsx"(s,t,r){var b=this&&this.__createBinding||(Object.create?(function(o,e,c,n){n===void 0&&(n=c);var a=Object.getOwnPropertyDescriptor(e,c);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[c]}}),Object.defineProperty(o,n,a)}):(function(o,e,c,n){n===void 0&&(n=c),o[n]=e[c]})),m=this&&this.__setModuleDefault||(Object.create?(function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}):function(o,e){o.default=e}),v=this&&this.__importStar||(function(){var o=function(e){return o=Object.getOwnPropertyNames||function(c){var n=[];for(var a in c)Object.prototype.hasOwnProperty.call(c,a)&&(n[n.length]=a);return n},o(e)};return function(e){if(e&&e.__esModule)return e;var c={};if(e!=null)for(var n=o(e),a=0;a<n.length;a++)n[a]!=="default"&&b(c,e,n[a]);return m(c,e),c}})();Object.defineProperty(t,"__esModule",{value:!0}),t.SearchBox=void 0;const u=v(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=r("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),S=r("./src/components/UISearchBox/index.tsx"),y=r("./src/components/index.tsx");t.default={title:"Basic Inputs/Search"};const g={childrenGap:40},j=()=>{const[o,e]=(0,u.useState)(""),c=(f,l)=>{l!==void 0&&e(l)},n=()=>{e("")},a=(f,l)=>{B(x(p({},d),{[f]:l}))},[d,B]=(0,u.useState)({value:o,onChange:c,onClear:n});return u.default.createElement(i.Stack,{tokens:g,style:{width:300}},u.default.createElement(i.Stack,{tokens:{childrenGap:16}},u.default.createElement(i.Text,{variant:"large",className:"textColor"},"UISearchBox"),u.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px"}},u.default.createElement(y.UICheckbox,{label:"Disabled",checked:d.disabled,onChange:(f,l)=>{a("disabled",l)}})),u.default.createElement(S.UISearchBox,p({},d))))};t.SearchBox=j}}]);})();
package/storybook/UISeparator-story.b93568c6.iframe.bundle.js DELETED
@@ -1 +0,0 @@
1
- "use strict";(()=>{var _=Object.defineProperty,m=Object.defineProperties;var b=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var i=(s,e,a)=>e in s?_(s,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):s[e]=a,p=(s,e)=>{for(var a in e||(e={}))S.call(e,a)&&i(s,a,e[a]);if(d)for(var a of d(e))h.call(e,a)&&i(s,a,e[a]);return s},f=(s,e)=>m(s,b(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[930],{"./src/components/UISeparator/UISeparator.tsx"(s,e,a){var u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.UISeparator=void 0;const r=u(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");class n extends r.default.Component{constructor(l){super(l)}render(){const l=c=>({root:[{height:"100%",width:1,padding:"0 10px",selectors:{":before":{backgroundColor:"var(--vscode-editorWidget-border)",top:1,bottom:1}}},c.vertical&&{height:"100%",width:1,padding:"0 10px",selectors:{":after":{backgroundColor:"var(--vscode-editorWidget-border)",top:1,bottom:1}}}]});return r.default.createElement(o.Separator,f(p({},this.props),{styles:l}))}}e.UISeparator=n},"./src/components/UISeparator/index.tsx"(s,e,a){var u=this&&this.__createBinding||(Object.create?(function(o,n,t,l){l===void 0&&(l=t);var c=Object.getOwnPropertyDescriptor(n,t);(!c||("get"in c?!n.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(o,l,c)}):(function(o,n,t,l){l===void 0&&(l=t),o[l]=n[t]})),r=this&&this.__exportStar||function(o,n){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(n,t)&&u(n,o,t)};Object.defineProperty(e,"__esModule",{value:!0}),r(a("./src/components/UISeparator/UISeparator.tsx"),e)},"./stories/UISeparator.story.tsx"(s,e,a){var u=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const r=u(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),n=a("./src/components/UISeparator/index.tsx");e.default={title:"Utilities/Separator"};const t={childrenGap:40},l=()=>r.default.createElement(o.Stack,{tokens:t},r.default.createElement(o.Stack,{tokens:t},r.default.createElement(o.Text,{variant:"large",className:"textColor",block:!0},"Vertical Separator"),r.default.createElement(o.Stack,{horizontal:!0,tokens:t},r.default.createElement("span",null,"Hello"),r.default.createElement(n.UISeparator,{vertical:!0}),r.default.createElement("span",null,"World"))),r.default.createElement(o.Stack,{tokens:t},r.default.createElement(o.Text,{variant:"large",className:"textColor",block:!0},"Horizontal Separator"),r.default.createElement(o.Stack,{horizontal:!0,tokens:t},r.default.createElement("span",null,"Hello"),r.default.createElement(n.UISeparator,null),r.default.createElement("span",null,"World"))));e.defaultUsage=l}}]);})();
package/storybook/UITable-story.08b1e3ca.iframe.bundle.js DELETED
@@ -1,4 +0,0 @@
1
- "use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[967],{"./stories/UITable.story.tsx"(v,l,c){var m=this&&this.__createBinding||(Object.create?(function(t,e,n,a){a===void 0&&(a=n);var i=Object.getOwnPropertyDescriptor(e,n);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,a,i)}):(function(t,e,n,a){a===void 0&&(a=n),t[a]=e[n]})),r=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),d=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(n){var a=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(a[a.length]=i);return a},t(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var a=t(e),i=0;i<a.length;i++)a[i]!=="default"&&m(n,e,a[i]);return r(n,e),n}})();Object.defineProperty(l,"__esModule",{value:!0}),l.EditableTable2=l.EditableTable=l.ReadOnlyTable=void 0;const o=d(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=c("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),b=c("./src/components/UITable/index.tsx"),g=c("./src/components/Icons.tsx"),f=c("./src/components/UITable/types.ts"),u=c("./test/__mock__/table-data.ts");l.default={title:"Tables/UITable"};const p=Array.from({length:10}).map((t,e)=>{const n={key:"test"+(e+1),name:"Test "+(e+1),fieldName:"test"+(e+1),minWidth:100,maxWidth:200,isResizable:!0,editable:!1,validate:void 0,iconName:void 0,iconTooltip:void 0,columnControlType:f.ColumnControlType.UITextInput,comboboxOptions:void 0};return(e===1||e>=3)&&(n.name+=" (editable)",n.editable=!0,n.validate=h),e===1&&(n.iconName=g.UiIcons.Home,n.iconTooltip="Dummy tooltip"),e===3&&(n.columnControlType=f.ColumnControlType.UICombobox,n.comboboxOptions=["one","two","three"]),e===4&&(n.columnControlType=f.ColumnControlType.UIBooleanSelect),n}),_=p.map(t=>Object.assign({},t,{validate:void 0,editable:!1})),T=()=>o.default.createElement(s.Stack,null,o.default.createElement("div",{className:(0,s.mergeStyles)({height:"50vh",width:"100vh",position:"relative"})},o.default.createElement(b.UITable,{items:u.items,dataSetKey:"datasetkey",columns:_})));l.ReadOnlyTable=T;function S(t,e){var n;t&&(console.log("saving ",e,t),u.items[t==null?void 0:t.rowIndex][(n=t==null?void 0:t.column)==null?void 0:n.key]=e,console.log("saving ",u.items))}function y(t){console.log("selected",t)}function h(t){if(t==="hello")return'"hello" is not allowed here!'}const w=()=>{const[t,e]=(0,o.useState)(null),[n,a]=(0,o.useState)(null);return o.default.createElement(s.Stack,null,o.default.createElement("div",null,o.default.createElement("button",{onClick:()=>e(1)},"Scroll to 1st row"),"\xA0",o.default.createElement("button",{onClick:()=>e(9)},"Scroll to 9th row"),"\xA0",o.default.createElement("button",{onClick:()=>e(100)},"Scroll to 100th row"),"\xA0",o.default.createElement("button",{onClick:()=>a("column1")},"Scroll to 1st column"),"\xA0",o.default.createElement("button",{onClick:()=>a("column10")},"Scroll to 10th column"),"\xA0"),o.default.createElement("div",{className:(0,s.mergeStyles)({height:"90vh",width:"100vw",position:"relative"})},o.default.createElement(b.UITable,{dataSetKey:"datasetkey",items:u.items,columns:p,onSave:S,onSelectionChange:y,selectedRow:t,selectedColumnId:n,selectionMode:s.SelectionMode.multiple,checkboxVisibility:s.CheckboxVisibility.always,showRowNumbers:!0})))};l.EditableTable=w;const I=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"}],E=Array.from({length:5}).map((t,e)=>{const n={key:"test"+(e+1),name:"Test "+(e+1),fieldName:"test"+(e+1),minWidth:100,maxWidth:200,isResizable:!0,editable:!1,validate:void 0,iconName:void 0,iconTooltip:void 0,columnControlType:f.ColumnControlType.UITextInput};return e>=1&&(n.name+=" (editable)",n.editable=!0,n.validate=h),e===1&&(n.columnControlType=f.ColumnControlType.UIDropdown,n.data={dropdownOptions:I}),n}),O=(t,e)=>e?o.default.createElement(s.Sticky,null,e(t)):null;function k(t,e){var n;t&&(console.log("saving ",e,t),u.items2[t==null?void 0:t.rowIndex][(n=t==null?void 0:t.column)==null?void 0:n.key]=e,console.log("saving ",u.items2))}const A=()=>o.default.createElement(s.Stack,null,o.default.createElement("div",{className:(0,s.mergeStyles)({height:"90vh",width:"100vw",position:"relative"})},o.default.createElement(b.UITable,{dataSetKey:"datasetkey",items:u.items2,columns:E,onSave:k,onSelectionChange:y,checkboxVisibility:s.CheckboxVisibility.always,headerRenderer:O,selectionMode:s.SelectionMode.multiple,renderInputs:f.RenderInputs.always})));l.EditableTable2=A},"./test/__mock__/table-data.ts"(v,l){Object.defineProperty(l,"__esModule",{value:!0}),l.items2=l.items=void 0;const c=`lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut
2
- labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut
3
- aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
4
- eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt`;let m=0;function r(d=4){const o=c.split(" "),s=m+d>o.length?0:m;return m=s+d,o.slice(s,m).join(" ")}l.items=Array.from({length:200}).map((d,o)=>({key:o,test1:`row ${o}`,test2:r(),test3:r(),test4:r(),test5:r(),test6:r(),test7:r(),test8:r(),test9:r(),test10:r()})),l.items2=Array.from({length:4}).map((d,o)=>({key:o,test1:`test 1 row ${o}`,test2:`test 2 row ${o}`,test3:`test 3 row ${o}`,test4:`test 4 row ${o}`,test5:`test 5 row ${o}`}))}}]);})();
package/storybook/UIToggle-story.6874a731.iframe.bundle.js DELETED
@@ -1,2 +0,0 @@
1
- (()=>{var P=Object.defineProperty,O=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var C=(u,r,_)=>r in u?P(u,r,{enumerable:!0,configurable:!0,writable:!0,value:_}):u[r]=_,y=(u,r)=>{for(var _ in r||(r={}))U.call(r,_)&&C(u,_,r[_]);if(S)for(var _ of S(r))j.call(r,_)&&C(u,_,r[_]);return u},I=(u,r)=>O(u,A(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[673],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"(u,r,_){var d=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),s=e(d);s.push([u.id,".ts-icon{fill:var(--vscode-foreground)}",""]),u.exports=s},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"(u,r,_){var d=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),s=e(d);s.push([u.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),u.exports=s},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(u){"use strict";u.exports=function(r){var _=[];return _.toString=function(){return this.map(function(e){var s="",t=typeof e[5]!="undefined";return e[4]&&(s+="@supports (".concat(e[4],") {")),e[2]&&(s+="@media ".concat(e[2]," {")),t&&(s+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),s+=r(e),t&&(s+="}"),e[2]&&(s+="}"),e[4]&&(s+="}"),s}).join("")},_.i=function(e,s,t,o,n){typeof e=="string"&&(e=[[null,e,void 0]]);var l={};if(t)for(var c=0;c<this.length;c++){var p=this[c][0];p!=null&&(l[p]=!0)}for(var h=0;h<e.length;h++){var a=[].concat(e[h]);t&&l[a[0]]||(typeof n!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=n),s&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=s),o&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=o):a[4]="".concat(o)),_.push(a))}},_}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(u){"use strict";u.exports=function(r){return r[1]}},"./src/components/UIIcon/UIIcon.scss"(u,r,_){"use strict";_.r(r),_.d(r,{default:()=>m});var d=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=_.n(d),s=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=_.n(s),o=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=_.n(o),l=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=_.n(l),p=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=_.n(p),a=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=_.n(a),v=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),f=_.n(v),b={};for(const w in v)w!=="default"&&(b[w]=()=>v[w]);_.d(r,b);var g={};g.styleTagTransform=i(),g.setAttributes=c(),g.insert=n().bind(null,"head"),g.domAPI=t(),g.insertStyleElement=h();var E=e()(f(),g);const m=f()&&f().locals?f().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss"(u,r,_){"use strict";_.r(r),_.d(r,{default:()=>m});var d=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=_.n(d),s=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=_.n(s),o=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=_.n(o),l=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=_.n(l),p=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=_.n(p),a=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=_.n(a),v=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),f=_.n(v),b={};for(const w in v)w!=="default"&&(b[w]=()=>v[w]);_.d(r,b);var g={};g.styleTagTransform=i(),g.setAttributes=c(),g.insert=n().bind(null,"head"),g.domAPI=t(),g.insertStyleElement=h();var E=e()(f(),g);const m=f()&&f().locals?f().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(u){"use strict";var r=[];function _(s){for(var t=-1,o=0;o<r.length;o++)if(r[o].identifier===s){t=o;break}return t}function d(s,t){for(var o={},n=[],l=0;l<s.length;l++){var c=s[l],p=t.base?c[0]+t.base:c[0],h=o[p]||0,a="".concat(p," ").concat(h);o[p]=h+1;var i=_(a),v={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(i!==-1)r[i].references++,r[i].updater(v);else{var f=e(v,t);t.byIndex=l,r.splice(l,0,{identifier:a,updater:f,references:1})}n.push(a)}return n}function e(s,t){var o=t.domAPI(t);o.update(s);var n=function(c){if(c){if(c.css===s.css&&c.media===s.media&&c.sourceMap===s.sourceMap&&c.supports===s.supports&&c.layer===s.layer)return;o.update(s=c)}else o.remove()};return n}u.exports=function(s,t){t=t||{},s=s||[];var o=d(s,t);return function(l){l=l||[];for(var c=0;c<o.length;c++){var p=o[c],h=_(p);r[h].references--}for(var a=d(l,t),i=0;i<o.length;i++){var v=o[i],f=_(v);r[f].references===0&&(r[f].updater(),r.splice(f,1))}o=a}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(u){"use strict";var r={};function _(e){if(typeof r[e]=="undefined"){var s=document.querySelector(e);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(t){s=null}r[e]=s}return r[e]}function d(e,s){var t=_(e);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(s)}u.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(u){"use strict";function r(_){var d=document.createElement("style");return _.setAttributes(d,_.attributes),_.insert(d,_.options),d}u.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(u,r,_){"use strict";function d(e){var s=_.nc;s&&e.setAttribute("nonce",s)}u.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(u){"use strict";function r(e,s,t){var o="";t.supports&&(o+="@supports (".concat(t.supports,") {")),t.media&&(o+="@media ".concat(t.media," {"));var n=typeof t.layer!="undefined";n&&(o+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),o+=t.css,n&&(o+="}"),t.media&&(o+="}"),t.supports&&(o+="}");var l=t.sourceMap;l&&typeof btoa!="undefined"&&(o+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),s.styleTagTransform(o,e,s.options)}function _(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function d(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=e.insertStyleElement(e);return{update:function(o){r(s,e,o)},remove:function(){_(s)}}}u.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(u){"use strict";function r(_,d){if(d.styleSheet)d.styleSheet.cssText=_;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(_))}}u.exports=r},"./src/components/UIIcon/UIIcon.tsx"(u,r,_){"use strict";var d=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIIcon=void 0;const e=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");_("./src/components/UIIcon/UIIcon.scss");class t extends e.default.Component{constructor(n){super(n),this.setStyle=()=>({})}render(){const n=this.props.className?` ${this.props.className}`:"";return e.default.createElement(s.Icon,I(y({},this.props),{className:`ts-icon${n}`,styles:this.setStyle()}))}}r.UIIcon=t},"./src/components/UIIcon/index.tsx"(u,r,_){"use strict";var d=this&&this.__createBinding||(Object.create?(function(s,t,o,n){n===void 0&&(n=o);var l=Object.getOwnPropertyDescriptor(t,o);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(s,n,l)}):(function(s,t,o,n){n===void 0&&(n=o),s[n]=t[o]})),e=this&&this.__exportStar||function(s,t){for(var o in s)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&d(t,s,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(_("./src/components/UIIcon/UIIcon.tsx"),r)},"./src/components/UIToggle/UIToggle.tsx"(u,r,_){"use strict";var d=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIToggle=r.UIToggleSize=void 0;const e=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=d(_("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),t=_("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),o=_("./src/helper/ValidationMessage/index.tsx"),n=_("./src/components/UIIcon/index.tsx"),l=_("./src/components/Icons.tsx");var c;(function(f){f.Standard="Standard",f.Small="Small"})(c||(r.UIToggleSize=c={}));const p={width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"0px 0px 1px 0px"},circle:{width:14,height:14,borderWidth:1}},h={display:"flex"},a=.4,i={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class v extends e.default.Component{constructor(b){super(b),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var b;this.replaceThumbWithIcon((b=this.props.checked)!=null?b:this.props.defaultChecked)}shouldComponentUpdate(b){return b.checked!==this.props.checked&&this.replaceThumbWithIcon(b.checked),!0}handleChange(b,g){var E,m;this.replaceThumbWithIcon(g),(m=(E=this.props).onChange)==null||m.call(E,b,g)}replaceThumbWithIcon(b=!1){var g;if(this.toggleRootRef.current){const E=(g=this.toggleRootRef.current)==null?void 0:g.querySelector(".ms-Toggle-thumb");E&&s.default.render(e.default.createElement(n.UIIcon,{iconName:b?l.UiIcons.SwitchOn:l.UiIcons.SwitchOff,style:h}),E)}}getMarginBottom(b){const{inlineLabel:g}=this.props;if(b)return g?0:4}render(){const{inlineLabelLeft:b,labelFlexGrow:g,inlineLabel:E}=this.props,m=p,w=(0,o.getMessageInfo)(this.props),k=M=>({root:I(y({},g&&{flexGrow:1,justifyContent:"space-between"}),{margin:m==null?void 0:m.margin,marginBottom:this.getMarginBottom(w.message)}),label:I(y(y({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:m==null?void 0:m.label.fontSize,padding:m==null?void 0:m.label.padding},E&&{marginLeft:10}),b&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?a:"inherit"}),pill:I(y({height:m==null?void 0:m.height,width:m==null?void 0:m.width,padding:m==null?void 0:m.padding,background:i.pill.checked.background,borderColor:i.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:i.thumb.checked.hover.background,borderColor:i.thumb.checked.hover.borderColor},":hover":{background:i.pill.checked.hover.background,borderColor:i.pill.checked.hover.borderColor},":disabled":{background:i.pill.checked.background,borderColor:i.pill.checked.borderColor,opacity:a}},!M.checked&&{background:i.pill.unchecked.background,borderColor:i.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:i.thumb.unchecked.hover.background,borderColor:i.thumb.unchecked.hover.borderColor},":hover":{background:i.pill.unchecked.hover.background,borderColor:i.pill.unchecked.hover.borderColor},":disabled":{background:i.pill.unchecked.background,borderColor:i.pill.unchecked.borderColor,opacity:a}}),{selectors:{":focus::after":{border:"none !important",outline:i.pill.focus.outline}}}),thumb:I(y({height:m==null?void 0:m.circle.height,width:m==null?void 0:m.circle.width,borderWidth:m==null?void 0:m.circle.borderWidth,backgroundPosition:"center",borderColor:i.thumb.checked.borderColor,backgroundColor:i.thumb.checked.background,":hover":{background:i.thumb.checked.hover.background,borderColor:i.thumb.checked.hover.borderColor}},!M.checked&&{borderColor:i.thumb.unchecked.borderColor,backgroundColor:i.thumb.unchecked.background}),{svg:{width:"100%",height:"100%",path:{fill:M.checked?"var(--vscode-button-foreground)":"var(--vscode-button-secondaryForeground)"}}})}),T=e.default.createElement(t.Toggle,I(y({},this.props),{styles:k,ref:this.toggleRootRef,onChange:this.handleChange}));return w.message?e.default.createElement(o.MessageWrapper,{message:w},T):T}}r.UIToggle=v},"./src/components/UIToggle/index.tsx"(u,r,_){"use strict";var d=this&&this.__createBinding||(Object.create?(function(s,t,o,n){n===void 0&&(n=o);var l=Object.getOwnPropertyDescriptor(t,o);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(s,n,l)}):(function(s,t,o,n){n===void 0&&(n=o),s[n]=t[o]})),e=this&&this.__exportStar||function(s,t){for(var o in s)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&d(t,s,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(_("./src/components/UIToggle/UIToggle.tsx"),r)},"./src/helper/ValidationMessage/MessageWrapper.tsx"(u,r,_){"use strict";var d=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(r,"__esModule",{value:!0}),r.MESSAGE_ICONS_MAP=void 0,r.MessageWrapper=n;const e=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_("./src/helper/ValidationMessage/utils.ts"),t=_("./src/components/Icons.tsx"),o=_("./src/components/UIIcon/index.tsx");_("./src/helper/ValidationMessage/MessageWrapper.scss"),r.MESSAGE_ICONS_MAP=new Map([[void 0,t.UiIcons.Error],[s.ErrorMessageType.Error,t.UiIcons.Error],[s.ErrorMessageType.Warning,t.UiIcons.Warning],[s.ErrorMessageType.Info,t.UiIcons.Info]]);function n(l){const{children:c,message:p}=l,h=p.message?s.MESSAGE_TYPES_CLASSNAME_MAP.get(p.type):void 0,a=r.MESSAGE_ICONS_MAP.get(p.type);return e.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${h}`},e.default.createElement("div",{className:"ts-message-target"},c),e.default.createElement("div",{className:"ts-message-body"},e.default.createElement(o.UIIcon,{iconName:a}),e.default.createElement("span",null,p.message)))}},"./src/helper/ValidationMessage/index.tsx"(u,r,_){"use strict";var d=this&&this.__createBinding||(Object.create?(function(s,t,o,n){n===void 0&&(n=o);var l=Object.getOwnPropertyDescriptor(t,o);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(s,n,l)}):(function(s,t,o,n){n===void 0&&(n=o),s[n]=t[o]})),e=this&&this.__exportStar||function(s,t){for(var o in s)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&d(t,s,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(_("./src/helper/ValidationMessage/MessageWrapper.tsx"),r),e(_("./src/helper/ValidationMessage/utils.ts"),r)},"./src/helper/ValidationMessage/utils.ts"(u,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.getMessageInfo=r.MESSAGE_TYPES_CLASSNAME_MAP=r.ErrorMessageType=void 0;var _;(function(l){l.Error="Error",l.Warning="Warning",l.Info="Info"})(_||(r.ErrorMessageType=_={}));const d=(l,c)=>{const p=`1px solid ${c}`;return{backgroundColor:l,borderLeft:p,borderRight:p,borderBottom:p,borderColor:c}},e={error:I(y({color:"var(--vscode-input-foreground)"},d("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0,borderRadius:"var(--vscode-cornerRadius-small)"}),warning:{},info:{}};e.warning=y(y({},e.error),d("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),e.info=y(y({},e.error),d("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),r.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[_.Error,"error"],[_.Warning,"warning"],[_.Info,"info"]]);const s=l=>{let c;switch(l){case _.Warning:{c=e.warning;break}case _.Info:{c=e.info;break}default:{c=e.error;break}}return c},t=l=>{if(l){if(l.errorMessage)return _.Error;if(l.warningMessage)return _.Warning;if(l.infoMessage)return _.Info}return _.Error},o=l=>{const c=["errorMessage","warningMessage","infoMessage"];for(const p of c)if(l!=null&&l[p])return l[p]},n=l=>{const c=t(l);return{type:c,style:s(c),message:o(l)}};r.getMessageInfo=n},"./stories/UIToggle.story.tsx"(u,r,_){"use strict";var d=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(r,"__esModule",{value:!0}),r.withMessages=r.smallSize=r.withLabel=r.asDisabled=r.defaultUsage=void 0;const e=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),t=_("./src/components/UIToggle/index.tsx");r.default={title:"Basic Inputs/Toggle/Buttons"};const o={childrenGap:40},n=()=>e.default.createElement(s.Stack,{tokens:o,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(t.UIToggle,null)),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"set to checked"),e.default.createElement(t.UIToggle,{defaultChecked:!0})));r.defaultUsage=n;const l=()=>e.default.createElement(s.Stack,{tokens:o,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle disabled"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(t.UIToggle,{disabled:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"disabled as checked"),e.default.createElement(t.UIToggle,{disabled:!0,defaultChecked:!0})));r.asDisabled=l;const c=()=>e.default.createElement(s.Stack,{tokens:o,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label"),e.default.createElement(t.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode"})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label on the left"),e.default.createElement(t.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with Grow label width"),e.default.createElement(t.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0,labelFlexGrow:!0})));r.withLabel=c;const p=()=>e.default.createElement(s.Stack,{tokens:o,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium"},"small size"),e.default.createElement(t.UIToggle,{label:"Small toggle",inlineLabel:!0,inlineLabelLeft:!0,size:t.UIToggleSize.Small})));r.smallSize=p;const h=()=>{const a="Dummy message";return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(t.UIToggle,{label:"Error",errorMessage:a}),e.default.createElement(t.UIToggle,{label:"Warning",warningMessage:a}),e.default.createElement(t.UIToggle,{label:"Info",infoMessage:a})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(t.UIToggle,{label:"Error",inlineLabel:!0,errorMessage:a}),e.default.createElement(t.UIToggle,{label:"Warning",inlineLabel:!0,warningMessage:a,labelFlexGrow:!0}),e.default.createElement(t.UIToggle,{label:"Info",inlineLabel:!0,infoMessage:a})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(t.UIToggle,{label:"Error",inlineLabel:!0,inlineLabelLeft:!0,errorMessage:a}),e.default.createElement(t.UIToggle,{label:"Warning",inlineLabel:!0,inlineLabelLeft:!0,warningMessage:a}),e.default.createElement(t.UIToggle,{label:"Info",inlineLabel:!0,inlineLabelLeft:!0,labelFlexGrow:!0,infoMessage:a})))};r.withMessages=h}}]);})();