@sap-ux/ui-components 1.18.4 → 1.18.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Icons.js +2 -2
- package/dist/components/Icons.js.map +1 -1
- package/dist/components/UIButton/UISplitButton.d.ts.map +1 -1
- package/dist/components/UICallout/CalloutCollisionTransform.d.ts +0 -1
- package/dist/components/UICallout/CalloutCollisionTransform.d.ts.map +1 -1
- package/dist/components/UIChoiceGroup/UIChoiceGroup.d.ts.map +1 -1
- package/dist/components/UIContextualMenu/UIContextualMenu.js +4 -4
- package/dist/components/UIContextualMenu/UIContextualMenu.js.map +1 -1
- package/dist/components/UIContextualMenu/UIContextualMenu.scss +3 -2
- package/dist/components/UIDropdown/UIDropdown.d.ts.map +1 -1
- package/dist/components/UIDropdown/utils.js +2 -3
- package/dist/components/UIDropdown/utils.js.map +1 -1
- package/dist/components/UIFlexibleTable/RowActions.js +1 -2
- package/dist/components/UIFlexibleTable/RowActions.js.map +1 -1
- package/dist/components/UIFlexibleTable/RowData.js +1 -2
- package/dist/components/UIFlexibleTable/RowData.js.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTable.js +1 -2
- package/dist/components/UIFlexibleTable/UIFlexibleTable.js.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableActionButton.js +1 -2
- package/dist/components/UIFlexibleTable/UIFlexibleTableActionButton.js.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRow.js +2 -3
- package/dist/components/UIFlexibleTable/UIFlexibleTableRow.js.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowActionButton.js +1 -2
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowActionButton.js.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowNoData.js +1 -2
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowNoData.js.map +1 -1
- package/dist/components/UIFlexibleTable/types.d.ts +0 -1
- package/dist/components/UIFlexibleTable/types.d.ts.map +1 -1
- package/dist/components/UIFlexibleTable/utils.js +3 -4
- package/dist/components/UIFlexibleTable/utils.js.map +1 -1
- package/dist/components/UITable/UITable-helper.js +13 -13
- package/dist/components/UITable/UITable-helper.js.map +1 -1
- package/dist/components/UITabs/UITabs.d.ts.map +1 -1
- package/dist/components/UIToggleGroup/UIToggleGroup.d.ts.map +1 -1
- package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.d.ts.map +1 -1
- package/dist/components/UITranslationInput/UIFormattedText.js +4 -4
- package/dist/components/UITranslationInput/UIFormattedText.js.map +1 -1
- package/dist/components/UITranslationInput/UITranslationButton.d.ts.map +1 -1
- package/dist/components/UITranslationInput/UITranslationButton.types.d.ts +0 -1
- package/dist/components/UITranslationInput/UITranslationButton.types.d.ts.map +1 -1
- package/dist/components/UITranslationInput/UITranslationInput.d.ts.map +1 -1
- package/dist/components/UITranslationInput/UITranslationUtils.d.ts.map +1 -1
- package/dist/components/UITranslationInput/UITranslationUtils.js +2 -2
- package/dist/components/UITranslationInput/UITranslationUtils.js.map +1 -1
- package/dist/components/UITreeDropdown/UITreeDropdown.d.ts.map +1 -1
- package/dist/helper/ValidationMessage/MessageWrapper.js +2 -2
- package/dist/helper/ValidationMessage/MessageWrapper.js.map +1 -1
- package/dist/utilities/DeepMerge.js +1 -2
- package/dist/utilities/DeepMerge.js.map +1 -1
- package/dist/utilities/Dom.js +2 -3
- package/dist/utilities/Dom.js.map +1 -1
- package/dist/utilities/Focus.js +2 -2
- package/dist/utilities/Focus.js.map +1 -1
- package/package.json +2 -2
- package/storybook/{594.35720fa3.iframe.bundle.js → 341.db2c9a0a.iframe.bundle.js} +1 -1
- package/storybook/{820.b173e04b.iframe.bundle.js → 342.5c3d2f24.iframe.bundle.js} +1 -1
- package/storybook/{16.a38966a1.iframe.bundle.js → 390.77520f0c.iframe.bundle.js} +3 -3
- package/storybook/391.4110c32b.iframe.bundle.js +1 -0
- package/storybook/{961.ad3b4320.iframe.bundle.js → 498.9e803d53.iframe.bundle.js} +1 -1
- package/storybook/{180.22849a6c.iframe.bundle.js → 504.f031c6ee.iframe.bundle.js} +1 -1
- package/storybook/{604.2d7e915d.iframe.bundle.js → 583.a7edc45e.iframe.bundle.js} +1 -1
- package/storybook/{871.4a80e026.iframe.bundle.js → 589.44ac45cc.iframe.bundle.js} +1 -1
- package/storybook/{320.85bdbeab.iframe.bundle.js → 592.7880c0f6.iframe.bundle.js} +1 -1
- package/storybook/{917.e36fe354.iframe.bundle.js → 721.ec63ce0c.iframe.bundle.js} +1 -1
- package/storybook/{285.bf9307d0.iframe.bundle.js → 742.e07d5a84.iframe.bundle.js} +1 -1
- package/storybook/{586.38f48d45.iframe.bundle.js → 817.c71ffc11.iframe.bundle.js} +1 -1
- package/storybook/825.d50c7306.iframe.bundle.js +17 -0
- package/storybook/841.d180e55f.iframe.bundle.js +7 -0
- package/storybook/{487.c3c24fa1.iframe.bundle.js → 920.1385eab3.iframe.bundle.js} +1 -1
- package/storybook/{756.3c27bb9b.iframe.bundle.js → 973.a281d6de.iframe.bundle.js} +1 -1
- package/storybook/UIActionCallout-story.16851cf6.iframe.bundle.js +2 -0
- package/storybook/{UIButton-story.179b29e1.iframe.bundle.js → UIButton-story.f887fe18.iframe.bundle.js} +1 -1
- package/storybook/{UICallout-story.c34aa62d.iframe.bundle.js → UICallout-story.2d183804.iframe.bundle.js} +1 -1
- package/storybook/UICalloutCollisionTransform-story.65d35532.iframe.bundle.js +1 -0
- package/storybook/{UICheckbox-story.9bd978c7.iframe.bundle.js → UICheckbox-story.ccf2a048.iframe.bundle.js} +2 -2
- package/storybook/{UIChoiceGroup-story.40a23fa8.iframe.bundle.js → UIChoiceGroup-story.a1b90c0f.iframe.bundle.js} +1 -1
- package/storybook/{UICombobox-story.c59e0b8a.iframe.bundle.js → UICombobox-story.7f35ddd7.iframe.bundle.js} +1 -1
- package/storybook/{UIContextualMenu-story.c7989db7.iframe.bundle.js → UIContextualMenu-story.fdeddc59.iframe.bundle.js} +1 -1
- package/storybook/{UICreateSelect-story.d419277e.iframe.bundle.js → UICreateSelect-story.8d814a30.iframe.bundle.js} +1 -1
- package/storybook/{UIDatePicker-story.d5c4fa07.iframe.bundle.js → UIDatePicker-story.d3c6db4c.iframe.bundle.js} +1 -1
- package/storybook/{UIDialog-story.8520b2ad.iframe.bundle.js → UIDialog-story.d6271932.iframe.bundle.js} +1 -1
- package/storybook/UIDropdown-story.694cc6fc.iframe.bundle.js +1 -0
- package/storybook/{UIFlexibleTable-story.faa649e8.iframe.bundle.js → UIFlexibleTable-story.e26a75b6.iframe.bundle.js} +1 -1
- package/storybook/{UIIcon-story.8026f717.iframe.bundle.js → UIIcon-story.16f5f8ab.iframe.bundle.js} +1 -1
- package/storybook/UILabel-story.38df6674.iframe.bundle.js +1 -0
- package/storybook/UILink-story.2c7d1953.iframe.bundle.js +2 -0
- package/storybook/{UILoader-story.0ed5ba9f.iframe.bundle.js → UILoader-story.946c062c.iframe.bundle.js} +1 -1
- package/storybook/{UIMessageBar-story.963d9dbc.iframe.bundle.js → UIMessageBar-story.13a6dea2.iframe.bundle.js} +1 -1
- package/storybook/{UIPersona-story.6419a8aa.iframe.bundle.js → UIPersona-story.6cdb6313.iframe.bundle.js} +1 -1
- package/storybook/{UIQuickNavigation-story.b13443bd.iframe.bundle.js → UIQuickNavigation-story.5f9bb898.iframe.bundle.js} +1 -1
- package/storybook/{UISearchBox-story.d11b95b1.iframe.bundle.js → UISearchBox-story.da945a0f.iframe.bundle.js} +1 -1
- package/storybook/{UISections-story.c2a9778c.iframe.bundle.js → UISections-story.73044eae.iframe.bundle.js} +1 -1
- package/storybook/{UISeparator-story.2aacdc48.iframe.bundle.js → UISeparator-story.a27b46f7.iframe.bundle.js} +1 -1
- package/storybook/{UITable-story.34698d68.iframe.bundle.js → UITable-story.2c0ccae1.iframe.bundle.js} +1 -1
- package/storybook/{UITextInput-story.5e67604d.iframe.bundle.js → UITextInput-story.635fe59b.iframe.bundle.js} +1 -1
- package/storybook/{UIToggle-story.6e43072c.iframe.bundle.js → UIToggle-story.fab92f4e.iframe.bundle.js} +2 -2
- package/storybook/UIToggleGroup-story.50b2392c.iframe.bundle.js +2 -0
- package/storybook/{UITooltip-story.489faa74.iframe.bundle.js → UITooltip-story.8f97ff0e.iframe.bundle.js} +1 -1
- package/storybook/{UITranslationInput-story.591f361e.iframe.bundle.js → UITranslationInput-story.1c47df28.iframe.bundle.js} +1 -1
- package/storybook/{UITreedropdown-story.8b18cd66.iframe.bundle.js → UITreedropdown-story.0da3980f.iframe.bundle.js} +1 -1
- package/storybook/{Utilities-story.b7d94ab7.iframe.bundle.js → Utilities-story.d347dfb2.iframe.bundle.js} +1 -1
- package/storybook/iframe.html +3 -3
- package/storybook/main.407cb28c.iframe.bundle.js +1 -0
- package/storybook/project.json +1 -1
- package/storybook/runtime~main.59c246e5.iframe.bundle.js +2 -0
- package/storybook/104.82647169.iframe.bundle.js +0 -7
- package/storybook/254.480f8d47.iframe.bundle.js +0 -17
- package/storybook/300.a05a6f07.iframe.bundle.js +0 -1
- package/storybook/UIActionCallout-story.6c94d001.iframe.bundle.js +0 -2
- package/storybook/UICalloutCollisionTransform-story.15d048db.iframe.bundle.js +0 -1
- package/storybook/UIDropdown-story.eef1b4c3.iframe.bundle.js +0 -1
- package/storybook/UILabel-story.863ba248.iframe.bundle.js +0 -1
- package/storybook/UILink-story.f89741e1.iframe.bundle.js +0 -2
- package/storybook/UIToggleGroup-story.3a542445.iframe.bundle.js +0 -2
- package/storybook/main.dfbd4e8f.iframe.bundle.js +0 -1
- package/storybook/runtime~main.10b3f4fd.iframe.bundle.js +0 -2
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{var C=Object.defineProperty,K=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var h=(s,t,n)=>t in s?C(s,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):s[t]=n,u=(s,t)=>{for(var n in t||(t={}))T.call(t,n)&&h(s,n,t[n]);if(D)for(var n of D(t))B.call(t,n)&&h(s,n,t[n]);return s},i=(s,t)=>K(s,R(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[520],{"./stories/UIDropdown.story.tsx":function(s,t,n){var f=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(t,"__esModule",{value:!0}),t.groupsAndSeparators=t.accessibilityStates=t.UseDropdownAsMenuMinWidth=t.Messages=t.MultiSelectDropdown=t.States=t.Short=t.Basic=void 0;const e=f(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=n("./src/components/index.tsx"),l=n("./test/__mock__/select-data.ts");(0,a.initIcons)(),t.default={title:"Dropdowns/Dropdown"};const m=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:l.data,useDropdownAsMenuMinWidth:!0}));t.Basic=m;const p=()=>e.default.createElement("div",{style:{width:"150px"}},e.default.createElement(a.UIDropdown,{options:l.shortData}),e.default.createElement(a.UIDropdown,{options:l.shortData,disabled:!0}));t.Short=p;const x=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:l.data,label:"Error",errorMessage:"Dummy Error"}),e.default.createElement(a.UIDropdown,{options:l.data,label:"Disabled",disabled:!0}),e.default.createElement(a.UIDropdown,{options:l.data,label:"Required",required:!0}));t.States=x;const w=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:l.data,multiSelect:!0,responsiveMode:5}));t.MultiSelectDropdown=w;const M=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:l.data,label:"Error",errorMessage:"Dummy Error"}),e.default.createElement(a.UIDropdown,{options:l.data,label:"Warning",warningMessage:"Dummy Warning"}),e.default.createElement(a.UIDropdown,{options:l.data,label:"Info",infoMessage:"Dummy Info"}));t.Messages=M;const I=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,"useDropdownAsMenuMinWidth ON"),e.default.createElement(a.UIDropdown,{label:"Long",options:l.data,useDropdownAsMenuMinWidth:!0}),e.default.createElement(a.UIDropdown,{label:"Short",options:l.shortData,useDropdownAsMenuMinWidth:!0})),e.default.createElement("div",null,e.default.createElement("div",null,"useDropdownAsMenuMinWidth OFF"),e.default.createElement(a.UIDropdown,{label:"Long",options:l.data}),e.default.createElement(a.UIDropdown,{label:"Short",options:l.shortData})));t.UseDropdownAsMenuMinWidth=I;const S=()=>{const[r,A]=e.default.useState(!1),[o,k]=e.default.useState("EE"),g={childrenGap:40},E=Array.isArray(o)?o:void 0,c={options:l.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:r,onChange:(b,d)=>{if(Array.isArray(o)){const _=[...o,d==null?void 0:d.key].filter(v=>d!=null&&d.selected?!0:v!==(d==null?void 0:d.key));k(_)}else d&&k(d.key)}};return e.default.createElement("div",null,e.default.createElement(a.UICheckbox,{label:"Multi Select",checked:r,onChange:(b,d)=>{d&&!Array.isArray(o)?k([o]):!d&&Array.isArray(o)&&k(o[0]),A(d)}}),e.default.createElement(y.Stack,{horizontal:!0,tokens:g},e.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},e.default.createElement("tr",null,e.default.createElement("td",{style:{minWidth:100,width:150}}),e.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),e.default.createElement("td",{style:{width:"50%"}},"Input Text")),e.default.createElement("tr",null,e.default.createElement("td",null,"Regular"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{selectedKey:o,selectedKeys:E})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{errorMessage:"Dummy error",selectedKey:o,selectedKeys:E})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{selectedKey:o,selectedKeys:E,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{selectedKey:o,selectedKeys:E,readOnly:!0})))))))};t.accessibilityStates=S;const U=()=>{const r=[...l.groupsData];return r.splice(4,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),r.splice(14,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),r.splice(18,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:l.groupsData,label:"Menu items with headers"}),e.default.createElement(a.UIDropdown,{options:r,label:"Menu items with dividers and headers"}),e.default.createElement(a.UIDropdown,{options:l.groupsData,multiSelect:!0,label:"Menu items with headers - multi select"}),e.default.createElement(a.UIDropdown,{options:r,multiSelect:!0,label:"Menu items with dividers and headers - multi select"}))};t.groupsAndSeparators=U},"./test/__mock__/select-data.ts":(s,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.groupsData=t.shortData=t.data=void 0;const f=n("./src/components/index.tsx");t.data=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"},{key:"BE",text:"Belgium"},{key:"BC",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod"},{key:"BA",text:"Bosnia and Herzegovina"},{key:"BR",text:"Brazil"},{key:"BG",text:"Bulgaria"},{key:"CA",text:"Canada"},{key:"CL",text:"Chile"},{key:"CO",text:"Colombia"},{key:"HR",text:"Croatia"},{key:"CU",text:"Cuba"},{key:"CZ",text:"Czech Republic"},{key:"DK",text:"Denmark"},{key:"EG",text:"Egypt"},{key:"EE",text:"Estonia"},{key:"FI",text:"Finland"},{key:"FR",text:"France"},{key:"GER",text:"Germany"},{key:"GH",text:"Ghana"},{key:"GR",text:"Greece"},{key:"HU",text:"Hungary"},{key:"IN",text:"India"},{key:"ID",text:"Indonesia"},{key:"IE",text:"Ireland"},{key:"IL",text:"Israel"},{key:"IT",text:"Italy"},{key:"JP",text:"Japan"},{key:"JO",text:"Jordan"},{key:"KE",text:"Kenya"},{key:"KW",text:"Kuwait"},{key:"LV",text:"Latvia"},{key:"LT",text:"Lithuania"},{key:"MK",text:"Macedonia"},{key:"MY",text:"Malaysia"},{key:"MX",text:"Mexico"},{key:"ME",text:"Montenegro"},{key:"MA",text:"Morocco"},{key:"NL",text:"Netherlands"},{key:"NZ",text:"New Zealand"},{key:"NG",text:"Nigeria"},{key:"NO",text:"Norway"},{key:"OM",text:"Oman"},{key:"PE",text:"Peru"},{key:"PH",text:"Philippines"},{key:"PL",text:"Poland"},{key:"PT",text:"Portugal"},{key:"QA",text:"Qatar"},{key:"RO",text:"Romania"},{key:"RU",text:"Russia"},{key:"SA",text:"Saudi Arabia"},{key:"SN",text:"Senegal"},{key:"RS",text:"Serbia"},{key:"SG",text:"Singapore"},{key:"SK",text:"Slovakia"},{key:"SI",text:"Slovenia"},{key:"ZA",text:"South Africa"},{key:"KR",text:"South Korea"},{key:"ES",text:"Spain"},{key:"SE",text:"Sweden"},{key:"CH",text:"Switzerland"},{key:"TN",text:"Tunisia"},{key:"TR",text:"Turkey"},{key:"UG",text:"Uganda"},{key:"UA",text:"Ukraine"},{key:"AE",text:"United Arab Emirates"},{key:"GB",text:"United Kingdom"},{key:"DU",text:"Dummmmmmmmyyyyyy"},{key:"DD",text:"Dudududumy"},{key:"YE",text:"Yemen"}],t.shortData=[t.data[0],t.data[1],t.data[2],t.data[3],t.data[4]];const e={africa:["DZ","EG","GH","KE","MA","NG","SN","ZA","TN","UG"],asia:["BH","IN","ID","JP","JO","KW","MY","OM","PH","QA","SA","SG","KR","AE","YE"],"Australia and Oceania":["AU","BC","NZ"],europe:["AT","BE","BA","BG","HR","CZ","DK","EE","FI","FR","GER","GR","HU","IE","IL","IT","LV","LT","MK","ME","NL","NO","PL","PT","RO","RU","RS","SK","SI","ES","SE","CH","TR","UA","GB"],northAmerica:["CA"],southAmerica:["AR","BR","CL","CO","CU","MX","PE"],unknown:["DU","DD"]};t.groupsData=[];for(const y in e){t.groupsData.push({key:y,text:y.charAt(0).toUpperCase()+y.slice(1),itemType:f.UISelectableOptionMenuItemType.Header});const a=e[y];for(const l of a){const m=t.data.find(p=>p.key===l);m&&t.groupsData.push(m)}}}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{var m=Object.defineProperty,p=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var h=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var _=(r,e,t)=>e in r?m(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,i=(r,e)=>{for(var t in e||(e={}))h.call(e,t)&&_(r,t,e[t]);if(f)for(var t of f(e))I.call(e,t)&&_(r,t,e[t]);return r},b=(r,e)=>p(r,y(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[398],{"./src/components/UILabel/UILabel.tsx":function(r,e,t){var u=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};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")),a=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class l extends c.default.Component{constructor(o){super(o)}render(){const o=s=>({root:[i({marginTop:25},e.labelGlobalStyle),s.disabled&&{opacity:"0.4"},s.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return c.default.createElement(a.Label,b(i({},this.props),{styles:o}))}}e.UILabel=l},"./src/components/UILabel/index.tsx":function(r,e,t){var u=this&&this.__createBinding||(Object.create?function(a,l,n,o){o===void 0&&(o=n);var s=Object.getOwnPropertyDescriptor(l,n);(!s||("get"in s?!l.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return l[n]}}),Object.defineProperty(a,o,s)}:function(a,l,n,o){o===void 0&&(o=n),a[o]=l[n]}),c=this&&this.__exportStar||function(a,l){for(var n in a)n!=="default"&&!Object.prototype.hasOwnProperty.call(l,n)&&u(l,a,n)};Object.defineProperty(e,"__esModule",{value:!0}),c(t("./src/components/UILabel/UILabel.tsx"),e)},"./stories/UILabel.story.tsx":function(r,e,t){var u=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};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")),a=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=t("./src/components/UILabel/index.tsx");(0,t("./src/components/Icons.tsx").initIcons)(),e.default={title:"Basic Inputs/Label"};const o={childrenGap:40},s=()=>c.default.createElement(a.Stack,{tokens:o,style:{width:300}},c.default.createElement(a.Stack,{tokens:{childrenGap:16}},c.default.createElement(a.Text,{variant:"large",className:"textColor"},"UILabel"),c.default.createElement(l.UILabel,null,"Just a label")),c.default.createElement(a.Stack,{tokens:{childrenGap:16}},c.default.createElement(a.Text,{variant:"large",className:"textColor"},"UILabel with required on"),c.default.createElement(l.UILabel,{required:!0},"Just a label")));e.defaultUsage=s}}]);})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(()=>{var O=Object.defineProperty,C=Object.defineProperties;var k=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var S=(i,n,e)=>n in i?O(i,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[n]=e,g=(i,n)=>{for(var e in n||(n={}))j.call(n,e)&&S(i,e,n[e]);if(M)for(var e of M(n))x.call(n,e)&&S(i,e,n[e]);return i},E=(i,n)=>C(i,k(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[469],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(i,n,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),o=_(l);o.push([i.id,".ts-icon{fill:var(--vscode-foreground)}",""]),i.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(i,n,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),o=_(l);o.push([i.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}",""]),i.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(n){var e=[];return e.toString=function(){return this.map(function(_){var o="",s=typeof _[5]!="undefined";return _[4]&&(o+="@supports (".concat(_[4],") {")),_[2]&&(o+="@media ".concat(_[2]," {")),s&&(o+="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {")),o+=n(_),s&&(o+="}"),_[2]&&(o+="}"),_[4]&&(o+="}"),o}).join("")},e.i=function(_,o,s,t,a){typeof _=="string"&&(_=[[null,_,void 0]]);var r={};if(s)for(var d=0;d<this.length;d++){var u=this[d][0];u!=null&&(r[u]=!0)}for(var m=0;m<_.length;m++){var c=[].concat(_[m]);s&&r[c[0]]||(typeof a!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=a),o&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=o),t&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=t):c[4]="".concat(t)),e.push(c))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(n){return n[1]}},"./src/components/UIIcon/UIIcon.scss":(i,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>I});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=e.n(l),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(o),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(t),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=e.n(r),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=e.n(u),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(c),f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),y=e.n(f),b={};for(const h in f)h!=="default"&&(b[h]=()=>f[h]);e.d(n,b);var v={};v.styleTagTransform=p(),v.setAttributes=d(),v.insert=a().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();var P=_()(y(),v);const I=y()&&y().locals?y().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(i,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>I});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=e.n(l),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(o),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(t),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=e.n(r),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=e.n(u),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(c),f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),y=e.n(f),b={};for(const h in f)h!=="default"&&(b[h]=()=>f[h]);e.d(n,b);var v={};v.styleTagTransform=p(),v.setAttributes=d(),v.insert=a().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();var P=_()(y(),v);const I=y()&&y().locals?y().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var n=[];function e(o){for(var s=-1,t=0;t<n.length;t++)if(n[t].identifier===o){s=t;break}return s}function l(o,s){for(var t={},a=[],r=0;r<o.length;r++){var d=o[r],u=s.base?d[0]+s.base:d[0],m=t[u]||0,c="".concat(u," ").concat(m);t[u]=m+1;var p=e(c),f={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(p!==-1)n[p].references++,n[p].updater(f);else{var y=_(f,s);s.byIndex=r,n.splice(r,0,{identifier:c,updater:y,references:1})}a.push(c)}return a}function _(o,s){var t=s.domAPI(s);t.update(o);var a=function(d){if(d){if(d.css===o.css&&d.media===o.media&&d.sourceMap===o.sourceMap&&d.supports===o.supports&&d.layer===o.layer)return;t.update(o=d)}else t.remove()};return a}i.exports=function(o,s){s=s||{},o=o||[];var t=l(o,s);return function(r){r=r||[];for(var d=0;d<t.length;d++){var u=t[d],m=e(u);n[m].references--}for(var c=l(r,s),p=0;p<t.length;p++){var f=t[p],y=e(f);n[y].references===0&&(n[y].updater(),n.splice(y,1))}t=c}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var n={};function e(_){if(typeof n[_]=="undefined"){var o=document.querySelector(_);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(s){o=null}n[_]=o}return n[_]}function l(_,o){var s=e(_);if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(o)}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function n(e){var l=document.createElement("style");return e.setAttributes(l,e.attributes),e.insert(l,e.options),l}i.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,n,e)=>{"use strict";function l(_){var o=e.nc;o&&_.setAttribute("nonce",o)}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function n(_,o,s){var t="";s.supports&&(t+="@supports (".concat(s.supports,") {")),s.media&&(t+="@media ".concat(s.media," {"));var a=typeof s.layer!="undefined";a&&(t+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),t+=s.css,a&&(t+="}"),s.media&&(t+="}"),s.supports&&(t+="}");var r=s.sourceMap;r&&typeof btoa!="undefined"&&(t+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),o.styleTagTransform(t,_,o.options)}function e(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function l(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=_.insertStyleElement(_);return{update:function(t){n(o,_,t)},remove:function(){e(o)}}}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function n(e,l){if(l.styleSheet)l.styleSheet.cssText=e;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(e))}}i.exports=n},"./src/components/UICheckbox/UICheckbox.tsx":function(i,n,e){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICheckbox=void 0;const _=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=e("./src/helper/ValidationMessage/index.tsx");class t extends _.default.Component{constructor(r){super(r),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(d,u)=>({root:[!u.disabled&&[!u.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[o.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[o.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[o.HighContrastSelector]:{color:u.disabled?"GrayText":"WindowText"}}}],u.checked&&!u.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:u.disabled?"":"var(--vscode-checkbox-background)",borderColor:u.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[o.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},d.message&&{marginBottom:2}],input:{[`.${o.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[o.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:u.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:u.disabled?.4:void 0}})}render(){const r=(0,s.getMessageInfo)(this.props),d=_.default.createElement(o.Checkbox,E(g({},this.props),{styles:u=>g(g({},this.setStyle(r,u)),this.props.styles)}));return r.message?_.default.createElement(s.MessageWrapper,{message:r},d):d}}n.UICheckbox=t},"./src/components/UICheckbox/index.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&l(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UICheckbox/UICheckbox.tsx"),n)},"./src/components/UIIcon/UIIcon.tsx":function(i,n,e){"use strict";var l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIIcon=void 0;const _=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class s extends _.default.Component{constructor(a){super(a),this.setStyle=()=>({})}render(){const a=this.props.className?` ${this.props.className}`:"";return _.default.createElement(o.Icon,E(g({},this.props),{className:`ts-icon${a}`,styles:this.setStyle()}))}}n.UIIcon=s},"./src/components/UIIcon/index.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&l(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UIIcon/UIIcon.tsx"),n)},"./src/components/UILink/UILink.tsx":function(i,n,e){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILink=void 0;const _=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s={primary:{color:"var(--vscode-textLink-foreground)",hoverColor:"var(--vscode-textLink-activeForeground)"},secondary:{color:"var(--vscode-foreground)",hoverColor:"var(--vscode-foreground)"}};class t extends _.default.Component{constructor(r){super(r)}render(){const{secondary:r,underline:d,disabled:u}=this.props,m=r?s.secondary:s.primary,c=()=>({root:{color:m.color,fontFamily:"var(--vscode-font-family)",textDecoration:d===!1?void 0:"underline",selectors:u?void 0:{"&:hover, &:hover:focus, &:hover:active":{color:m.hoverColor,textDecoration:d===!1?"underline":"none"},"&:active, &:focus":{color:m.hoverColor,textDecoration:d===!1?"underline":"none",outline:"none"},".ms-Fabric--isFocusVisible &:focus":{boxShadow:"none",outline:"1px solid var(--vscode-focusBorder)",outlineOffset:"-1px"}},opacity:u?.4:void 0}});return _.default.createElement(o.Link,E(g({},this.props),{styles:c}))}}n.UILink=t},"./src/components/UILink/index.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&l(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UILink/UILink.tsx"),n)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(i,n,e){"use strict";var l=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.MessageWrapper=n.MESSAGE_ICONS_MAP=void 0;const _=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/helper/ValidationMessage/utils.ts"),s=e("./src/components/Icons.tsx"),t=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),n.MESSAGE_ICONS_MAP=new Map([[void 0,s.UiIcons.Error],[o.ErrorMessageType.Error,s.UiIcons.Error],[o.ErrorMessageType.Warning,s.UiIcons.Warning],[o.ErrorMessageType.Info,s.UiIcons.Info]]);function a(r){const{children:d,message:u}=r,m=u.message?o.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0,c=n.MESSAGE_ICONS_MAP.get(u.type);return _.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${m}`},_.default.createElement("div",{className:"ts-message-target"},d),_.default.createElement("div",{className:"ts-message-body"},_.default.createElement(t.UIIcon,{iconName:c}),_.default.createElement("span",null,u.message)))}n.MessageWrapper=a},"./src/helper/ValidationMessage/index.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&l(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),n),_(e("./src/helper/ValidationMessage/utils.ts"),n)},"./src/helper/ValidationMessage/utils.ts":(i,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getMessageInfo=n.MESSAGE_TYPES_CLASSNAME_MAP=n.ErrorMessageType=void 0;var e;(function(r){r.Error="Error",r.Warning="Warning",r.Info="Info"})(e||(n.ErrorMessageType=e={}));const l=(r,d)=>{const u=`1px solid ${d}`;return{backgroundColor:r,borderLeft:u,borderRight:u,borderBottom:u,borderColor:d}},_={error:E(g({color:"var(--vscode-input-foreground)"},l("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};_.warning=g(g({},_.error),l("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),_.info=g(g({},_.error),l("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),n.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const o=r=>{let d;switch(r){case e.Warning:{d=_.warning;break}case e.Info:{d=_.info;break}default:{d=_.error;break}}return d},s=r=>{if(r){if(r.errorMessage)return e.Error;if(r.warningMessage)return e.Warning;if(r.infoMessage)return e.Info}return e.Error},t=r=>{const d=["errorMessage","warningMessage","infoMessage"];for(const u of d)if(r!=null&&r[u])return r[u]},a=r=>{const d=s(r);return{type:d,style:o(d),message:t(r)}};n.getMessageInfo=a},"./stories/UILink.story.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(m,c,p,f){f===void 0&&(f=p);var y=Object.getOwnPropertyDescriptor(c,p);(!y||("get"in y?!c.__esModule:y.writable||y.configurable))&&(y={enumerable:!0,get:function(){return c[p]}}),Object.defineProperty(m,f,y)}:function(m,c,p,f){f===void 0&&(f=p),m[f]=c[p]}),_=this&&this.__setModuleDefault||(Object.create?function(m,c){Object.defineProperty(m,"default",{enumerable:!0,value:c})}:function(m,c){m.default=c}),o=this&&this.__importStar||function(m){if(m&&m.__esModule)return m;var c={};if(m!=null)for(var p in m)p!=="default"&&Object.prototype.hasOwnProperty.call(m,p)&&l(c,m,p);return _(c,m),c};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const s=o(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=e("./src/components/UILink/index.tsx"),r=e("./src/components/UICheckbox/index.tsx");n.default={title:"Basic Inputs/Link"};const d={childrenGap:40},u=()=>{const[m,c]=(0,s.useState)(!1);return s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(r.UICheckbox,{label:"Disabled",checked:m,onChange:(p,f)=>{c(!!f)}}))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{href:"JavaScript:void(0)",disabled:m},"I am a link"))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink with no underline"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{underline:!1,href:"JavaScript:void(0)",disabled:m},"I am a link"))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Secondary UILink"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{secondary:!0,href:"JavaScript:void(0)",disabled:m},"I am a secondary link"))))};n.defaultUsage=u}}]);})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(()=>{var j=Object.defineProperty,M=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var T=(d,e,s)=>e in d?j(d,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):d[e]=s,v=(d,e)=>{for(var s in e||(e={}))S.call(e,s)&&T(d,s,e[s]);if(P)for(var s of P(e))D.call(e,s)&&T(d,s,e[s]);return d},h=(d,e)=>M(d,U(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[844],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(d,e,s)=>{var a=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),o=r(a);o.push([d.id,".ts-icon{fill:var(--vscode-foreground)}",""]),d.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":d=>{"use strict";d.exports=function(e){var s=[];return s.toString=function(){return this.map(function(r){var o="",n=typeof r[5]!="undefined";return r[4]&&(o+="@supports (".concat(r[4],") {")),r[2]&&(o+="@media ".concat(r[2]," {")),n&&(o+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),o+=e(r),n&&(o+="}"),r[2]&&(o+="}"),r[4]&&(o+="}"),o}).join("")},s.i=function(r,o,n,t,l){typeof r=="string"&&(r=[[null,r,void 0]]);var u={};if(n)for(var i=0;i<this.length;i++){var y=this[i][0];y!=null&&(u[y]=!0)}for(var c=0;c<r.length;c++){var _=[].concat(r[c]);n&&u[_[0]]||(typeof l!="undefined"&&(typeof _[5]=="undefined"||(_[1]="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {").concat(_[1],"}")),_[5]=l),o&&(_[2]&&(_[1]="@media ".concat(_[2]," {").concat(_[1],"}")),_[2]=o),t&&(_[4]?(_[1]="@supports (".concat(_[4],") {").concat(_[1],"}"),_[4]=t):_[4]="".concat(t)),s.push(_))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":d=>{"use strict";d.exports=function(e){return e[1]}},"./src/components/UIIcon/UIIcon.scss":(d,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>O});var a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=s.n(a),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),n=s.n(o),t=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=s.n(t),u=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=s.n(u),y=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=s.n(y),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=s.n(_),p=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),f=s.n(p),g={};for(const I in p)I!=="default"&&(g[I]=()=>p[I]);s.d(e,g);var b={};b.styleTagTransform=m(),b.setAttributes=i(),b.insert=l().bind(null,"head"),b.domAPI=n(),b.insertStyleElement=c();var E=r()(f(),b);const O=f()&&f().locals?f().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":d=>{"use strict";var e=[];function s(o){for(var n=-1,t=0;t<e.length;t++)if(e[t].identifier===o){n=t;break}return n}function a(o,n){for(var t={},l=[],u=0;u<o.length;u++){var i=o[u],y=n.base?i[0]+n.base:i[0],c=t[y]||0,_="".concat(y," ").concat(c);t[y]=c+1;var m=s(_),p={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(m!==-1)e[m].references++,e[m].updater(p);else{var f=r(p,n);n.byIndex=u,e.splice(u,0,{identifier:_,updater:f,references:1})}l.push(_)}return l}function r(o,n){var t=n.domAPI(n);t.update(o);var l=function(i){if(i){if(i.css===o.css&&i.media===o.media&&i.sourceMap===o.sourceMap&&i.supports===o.supports&&i.layer===o.layer)return;t.update(o=i)}else t.remove()};return l}d.exports=function(o,n){n=n||{},o=o||[];var t=a(o,n);return function(u){u=u||[];for(var i=0;i<t.length;i++){var y=t[i],c=s(y);e[c].references--}for(var _=a(u,n),m=0;m<t.length;m++){var p=t[m],f=s(p);e[f].references===0&&(e[f].updater(),e.splice(f,1))}t=_}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":d=>{"use strict";var e={};function s(r){if(typeof e[r]=="undefined"){var o=document.querySelector(r);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(n){o=null}e[r]=o}return e[r]}function a(r,o){var n=s(r);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(o)}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":d=>{"use strict";function e(s){var a=document.createElement("style");return s.setAttributes(a,s.attributes),s.insert(a,s.options),a}d.exports=e},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(d,e,s)=>{"use strict";function a(r){var o=s.nc;o&&r.setAttribute("nonce",o)}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":d=>{"use strict";function e(r,o,n){var t="";n.supports&&(t+="@supports (".concat(n.supports,") {")),n.media&&(t+="@media ".concat(n.media," {"));var l=typeof n.layer!="undefined";l&&(t+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),t+=n.css,l&&(t+="}"),n.media&&(t+="}"),n.supports&&(t+="}");var u=n.sourceMap;u&&typeof btoa!="undefined"&&(t+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),o.styleTagTransform(t,r,o.options)}function s(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function a(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=r.insertStyleElement(r);return{update:function(t){e(o,r,t)},remove:function(){s(o)}}}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":d=>{"use strict";function e(s,a){if(a.styleSheet)a.styleSheet.cssText=s;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(s))}}d.exports=e},"./src/components/UIIcon/UIIcon.tsx":function(d,e,s){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIIcon=void 0;const r=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");s("./src/components/UIIcon/UIIcon.scss");class n extends r.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return r.default.createElement(o.Icon,h(v({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}e.UIIcon=n},"./src/components/UIIcon/index.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,n,t,l){l===void 0&&(l=t);var u=Object.getOwnPropertyDescriptor(n,t);(!u||("get"in u?!n.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(o,l,u)}: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)&&a(n,o,t)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UIIcon/UIIcon.tsx"),e)},"./src/components/UILabel/UILabel.tsx":function(d,e,s){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const r=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class n extends r.default.Component{constructor(l){super(l)}render(){const l=u=>({root:[v({marginTop:25},e.labelGlobalStyle),u.disabled&&{opacity:"0.4"},u.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return r.default.createElement(o.Label,h(v({},this.props),{styles:l}))}}e.UILabel=n},"./src/components/UILabel/index.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,n,t,l){l===void 0&&(l=t);var u=Object.getOwnPropertyDescriptor(n,t);(!u||("get"in u?!n.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(o,l,u)}: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)&&a(n,o,t)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UILabel/UILabel.tsx"),e)},"./src/utilities/Dom.ts":(d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isHTMLInputElement=e.isHTMLElement=void 0;function s(r){return"title"in r}e.isHTMLElement=s;function a(r){return"value"in r&&"tagName"in r&&r.tagName==="INPUT"}e.isHTMLInputElement=a},"./src/utilities/Focus.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.focusToSibling=e.getPreviousElement=e.getNextElement=e.setUIFocusVisibility=e.getUILastFocusable=e.getUIFirstFocusable=void 0;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(e,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(e,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(e,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(e,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}});function r(o,n){const t=(0,a.getDocument)();if(t){let l=null;if(n?l=(0,a.getNextElement)(t.body,o,!1,!1,!0,!0):l=(0,a.getPreviousElement)(t.body,o,!1,!1,!0,!0),l)return l.focus(),l}return null}e.focusToSibling=r},"./src/utilities/Id.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getUIId=void 0;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIId",{enumerable:!0,get:function(){return a.getId}})},"./src/utilities/Keys.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.UIKeyCodes=void 0;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})},"./src/utilities/index.ts":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,n,t,l){l===void 0&&(l=t);var u=Object.getOwnPropertyDescriptor(n,t);(!u||("get"in u?!n.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(o,l,u)}: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)&&a(n,o,t)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/utilities/Dom.ts"),e),r(s("./src/utilities/Focus.ts"),e),r(s("./src/utilities/Id.ts"),e),r(s("./src/utilities/Keys.ts"),e)},"./stories/UIToggleGroup.story.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(c,_,m,p){p===void 0&&(p=m);var f=Object.getOwnPropertyDescriptor(_,m);(!f||("get"in f?!_.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return _[m]}}),Object.defineProperty(c,p,f)}:function(c,_,m,p){p===void 0&&(p=m),c[p]=_[m]}),r=this&&this.__setModuleDefault||(Object.create?function(c,_){Object.defineProperty(c,"default",{enumerable:!0,value:_})}:function(c,_){c.default=_}),o=this&&this.__importStar||function(c){if(c&&c.__esModule)return c;var _={};if(c!=null)for(var m in c)m!=="default"&&Object.prototype.hasOwnProperty.call(c,m)&&a(_,c,m);return r(_,c),_};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const n=o(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=s("./src/components/UIToggleGroup/index.ts");(0,s("./src/components/Icons.tsx").initIcons)(),e.default={title:"Basic Inputs/Toggle/Group"};const i={childrenGap:40},y=()=>{const[c,_]=(0,n.useState)(""),m=[{key:"high",text:"H",ariaLabel:"High",title:"High"},{key:"medium",text:"M",ariaLabel:"Medium",title:"Medium"},{key:"low",text:"L",ariaLabel:"Low",title:"Low"}],p=[{key:"high",text:"H"},{key:"medium",text:"M",disabled:!0},{key:"low",text:"L"},{key:"long_text",text:"Long Text"}],f=[{key:"chart",icon:"Chart"},{key:"star",icon:"Star"},{key:"settings",icon:"Settings"}],g=(b,E)=>{_(E?b:"")};return n.default.createElement(t.Stack,{tokens:i,style:{width:300}},n.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIToggleGroup"),n.default.createElement(t.Stack,{tokens:{childrenGap:16}},n.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, default usage"),n.default.createElement(l.UIToggleGroup,{options:m,label:"Test",ariaLabel:"test",onChange:g.bind(this)}),n.default.createElement("span",null,"selection: ",c)),n.default.createElement(t.Stack,{tokens:{childrenGap:16}},n.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, required value"),n.default.createElement(l.UIToggleGroup,{options:m,label:"Test",required:!0})),n.default.createElement(t.Stack,{tokens:{childrenGap:16}},n.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with default selected value"),n.default.createElement(l.UIToggleGroup,{options:m,label:"Test",selectedKey:"medium"})),n.default.createElement(t.Stack,{tokens:{childrenGap:16}},n.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with a disabled option"),n.default.createElement(l.UIToggleGroup,{options:p,label:"Test"})),n.default.createElement(t.Stack,{tokens:{childrenGap:16}},n.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with icons option"),n.default.createElement(l.UIToggleGroup,{options:f,label:"Test"})))};e.defaultUsage=y}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{var O=(s,r)=>()=>(r||s((r={exports:{}}).exports,r),r.exports);var c=(s,r,t)=>new Promise((i,e)=>{var n=o=>{try{y(t.next(o))}catch(a){e(a)}},I=o=>{try{y(t.throw(o))}catch(a){e(a)}},y=o=>o.done?i(o.value):Promise.resolve(o.value).then(n,I);y((t=t.apply(s,r)).next())});var T=O(p=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[179],{"./stories lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$":(s,r,t)=>{var i={"./UIActionCallout.story":["./stories/UIActionCallout.story.tsx",594,300,84],"./UIActionCallout.story.tsx":["./stories/UIActionCallout.story.tsx",594,300,84],"./UIButton.story":["./stories/UIButton.story.tsx",594,300,820,961,285,871,740],"./UIButton.story.tsx":["./stories/UIButton.story.tsx",594,300,820,961,285,871,740],"./UICallout.story":["./stories/UICallout.story.tsx",594,300,820,961,285,292],"./UICallout.story.tsx":["./stories/UICallout.story.tsx",594,300,820,961,285,292],"./UICalloutCollisionTransform.story":["./stories/UICalloutCollisionTransform.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,244],"./UICalloutCollisionTransform.story.tsx":["./stories/UICalloutCollisionTransform.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,244],"./UICheckbox.story":["./stories/UICheckbox.story.tsx",594,300,294],"./UICheckbox.story.tsx":["./stories/UICheckbox.story.tsx",594,300,294],"./UIChoiceGroup.story":["./stories/UIChoiceGroup.story.tsx",594,300,900],"./UIChoiceGroup.story.tsx":["./stories/UIChoiceGroup.story.tsx",594,300,900],"./UICombobox.story":["./stories/UICombobox.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,295],"./UICombobox.story.tsx":["./stories/UICombobox.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,295],"./UIContextualMenu.story":["./stories/UIContextualMenu.story.tsx",594,300,820,961,285,871,756,778],"./UIContextualMenu.story.tsx":["./stories/UIContextualMenu.story.tsx",594,300,820,961,285,871,756,778],"./UICreateSelect.story":["./stories/UICreateSelect.story.tsx",594,254,300,820,961,761],"./UICreateSelect.story.tsx":["./stories/UICreateSelect.story.tsx",594,254,300,820,961,761],"./UIDatePicker.story":["./stories/UIDatePicker.story.tsx",594,300,820,835],"./UIDatePicker.story.tsx":["./stories/UIDatePicker.story.tsx",594,300,820,835],"./UIDialog.story":["./stories/UIDialog.story.tsx",594,300,820,961,285,756,487,604,693],"./UIDialog.story.tsx":["./stories/UIDialog.story.tsx",594,300,820,961,285,756,487,604,693],"./UIDropdown.story":["./stories/UIDropdown.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,520],"./UIDropdown.story.tsx":["./stories/UIDropdown.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,520],"./UIFlexibleTable.story":["./stories/UIFlexibleTable.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,210],"./UIFlexibleTable.story.tsx":["./stories/UIFlexibleTable.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,210],"./UIIcon.story":["./stories/UIIcon.story.tsx",594,300,524],"./UIIcon.story.tsx":["./stories/UIIcon.story.tsx",594,300,524],"./UILabel.story":["./stories/UILabel.story.tsx",594,300,398],"./UILabel.story.tsx":["./stories/UILabel.story.tsx",594,300,398],"./UILink.story":["./stories/UILink.story.tsx",594,300,469],"./UILink.story.tsx":["./stories/UILink.story.tsx",594,300,469],"./UILoader.story":["./stories/UILoader.story.tsx",594,300,820,961,285,487,682],"./UILoader.story.tsx":["./stories/UILoader.story.tsx",594,300,820,961,285,487,682],"./UIMessageBar.story":["./stories/UIMessageBar.story.tsx",594,300,328],"./UIMessageBar.story.tsx":["./stories/UIMessageBar.story.tsx",594,300,328],"./UIPersona.story":["./stories/UIPersona.story.tsx",594,218],"./UIPersona.story.tsx":["./stories/UIPersona.story.tsx",594,218],"./UIQuickNavigation.story":["./stories/UIQuickNavigation.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,535],"./UIQuickNavigation.story.tsx":["./stories/UIQuickNavigation.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,535],"./UISearchBox.story":["./stories/UISearchBox.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,786],"./UISearchBox.story.tsx":["./stories/UISearchBox.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,786],"./UISections.story":["./stories/UISections.story.tsx",594,300,820,961,285,756,320,248],"./UISections.story.tsx":["./stories/UISections.story.tsx",594,300,820,961,285,756,320,248],"./UISeparator.story":["./stories/UISeparator.story.tsx",594,456],"./UISeparator.story.tsx":["./stories/UISeparator.story.tsx",594,456],"./UITable.story":["./stories/UITable.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,309],"./UITable.story.tsx":["./stories/UITable.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,309],"./UITextInput.story":["./stories/UITextInput.story.tsx",594,300,820,797],"./UITextInput.story.tsx":["./stories/UITextInput.story.tsx",594,300,820,797],"./UIToggle.story":["./stories/UIToggle.story.tsx",594,300,626],"./UIToggle.story.tsx":["./stories/UIToggle.story.tsx",594,300,626],"./UIToggleGroup.story":["./stories/UIToggleGroup.story.tsx",594,300,586,844],"./UIToggleGroup.story.tsx":["./stories/UIToggleGroup.story.tsx",594,300,586,844],"./UITooltip.story":["./stories/UITooltip.story.tsx",594,180,300,820,961,285,963],"./UITooltip.story.tsx":["./stories/UITooltip.story.tsx",594,180,300,820,961,285,963],"./UITranslationInput.story":["./stories/UITranslationInput.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,302],"./UITranslationInput.story.tsx":["./stories/UITranslationInput.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,302],"./UITreedropdown.story":["./stories/UITreedropdown.story.tsx",594,300,820,961,871,29],"./UITreedropdown.story.tsx":["./stories/UITreedropdown.story.tsx",594,300,820,961,871,29],"./Utilities.story":["./stories/Utilities.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,672],"./Utilities.story.tsx":["./stories/Utilities.story.tsx",594,180,254,16,300,820,961,285,871,756,487,320,604,586,104,672]};function e(n){if(!t.o(i,n))return Promise.resolve().then(()=>{var o=new Error("Cannot find module '"+n+"'");throw o.code="MODULE_NOT_FOUND",o});var I=i[n],y=I[0];return Promise.all(I.slice(1).map(t.e)).then(()=>t.t(y,23))}e.keys=()=>Object.keys(i),e.id="./stories lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$",s.exports=e},"./storybook-config-entry.js":(s,r,t)=>{"use strict";var i=t("@storybook/global");const e=__STORYBOOK_MODULE_PREVIEW_API__,n=__STORYBOOK_MODULE_CHANNELS__,I=x=>x(),y=[x=>c(p,null,function*(){if(!/^\.[\\/](?:stories\/(?!\.)(?=.)[^/]*?\.story\.tsx)$/.exec(x))return;const U=x.substring(10);return t("./stories lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$")("./"+U)})];function o(x){return c(this,null,function*(){for(let U=0;U<y.length;U++){const _=yield I(()=>y[U](x));if(_)return _}})}const a=()=>(0,e.composeConfigs)([t("../../node_modules/.pnpm/@storybook+react@8.1.11_prettier@3.3.3_react-dom@16.14.0_react@16.14.0_typescript@5.3.3/node_modules/@storybook/react/dist/entry-preview.mjs")]),l=(0,n.createBrowserChannel)({page:"preview"});e.addons.setChannel(l),i.global.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const u=new e.PreviewWeb(o,a);window.__STORYBOOK_PREVIEW__=u,window.__STORYBOOK_STORY_STORE__=u.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=l},"@storybook/global":s=>{"use strict";s.exports=__STORYBOOK_MODULE_GLOBAL__}},s=>{var r=i=>s(s.s=i);s.O(0,[917],()=>r("./storybook-config-entry.js"));var t=s.O()}])});T();})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],d=!0,s=0;s<t.length;s++)(i&!1||o>=i)&&Object.keys(r.O).every(p=>r.O[p](t[s]))?t.splice(s--,1):(d=!1,i<o&&(o=i));if(d){e.splice(n--,1);var l=a();l!==void 0&&(f=l)}}return f}})(),r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},(()=>{var e=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,f;r.t=function(t,a){if(a&1&&(t=this(t)),a&8||typeof t=="object"&&t&&(a&4&&t.__esModule||a&16&&typeof t.then=="function"))return t;var i=Object.create(null);r.r(i);var n={};f=f||[null,e({}),e([]),e(e)];for(var o=a&2&&t;typeof o=="object"&&!~f.indexOf(o);o=e(o))Object.getOwnPropertyNames(o).forEach(d=>n[d]=()=>t[d]);return n.default=()=>t,r.d(i,n),i}})(),r.d=(e,f)=>{for(var t in f)r.o(f,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:f[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((f,t)=>(r.f[t](e,f),f),[])),r.u=e=>""+({29:"UITreedropdown-story",84:"UIActionCallout-story",210:"UIFlexibleTable-story",218:"UIPersona-story",244:"UICalloutCollisionTransform-story",248:"UISections-story",292:"UICallout-story",294:"UICheckbox-story",295:"UICombobox-story",302:"UITranslationInput-story",309:"UITable-story",328:"UIMessageBar-story",398:"UILabel-story",456:"UISeparator-story",469:"UILink-story",520:"UIDropdown-story",524:"UIIcon-story",535:"UIQuickNavigation-story",626:"UIToggle-story",672:"Utilities-story",682:"UILoader-story",693:"UIDialog-story",740:"UIButton-story",761:"UICreateSelect-story",778:"UIContextualMenu-story",786:"UISearchBox-story",797:"UITextInput-story",835:"UIDatePicker-story",844:"UIToggleGroup-story",900:"UIChoiceGroup-story",963:"UITooltip-story"}[e]||e)+"."+{16:"a38966a1",29:"8b18cd66",84:"6c94d001",104:"82647169",180:"22849a6c",210:"faa649e8",218:"6419a8aa",244:"15d048db",248:"c2a9778c",254:"480f8d47",285:"bf9307d0",292:"c34aa62d",294:"9bd978c7",295:"c59e0b8a",300:"a05a6f07",302:"591f361e",309:"34698d68",320:"85bdbeab",328:"963d9dbc",398:"863ba248",456:"2aacdc48",469:"f89741e1",487:"c3c24fa1",520:"eef1b4c3",524:"8026f717",535:"b13443bd",586:"38f48d45",594:"35720fa3",604:"2d7e915d",626:"6e43072c",672:"b7d94ab7",682:"0ed5ba9f",693:"8520b2ad",740:"179b29e1",756:"3c27bb9b",761:"d419277e",778:"c7989db7",786:"d11b95b1",797:"5e67604d",820:"b173e04b",835:"d5c4fa07",844:"3a542445",871:"4a80e026",900:"40a23fa8",961:"ad3b4320",963:"489faa74"}[e]+".iframe.bundle.js",r.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch(e){if(typeof window=="object")return window}}(),r.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),(()=>{var e={},f="@sap-ux/ui-components:";r.l=(t,a,i,n)=>{if(e[t]){e[t].push(a);return}var o,d;if(i!==void 0)for(var s=document.getElementsByTagName("script"),l=0;l<s.length;l++){var c=s[l];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")==f+i){o=c;break}}o||(d=!0,o=document.createElement("script"),o.charset="utf-8",o.timeout=120,r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",f+i),o.src=t),e[t]=[a];var b=(_,p)=>{o.onerror=o.onload=null,clearTimeout(u);var U=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),U&&U.forEach(h=>h(p)),_)return _(p)},u=setTimeout(b.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=b.bind(null,o.onerror),o.onload=b.bind(null,o.onload),d&&document.head.appendChild(o)}})(),r.r=e=>{typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="",(()=>{var e={303:0};r.f.j=(a,i)=>{var n=r.o(e,a)?e[a]:void 0;if(n!==0)if(n)i.push(n[2]);else if(a!=303){var o=new Promise((c,b)=>n=e[a]=[c,b]);i.push(n[2]=o);var d=r.p+r.u(a),s=new Error,l=c=>{if(r.o(e,a)&&(n=e[a],n!==0&&(e[a]=void 0),n)){var b=c&&(c.type==="load"?"missing":c.type),u=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
|
|
2
|
-
(`+b+": "+u+")",s.name="ChunkLoadError",s.type=b,s.request=u,n[1](s)}};r.l(d,l,"chunk-"+a,a)}else e[a]=0},r.O.j=a=>e[a]===0;var f=(a,i)=>{var[n,o,d]=i,s,l,c=0;if(n.some(u=>e[u]!==0)){for(s in o)r.o(o,s)&&(r.m[s]=o[s]);if(d)var b=d(r)}for(a&&a(i);c<n.length;c++)l=n[c],r.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return r.O(b)},t=self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[];t.forEach(f.bind(null,0)),t.push=f.bind(null,t.push.bind(t))})(),r.nc=void 0})();})();
|